/*

    $$$$$$$\  $$$$$$$$\  $$$$$$\  $$$$$$$\   $$$$$$\  $$\   $$\  $$$$$$\  $$$$$$\ $$\    $$\ $$$$$$$$\
    $$  __$$\ $$  _____|$$  __$$\ $$  __$$\ $$  __$$\ $$$\  $$ |$$  __$$\ \_$$  _|$$ |   $$ |$$  _____|
    $$ |  $$ |$$ |      $$ /  \__|$$ |  $$ |$$ /  $$ |$$$$\ $$ |$$ /  \__|  $$ |  $$ |   $$ |$$ |
    $$$$$$$  |$$$$$\    \$$$$$$\  $$$$$$$  |$$ |  $$ |$$ $$\$$ |\$$$$$$\    $$ |  \$$\  $$  |$$$$$\
    $$  __$$< $$  __|    \____$$\ $$  ____/ $$ |  $$ |$$ \$$$$ | \____$$\   $$ |   \$$\$$  / $$  __|
    $$ |  $$ |$$ |      $$\   $$ |$$ |      $$ |  $$ |$$ |\$$$ |$$\   $$ |  $$ |    \$$$  /  $$ |
    $$ |  $$ |$$$$$$$$\ \$$$$$$  |$$ |       $$$$$$  |$$ | \$$ |\$$$$$$  |$$$$$$\    \$  /   $$$$$$$$\
    \__|  \__|\________| \______/ \__|       \______/ \__|  \__| \______/ \______|    \_/    \________|


*/


@media screen and (max-width: 1800px){
	
	header .menu li a{ font-size: 13px; }
	header .logo img{ height: 50px; }
	
	.boxView1 .box .tit{ font-size: 32px; }
	.titDecor1{ font-size: 38px; }
	.titDecor2 span{ font-size: 32px; }
	
	footer .top .p2{ font-size: 40px; }
	footer .c1 img{ width: 200px; }
	
	.mainSlider{ height: 680px; }
	
}



@media screen and (max-width: 1680px){ /* standard */

	header .menu li a{ padding: 10px; }
	.container{ width: 77%; }
	.homePage .twoColl1{ margin-bottom: 80px; }
	
	.collView2 .item .desc table{ font-size: 20px; }
	.collView2 .item .h2, .titH1{ font-size: 32px; }
	
	.labelGreen{ padding: 90px 70px; }  
	.labelGreen .h2{ font-size: 20px; line-height: 35px; }
	
	.linksBig a{ padding-top: 35px; padding-bottom: 35px; }

} /* 1680 */


@media screen and (max-width: 1600px){ /* standard */

	header .logo img{ height: 36px; }
	header .menu li a{ font-size: 13px; }
	
	.topBanner{ height: 400px; }
	.topBanner.withTit{ height: 570px; }
	
	.barTit{ padding: 30px; }
	.barTit .h1{ font-size: 22px; }
	
	.tagsRight{ top: 170px; }
	
	.itemTextPic1 .text .h2{ font-size: 30px; }
	.itemTextPic1 .text .cont h3{ font-size: 22px; }
	
	.itemTextPic2 .text h2{ font-size: 24px; }
	
	.sepaSize3{ width: 120px; }
	
	.itemTextPic1 .redLink{ top: 110px; right: 140px; padding-left: 16%; }
	
	.gMap2{ height: 700px; }
	
} /* 1600 */

@media screen and (max-width: 1440px){ /* standard */

	body, input, select, textarea{ font-size: 14px; }

	.mainSlider{ height: 600px; }
	
	.container{ width: 86%; }
	.boxView1 .box .tit{ font-size: 30px; }
	.titDecor1{ font-size: 36px; }
	.titDecor1{ margin-bottom: 40px; }
	.sepa{ margin-bottom: 40px; }
	.sepa img{ width: 150px; }
	
	.twoColl1 .textColl1{ padding-left: 4%; padding-top: 100px; }
	.twoColl2{ background-position: right -60px center; background-size: auto 100%; }
	.twoColl2 .textColl1{ padding-left: 8%; }
	
	.titDecor2 span{ font-size: 30px; }
	
	footer .top .p1{ font-size: 26px; }  
	footer .top .p2{ font-size: 32px; }
	
	.tagsRight a, .linksBig a{ background-size: auto 30px; }
	.tagsRight a, .linksBig a{ padding-left: 80px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; }
	.tagsRight{ width: 270px; }
	
	
	.barTit{ padding: 20px; }
	.barTit .h1{ padding-bottom: 15px; }
	
	
	.itemTextPic1 .redLink{ height: 320px; }  
	
	.itemTextPic1 .text .h2.padd2{ padding: 30px 60px; }
	
	.linksBig a{ padding: 30px 30px 30px 35%; }
	
	.container2.paddLR{ padding: 0 70px; }
	
	.itemTextPic2 .pic{ height: 380px; }
	
	.gMap2{ height: 600px; }

	h3 {
	
		font-size: 21px;
	}

	
} /* 1440 */

