/*
Theme Name:     Rozmuar
Theme URI:      http://rozmuar.ru/
Description:    Дочерняя тема для темы _Tk
Author:         Rozmuar
Author URI:     http://rozmuar.ru/
Version:        0.1.0
*/


a:active, a:focus { outline: none; }

h1, h2, h3{
    font-weight: 700;
    text-transform: uppercase;
    margin: 30px 0;
}

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f7f7f7;
}
body .white{
    background: #fff;	
	box-shadow: 1px 1px 15px #d4d4d4;
}

.spn_hdr, .spn_hdr2{display: block; text-align: center;}
.spn_hdr2 {font-size: 150%; padding-top:10px;}
.spn_hdr .br{margin-top:10px; display: block; height: 1px;}

.vebinar{
	background: #fff;
    padding: 10px 5px 0 5px;
    box-shadow: 1px 1px 15px #d4d4d4;
}

.clear{
	clear:both;
}

.site-branding .site-logo-img{
    width: 100%;
    padding: 20px;
}
.site-branding{
	text-align: center;	
}
.site-branding h1{
    font-size: 50px;
    font-weight: 600;	
    margin-bottom: 0;
}
.site-branding p{
    font-size: 12px;	
}

.phone{
    text-align: end;
    font-size: 17px;
    padding: 15px 0 5px;	
}
.phone a{
	color: #33849c;
    font-weight: 600;
    margin: 0 15px 0 5px;	
}

.navbar-default {
    background-color: rgba(248, 248, 248, 0);
    border-color: rgba(231, 231, 231, 0);
}
.navbar-default .navbar-nav>li>a {
    color: #108296;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 0 0 0 20px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #d05300;
    background-color: rgba(231, 231, 231, 0);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #d05300;
    background-color: transparent;
}
.navbar-nav {
    float: right;
    margin: 0;
}


.jquery-accordion-menu .jh4{
    background: #ec4e29;
    margin: 0;
    padding: 15px 0;
    color: #fff;
    font-weight: 600;
    text-align: center;	
}
.jquery-accordion-menu,.jquery-accordion-menu * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        outline: 0
}

.jquery-accordion-menu {
        position: relative;
}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header {
        width: 100%;
        height: 50px;
        padding-left: 22px;
        float: left;
        line-height: 50px;
        font-weight: 600;
        color: #f0f0f0;
        background: #414956
}

.jquery-accordion-menu ul {
        margin: 0;
        padding: 0;
        list-style: none
}

.jquery-accordion-menu ul li {
        width: 100%;
        display: block;
        float: left;
        position: relative;
		border-bottom: 1px solid #ececec;
}

.jquery-accordion-menu ul li a {
    width: 100%;
    padding: 10px 20px;
    float: left;
    text-decoration: none;
    color: #108296;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
   /* position: relative;*/
    overflow: hidden;
    -o-transition: color .2s linear,background .2s linear;
    -moz-transition: color .2s linear,background .2s linear;
    -webkit-transition: color .2s linear,background .2s linear;
    transition: color .2s linear,background .2s linear;
}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
        color: #fff;
        background: #3b424d
}

.jquery-accordion-menu>ul>li>a {
        border-bottom: solid 1px #3b424d
}

.jquery-accordion-menu ul li a i {
        width: 34px;
        float: left;
        line-height: 18px;
        font-size: 16px;
        text-align: left
}

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 0px;
    width: 10%;
    padding: 10px 0;
    position: absolute;
    line-height: 19px;
    font-size: 20px;
    -o-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform .3s linear width 19px;
    text-align: center;
    cursor: pointer;
	color: #33849c;
	font-size: 12px;
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
        line-height: 16px
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
        width: 100%;
        display: none;
        position: static
}
.jquery-accordion-menu .submenu li{
	background: #fff4ec;
}
.jquery-accordion-menu .submenu li:hover  {
    border-left-color: #ff6600;
    background: #ecfcff;
}

.jquery-accordion-menu ul ul.submenu li {
        clear: both;
        width: 100%
}

.jquery-accordion-menu ul ul.submenu li a {
        width: 100%;
        float: left;
        font-size: 13px;
        border-top: none;
        position: relative;
        border-left: solid 6px transparent;
        -o-transition: border .2s linear;
        -moz-transition: border .2s linear;
        -webkit-transition: border .2s linear;
        transition: border .2s linear
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
        border-left-color: #ff6600
}

