/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/


td, th {
   border: 1px solid #999999;
   color: #333333;
}
/*таблица уменьшается*/
@media (max-width: 720px) {
	td p {
	font-size: 0.8em;
   }
   td {
	font-size: 0.8em;
   }
}

h1:first-child {
    margin-top: 10px !important;
    margin-bottom: 20px!important;
    font-size: 40px;
    text-transform: none;
    line-height: 150%;
    text-align: center;
    font-family: Open Sans;
}

h1 {
	text-align: center;
	text-transform: none!important;
	color: #002F55 !important;
	margin: 20px!important;
	font-family: Open Sans;
}

h2 {
	text-align: center;
	text-transform: none!important;
	color: #002F55 !important;
	font-family: Open Sans !important;
}
h3 {
	text-transform: none!important;
	/*text-align: center;*/
	color: #002F55 !important;
	font-family: Open Sans !important;
}
h4 {
	text-transform: none!important;
	font-family: Open Sans !important;
}
h5 {
	text-transform: none!important;
}
h6 {
	font-size: 16px;
}

@media (max-width: 1000px) {
	h1, .title-h1 {
	font-size: 24px!important;
	line-height: 110%!important;
   }
   h2 {
	font-size: 22px!important;
	line-height: 110%!important;
   }
   h3 {
	font-size: 20px!important;
	line-height: 110%!important;
   }
}

p {
	color: #333333;
}

ol {
	color: #333333;
}
ul {
	color: #333333;
}

#colophon {
    padding: 0px;
}

/* белая полоса над слайдером*/
@media (max-width: 1199px) {
    .wpb_row > * {
    margin-top: 0 !important;
     }
}

#top-area {
    /*border-bottom: 1px!important;*/
    background: rgba(255, 255, 255, 1);
    background-image: url(http://oboyan-internat.ru/wp-content/uploads/2020/01/sky4.jpg);
    padding: 0 !important;
}

.top-area {
    border-bottom: 0px solid #FFFFFF !important;
    border-top: 0px solid #333333 !important;
}

.transparent-header-background custom-broun {
   background: transparent !important;
}

#site-header {
  background-color: rgba(0, 47, 85, 1)!important;
  border-bottom: 0px solid #002F55!important;
  border-top: 0px solid #002F55 !important;
}

#site-header.fixed.shrink {
  background-color: rgba(0, 47, 85, 1)!important;
  border-bottom: 0px solid #002F55!important;
  border-top: 0px solid #002F55 !important;
}

#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li, #site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li
{
  padding-top: 6px!important;
  padding-bottom: 6px!important;
}

#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger) #primary-menu.no-responsive > li:hover > a
{
  color: #FFFFFF !important;
}

#site-header:not(.shrink) .transparent-header-background .header-style-1 #primary-menu.no-responsive > li.menu-item-current > a,
#site-header:not(.shrink) .transparent-header-background .header-style-1 #primary-menu.no-responsive > li.menu-item-active > a {
	border-bottom-color: transparent !important;
	background-color: transparent !important;
}

#primary-menu.no-responsive {
   margin: 0;
   margin-right: 50px;
}

.minisearch .sf-input {
	color: #302E2E!important;
}

/* мобильное меню*/

.primary-navigation.responsive ul > li.menu-item-current > a, .primary-navigation.responsive ul > li.menu-item.menu-item-active a {
    border-left: 4px solid #333333 !important;
}
/* END мобильное меню*/

.pt-cv-title a {
    font-weight: normal;
    color: #000000;
}

.pt-cv-title a:hover {
    color: #002F55;
}

h2.pt-cv-title, h3.pt-cv-title {
    font-size: 20px !important;
    font-family: Open Sans !important;
   /* text-align: center;*/
}
h4.pt-cv-title {
    font-size: 16px !important;
    font-family: Open Sans !important;
    text-align: center;
}
.widget h4.pt-cv-title {
    text-align: left;
}

.widget-area h4 a
{
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px;
}

