

.clear-grid{
    clear:both;
    float:inherit;
}
.container {
    margin:0%;
    width: 100%;
}
.container:after, .container:before {
    display: table;
    clear:both;
    content: " ";
}
.nest {
    margin:0 -10px;
    padding:0;
    width:auto;
}

/*********************************************************************************************

2.  Mobile Grid

*********************************************************************************************/


.grid-m-12 {
    width: 100%;
}
.grid-m-11 {
    width: 91.666663%;
}
.grid-m-10 {
    width: 83.33%;
}
.grid-m-9 {
    width: 74.999997%;
}
.grid-m-8 {
    width: 66.66666664%;
}
.grid-m-7 {
    width: 58.333%;
}
.grid-m-6 {
    width: 50%;
}
.grid-m-5 {
    width: 41.6665%;
}
.grid-m-4 {
    width: 33.33%;
}
.grid-m-3 {
    width: 24.99%;
}
.grid-m-2 {
    width: 16.66666%;
}
.grid-m-1 {
    width: 8.33%;
}

/*********************************************************************************************

3.  Grid 720px+

*********************************************************************************************/
/*@media screen and (max-device-width:375px){
    .footer_right {
		width: 94% !important;
    }
}
@media screen and (min-device-width:481px){
    .footer_right {
		width: 87% !important;
    }
}
@media screen and (min-width:769px){
   .footer_right {
		width: 40% !important;
    }
}*/

@media (min-width: 300px) {
    .footer_right {
		width: 95% !important;
		
	}
	.mobile-down {
    padding-top: 13%;
}
	.speech-container {
    width: 90%;
    margin-left: 5%;
}
	.zakaz-2 a {
    font-size: 0.4em !important
	}
}
@media (max-width: 481px) {
    .footer_right {
		/*width: 94% !important;*/
	}
}
@media (min-width: 720px) {
    .grid-12 {
        width: 100%;
    }
	.footer_right {
		width: 30% !important;
	}
	.zakaz-2 a {
    font-size: 0.64em !important
	}
	.speech-container {
	width: 65%;
    margin-left: 17%;
	/*top: 11%;*/
}

	.mobile-down {
    padding-top: 0;
}
    .grid-11 {
        width: 91.666663%;
    }
    .grid-10 {
        width: 83.33%;
    }
    .grid-9 {
        width: 74.999997%;
    }
    .grid-8 {
        width: 66.66666664%;
    }
    .grid-7 {
        width: 58.333%;
    }
    .grid-6 {
        width: 50%;
    }
    .grid-5 {
        width: 41.6665%;
    }
    .grid-4 {
        width: 33.33%;
    }
    .grid-3 {
        width: 24.99%;
    }
    .grid-2 {
        width: 16.66666%;
    }
    .grid-1 {
        width: 8.33%;
    }

    .grid-t-12 {
        width: 100%;
    }
    .grid-t-11 {
        width: 91.666663%;
    }
    .grid-t-10 {
        width: 83.33%;
    }
    .grid-t-9 {
        width: 74.999997%;
    }
    .grid-t-8 {
        width: 66.66666664%;
    }
    .grid-t-7 {
        width: 58.333%;
    }
    .grid-t-6 {
        width: 50%;
    }
    .grid-t-5 {
        width: 41.6665%;
    }
    .grid-t-4 {
        width: 33.33%;
    }
    .grid-t-3 {
        width: 24.99%;
    }
    .grid-t-2 {
        width: 16.66666%;
    }
    .grid-t-1 {
        width: 8.33%;
    }
}
/*@media (min-width: 1050px) {
    .FormaRight {
        width: 67%;
		top: 500px;
    }
	.blok1 {
		height: 850px;
	}
}
@media (max-width: 1200px) {
    .FormaRight {
        width: 60%;
		top: 350px;
		
    }
	.blok1 {
		height: 750px;
	}
}*/
/*********************************************************************************************

4.  Grid 1024px+

*********************************************************************************************/