.jquery-accordion-menu ul ul.submenu>li>a {
        padding-left: 30px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
        padding-left: 45px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
        padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        min-width: 20px;
        padding: 1px 2px 1px 1px;
        position: absolute;
        right: 18px;
        top: 14px;
        font-size: 11px;
        font-weight: 800;
        color: #555;
        text-align: center;
        line-height: 18px;
        background: #f0f0f0;
        border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        top: 12px
}

.ink {
        display: block;
        position: absolute;
        background: rgba(255,255,255,.3);
        border-radius: 100%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
}

.animate-ink {
        -webkit-animation: ripple .5s linear;
        -moz-animation: ripple .5s linear;
        -ms-animation: ripple .5s linear;
        -o-animation: ripple .5s linear;
        animation: ripple .5s linear
}

@-webkit-keyframes ripple {
        100% {
                opacity: 0;
                -webkit-transform: scale(2.5)
        }
}

@-moz-keyframes ripple {
        100% {
                opacity: 0;
                -moz-transform: scale(2.5)
        }
}

@-o-keyframes ripple {
        100% {
                opacity: 0;
                -o-transform: scale(2.5)
        }
}

@keyframes ripple {
        100% {
                opacity: 0;
                transform: scale(2.5)
        }
}

/*стили для цвета маню*/
.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a {

}

.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a {
    background: #049372
}

.green.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #049372
}



/*конец*/

#breadcrumbs{
	font-size: 16px;	
}
#breadcrumbs span{
    color: #33849c;
}
#breadcrumbs a{
	color: #ec4e29;
}

.entry-content{
	background: #fff;
    padding: 0 15px;
}
.but-down{
    background: #ec4e29;
    color: #fff;
    width: 100%;
    padding: 15px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;	
}
.but-down:hover{
    background: #de5900;
    color: #fff;
    text-decoration: none;	
}

.content{

}

.arch{
    background: #fff;
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 0px 0px 3px 0px #b7b7b7;;	
}
.arch h4{
    text-align: center;
    font-weight: 600;	
	font-size: 21px;
}
.arch p{
    text-align: center;
}
.arch .daten{
	font-weight: 600;
    font-size: 18px;	
}
.arch .urlad{
    text-align: center;	
}
.arch a{
    background: #ec4e29;
    color: #fff;
    padding: 10px 15px;
    margin: 10px 0;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.arch a:hover{
    background: #e05a00;	
	text-decoration: none;
}

#demo-list a{
        overflow:hidden;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        white-space:nowrap;
        width:90%;
}
       
.sveden{
	background: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 4px #d0d0d0;
	display: grid;
}
.sveden h4{
    text-align: center;
    padding: 5px 10px;
    font-weight: 600;
}	
.sveden .svedenia{
	padding: 15px;
}
.sveden img{
	border: 1px solid #a9c7d0;
}	
.sveden .svedenia h4{
    display: inline-block;
    color: #33849c;
	margin: 20px 0;	
}
.sveden .svedenia p{
	
} 
.sveden .svedenia a{
    background: #ec4e29;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
    margin: 5px 0 15px;	
}
.sveden .svedenia a:hover{
	text-decoration: none;
	background: #e25c03;
}
	

.scetchik{
    text-align: center;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 7px #e8e8e8;
}	
.scetchik h4{
    color: #ec4e29;
    font-size: 40px;
    font-weight: 700;	
}
.scetchik p{
    font-weight: 700;
    margin: 20px 0 20px;
    color: #333;	
}

.entry-con{
    box-shadow: 1px 1px 15px #d4d4d4;
    padding: 15px;
    margin: 30px 0;
    background: #fff;	
}
.entry-con h3{
    margin: 10px 0;
    color: #33849c;
}
.entry-con h4{
    font-weight: 700;
    margin: 0 0 20px;	
}