.pt-cv-thumbnail.pull-left {
   width: 50px !important;
	height: 35px !important;
}
.pt-cv-thumbnail {
	box-shadow: 1px 2px 2px 2px #999999; /*тень картинки*/
	border-radius:1%; 
	object-fit:cover;
}

.pt-cv-thumbnail:hover {
	opacity:0.7;
	transition: opacity 0.6s;
}

.pt-cv-ifield {
	padding-bottom: 10px;
/*	text-align: center;*/
}

.widget a {
	color: #35689E;
}

#site-header .container {
	margin:0 auto;
	padding: 0px;
}

#site-header .site-title {
    padding: 0;
    vertical-align: middle;
}

/* top header blocks*/

.head1 {
	/*white-space: nowrap;*/
	color: #002F55;
	font-family: Open Sans;
	font-weight: 700;
	font-size: 24px;
	float: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	line-height: 120%;
	text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
}
.head2 {
	white-space: nowrap;
	color: #333333;
	font-family: Open Sans;
	font-weight: 500;
	font-size: 18px;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	line-height: 120%;
}
.head3 {
	white-space: nowrap;
	color: #333333;
	font-family: Open Sans;
	font-weight: 500;
	font-size: 16px;
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	line-height: 120%;
}
.head4 {
	white-space: nowrap;
	color: #333333;
	font-family: Open Sans;
	font-weight: 500;
	font-size: 24px;
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	line-height: 120%;
}
.head4 a {
	color: #333333 !important;
}
.head5 {
   float: right;
   padding-left: 10px;
	padding-right:20px;
	margin-top: 35px;
	padding-bottom: 5px;
}
@media (max-width: 768px) {
   .head1 img, .head2 img, .head3 img{
   width: 80px;
   height: 80px;
   }
  .head1 {
  	font-size: 18px;
  	padding-top: 2px;
	margin-bottom: 2px;
	padding-left: 2px;
	padding-right:2px;
	min-width: 300px;
  }
  .head2 {
   font-size: 16px;
  	padding-top: 5px;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-right:5px;
  }
  .head3 {
   font-size: 16px;
  	padding-top: 5px;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-right:5px;
  }
   .head4 {
  	font-size: 20px;
  	padding-top: 5px;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-right:5px;
  }
  .head5 {
  	padding-right:10px;
  	padding-left: 0px;
  	font-size: 20px;
  	padding-top: 5px;
	margin-bottom: 3px;
  }
}
.headderrmoby {
   white-space: normal;
	color: #002F55;
	font-family: Open Sans;
	font-weight: 500;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
   line-height: 130%;
   float: none;
}
.headderrmoby a {
	color: #333333 !important;
}

/* end top header blocks*/

.post-meta-conteiner {
	display: none;
}


/* новая форма связи */
.wpforms-form button[type=submit] {
	background-color: #002F55 !important;
	color: #FFFFFF !important;
	width: auto!important;
}
.wpforms-form button[type=submit]:hover {
	background-color: #FF9D0C !important;
}
.wpforms-form input {
	background-color: #eee !important;
}
.wpforms-form textarea {
	background-color: #eee !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 3px 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
    padding: 3px 0 3px 0 !important;
}
div.wpforms-container-full a {
	color: #002F55 !important;
}
.wpforms-confirmation-container-full {
    background: #e5f1f9 !important;
    border: 1px solid #002F55 !important;
    padding: 50px 50px !important;
}    
#wow-modal-close-1.mw-close-btn.image::before, #wow-modal-close-2.mw-close-btn.image::before, #wow-modal-close-3.mw-close-btn.image::before {
	background: #FF9D0C !important;
}  
/* END новая форма связи */

input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], textarea, .chosen-container, .select2-container, .checkbox-sign, .radio-sign {
    background-color: #eee !important;
}

.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
    border: 0px solid #ffffff!important;
    color: #FFFFFF !important;
    text-transform: uppercase!important;
    font-family: Open Sans !important;
    text-decoration: underline;
}

.header-style-3 #primary-menu.no-responsive > li > a, .header-style-4 #primary-menu.no-responsive > li > a {
    padding: 10px!important;
    font-size: 15px!important;
    font-weight: 700!important;
    letter-spacing: 1px;    
    text-transform: uppercase!important;
    color: #FFFFFF;
    font-family: Open Sans !important;
}