@media only screen and (min-width: 1024px) {
    .grid-tl-12 {
        width: 100%;
    }
	
    .grid-tl-11 {
        width: 91.666663%;
    }
    .grid-tl-10 {
        width: 83.33%;
    }
    .grid-tl-9 {
        width: 74.999997%;
    }
    .grid-tl-8 {
        width: 66.66666664%;
    }
    .grid-tl-7 {
        width: 58.333%;
    }
    .grid-tl-6 {
        width: 50%;
    }
    .grid-tl-5 {
        width: 41.6665%;
    }
    .grid-tl-4 {
        width: 33.33%;
    }
    .grid-tl-3 {
        width: 24.99%;
    }
    .grid-tl-2 {
        width: 16.66666%;
    }
    .grid-tl-1 {
        width: 8.33%;
    }
}


/*********************************************************************************************

5.  Grid 1200px+

*********************************************************************************************/

@media only screen and (min-width: 1200px) {
    .container {
        max-width:100%;
        margin:0 auto;
    }
    .container-fluid {
        max-width:90%;
        margin:0 5%;
    }
    .grid-d-12 {
        width: 100%;
    }
    .grid-d-11 {
        width: 91.666663%;
    }
    .grid-d-10 {
        width: 83.33%;
    }
    .grid-d-9 {
        width: 74.999997%;
    }
    .grid-d-8 {
        width: 66.66666664%;
    }
    .grid-d-7 {
        width: 58.333%;
    }
    .grid-d-6 {
        width: 50%;
    }
    .grid-d-5 {
        width: 41.6665%;
    }
    .grid-d-4 {
        width: 33.33%;
    }
    .grid-d-3 {
        width: 24.99%;
    }
    .grid-d-2 {
        width: 16.66666%;
    }
    .grid-d-1 {
        width: 8.33%;
    }
}
@media only screen and (max-width: 2000px) {
    .text_blok2{
    width: 60%;
    margin-left: 20%;
}
.foto_blok2{
    width: 70%;
    margin-left: 15%;
    margin-top: 15px;
}
}
@media only screen and (max-width: 1700px) {
    .text_blok2{
    width: 70%;
    margin-left: 15%;
}
.foto_blok2{
    width: 80%;
    margin-left: 10%;
    margin-top: 15px;
}
}
@media only screen and (max-width: 1500px) {
    .text_blok2{
    width: 80%;
    margin-left: 10%;
}
.foto_blok2{
    width: 80%;
    margin-left: 10%;
    margin-top: 30px;
}
}
@media only screen and (max-width: 1430px) {
    .bloki_blok3 p{
    font-size:1.25em;
}
}
@media only screen and (max-width: 1350px) {
 #footer .footer_right{
    padding: 40px;
    position: absolute;
    width: 40%;
    right: 50px;
    top:100px;
    color:#fff;
    font-size: 1.3em;
}
}
@media only screen and (max-width: 1300px) {
   #footer .footer_right{
    padding: 40px;
    position: absolute;
    width: 40%;
    right: 50px;
    top:100px;
    color:#fff;
    font-size: 1.2em;
}
    .text_blok2 p{
    margin-top: 10px;
    line-height: 1.3;
    font-size: 1.1em;
}
.bloki_blok3 p{
    font-size:1.1em;
}
}
@media only screen and (max-width: 1200px) {
    #footer .footer_right{
    padding: 30px;
    position: absolute;
    width: 40%;
    right: 50px;
    top:100px;
    color:#fff;
    font-size: 1.2em;
}
   
    .FormaRight #btn_submit{
    font-size: 1.2em;
}
 #my-contact-formZv #btn_submit{
    font-size: 1em;
}
.bloki_blok3 p{
    font-size:1em;
}
.FormFT{
    position: fixed;
     top:20%;
     width: 50%;
     left: 50%;
     margin-left: -25%;
     z-index: 9999;
     background: #049aff;
     padding: 25px 15px;
     text-align: center;
     display: none;
}
}
@media only screen and (max-width: 1100px) {
    .voprosi h6{
    font-size: 1.7em;
    }
    .voprosi span{
    font-size: 1.4em;
    }
     #footer .footer_right{
    padding: 30px;
    position: absolute;
    width: 50%;
    right: 50px;
    top:100px;
    color:#fff;
    font-size: 1.2em;
}
    .blok3 h3{
    width: 100%;
    margin-left: 0;
}
    .text_blok2 p{
    margin-top: 8px;
    line-height: 1.2;
    font-size: 1em;
}

    .FormZv{
     width: 50%;
     left: 50%;
     margin-left: -25%;
}
   
    .FormaRight #btn_submit{
    font-size: 1.1em;
}
    .logo img{
    width: 40%;
    float: left;
    margin-left: 3%;
}
.zakaz_zvonok a{
    font-size: 1em;
}
.logo span{
    width: 50%;
    font-size: 0.8em;
}
.tel a{
    font-size: 1.2em;
}
}
@media only screen and (max-width: 1180px) {

	.FormaRight {
        width: 70%;
		top: 520px;
		margin-left: -36%;
    }
	.blok1 {
		height: 870px;
	}
}
@media only screen and (min-width: 1181px) {

	.FormaRight {
        width: 70%;
		top: 513px;
		margin-left: -36%;
    }
	.blok1 {
		height: 870px;
	}
}
@media only screen and (min-width: 1280px) {

	.FormaRight {

		top: 410px;
    }
	
}
/*@media only screen and (max-width: 1380px) {

	.FormaRight {
        width: 67%;
		top: 500px;
    }
	.blok1 {
		height: 850px;
	}
}*/