.leftnavigation .main-menu{
	padding: 0;
}
.leftnavigation .sub-menu{
	padding-left: 20px;	
}
.leftnavigation .ssub-menu{
	padding-left: 20px;	
}
.leftnavigation .navbar-nav>li{
	width: 100%;
	padding: 0 10px;
}
.leftnavigation .tutus{
    text-align: center;
	padding: 0!important;
}
.leftnavigation .tutus a{
    background: #ec4e29;
    color: #fff;	
	font-size: 18px;
}
.leftnavigation .tutus a:hover{
    background: #ec4e29;
    color: #fff;	
}

.breadcrumbs{
    font-size: 16px;
    margin: 10px 0 20px;	
}

.page-title{
    /* border-bottom: 5px solid #33849c; */
    margin-bottom: 30px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
    background: #33849c;
    margin: 0 0 25px 0;
    padding: 15px;
    color: #fff;
    /*display: inline-block;*/
}	

.slidgl{
    background: #fff;
}
.slidgl h4{
	font-size: 30px;
    margin: 10px 0 30px;
    font-weight: 700;
    color: #fff;
    background: #ec4e29;
    padding: 7px;
}
.slidgl p{
    font-size: 16px;
    padding: 0 10px;
    box-sizing: border-box;
}
.owl-slid{
    position: relative;	
	display: flex!important;
	box-shadow: 1px 1px 15px #d4d4d4;
}
.owl-slid .owl-nav{
	position: absolute;
    bottom: 0;
    right: 0;	
}
.owl-slid .owl-prev, .owl-slid .owl-next{
    font-size: 16px!important;
    padding: 5px!important;
    border: 1px solid #ec4e29!important;
    color: #fff!important;
    background: #ec4e29!important;
    margin: 3px;
    border-radius: 8px;
    width: 31px;
    height: 31px;
}


.csotr{
    padding: 5px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 1px 1px 11px #e8e8e8;
}
.csotr h3{
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 20px 5px;
    text-transform: uppercase;
}
.cosotr{
    background: #ffffff;
    margin-bottom: 9px;
    border-top: 1px solid #ffeadc;
}
.cosotr p{
	margin: 0;
}
.cosotr a{
	color: #33849c
}
.cops{
	padding: 5px 0 0 5px;
    font-weight: 600;
}
.copsph{
	
}

.priem{
	
}
.priem h3{
    font-weight: 700;
    text-transform: uppercase;
    margin: 30px 0;
}
.priem .priom{
    background: #fff;
    padding: 10px;
	box-shadow: 1px 1px 15px #d4d4d4;
}
.priem .priom h4{
	font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;	
}
.priem .priom p{
	
}

.primce{
    background: #fff;
    padding: 10px;
    box-shadow: 1px 1px 15px #d4d4d4;
    margin-bottom: 30px;
}

.prepod{
	
}
.prepod .prep {
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 1px 1px 6px #afafaf;
}
.prepod .prep h4{
	text-align: right;
    font-weight: 600;
    margin: 15px 0 0 0;
    padding: 15px;
    color: #ffffff;
    display: inline-block;
    background: #33849c;
    float: right;
}
.prepod .prep p{
    padding: 15px;
}

.otziv{
    box-shadow: 1px 1px 15px #d4d4d4;
    background: #fff;
    padding: 10px;
    margin-bottom: 30px;
}
.otziv .nameso{
	font-size: 16px;
    font-weight: 600;
    text-align: end;
    margin: 10px 0;	
}
.orang h2{
    background: #ec4e29;
    margin: 30px 0 25px 0;
    padding: 15px;
    color: #fff;
	display: inline-block;
}
.contacol{
	
}
.contacol h2{
    background: #ec4e29;
    margin: 0 0 25px 0;
    padding: 15px;
    font-size: 18px;
	color: #fff;
}
.contacol a:hover{
	text-decoration:none;
}
.contacol article{
	box-shadow: 1px 1px 15px #d4d4d4;	
}
.contacol article:hover{
	box-shadow: 1px 1px 15px #868686;	
}