@media screen and (max-width: 1400px){ 
	
	header .menu li a{ font-size: 12px; padding: 9px; }
	header .container{ width: 96%; }  
	
	.mainSlider{ height: 560px; }
	
	footer .top{ padding: 30px 0; }
	footer .bottom{ padding: 40px 0; }
	
	.topBanner{ height: 300px; }
	.topBanner.withTit{ height: 400px; }
	.tagsRight{ top: 136px; }
	
	.itemTextPic1 .text .cont{ padding: 10% 14%; } 
	.itemTextPic1 .pic{ height: 500px; }
	
	.labelGreen .h2{ font-size: 18px; margin-bottom: 30px; }
	.labelGreen p{ font-size: 21px; }
	.labelGreen{ padding: 60px 50px; }
	
	.titDecor2 span{ font-size: 26px; padding: 0 50px; }
	.titDecor2{ margin: 40px 0; }
	.titDecor2::before{ background-size: auto 30px; }
	
	.itemTextPic1 .redLink{ height: 280px; right: 70px; padding-left: 12%; }
	
	.collView2 .coll1{ padding: 4% 5%; }
	
	.container2{ width: 85%; }
	.labelGreen i{ border-width: 10px 0 10px 10px; }
	
	.btn2{ min-width: 170px; padding: 14px; }
	.itemTextPic2 .text .btn2{ bottom: -25px; }
	
	.container.paddTB{ padding: 60px 0; }
	
	.twoColl1 .boxView1{ width: 55%; }
	.twoColl1 .textColl1{ width: 45%; }
	
	header{ height: 70px; }
	body{ padding-top: 70px; }
	
	.whiteSec.paddTop{ padding-top: 30px; }
	
	footer .c1 img{ width: 150px; }
	footer .c1{ width: 220px; }
	
	.itemTextPic1.even .redLink{ padding-left: 5%; }
	
}/* 1400 */

@media screen and (max-width: 1280px){ /* standard */


	header .logo img{ height: 30px; }
	header .logo{ width: 170px; }
	header .menu{ width: calc(100% - 170px); padding-left: 100px; }
	header .menu li{ min-width: 70px; }
	.formNewsL{ height: 44px; }
	.itemTextPic1 .text .h2, .itemTextPic1 .text .sepaSize3{ margin-left: 100px; }
	.collView2 .item .h2, .titH1, .sepaSize3{ margin-bottom: 20px; }
	
	.boxView1 .box .tit{ font-size: 23px; }
	.titDecor1{ font-size: 32px; }
	.titDecor2 span{ font-size: 23px; }
	footer .top .p1{ font-size: 22px; }
	footer .top .p2{ font-size: 28px; }
	.itemTextPic1 .text .h2, .collView2 .item .h2, .titH1{ font-size: 26px; }
	.itemTextPic1 .text .cont h3, .desc h3{ font-size: 19px; }
	.itemTextPic1 .redLink{ font-size: 20px; }
	
	.collView2 .item .desc table{ font-size: 16px; }
	
	.btn1{ font-size: 12px; min-width: 180px; }
	
	footer .bottom .c2, footer .bottom .c3{
		padding-right: 20px;
	} 
	
	footer .c1{ width: 180px; }
	
	.gMap2{ height: 500px; }

} /* 1280 */

@media screen and (max-width: 1100px){ /* standard */


	.container, .container2{ width: 92%; }
	.twoColl1 .boxView1, .twoColl1 .textColl1{ width: 50%; }
	.twoColl1 .textColl1{ padding-left: 3%; padding-top: 60px; }
	.twoColl2 .textColl1{ padding-left: 0; }
	.homePage .twoColl1{ margin-bottom: 30px; }
	.homePage .twoColl2{ margin-bottom: 50px; }


} /* 1152 */


/* -------------------------------------------------------------------------
    MOBILE DEVICES
* -------------------------------------------------------------------------*/

