/*
Theme Name: cischool
Theme URI: http://underscores.me/
Author: Иван Никитин и Партнеры
Author URI: http://ivannikitin.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cischool
Tags:
*/
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
@media print {
  .container {
    width: auto;
  }
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea{
	font-family: 'Open Sans', 'Roboto', sans-serif;
	color: #252525;
	font-size: 15px;
}

span.scena{
	color: #00285e;
	font-size: 15px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'Open Sans Condensed', 'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}

.osf{
	font-family: 'Open Sans Condensed', 'Roboto Condensed', sans-serif;
}

.site-main h2, .site-main .h2,
.site-main h3, .site-main .h3,
.site-main h4, .site-main .h4,{
	margin: 30px 0;
}

.site-main .anons{
	margin-bottom: 0 !important;
}

.home h2, .home .h2{
	color: #000;
}

h2, .h2{
	font-size: 24px;
}

.woocommerce div.product h1.product_title{
	text-align: left;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 0;
}

.clear{
	clear: both;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

strong{
	color: #000;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #81142d;
	text-decoration: underline;
}

a:visited {
	
}

a:hover,
a:focus,
a:active {
	
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}






#masthead{
	padding-top: 15px;
}

h1.entry-title,
.entry-header h1{
	font-size: 30px;
	color: #00285e;
	text-align: center;
	font-family: 'Open Sans Condensed';
	font-weight: bold;	
}

#menu-top a{
	color: #021939;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	font-family: 'Open Sans Condensed';
	font-weight: bold;
	margin-top: 3px;
}

.navbar-default {
    background-color: transparent;
    border-color: #ebebeb;
	border-radius: 0;
}

.navbar {
    min-height: 35px;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
	background: #f7f6f6;
}

.b1,
.b2,
.b3{
	min-height: 90px;
	color: #fff;
}

.b1{
	background: #00285e;
}
.b2{
	background: #0b499c;
}
.b3{
	background: #1363cd;
}

#kvadraty h3, #kvadraty .h3{
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #fff;
}

#kvadraty img{
	display: block;
	margin-top: 20px;
}

#site-navigation{
	margin-bottom: 0;
}

.basket{
	font-weight: bold;
}

.tel{
	color: #00285e;
	font-size: 24px;
	line-height: 1;
}
	.tel span{
		font-size: 16px;
	}
	.tel a{
		text-decoration: none;
	}
	.tel a.tomail{
		text-decoration: underline;
		font-size: 13px;
		color: #81142d;
	}

.site-title{
	font-size: 13px;
	color: #81142d;
	margin: -7px 0 0 0;
}

.site-description{
	font-size: 13px;
	color: #00285e;	
	font-weight: bold;
	text-transform: uppercase;	
	letter-spacing: 1px;
}
.site-description-two{
	font-weight: bold;
	color: #81142d;
	padding-top: 7px;
	font-size: 16px;

}

a.cart-contents{
	font-weight: bold;	
	color: #00285e;
	text-decoration: none;
}

a.blue,
.blue a,
.blue{
	color: #00285e;
}

.header__custom-txt a {
	display: inline-block;
}

.header__icon-vk {
	width: 20px;
	height: 22px;
	line-height: 1;
	fill: #5379b2;
}

.header__custom-txt a:hover .header__icon-vk {
	fill: #4c6a90;
}

.slick-dots {
    bottom: 15px;
}
.slick-dots li.slick-active button:before{
	color: #81142d;
}

.slick-dots li button:before{
	font-size: 14px;
	color: #fff;
	text-shadow: 1px 1px 0 #81142d;
}

.slick-dotted.slick-slider {
    margin-bottom: 5px;
}

.nopaddingleft{
	padding-left: 0 !important;
}
.nopaddingright{
	padding-right: 0 !important;
}

.post-32{
	background: #f5f4f4;
	padding: 15px;
}

.black{
	color: black;
}

.search-form{
	background: transparent url(./img/search-bg.png) right top no-repeat;
}
.search-form label{
	background: #f7f6f6;
	margin: 0;
	min-height: 35px;
	border: none;
	border-left: 1px solid #ebebeb;
	font-size: 13px;
	font-weight: normal;
	color: #b7b7b7;
	padding-left: 10px;
}
.search-field{
	padding-left: 10px;	
	margin: 0;
	min-height: 35px;
	border: none;
	background: #f7f6f6;
}
.search-submit{
	
}
.search-form input[type="submit"] {
    font-size: 0px !important;
    border: none;
    box-shadow: none;
    width: 17px;
    height: 17px;
    background: transparent url(./img/search.png) center no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.ajax_add_to_cart,
.add_to_cart_button{
	font-family: 'Open Sans Condensed';
	background: #81142d;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 6px;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
	border-radius: 0;
}	
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
	border-radius: 0;
}