/* youtube */
.voutita{
    color: #fff;
    background: #33849c;
    padding: 11px;
    margin: 0 -5px 25px -5px;
}
.youal{
    background: #fff;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}
.toutyo{
    position: relative;
}
.toutyo .youbut{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    margin-top: -50px;
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.toutyo .youbut:hover{
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray; /* IE 6-9 */
}
.youal .youtit{
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    margin: 5px 0;
    color: #33849c;
}

.tabls{
    font-size: 17px;
    margin-bottom: 10px;	
}

.obsha{
	box-shadow: 1px 1px 15px #d4d4d4;	
	margin-bottom: 30px;
}
.obsha h4{
    background: #fff;
    color: #33849c;
    margin: 0;
    padding: 10px;
    font-weight: 600;	
}
.obsha h4:hover{
	text-decoration: none;
}


.tablsd{
    background: #fff;
    padding: 5px;	
}
.tablsd .tabls{
	
}
.tablsd .tabros{
	
}
.tablsd .tabros a{
	
}




.wpcf7{

}
.wpcf7 label{
    width: 100%;   
}
.wpcf7 .wpcf7-text{
    padding: 5px;
    width: 100%;   
}
.wpcf7 input[type=submit]{

}



.site-footer{
    background: #fff;
    border-top: 2px solid #ec4e29;
    padding: 20px 0;	
	margin-top: 30px;
}

.foomenu ul{
    padding: 0 0 0 17px;	
}
.foomenu li{
    font-size: 11px;
    margin-bottom: 5px;
}
.foomenu .fh4{
    background: #ec4e29;
    color: #fff;
    padding: 5px;	
}
.foomenu a{
    color: #33849c;
    font-weight: 600;	
}
.foomenu a:hover{
	text-decoration: none;	
}



/* таблица */

table.miyazaki { 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  background: #d0eef7;
  color: #000;
  text-rendering: optimizeLegibility;
  width: 100%;
  border-color: #dddddd;
}
table.miyazaki caption { 
  font-size: 2rem; 
  color: #444;
  margin: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left, center right; 
}
table.miyazaki thead th { font-weight: 600; }
table.miyazaki thead th, table.miyazaki tbody td { 
  padding: .8rem; 
  font-size: 1.4rem;
}
table.miyazaki tbody td { 
  padding: .8rem; 
  font-size: 1.4rem;
  color: #444; 
}
table.miyazaki tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}
table.miyazaki tbody tr{
	background: #fff;
}
table.miyazaki tbody tr:nth-child(2n){
	background: #f4fcff;
}



.benefits {
    width: 100%;
    background: #59aec7;
}
 
.benefits__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 15px 0 20px;
}
 
.benefits__header {
    width: 100%;
    text-align: center;
    line-height: 1.3;
    padding: 0 15px 10px;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    margin: 15px 0;
}
 
.benefits__element {
    width: 50%;
}
 
.benefits__icon {
	display: block;
    width: 50px;
    margin: 0 auto;
    margin-bottom: 5px;
}
 
.benefits__element p {
    text-align: center;
    line-height: 1.3;
    margin-bottom: 5px;
}
 
.benefits__number {
	color: #ec4e29;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
}
 
.benefits__title {
    font-size: 16px;
	color: #fff;
}

#menu-item-764, #menu-item-765, #menu-item-766{display: none;}




@media screen and (max-width: 991px) {
  table.miyazaki caption { background-image: none; }
  table.miyazaki thead { display: none; }
  table.miyazaki tbody td { 
    display: block; padding: .6rem; 
	text-align: inherit;
  }
  table.miyazaki tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
	table.miyazaki tbody td:before { 
	/* content: attr(data-th); */
    font-weight: bold;
    display: inline-block;
    width: 60%;
    margin-right: 10%;
  }
}


@media screen and (min-width: 1270px) {
    .container {
        width: 1270px;
    }
}

@media screen and (min-width: 767px) {
	.prepod .prep:nth-child(2n) .col-md-4{
		float:right;
	}
	.prepod .prep:nth-child(2n) h4{
		float: left;
	}
}


@media screen and (min-width: 1500px) {
	.container {
		width: 1470px;
	}
}



@media screen and (max-width: 767px) {
    .leftnavigation{display: none;}
    .phone > a{white-space: nowrap;}
    .site-logo-img{max-width: 200px;}
    #menu-item-764, #menu-item-765, #menu-item-766{display: block;}
}

@media screen and (max-width: 650px) {
    .page-title{    font-size: 27px;}
}

@media screen and (max-width: 450px) {
    .page-title{    font-size: 17px;}
    h2{font-size: 17px;}
}


.foomenu.center{text-align: center;}