@media only screen and (max-width: 1050px) {
    .bloki_blok3 p{
    font-size:0.9em;
    padding: 15px 3px;
}
    
    .FormaRight{
          width: 80%;
    margin-left: 10%;
	display:none;
    }
    .FormaRight p{
    font-size: 0.9em;
}
    .FormaRight input{
    width: 80%;
    margin-left: 10%;
    padding: 7px;
}
 .FormaRight #btn_submit{
    font-size: 1em;
}
 .blok1{
    background: url('../img-land/back-main_50.jpg') no-repeat 100% 100% fixed;
    background-size: 140% 100%;
    background-position-x: left;
}
}
@media only screen and (max-width:930px) {
    .bloki_blok3 p{
    font-size:0.85em;
    padding: 15px 3px;
}
    .text_blok2 p{
    margin-top: 3px;
    line-height: 1;
    font-size: 0.9em;
}
   
    .FormaRight h5{
    font-size: 1.5em;
}
    .zakaz_zvonok a{
    font-size: 0.85em;
    padding: 6px 9px;
}
.tel a{
    font-size: 1em;
}
}
@media only screen and (max-width:870px) {
    .bloki_blok3 p{
    font-size:0.8em;
    padding: 15px 0;
}
#footer .footer_right{
    padding: 20px;
    position: absolute;
    width: 50%;
    right: 20px;
    top:100px;
    color:#fff;
    font-size: 1.1em;
}
}
@media only screen and (max-width:840px) {
    
    .blok1{
    background: url('../img-land/back-main_50.jpg') no-repeat 100% 100% fixed;
    background-size: 160% 100%;
    background-position-x: left;
}
    .FormaRight{
          width: 94%;
    margin-left: 3%;
	display:none;
    }
    .logo span{
    display:none;
}
.logo img{
    width: 67%;
    float: left;
    margin-left: 9%;
}
nav ul{
    margin-left:0;
}
.nav li{
    margin-left: 4%;
}
}
@media only screen and (max-width:800px) {
   
.zakaz_zvonok a{
    font-size: 0.8em;
    padding: 6px 7px;
}

.tel a{
    font-size: 0.9em;
}
}
@media only screen and (max-width:770px) {
 #footer .footer_right{
    padding: 20px;
    position: absolute;
    width: 50%;
    right: 20px;
    top:100px;
    color:#fff;
    font-size: 1em;
}
}
@media only screen and (max-width:740px) {
   
    .bloki_blok3 p{
    font-size:0.77em;
    padding: 15px 0;
}
}
@media only screen and (max-width:720px) {
    .footer_bottom{
        display:none;
    }
    .FormFT{
    position: fixed;
     top:20%;
     width: 80%;
     left: 50%;
     margin-left: -40%;
     z-index: 9999;
     background: #049aff;
     padding: 25px 15px;
     text-align: center;
     display: none;
}
    .bloki_blok3 p{
    font-size:1.4em;
    padding: 15px;
}
    .text_blok2 p{
    margin-top: 10px;
    line-height: 1.2;
    font-size: 1.1em;
}
    .FormZv{
     width: 70%;
     left: 50%;
     margin-left: -35%;
}
    .logo img{
    width: 50%;
    float: left;
    margin-left: 25%;
}
.nav{
    display:none;
}
.zakaz_zvonok{
     display:none;
}
.tel a{
    font-size: 1.5em;
}
 .blok1{
    background: url('../img-land/back-main_50.jpg') no-repeat 100% 100% scroll;
    background-size: 140% 100%;
    background-position-x: left;
}
.messages{
     position: fixed;
     top:20%;
     width: 90%;
     left: 50%;
     margin-left: -45%;
     z-index: 9999;
     background: #049aff;
     padding: 25px 25px;
     text-align: center;
     font-size: 1em;
     display: none;
}
}
@media only screen and (max-width:640px) {
    .voprosi{
        text-align:center;
    }
    .opepator{
        display:none;
    }
}
@media only screen and (max-width:540px) {
    .zakaz_xim a{
        font-size:0.8em;
    }
    .voprosi h6{
    font-size: 1.2em;
    }
    .voprosi span{
    font-size: 1.1em;
    }
   
    .blok7 h5{
    width: 100%;
    margin-left: 0;
}
    #footer .footer_right{
    display:none;
}
}
@media only screen and (max-width:490px) {
    .FormFT{
    position: fixed;
     top:20%;
     width: 96%;
     left: 50%;
     margin-left: -48%;
     z-index: 9999;
     background: #049aff;
     padding: 25px 15px;
     text-align: center;
     display: none;
}
   
    .blok3 h3{
        font-size:1.7em;
    }
    .bloki_blok3 p{
    font-size:1.24em;
    padding: 15px 5px;
}
    .FormZv{
     width: 90%;
     left: 50%;
     margin-left: -45%;
}
     .blok1{
    background-size: 250% 100%;
    background-position-x: left;
}
}
/*********************************************************************************************

6.  Helper classes

*********************************************************************************************/