.up-sells h2,
.up-sells .h2{
	font-size: 18px;
}

	.ajax_add_to_cart:hover,
	.ajax_add_to_cart:active,
	.ajax_add_to_cart:focus,
	.add_to_cart_button:hover,
	.add_to_cart_button:active,
	.add_to_cart_button:focus{
		color: #fff;
	}
.nobr{
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;	
}

.woocommerce-result-count{
	display: none;
}

#breadcrumbs{
	margin: 5px 0;
}

.bold-tr{
	font-family: 'Open Sans Condensed';
	font-weight: bold;
	font-size: 15px;
	color: #000000;
}

h1{
	color: #00285e;
	text-align: center;
	font-size: 24px;
}

#colophon img{
    opacity: 0.5;
    filter: gray;
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;	
}
	#colophon img:hover{
		opacity: 1;
		filter: none;
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);		
	}

#otzyvy{
	background: #f5f4f4;
	padding: 10px 30px 30px;
	text-align: center;

}
	#otzyvy h2,#otzyvy .h2{
		margin: 15px 0;
	}
	#otzyvy h3, #otzyvy .h3{
		margin: 20px auto;
	}

#slider,
#otzyvy,
#news{
	overflow: hidden;	
}

.otzyvy{
	font-size: 14px;
}

.news{
	margin-bottom: 30px;
}

.wpcf7 label{
	display: block;
	font-weight: normal;
}
.wpcf7 .form-group{
	overflow: visible;
}

.wpcf7 textarea.form-control{
	min-height: 120px !important;
	height: 100%;
}

span[itemprop="productID"]{
	text-transform: uppercase;
}

h2.my-widget-title,
#woocommerce_product_categories-2 h2{
	color: #81142d;
	font-size: 18px;
	border-bottom: 3px solid #e1e1e1;
	padding-bottom: 10px;
	margin-top: 0;
}


#secondary .menu,
#woocommerce_product_categories-2 ul{
	padding-left: 15px;
}

.product-categories a,
#secondary .menu a,
#woocommerce_product_categories-2 a{
	color: #707070;
	font-size: 13px;
}

.product-categories li,
#secondary .menu li,
#woocommerce_product_categories-2 ul li{
	margin-bottom: 5px;	
}

#menu-top .dropdown-menu a{
	font-size: 14px;
	font-weight: normal;
}

.tabs.wc-tabs{
	display: none;
}
.single-product .product_title.entry-title,
.single-product .row.summary.entry-summary{
/* 	border-bottom: 1px solid #ebebeb;
padding-bottom: 15px;
margin-top: 15px; */
}

h2.title-two, .h2.title-two{
	border-bottom: 1px solid #ebebeb;
	color: #00285e;
	margin: 0;
	padding-bottom: 20px;
}

.row.anons strong{
	font-size: 15px;
	color: #00285e;
}
.row.anons{
	color: #00285e;	
}

.single_add_to_cart_button{
	background: #81142d;
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	font-family: 'Open Sans Condensed';
	font-weight: bold;
	font-size: 14px;
}

.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus{
	
}

.prikrepysh{
margin-top: -90px;
	max-height: 90px;
}
.prikrepysh img{
	max-height: 90px;
	width:auto;
}

#noscript{
	background-color: red;
	color: white;
	text-align: center;
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 8888;	
	padding: 5px 0;
	font-weight: bold;
}
#noscript p{
	margin: 0;

}

.no-js #page-preloader{
	display: none !important;
}

#page-preloader {
	display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 100500;
}

#page-preloader .spinner {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('./img/spinner.gif') no-repeat 50% 50%;
    margin: -16px 0 0 -16px;
}

.form-control{
	border-radius: 0;
}

.woocommerce-error{
	background: red;
	color: white;
}

#secondary .children{
	display: none;
}

.entry-content{
	margin-top: 0;
}