.header-style-3 #primary-menu.no-responsive > li > a:hover, .header-style-4 #primary-menu.no-responsive > li > a:hover {
    color: #FFFFFF !important;
    text-decoration: underline;
}

#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li > a, #site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li > a {
    font-size: 15px!important;
    font-weight: 700!important;
    letter-spacing: 1px;
}

.header-style-3 #primary-menu.no-responsive > li.menu-item-current, .header-style-3 #primary-menu.no-responsive > li.menu-item-active, .header-style-4 #primary-menu.no-responsive > li.menu-item-current, .header-style-4 #primary-menu.no-responsive > li.menu-item-active {
    padding: 8px 1px !important;
}

.header-style-3 #primary-menu.no-responsive > li, .header-style-4 #primary-menu.no-responsive > li {
    padding: 8px 3px;
}
/* mobyle*/
#site-header .primary-navigation.responsive {
	padding: 5px !important;
}
#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3 {
	background: #FFFFFF!important;
}

/*footer */
#footer-nav {
	background-color: #002F55 !important;
	border-top: 0px!important;
	padding: 10px;
}
#footer-nav .su-row {
	margin-bottom: 5px;
}
.footer-site-info {
	color: #FFFFFF;
}
.site-footer {
	color: #FFFFFF;
}
.site-footer p {
	color: #FFFFFF;
}
/* END footer */
.su-button-style-default:hover {
    opacity: 1!important;
    background-color: #FF9D0C !important;
}
.su-button-style-soft:hover {
    opacity: 1!important;
    background-color: #FF9D0C !important;
}

.widget-area .widget + .widget {
    margin-top: 20px!important;
}

.su-note {
	font-family: "Open Sans";
	font-weight: 300;
	letter-spacing: 1px;
}