img{
    max-width: 100%;
    height: auto;
}

.image-him {
	margin: 0 auto;
    /*text-align: center !important; */
    display: block;
}
 .footer_right {
	 display: block;
	 margin: 0 auto;
    padding: 50px;
    background: #049aff;
    width: 40%;
    color: #fff;
    font-size: 1.4em;
    box-shadow: 0 0 20px 0 #000;
}

h2 {
	background-color: #fff;
}

.under-speech {
	background-color: #fff;
	display: inline-block;
	width: 100%
}
.cd-author__ava-slot1 {
    background-image: url(../img-land/anna.jpg);
    background-size: auto 100%;
}
.cd-author__ava-slot5 {
    background-image: url(../img-land/lena.jpg);
    background-size: auto 100%;
}

.blok6 h5 {
	background: #fff;
}
.cImg-handle2 {
	display: none;
}

nav > ul > li > div {
	display: none;
	position: absolute;
	z-index: 5;
	padding: 0px 34px 1px 3px;
	/*border: 1px solid #000000;*/
	background: #6ebdff;
	/* width: 16% !important; */
	color: #fefefe;
	width: 140px;
	/* font-size: 10px !important; */
}

nav > ul > li:hover > div {
	display: table;
	width: 200px;
}
nav > ul > li > div > ul {
	display: table-cell;
}
nav > ul > li ul + ul {
	padding-left: 20px;
}
nav > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
	text-align: center;
}
nav > ul > li ul > li > a:hover {
	/*background: rgba(55, 171, 255, 0.61);*/
}
nav > ul > li.under-menu > div > ul li a {
	color: #fff;
}
nav ul li div ul li a::after {
	display: none;
	
}
.breadcrumb {	
    margin-left: 2.8%;
}

nav > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	/*padding: 6px 5px 5px 0px;*/
}
.content-title {
	text-align: center;
}
.blok7 h5 {
	margin-bottom: 3%;
}