/*
Последнее обновление:02.11.2016
Автор: Alex_Top
*/

.menu_hidden, #pull, #pull_v {display:none;}
#pull, #pull_v {position:relative; padding:15px 20px 15px 50px; font-size:12px; text-align:left; font-weight:bold; text-transform:uppercase; color:#FFF; border-top:1px solid #FFF;
background:url(./images/ico1.png)no-repeat 5px center, 
radial-gradient(circle at center bottom , rgba(13, 89, 141, 0.56) -17%, rgba(13, 89, 141, 0.26) 23%, rgba(57, 13, 54, 0) 60%) repeat scroll 0 0, linear-gradient(180deg, #120E24 0%, #110D21 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);  /*  box-shadow:0 0 14px 3px rgba(0, 0, 0, 0.5), 0 1px 0 #634664 inset; */}
#pull:hover, #pull_v:hover {background:url(./images/ico1.png)no-repeat 5px center,
	 radial-gradient(circle at center top , rgba(13, 89, 141, 1.8) -0%, rgba(13, 89, 141, 0.26) 43%, rgba(57, 13, 54, 0) 60%) repeat scroll 0 0, linear-gradient(180deg, #120E24 0%, #110D21 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
#pull span, #pull span:before, #pull span:after, 
#pull_v span, #pull_v span:before, #pull_v span:after {height:2px; background:#fff;}
#pull span, #pull_v span {position:absolute; text-indent:-9999px; width:16px; top:50%; right:20px;}
#pull_v span {display:block;}
#pull span:before, #pull span:after, #pull_v span:before, #pull_v span:after {display:block; position:absolute; content:''; left:0; width:100%;}
#pull span:before,#pull_v span:before {top:-6px;}
#pull span:after, #pull_v span:after {bottom:-6px;}
/* active state */
#pull.active span, #pull_v.active span {background:none;}
#pull.active span:before, #pull_v.active span:before {top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
#pull.active span:after, #pull_v.active span:after {bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
#pull span:before, #pull span:after, #pull_v span:before, #pull_v span:after,
#pull.active span:before, #pull.active span:after, #pull_v.active span:before, #pull_v.active span:after {-webkit-transition:0.3s; transition:0.3s;}


/* Begin Media Queries */
@media (min-width:800px) and (max-width:2400px){
.first .style3 .block  {margin:0;}
.first .style3 .block_hi  {width:50%; float:left; margin-bottom:20px;}
.first .style3 .block_hi:nth-child(2n+1) {padding-right:5px;}
.first .style3 .block_hi:nth-child(2n) {padding-left:5px;}
.first .style3 .paint {height:100%;}
}
@media screen and (max-width:1280px) {
}
@media (min-width:940px) and (max-width:1024px) {
}

@media screen and (max-width:1024px) {

}
@media screen and (max-width:960px) {
	.footer .col_3:nth-child(1) {width:50%; order:2;}
	.footer .col_3:nth-child(2) {width:100%; order:1;}
	.footer .col_3:nth-child(3) {width:50%; order:3;}
}	
@media screen and (max-width:840px) {
	
}
@media screen and (max-width:800px) {
	.owl-carousel h2, .owl-carousel h2 a {font-size:28px;}
}
@media screen and (max-width:768px) {
	.sf-menu.sf-vertical a, .sf-menu.sf-vertical span {text-align:center;}
	.header .head_slogan {display:none;}
}
@media screen and (max-width:640px) {
	.owl-carousel h2, .owl-carousel h2 a {font-size:26px;}	
}
@media screen and (max-width:600px) {
	.owl-carousel h2, .owl-carousel h2 a {font-size:32px;}	
	.col_head .nav {left:10px;top:80px;}
}
@media screen and (max-width:480px) {
	.owl-carousel h2, .owl-carousel h2 a {font-size:26px;}	
	.footer .col_3:nth-child(1),
	.footer .col_3:nth-child(2),
	.footer .col_3:nth-child(3) {width:100%;}
}		 
@media (max-width:340px) {

}

/* Перестановка колонок New */
@media screen and (max-width:960px) {
	.main, .wrapper, .col {margin:0;}	
	.columns_box {display:flex; flex-wrap:wrap;}
	.col.f_l {order:1;}
	.col.f_r {order:2;}
	.main {width:calc(100% - 240px); padding-right:20px;}
	.container::before {border:0;}
}
@media screen and (max-width:800px) {
	.columns_box {margin:0 -10px;}
	.col.f_l, .col.f_r {padding:0 10px; width:50%;}
	.main {float:none; width:100%; padding-right:0;}
	.container::after {border:0;}
	.first_page .news {border-bottom:3px solid #e7e8e1;}
	.content.clearfix { border-bottom:5px solid #e7e8e1;}
}
@media screen and (max-width:640px) {
	.news .img_block {width: 50%;}
}
@media screen and (max-width:480px) {
	.news .news_sel .img_block, .news .img_block {width: 100%;}
}

@media (min-width:961px) and (max-width:1000px) {
	 .news .news_sel .img_block {width:100%; float:none;}
}
@media (min-width:801px) and (max-width:960px) {
}
@media (min-width:801px) and (max-width:940px) {
}
@media (min-width:800px) and (max-width:940px) {
/* textarea, input, label[for="upload"] {width:100%;}
.float label {text-align:left;} */
#uname_div, #password_div, #email_div, #name_div {padding-left:0;}
}
@media (min-width:800px) and (max-width:939px)	{
}
@media (min-width:801px) and (max-width:860px)	{
}
@media (min-width:716px) and (max-width:799px) {
	.news_last .f_l {width:50%; margin:5px 20px 10px 0;}
}
@media (min-width:601px) and (max-width:715px)	{
	
}
@media (min-width:600px) and (max-width:717px) {
	
.news_full .f_l, .news_sel .f_l , .news .f_l {width:100%;margin-right:0;}
}
@media (min-width:600px) and (max-width:670px) {
/* textarea, input, label[for="upload"] {width:100%;}
.float label {text-align:left;} */
#uname_div, #password_div, #email_div, #name_div {padding-left:0;}
}
@media (min-width:421px) and (max-width:600px) {
	.news_last .f_l {width:50%; margin:5px 20px 10px 0;}
}
@media (max-width:419px) {
	.news_full, .news {width:100%; float:none;}
}


/* правую колонку вниз */
@media (max-width:768px) {
	.wrapper {margin-right:0;}
	 .greedy_v, .sf-menu.sf-vertical {display:none;}
 .greedy_box {position:relative;margin:0;display:block; height:62px; /* width:calc(100% - 16px);  z-index:0;*/}
 .navigation .greedy_v {position:relative;margin-top:-62px;display:block; height:62px; /* width:calc(100% - 16px); z-index:0; */}
 
	 .navigation .menu_btn_v, nav.greedy {position:absolute; top:0; bottom:0; right:40px; margin:0; width:40px; z-index:9999;}
	 .navigation .menu_btn_v {right:0;}
	
	
.menu_btn_v {right:0;}
	/* 
	nav.greedy {position:fixed; top:45px; right:8px; margin:0; width:auto; z-index:9999;}
	.greedy_box {position:absolute; top:100%;margin:0;width:calc(100% - 16px);}
	*/
/* 	.greedy_box .hidden-links.sf-menu li {float:left;} */
	.hidden-links.sf-menu li ul,
	.hidden-links.sf-menu li ul  li {width:100%;}
	.menu_btn {background:#005E70;}
	.menu_btn:hover, nav.greedy .menu_btn.active {background:#4C4C4C;}
	.greedy_v ul,
	.hidden-links {width:100%; border-top:3px solid #D4D4D4; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);}
	.greedy_v li,
	.hidden-links li {float:left; width:50%; margin:0; background:#005e70; outline:1px solid #007A92;}

/*
 доработать, чтобы изначально стили меню были superfish, 
а при смене раздешения были однообразыми и гор и верт меню 
*/
.greedy_v ul {position:absolute; top:100%; z-index:9999; background:#005e70;} /* не применялась тень к ul */
.greedy_v li a {color:#FFF !important;}
.greedy_v li:hover {background:#4C4C4C !important;}
	
	
}
/* все колонки вниз */
@media (max-width:600px) {
	.wrapper, .col.f_l, .col.f_r {float:none; margin:0; width:100%;}	
	.main.float {float:none;}
	.container:before {border:0; background:none;}
/* a.logo {transform:scale(0.8) rotate(0deg);} *//* масштабируем орготип */
a.logo {float:none;/* transform: scale(.9); */ left:-10px; }
.navigation .nav_s {display:none;}
.header{flex-direction:column; justify-content:center; }
.header .col_head, .header .col_head h2 {width:100%; top:0; float:none;}
.header .col_head {float:none; margin-top:-40px;}
/* .header .col_head a {display:inline-block;}
.header .col_head a:nth-child(2n) {margin-left:35px;}
 .header .col_head span {margin-left:10px;}
 .header .col_head br {display:none;} */
.col.f_r form {max-width: 100%;}

/*Прилипалка меню*/
/*.wrap {margin-top:100px;}Смещение на высоту меню*/
.menu_adaptive {position:fixed; top:0; left:0; width:100%; z-index:200;}
.box_center {display:none;} /*.head_r {width:100%;}*/
.box_left {width:100%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
/*reset*/
.sf-menu li, .sf-vertical li, .sf-vertical li.current {float:left;}
ul.sf-vertical {padding:0; border-radius:0;}
/* подмена меню другим */ 

/* .menu, .sf-menu {display:none;} ===================*/

.menu_hidden, #pull, #pull_v {display:block;}
.sf-menu.sf-vertical>li.title_menu {display:none ! important;}	
/* 50% */
/*.sf-menu>li, .sf-menu>li.current,
.sf-vertical>li, .sf-vertical>li.current {width:50%; margin:0; box-shadow:0 0 0 rgba(0,0,0,.0); border-top:1px solid #FFF;}
.sf-menu>li:nth-child(even), .sf-menu.sf-vertical>li:nth-child(even) {border-left:1px solid #FFF;} если есть title то меняем порядок*/
 /*.sf-menu.sf-vertical>li:nth-child(odd) {border-left:0;}reset*/
/* меню под один стиль */
/* 
.sf-menu >li,.sf-menu >li.sfHover,.sf-menu.sf-vertical >li,.sf-menu.sf-vertical >li.sfHover {background:#10294a;}	
.sf-menu >li:hover,.sf-menu.sf-vertical >li:hover {background:#0c213d;}
.sf-menu a, .sf-menu span, .sf-menu.sf-vertical a, .sf-menu.sf-vertical span {
padding:20px 15px; font-size:12px; font-weight:bold; text-align:center; text-decoration:underline; color:#FFF;}
.sf-menu.sf-vertical ul li a {text-transform:none;}
 */
/*
.sf-menu.sf-vertical>li {background:#960000;}
.sf-menu.sf-vertical>li:hover, .sf-menu.sf-vertical>li.sfHover {background:#222222;}
 */
.sf-menu.sf-vertical ul li {background:#F5F5F5;}
.sf-menu.sf-vertical ul li:hover, .sf-menu.sf-vertical ul li.sfHover {background:#d7d9dc; -webkit-transition:none; transition:none;}

.sf-menu.sf-vertical li>a:hover,.sf-menu.sf-vertical li.sfHover>a, .sf-menu.sf-vertical li>span:hover {color:#FFF;}
.sf-menu.sf-vertical ul li a,.sf-menu.sf-vertical ul li.current >a {color:#737373; text-decoration:none;}
.sf-menu.sf-vertical ul li a:hover,.sf-menu.sf-vertical .sfHover ul li.sfHover>a {color:#000;}
/* Current color hover */
.sf-menu.sf-vertical ul li.current >a:hover,.sf-menu.sf-vertical .sfHover ul li.current.sfHover>a {color:#000;}
/* Current background */
.sf-menu.sf-vertical li.current {background:#2d2d2d;}
.sf-menu.sf-vertical ul li.current {background:#F5F5F5;}
/* Current background hover */
.sf-menu.sf-vertical li.current:hover {background:#72746A;}
.sf-menu.sf-vertical ul li.current:hover {background:#e8e4d5;}
/* Color current */
.sf-menu.sf-vertical li.current >a{color:#FFF; /*border-bottom:2px solid #00FF33;*/}
.sf-menu.sf-vertical li.current >a:hover{color:#FFF; /*border-bottom:2px solid #00FF33;*/}
/* подстройка подпунктов под гор меню */
.sf-menu ul, .sf-menu ul li, .sf-menu.sf-vertical ul li, .sf-menu ul li.current .sf-vertical ul li.current {width:100%;}
/* Смещение подпунктов- подстройка под гор меню position:relative; */	
.sf-vertical ul, .sf-vertical ul ul {left:0; position:absolute; top:100%;} /*lvl2*/

.sf-arrows .sf-with-ul:after {right:10px;}  /*Отступ для стрелок  справа*/
/* Reset arrows */
.sf-vertical.sf-arrows> li>.sf-with-ul:after,
/* submenu */
.sf-vertical.sf-arrows ul li>.sf-with-ul:focus:after, .sf-vertical.sf-arrows ul li>.sf-with-ul:after, .sf-vertical.sf-arrows ul .sfHover>.sf-with-ul:after,
/* submenu-Hover */
.sf-vertical.sf-arrows ul li:hover>.sf-with-ul:after,
/* current */
.sf-vertical.sf-arrows> li.current>.sf-with-ul:after,
/* submenu current */
.sf-vertical.sf-arrows ul li.current>.sf-with-ul:focus:after, .sf-vertical.sf-arrows ul li.current>.sf-with-ul:after, .sf-vertical.sf-arrows ul .current.sfHover>.sf-with-ul:after,
/**/
.sf-vertical.sf-arrows li.current>.sf-with-ul:focus:after, .sf-vertical.sf-arrows li.current:hover>.sf-with-ul:after, .sf-vertical.sf-arrows .current.sfHover>.sf-with-ul:after,
/* menu current */
.sf-vertical.sf-arrows li>.sf-with-ul:focus:after,.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after {border-left-color:transparent;}
/* Default No background */  
.sf-vertical.sf-arrows> li>.sf-with-ul:after {
  border-top-color:#dFeEFF;  /*edit this to suit design (no rgba in IE8)*/
  border-top-color:rgba(204,176,197,1.0);}
/* Default No background-Hover */
.sf-vertical.sf-arrows li>.sf-with-ul:focus:after,.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after {border-top-color:rgba(221,222,222,1.0);}
}
@media (max-width:420px) {
	/* a.logo {transform: scale(.9); left:-20px; } */
	.row2 .nav_s {display:none;}
	.articles .box .hi {width:100%;}

.sf-menu>li, .sf-vertical>li, .sf-menu>li.current, .sf-vertical>li.current {width:100%;}

/* form */
.ico_mail, .ico_mail input[type="submit"],
textarea, input, label[for="upload"] {width:100%;}
.contactus .box label {align-self:auto; margin-bottom:4px; /* width:calc(100% - 10px); */}
.contactus form .box {flex-direction:column;}

/* #uname_div, #password_div, #email_div, #name_div {padding-left:0;} */
}
/*
@media (min-width:240px) and (max-width:419px) {
}
@media (max-width:340px) {
}
*/
/* End Media Queries */