.slick-prev:before, 
.slick-next:before{
	color: #000;
	font-family: 'Glyphicons Halflings';
}

	.slick-prev:before{
		    content: "\e251";
	}

	.slick-next:before{
		content: "\e250";
	}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
	background: #81142d;
	padding: 15px 30px;
	text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
	background: #81142d;
}


.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
	background: #81142d;
    color: #fff;
}

.woocommerce-Price-amount{
	font-size: 15px;
	color: #00285e;
}

.woocommerce div.product form.cart .button{
	float: none;
	height: 35px;
	width: 195px;
	padding: 0;

}

.price{
	margin-bottom: 0;
	line-height: 1;
}

.onsale{
	display: none;
}


#kratenko{
	background: #F5F3F4;
	padding: 20px;
}

.no-margin-bottom{
	margin-bottom: 0;
}


.archive.woocommerce-page .row.table-responsive{
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

td.n-kursa{
	width: 90px;
	max-width: 100%;
}

td.t-two{
	width: 120px;
	max-width: 100%;
}
td.t-three{
	width: 160px; 
	max-width: 100%;
}
td.t-four{
	width: 120px; 
	max-width: 100%;
}

td.t-five{
	width: 120px; 
	max-width: 100%;
}

td.nzv{
	min-width: 180px;
}

span.gorod{
	margin-left: 0 !important;
}

mark.count{
	display: none;
}

table{
	font-size: 13px;
}

.front-news-title{
	min-height: 65px;
}

.zz{
	position: fixed;
	left: 1%;
	top: 50%;
}

.t-kursy{
	border: none;
	font-size: 1.5rem;
}

.t-kursy td{
	border: none !important;
	padding: 0 !important;
	line-height: 1.25;
}

a.no-dec{
	text-decoration: none;
}

.product .panel{
	box-shadow: none;
}

.woocommerce div.product 
.woocommerce-tabs .panel{
	margin: 0;
}

.gallery-item {
    margin-bottom: 2rem;
}

#tags{
	background: url('/wp-content/themes/cischool/img/img-inc.png') repeat-y top center;
}
	#tags a{
		color: #fff;
	}
	#tags .tag{
		padding: 0 2rem 1rem 2rem;
	}

.mrb-20{
	margin-right: 20px;
	margin-bottom: 20px;
}



ol, ul {
    /*clear: left;*/
}


/*22 jan 2018*/
.panel-default>.panel-heading {
    color: #000;
    background-color: #ebebeb;
    border-color: #fff;
    margin: 1px;
}

.btn-danger,
.panel,
.panel-heading{
	border-radius: 0;
}

.btn-danger {
    color: #fff;
    background-color: #81142d;
    border-color: #81142d;
}

.panel-icons img{
	border: 1px solid #ebebeb;
	padding: 5px;
}

.panel-body{
	margin: 1rem 0;
	font-size: 14px;
}
	.panel-body a{
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
	}
	.panel-body .price{
		color: #81142d !important;
	}

.course_city_date .panel-body p{
	margin: 0;
}

.course_city_date .panel-heading{
	padding-top: 0;
	padding-bottom: 0;
}
	.course_city_date .panel-heading span.city{
		padding: 1rem 0;
		display: inline-block;
	}

.course_city_date .panel-body{
	padding-top: 0;
	padding-bottom: 0;
}

img.panel-icons {
	max-height: 24px;
	
	margin: 6px 3px;
}

.w-60{
	width: 60%;
	float: left;
}
.w-20{
	width: 20%;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
}


.mt-1{
	margin-top: 0.5em !important;
}
    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		.gor-kursy.slick-slider .slick-slide .thumbnail > img {
			width: 100%;
			aspect-ratio: 1 / 1;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.navbar-nav>li>a {
			padding: 5px 10px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		#menu-top a{
			font-size: 15px;
		}
		.search-form label{
			padding-left: 0;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		#masthead,
		#masthead .text-right{
			text-align: center !important;
		}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

/* hacks */
.upsells td.kurs-schedule {
	display: none;
}
.upsells tr.product td.t-five {
	display: none;
}
.kurs-webinar-icon,
.kurs-hall-icon {
	height: 18px;
}
.kurs-date-header {
	position: relative;
	font-size: 14px;
}
.kurs-date-icons {
	position: absolute;
	right: 0;
	top: 0;
}
td.kurs-baseprice {
  width: 120px !important;
}
td.kurs-duration {
  width: 150px !important;
}