.su-button {
	font-family: "Open Sans";
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.su-row .su-column {
   text-align: center;
}

.socials-item-icon {
    font: 40px/1 "thegem-socials";
}

.post-meta {
	display: none;
}


/*главная композер дата поста*/
.vc_gitem-post-data-source-post_date {
	display: none;
}
/* блок отзывы на главной*/
.gem-testimonials.style2 .gem-testimonial-wrapper p::after {
	display: none!important;
}

/* END блоки на главной*/


/*стр поиск*/
.blog-style-masonry .post-meta-author {
	display: none;
}

body.search .page-title-block .page-title-title {
	padding-bottom:10px!important;
}
body.search .page-title-block {
	background-color: #CCCCCC!important;
}
body.search .page-title-block:before {
	background-color: #CCCCCC!important;
}
body.search .post-text {
	display: none;
}
body.search .post-footer-sharing {
	display: none;
}
body.search .page-title-block .highlight {
	color: #333333;
}
/*END стр поиск*/

/*виджет каталог сбоку*/
.widget_categories > ul > li, .widget_product_categories > ul > li, .widget_pages > ul > li {
  padding-bottom: 5px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  padding-top: 5px!important;
}

/*gallery 4 columns */
.gallery-columns-4 .gallery-icon img {
	max-width: 200px;
	height: auto;
	box-shadow: 0px 4px 5px 3px #999999; /*тень картинки*/
}
@media (max-width: 900px) {
	.gallery-columns-4 .gallery-icon img {
	max-width: 180px;
	height: auto;
   }
}
@media (max-width: 768px) {
	.gallery-columns-4 .gallery-icon img {
	max-width: 120px;
	height: auto;
   }
}
@media (max-width: 480px) {
	.gallery-columns-4 .gallery-icon img {
	max-width: 70px;
	height: auto;
   }
}

/*gallery 3 columns */
.gallery-columns-3 .gallery-icon img {
	max-width: 240px;
	height: auto;
	box-shadow: 0px 4px 5px 3px #999999; /*тень картинки*/
}
@media (max-width: 900px) {
	.gallery-columns-3 .gallery-icon img {
	max-width: 220px;
	height: auto;
   }
}
@media (max-width: 768px) {
	.gallery-columns-3 .gallery-icon img {
	max-width: 150px;
	height: auto;
   }
}
@media (max-width: 480px) {
	.gallery-columns-3 .gallery-icon img {
	max-width: 100px;
	height: auto;
   }
}
/*gallery 2 columns */
.gallery-columns-2 .gallery-icon img {
	max-width: 400px;
	height: auto;
	box-shadow: 0px 4px 5px 3px #999999; /*тень картинки*/
}
@media (max-width: 900px) {
	.gallery-columns-2 .gallery-icon img {
	max-width: 300px;
	height: auto;
   }
}
@media (max-width: 768px) {
	.gallery-columns-2 .gallery-icon img {
	max-width: 200px;
	height: auto;
   }
}
@media (max-width: 480px) {
	.gallery-columns-2 .gallery-icon img {
	max-width: 150px;
	height: auto;
   }
}
/* end gallery*/

/*точки списка - счетчик страниц и т.п.*/
.wpb_text_column ul li:before {
    left: 0!important;
    height: 0px!important;
    width: 0px!important;
}
	
.podlogka3, .podlogka3 p {
	color: #ffffff !important; 
/*	text-shadow: -1px 0 #444444, 0 1px #444444, 1px 0 #444444, 0 -1px #444444;*/
}
.podlogka3 h1, .podlogka3 h2, .podlogka3 h3, .podlogka3 li {
	color: #ffffff !important; 
 text-shadow: -2px 0 #444444, 0 2px #444444, 2px 0 #444444, 0 -2px #444444;
}
.podlogka3 a {
	color: #ffffff !important; 
}
.podlogka3 a:hover {
	color: #999999 !important; 
}	


.voprosslova {
	font-size: 20px;
	color:#FFFFFF;
}	
.voproscifra {
	font-size: 30px;
	color:#FFFFFF;
}
@media (max-width: 768px) {
  .voprosslova {
	font-size: 16px;
	color:#FFFFFF;
  }	
  .voproscifra {
	font-size: 22px;
	color:#FFFFFF;
  }
}
@media (max-width: 480px) {
  .voprosslova {
	font-size: 16px;
	color:#FFFFFF;
  }	
  .voproscifra {
	font-size: 18px;
	color:#FFFFFF;
  }
}	
html body a.bvi-link {
    padding: 10px 5px!important;
    white-space: nowrap!important;
}
.bvi-open {
	font-size: 16px!important;
}

.widget-area .widget-title {
    margin-bottom: 5px!important;
}

/*убрать маркеры списка*/
#menu-menu_svedenija {
	list-style-type: none;
   padding-left: 0;
}
#menu-menu_svedenija-1 {
	list-style-type: none;
   padding-left: 0;
}
li {
	padding-bottom: 10px;
}
#menu-menu_svedenija a{
	color:#002F55!important;
}
#menu-menu_svedenija-1 a{
	color:#002F55!important;
}
#menu-menu_svedenija a:hover{
	color:#FF9D0C!important;
}
#menu-menu_svedenija-1 a:hover{
	color:#FF9D0C!important;
}

/* фон картинка*/
#main-content {
	background-image: url('http://oboyan-internat.ru/wp-content/uploads/2020/01/fon1-1400.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.block-content {
	background: transparent!important;
	padding: 0px !important;
}
#main-content .container {
	background: rgba(255, 255, 255, 0.8);
	padding-top: 10px;
	padding-bottom: 10px;
}
/*submenu*/
#primary-menu.no-responsive > li > ul {
	background-color: #ffffce;
}
#primary-menu.no-responsive > li > ul > li {
	padding-bottom: 0px !important;
}
#primary-menu.no-responsive > li > ul > li > a {
	background-color: #ffffce !important;
	color: #333333 !important;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 5px;
}
#primary-menu.no-responsive > li > ul > li > a:hover {
	background-color: #FFFFFF !important;
	color: #333333 !important;
}

/* */
.wpsisac-slick-slider .slick-arrow, .wpsisac-slick-carousal .slick-arrow {
	background-color: rgba(0, 0, 0, 0.1) !important;
}