@media screen and (max-width: 1050px){ /* standard */

	header{ height: 55px; }
	body{ padding-top: 55px; }
	header .menu{ display: none; }
	.mainSlider{ height: 460px; }
	.tagsRight{ position: static; display: block; width: 100%; }
	.twoColl1 .boxView1, .twoColl1 .textColl1{ width: 100%; float: none; }
	.twoColl1 .textColl1{ padding: 0 20px; padding-top: 50px; }
	
	.m_btn{ display: block; margin-top: 8px; }
	header .menu{
		position: absolute;
		top: 55px;
		left: 0;
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #eee;
		height: auto;
		padding: 20px 0;
	}
	header .menu ul{
		display: block;
		height: auto;
	}
	header .menu ul li{
		display: block;
	}
	header .menu ul li a{
		padding: 6px 9px;
	}
	.parallaxBg{ background-size: cover; background-attachment: scroll; }
	
	.topBanner.withTit{ height: 300px; }
	.topBanner{ height: 220px; }
	.sheme12.parallaxBg{ background-attachment: fixed; }
	
	
	footer .tableCell{ display: block; width: 100%; text-align: center; }
	footer .top .c1{ padding-bottom: 30px; }
	footer .bottom .tableCell{ padding-bottom: 20px; }
	footer .bottom .c2, footer .bottom .c3{ padding-right: 0; }
	footer .bottom .c5{ text-align: center; padding-bottom: 0; }
	
	.barTit{ padding: 15px; }
	.barTit .h1{ padding-bottom: 5px; }
	
	.itemTextPic1 .text .cont{ padding: 8% 11%; }
	
	.itemTextPic1 .text .h2, .collView2 .item .h2, .titH1{ font-size: 22px; }
	
	.itemTextPic1 .text .h2.padd2{ width: calc(100% - 80px); }
	
	.itemTextPic2 .pic{ height: 290px; }
	
	.twoColl2{ 
		background-position: right -70px center;
		background-size: auto 73%;
	}

	.itemTextPic1 .text .h2, .itemTextPic1 .text .sepaSize3{ margin-left: 60px; }
	
	.twoColl1 .textColl1{ padding: 0; padding-top: 40px; }

	.col-md-6 {
		-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width:50%;
	padding:0 15px;
	}

	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width:100%;
		padding:0 15px;
	}


	
} /* 1050 */

@media screen and (max-width: 800px){ /* standard */

	.twoColl2{ background: none; }
	.twoColl2 .textColl1{ width: 100%; }
	.mobile.map{ display: block; }
	
	.itemTextPic1 .text{ width: 100%; float: none !important; }
	.itemTextPic1 .pic{ position: static; width: 100%; float: none; margin: 0 auto; margin-top: 30px; width: 90%; }
	.itemTextPic1{ margin: 0 !important; margin-bottom: 40px !important; }
	.itemTextPic1.even .text{ margin-top: 0; }
	
	.collView2 .coll1{ width: 100%; float: none; padding: 7% 8%; }
	.collView2 .coll2{ width: 100%; float: none; }
	.collView2 .coll2 .labelGreen{ margin-top: 30px; }
	
	.itemTextPic1 .redLink{ display: block; float: none; width: 90%; position: static; margin: 0 auto; margin-top: 40px; height: 200px; }
	.itemsTextPic1{ padding: 0; }
	
	.titDecor2{ padding: 0 80px; }  
	.titDecor2 span{ font-size: 21px; padding: 0 30px; }
	
	.labelGreen.wide{  margin-left: 0; margin: 0 auto; width: 90%; margin-bottom: 40px; }
	
	.container2.paddLR{ padding: 0; }
	.oddSection{ margin-bottom: 0; }
	.oddSection .itemTextPic1{ top: 0; }
	.whiteSec.bigBottPadd{ padding-bottom: 40px; }
	.oddSection .container2{ padding-top: 50px; padding-bottom: 10px; } 
	.oddSection .itemTextPic1 .pic{ display: none; }
	
	.itemTextPic2{ width: 100%; }
	
	.container.paddTB{ padding: 30px 0; }
	.contactPage .twoColl3 .coll50.left{
		padding: 0;
		padding-bottom: 30px;
	}
	.contactPage .twoColl3 .coll50{ width: 100%; float: none; }
	
	.itemTextPic1 .pic{ height: 400px; }
	
	.collView2 .item{ padding-bottom: 30px; }
	
	.mTopMinus1{ margin-top: 0; } 
	.itemTextPic1 .text .h2.padd2{ width: 100%; }
	
	.gMap2{ height: 400px; }
	
} /* 800 */

@media screen and (max-width: 600px){ /* standard */

	.mainSlider{ height: 410px; }
	
	.boxView1 .box{ width: 100%; float: none; } 
	
	.titDecor1{ font-size: 26px; margin-bottom: 20px; }
	.sepa img{ width: 110px; }
	.sepa{ margin-bottom: 20px; }

	.topBanner.withTit{ height: 240px; }
	
	.itemTextPic1 .text .cont{ padding: 40px; }
	.itemTextPic1 .pic{ height: 300px; }
	
	.itemTextPic2 .text h2{ font-size: 19px; }
	
	.topBanner{ height: 170px; }  
	
	.collView2{ padding: 20px 0; }

	.col-sm-12 {
		-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width:100%;
	padding:0 15px;
	}

	
} /* 600px */

@media screen and (max-width: 480px){ /* standard */

} /* 480px */

@media screen and (max-width: 380px){ /* standard */

	.itemTextPic1 .text .cont{ padding: 40px 25px; }
	.itemTextPic1 .text .h2{ padding-bottom: 20px; }

} /* 360px */