BODY {
  background-color: #FFFFFF;
  color: #636363!important;
  margin: 0px;
  font:14px Roboto, helvetica, Arial, sans-serif;
  line-height:20px!important;
  font-size: 14px!important;
  background-repeat: repeat-x;
  
}



em { color: #636363 !important; background-color:transparent !important; }

p {
  font:14px Roboto, helvetica, Arial, sans-serif;
  color:#636363;
  line-height:20px;
  text-align: left;
  margin: 0px 0px 10px!important;
}

#content li {
  font:14px Roboto, helvetica, Arial, sans-serif;
  color:#636363;
  line-height:20px;
  text-align: left;
  margin: 0px 0px 10px!important;
}

h1, .h1 { font-size: 26px!important; border-bottom: 2px solid #ff7900; line-height: 35px!important; color:#ff7900!important; }
h2, .h2 { font-size: 20px!important; border-bottom: 2px solid #ff7900; line-height: 30px!important; color:#ff7900!important;}
h3 { font-size: 17px!important; color:#ff7900!important; }

a { color: #ff7900!important; text-decoration: none; font-weight: normal; outline: none; }
a:hover { color: #ff7900!important; text-decoration: underline!important; }
a.btn { color:#FFF!important }


.select{ width: 35px; }
hr { height:0px; color:#703200; border:2px solid #703200; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -border-radius:3px; }
img { border:0px; }
dd { margin-left: 1em; margin-right: 1em;}
.cb { clear: both; }
.cb10 { clear: both; height: 10px; }
.cb20 { clear: both; height: 20px; }

table, tr, td { border-collapse: collapse; }

div.mbody {  width: 100%; margin:0 auto; }

.pagecontent { margin-top: 8px!important;  } 

.content { width: 100%; }
.content img { margin: 5px; }

.navbar-toggle {
    margin-top: 30px!important;
    margin-right: 25px!important;
}

 
.langswitch { position: relative;
    z-index: 9999;
    margin-top: -120px;
    display: flex;
    justify-content: flex-start;
    padding-left: 820px;
}
.langswitch img { width: 30px; height: 20px; } 
.langswitch div { margin-left: 5px; } 



 @media (max-width: 980px) {
     .langswitch { position: relative!important; margin: 0px 15px; margin-top: 0px; padding-left: 5px; }
     
 }

/* header */
div.mheader { background-image: url('/images/topbg.png'); width: 100%; background-repeat: no-repeat; }


.mt25 { margin-top: 25px; }
.mt50 { margin-top: 50px; }
.mb50 { margin-bottom: 50px; }
.mb25 { margin-bottom: 25px; }


.logo { padding: 50px 0 0 5px; width: 240px; height: 96px;  float: left; }
.menu { float: left; width: 755px; padding-top: 80px; color:#034675;}
.menu  a { color: #ffffff; font-size: 14px;  }
.mpass {  background-image: url('/images/mpasbg.png'); background-repeat: repeat-x; height: 64px; text-align: center;  border-left: 1px solid #ffcf96; }
.mact { background-image: url('/images/mactbg.png'); background-repeat: repeat-x;  height: 64px;  text-align: center;  }
.qcontact { position: relative; left: 805px; top: -133px;  width: 200px;}
.qcontact a { color: #ffffff; font-size: 17px;  }

.tlines { background-image: url("/images/top-lines.png"); background-repeat: no-repeat; background-position: 100% 0; z-index: 500; height: 100px; }


.slider { margin: 0 0 0 0px; }



.mblock { width: 290px; height: 247px; float: left; margin: 47px 65px 0 0; }
.mblock img { margin: 0px; }
.mblocklast { width: 290px; height: 247px; float: left; margin: 47px 0px 0 0; }
.mblocklast img { margin: 0px; }
.mblocktop { background-image: url('/images/mbtbg.png'); width: 286px; height:  28px;  background-repeat: no-repeat; text-align: center; font-size: 18px;  padding-top: 3px; }
a.ablocks { color: #ffffff; font-size: 16px; }

.mblockbott { background-image: url('/images/mbbbg.png'); width: 286px; height:  25px;  background-repeat: no-repeat;  text-align: center; font-size: 16px;   }
.mblockbott a { color: #ffffff; font-size: 12px;}

.mbottom { margin: 45px 0 0 18px; }
.minfo { float: left; width: 300px;  }
.minfo h1 { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; border-bottom: none; line-height: 17px;}

.btitle { color: #ff7900; font-size: 17px;  margin-bottom: 20px;  }

.social { float: left; width: 300px; margin:0 30px 0 30px; }
.socpic { width: 32px; float: left;}
.soctxt { float: left; margin-left: 18px; margin-top: 6px; }

.bcontact { float: left; width: 290px; }
.bconform { }
.bconform input { width: 280px;  background-color:transparent; border: 0; }
.bconform textarea { background-color: #f3f3ee;  width: 280px; height: 80px; padding: 4px;  border:2px solid #f3f3ee; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -border-radius:3px;}
.binpbg {  height: 32px; width: 220px; margin-bottom: 15px; }



.indextxt { position: relative; z-index: 10; width: 1000px;   }
.indexmenu {font-family:  Tahoma, Verdana, Arial, sans-serif;}



.mobilensize { display: none; }

.breadcrumb { padding: 15px 0 15px 0; }

.footter { position: absolute; bottom:0px; left: 60%; height: 96px;  background-image: url('/images/bottomlines.png'); background-repeat: no-repeat; background-position: right bottom; }

.fcontact {  font-size:16px; text-align: center; border-top:2px solid #337ab7; padding-top: 15px;}
.fcontact a {  text-decoration: underline; }
.fbottom {  margin: 50px auto 25px; }


.development { color:#fff; font-size:11px; margin-right:2px; padding-top: 75px; text-align:right; margin-right: 15px; filter: drop-shadow(1px 1px 1px #000);
text-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3),0 0 2px #000; }
.development a { color:#fff; }
#i { font-family:Georgia,sans-serif; font-size:16px; font-style:italic; }

.vegas-timer-progress { background-color: #ff7900!important; z-index: 15500; }

.catfltr { width: 290px; float: left;  margin-right: 10px; }
.catfcontent { width: 840px; float: left; }

.mainnav {
    position: absolute;
    top: 170px;
    left: 45px;
    
}

.topitem {
    background-color: #337ab7!important;
    color: #FFF!important;
}
.topitem:hover {
    color: #337ab7!important;
    text-decoration: underline;
}

.ui-menus {
	list-style: none;
	padding: 0px;
	margin: 0;
	display: block;
	outline: none;
	
}

.ui-menus .ui-menus {
	margin-top: -3px;
	position: absolute;
}
.ui-menus .ui-menus-item {
    font-size: 16px;
	margin: 0;
	padding: 0;
	min-height: 36px;
    text-align: left;
    max-width: 400px;
	color: #ffffff;
	display: block;
	background-color: transparent;
	
	list-style-image: none;
	 font-weight: normal; 
     /*padding: 11px 0 0 0;*/
	margin-bottom: 10px;
	
}

.ui-menus-item { max-width: 700px !important; min-height: 20px!important;}

.dropdown-menu { 
  border: 0px solid rgba(0, 0, 0, 0.2)!important;
    border-radius: 0px!important;
    box-shadow: none!important;
}

.dropdown-menu li:hover { background: none!important;}


.ui-widget-content { background: transparent!important; border: 0px; }

/*.ui-menus .ui-menus-item:nth-child(odd) {margin-right: 13px;}*/

.msl {  padding-top: 4px!important; text-align:left; padding-bottom: 7px!important; }

.eduSubMenu { z-index: 100; }
.eduSubMenu li { 
    	margin: 0;
	padding: 0;
	width: 333px!important;
	float: none !important;
	background-color: #FF9600!important;
	z-index: 10000; 
}


.ui-menus .ui-menus-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menus .ui-menus-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	min-height: 0; /* support: IE7 */
	font-weight: 400;
	color: #2d6b9e!important;
	font-size: 22px;
     -webkit-filter: drop-shadow(1px 1px 1px #000);
     filter: drop-shadow(1px 1px 1px #000);
     
         
}

.ui-menus .ui-menus-item a:hover { color: #fff!important; }

.ui-menus .ui-menus-item a:after {
    content: '';
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 0;
    height: 2px;
    background: #ff7900;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s; 
}

.navbar-inner2 > ul > li > a.sf-with-ul:before, .navbar-inner2 .stickUpHolder > ul > li > a.sf-with-ul:before {
    font-family: "FontAwesome";
    content: "\f107";
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #fff;
}
.ui-menus .ui-menus-item:hover > a:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
    transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; 
}

.dropdown-menu > li > a:hover {
    background-color: transparent!important;
    background-image: none!important;
}


.ui-menus .ui-menus-item a.ui-state-focus,
.ui-menus .ui-menus-item a.ui-state-actives {
    text-decoration: underline;
}

.ui-menus .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menus .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menus-icons {
	position: relative;
}
.ui-menus-icons .ui-menus-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menus .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menus .ui-menus-icon {
	position: static;
	float: right;
}

.ui-state-focusm,
.ui-widget-content .ui-state-focusm,
.ui-widget-header .ui-state-focusm {


}




/* callbackbox */
#callres { margin-top: 2px; }
div.ktheader a.callback { color: #FFFFFF; border-bottom:1px dashed #FFFFFF; text-decoration: none; font-weight: bold; }
div.ktheader a.callback:hover { color: #CCCCCC; border-bottom:1px dashed #CCCCCC; text-decoration: none; }
.callback_block { color: #FFFFFF; }
#callbackbox { display: none; background-color:#FFFFFF!important; color:#000; padding:8px; right: 5px;  text-align: left; border:3px double #000; position: absolute;  width: 210px; z-index: 9999; border-radius: 10px;   }
.callheader { margin-top: -15px; z-index: -1; font-weight: bold; }
#callbackbox a{ color:#000000; text-decoration:underline }
#callbackbox input[type=text] { width: 195px; font-size: 10px; height: 15px; }
.callerrfield { border: 1px solid #FF0000!important; color: #FF0000!important; }
.popcartclose {text-align: right; }

.contbutton   {   background: url(/images/send.png) no-repeat;  cursor:pointer;  border: none;  width: 91px; height: 44px; color: #ffffff; margin-top: 5px;  }


.showasheader-name  { height: 30px; }
.showasheader-kurs { width: 20px; height: 30px; }


.xcolor { background-color: #003399; text-align: center; color: #ffffff; }

.spasialbox { position: relative; height: 200px; }
.spasialitem { position: absolute; top:0; }
.spasialitemtxt { background-color: #000000; opacity: 0.65;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65); /* IE 5.5+*/ color: #ffffff;  height: 40px;  width: 333px; position: absolute; top:168px;}
.spasialitemtxt a { color: #FFFFFF; font-family:Tahoma, Verdana, Arial, sans-serif;  font-size: 14px; }
.spasialitem:nth-child(odd) {margin-right: 13px;}

html>body .canv { display: none }
html>body .obj  { display: block }

.canv, .obj,  svg{  height:115px; }
.old_canv { font-family: 'Tahoma', Arial, sans-serif; font-size: 12px; width: 40px; margin-top: 40px}


#content.table{
 
}
#content table td{  color: #636363; padding: 6px; }
/* нечетная строка таблицы класса stripy */
#content  tr:nth-child(2n+1){
   background-color: #ffffff;
}

/* четная строка таблицы класса stripy */
#content  tr:nth-child(2n){
     background-color: #eeeeee;  
}

.catalog-item img  {margin: 5px 5px 5px 0;}


/*css for content*/

.tableborder { border: #CCCCCC 1px solid; }

.tableborder td
{
border: #CCCCCC 1px solid;
padding: 5px;
text-align: center;
}

.tableborder p
{
display: inline;
}

.tableborder2
{
width:100%;
border-left: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
}

.tableborder2 td {
border-right:  1px solid;
border-bottom: #CCCCCC 1px solid;
padding: 5px;
text-align: center;
vertical-align: middle;
}

.tabletrcolor {
background-color: #DEEBFC;
} 
.pictable {
float:right;
margin-bottom:10px;
margin-left:5px;
}
.imgspan {margin:0px 0px 0px 5px; padding:3px; border: 1px solid #3F82D0; float: right; display: block;}
.imgspan2 {margin:5px 0px 0px 15px; padding:3px; border: 1px solid #3F82D0; float: right; display: block;}

/* Filters */
.fltrplace { width: 280px;  }
.fltrplace td { }
#fltr { width: 285px; }
#fltr td{ padding-top: 2px; }
#fltr tr{ background-color: #eeeeee!important;  }
.fltr-btn { text-align: right; height: 35px; margin-top: 8px; padding-right: 6px; }
.fltr-prices { border:0; color:#000; font-size: 10px; width: 75px; font-weight: bold; }
.fltr-p-div { margin-bottom: 5px; }
.fltrplace a { text-decoration: none; }
.fltrprodtip { margin-top: -60px; height: 60px; opacity: 0.8; padding: 5px; display: none;}
.fltrprodtip a  { text-decoration: none; color: #FFFFFF;}
.h5 { height: 5px;}



/* Filters Block */
.fltrparamplace {  padding: 4px; padding-top: 10px; width: 295px;  color: #FFFFFF;}
.fltrparamplace td { }
.fltrparamplace a {  text-decoration: none; border-bottom: 1px dashed #FFFFFF; }
.pcity { border: 1px solid #065000; padding: 2px; height: 16px;  background-color: #cccccc; width: 163px!important; color: #636363;}
.fltrparamplace input { border: 1px solid #636363; padding: 2px; height: 12px;  background-color: #cccccc; width: 45px; color: #636363; }
.fltrparamplace select { border: 1px solid #636363;  background-color: #cccccc; width: 170px; color: #636363; font-size: 11px; }
.ui-slider  { width: 170px;}
.sebtn a { text-decoration: none; border: 0px; }

.searchform_start{     background-color: #eeeeee!important;
    padding: 10px;
    width: 350px;
    position: absolute;
    top: 480px;
    left: 50%; }
.searchform_start td{ padding: 3px!important;  }
   @media (max-width: 997px) { 
       .searchform_start{
           display: none;
       }
   
   }
.searchform_res{ background-color: #eeeeee!important; padding: 4px; width: 350px; position: absolute; float: left; top: 460px;}
.searchform_res td{ padding: 3px!important;   }
.paramfltrresp { min-height: 350px; }
#paramfplace{ width: 370px; float: left;  min-height: 250px; }
#paramfltrresp{ width: 800px; float: left;}
#params td { padding: 3px!important;  }


/* Params helper */
.showascomma-o-name { white-space:nowrap; vertical-align:top; font-weight: bold; }
.showascomma-spacer { vertical-align:top; }
.showascomma-name { white-space:nowrap; vertical-align:top; }

.showasrange-dtname { white-space:nowrap; }
.showasrange-inp { border:0px; color:#000; font-size: 10px; width: 55px; }
.showasrange-inp-div { margin-bottom: 3px; }

.showasgraphicradio-tip-image { margin-right: 5px; border:2px white solid; cursor: pointer; }
.showasgraphicradio-tip-txt { padding-top: 2px; font-size: 10px; }
.show-as-checkbox-val {  color:#000;  }

.propkyrs { font-size: 11px;}
.nwp { white-space:nowrap; }


.zheader{
   background-color: #0a6bad!important;   
}
.zheader td{  color: #ffffff!important;; }
/* нечетная строка таблицы класса stripy */
.zebra tr:nth-child(2n+1){
   background-color: #EBEAF2;
}

/* четная строка таблицы класса stripy */
.zebra tr:nth-child(2n){
  
}

.categ-subcat-name {
	width: 671px;
	float: left;
	height: 32px;
	padding-top: 8px;
	color: #ffffff;
	background-color: #193064;
	margin-bottom: 5px;
	text-align: center;
}
.categ-subcat-subname {
	width: 333px;
	float: left;
	height: 32px;
	color: #ffffff;
	background-color: #193064;
	margin: 0 5px 5px 0;
	text-align: center;
	padding-top: 8px;
}

.categ-subcat-name a, .categ-subcat-subname a {
font-weight: normal;
	 color: #ffffff!important; 
	 font-size: 15px
}

.ptopadd { padding-top: 2px!important; height: 38px; }

.bold {font-weight: bold!important;}

.city { background-color: #FF9600; color: #ffffff!important; font-weight: bold; }

.cart { background-color: #ffffff; }
#popcart{ background-color:#FFFFFF; color:#000; padding:8px; border:3px double #000; position: absolute; top: 55px; width: 220px; z-index: 99; -moz-border-radius: 5px!important; -khtml-border-radius: 5px!important; -webkit-border-radius: 5px!important; -border-radius:5px!important; }
#popcart a{ color:#000; text-decoration:underline }
.popcartclose { text-align:right; margin-top:-5px; padding:0px; }
.popcartclose a{ font-weight:bold; font-size:15px; text-decoration:none!important; }
.popcartclose a:hover{ font-weight:bold; color:red!important; font-size:15px; text-decoration:none!important; }


.btncart { height: 50px; background-color: #FFFFFF;    }
.btncartimg {  float: left;
    padding: 5px 0 0 10px;
    width: 40px; }
.btncarttxt { width: 210px; float: left; }
.btncarttxt div { padding-top: 3px; padding-left: 10px; }
.btncarttxt div a { text-decoration: underline;  font-size: 14px;}
.btncarttxt div a:hover { text-decoration: underline;  }


.pageforming { float: left; width: 470px; height: 225px;
               background-image: url('/assets/public/images/contacts_bg.png');
                }            
.pageform{
    float: left; width: 510px; background-color: #26b4d1;
    height: 225px;
    padding-left: 15px;
}
            
.pageinp { width: 220px; margin: 10px 10px 10px 10px; float: left; }
.pageinptxt { margin: 10px 10px 10px 10px; }
.pagebutton { margin-left: 250px;}
.pagebutton button { background-color: #0a6bad; width: 230px; height: 30px; font-size: 16px; border: 0px; color: #ffffff; }
.pageinp input[type="text"] {
    height: 39px;
    line-height: 39px;
    width: 220px;
    background-color: #FFFFFF;
    border-color: #a8a8a8;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    padding: 0 5px;
}
.pageinptxt textarea {
    width: 460px;
    height: 75px;
    
    background-color: #FFFFFF;
    border-color: #a8a8a8;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    padding: 5px 5px;
}

#formhash {display: none;}






/* NEW 2016  */


.menunew {
    display: none; 
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5000;
}

.navbar-default {
    /*background-color: #fff!important;
    border: 0px!important;*/
    padding: 5px 0;
}

.navbar .nav > li > a {
    color: #2d6b9e!important;
}

.navbar .nav > li > a:hover {
    color: #ff7900!important;
    text-decoration: none!important;
}

ul.dropdown-menu li { list-style: none; }


.border-menu::before {
    border-bottom: 0.125em solid #0a6bad;
    border-top: 0.375em double #0a6bad;
    content: "";
    height: 0.125em;
    right: 0.25em;
    position: absolute;
    top: 0.25em;
    width: 1.2em;
    font-size: 25pt;
}


.navbar-inverse .navbar-inner {
    background-color: #0a6bad!important;
    background-image: linear-gradient(to bottom, #0a6bad, #0a6baf)!important;
    background-repeat: repeat-x!important;
    border-color: #252525!important;
}

.nav-collapse.collapse {
    display: flex; 
    justify-content: center;
}



.nlogo { position: absolute; top: 20px; left: 100px; z-index: 5;   
         -webkit-filter: drop-shadow(1px 1px 1px #000);
        filter: drop-shadow(1px 1px 1px #000);
         
             /*text-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3),0 0 10px #000;*/
}


.foot_logo { height: 75px; }
.footerbg { background-color: #f3f3ee }
.fform_wrap { 
    background-color: #fff;
    height: auto;
    min-height: 300px;
    padding: 30px;
    margin-top: -110px;
    position: relative;
    z-index: 555555;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222); 
}

.fcontent { padding: 20px; }

.bmenu {
    margin-top: 20px;
}

.contentmenuholder {
    
    position: absolute; top: 48px; left: 25%; z-index: 5;   
  /*  -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222); */
}

.contentmenu { margin: 0px!important; }

.contentmenu li{ 
    background-color: transparent; 
    margin-bottom: 0px; 
    list-style: none;
    padding: 12px;
    float: left;
}

.contentmenu a:hover {
    color: #fff;
    text-decoration: none;
}



.navbar-inner2 > ul > li > a, .navbar-inner2 .stickUpHolder > ul > li > a {
      display: block;
      position: relative;
      color: #2d6b9e;
      font: 400 16px/18px Roboto, helvetica, sans-serif!important;
      letter-spacing: 0.04em;
      padding: 0 3px;
      -moz-transition: color 0.4s;
      -o-transition: color 0.4s;
      -webkit-transition: color 0.4s;
      transition: color 0.4s; 
       
         
      /*text-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3),0 0 2px #000;*/
}
.navbar-inner2 > ul > li > a:after, .navbar-inner2 .stickUpHolder > ul > li > a:after {
    content: '';
    position: absolute;
    text-decoration: none;
    left: 3px;
    right: 3px;
    bottom: 0;
    height: 2px;
    background: #ff7900;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s; 
}
.navbar-inner2 > ul > li > a.sf-with-ul, .navbar-inner2 .stickUpHolder > ul > li > a.sf-with-ul {
    position: relative;
    padding-right: 22px; 
}
.navbar-inner2 > ul > li > a.sf-with-ul:before, .navbar-inner2 .stickUpHolder > ul > li > a.sf-with-ul:before {
    font-family: "FontAwesome";
    content: "\f107";
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.navbar-inner2 > ul > li:hover > a:after, .navbar-inner2 > ul > li.sfHover > a:after, .navbar-inner2 > ul > li.sfHoverForce > a:after, .navbar-inner2 > ul > li > a:hover:after, .navbar-inner2 .stickUpHolder > ul > li:hover > a:after, .navbar-inner2 .stickUpHolder > ul > li.sfHover > a:after, .navbar-inner2 .stickUpHolder > ul > li.sfHoverForce > a:after, .navbar-inner2 .stickUpHolder > ul > li > a:hover:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
    transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; 
}

.dropdown-toggle {
    width: 100%!important;
}


.callus { 
    position: absolute; top: 58px; right: 10px;
    width: 130px;
    height: 40px;
    background-color: #08c;
    border-radius:  10px;
    z-index: 5;
    
}
.callus a { color: #fff; font-size: 13px; margin: 10px 8px; display: block; }
.callus a:hover { color: #fff; font-weight: normal; text-decoration: initial; }


.members {  position: absolute; bottom: 160px; right: 10px; z-index: 6; background-color: #fff; padding: 15px; border-radius: 10px; }

.membersweba {  position: absolute; bottom: 70px; right: 10px; z-index: 6; background-color: #fff; padding: 15px; border-radius: 10px; }

.members img,  .membersweba img { width: 100px }
    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 20px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 10px 5px!important;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }



    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 60px;
    }
    
    .slide {
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 990px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 990px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }



    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      /* text-align: center;*/
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */
    
    @media (min-width: 998px) { 
        #navbar {  padding-top: 25px; }
        .navbar-nav { margin-left: 15px!important; }
    }
    
    @media (max-width: 1470px) {
        .nlogo { top: 30px; left: 60px; } 
        .navbar-inner2 > ul > li > a, .navbar-inner2 .stickUpHolder > ul > li > a {
                font: 300 26px/28px helvetica, sans-serif;
         }
    }
    
    @media (max-width: 1300px) {
        .nlogo { top: 30px; left: 60px; } 
        .navbar-inner2 > ul > li > a, .navbar-inner2 .stickUpHolder > ul > li > a {
                font: 300 22px/24px helvetica, sans-serif;
         }
    }
    
    
    @media (max-width: 1024px) {
        
        .pagecontent { width: 975px; margin-top: 45px; } 
        .catfcontent { width: 690px;}
        
      .menunew { display: block; }
      .nlogo { top: 20px; left: 50px; }
      
      
       .navbar-inner2 > ul > li > a, .navbar-inner2 .stickUpHolder > ul > li > a {
        font: 300 20px/22px helvetica, sans-serif;
       }
      
      .contentmenuholder { top: 40px; left: 30%; }
      
      .contentmenu li{ 
            margin-bottom: 0px; 
            padding: 8px;
        }
     .contentmenu a {
            font-size: 15px; 
        }

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      
      .bconform input { width: 220px; }
      .bconform textarea { width: 220px; } 
    
      
      .navbar-inner {
          border-radius: 0;
        margin: -20px 0;
        display: none;
      }

      .carousel .item {
        height: 650px;
      }
      .carousel img {
        width: auto;
        height: 650px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
      
      .fcontact  { font-size: 16px; }
      .fbottom { width: 1000px; }
      
      .callus { top: 80px; }
      
      .members { top: 54%; right: 10px; bottom: inherit; }
      .membersweba { top: 77%; right: 10px; bottom: inherit; }
    }
    
    @media (max-width: 1023px) {
         .callus { top:10px; right: 10px; }
         .nlogo { left: 10px; top:50px; width: 190px; }
         
         
        .navbar-inner2 > ul > li > a, .navbar-inner2 .stickUpHolder > ul > li > a {
              font: 300 18px/22px helvetica, sans-serif;
        }
      
      .contentmenuholder { top: 85px; right: 5px!important; left: inherit; }
      
      .contentmenu li{ 
            margin-bottom: 0px; 
            padding: 8px;
        }
        .pagecontent { margin-top: 55px!important; }
         .members { top: 60%; right: 10px; bottom: inherit; }
           .fcontact {  bottom: 80px;}
           .fbottom { width: 100%; bottom:0px; }
           .pagecontent { width: 95%; margin-top: 45px; } 
           .catfcontent { }
           #catdescr { display: none;}
           .catfltr { width:100%; }
           .fltrplace { width:100%; }
           #fltr {  width:100%;  }
           
            .development { min-height: 120px; }
            .footter { background-position: center; left: 50%; }
            .foottercontent { width: 100%; min-height: 250px; left: 0!important; } 
            .foottercontent >  .development { padding-top: 130px;}

    }


    @media (max-width: 767px) {
        
        .members {  top: 10px; right: 10px; width: 80px; }
        .members img {  }
        .nlogo {
            display: block;
            left: 70px; top:10px; 
        }
        
        .sfm-mobile .sfm-navicon-button {  top: 12px!important; }
        
      .contentmenuholder { top: 95px; left: 20px; }
        
      .menunew { display: block; }

      .navbar-inner {
        margin: -20px;
        display: none;
      }
      
      .callus { top:25px; display: none; }
      
      /*  float: inherit; */
      .contentmenu li{ width: 45%; } 

      .mainnav { display: none; }
      
      
      .members { display: none; }
      .membersweba { display: none; }
      
      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }
      
      .pagecontent { margin-top: 5px!important; width: 100%; }
      .catfltr { width: 100%;}
      .catfcontent { width: 100%; }
      table.zebra { font-size: 10px; }
      table.zebra a { font-size: 12px; }
      table.zebra tr td:nth-child(6) {
           display:none;
        }
        .pageforming { display: none; }
        .pageinptxt { margin: 5px; }
           .fcontact {  bottom: 50px; left: 30%}
           .fbottom { width: 100%; bottom:0px!important;; left: 0!important;; }
           .fcontact span { display: flex;    justify-content:center;   }
           
            .footter { background-position: center; left: 0%; }
            .development { min-height: 30px; width: 355px; position: relative; bottom: 10px; right: 15px; }
            .foottercontent { width: 100%; min-height: 20px; left: 0!important; } 
            .foottercontent >  .development { padding-top: 90px;}
            .whodev { display: none; }

    }
    
     @media (max-width: 557px) {  
         .catfltr {  }
                    .fcontact {  bottom: 100px; left: 20%}

         #catdescr { display: none; }
         #cat_positions { display: none; }
         .mobilensize { display: block; padding: 5px; margin-top: 10px; }
         .catfcontent { width: 100%; }
         .mobilensize img { 
                max-width: 100%; /* Ограничиваем ширину картинки шириной экрана. */
                object-fit: cover; /* Масштабируем картинку с соблюдением пропорций. */
            } 
         .mobilensize span { display: block; font-size: 16px; }
     }
     @media (max-width: 374px) {
         .contentmenuholder { top: 95px; left: 0px; }
     }
     @media (max-width: 320px) { 
        .nlogo { display: none; }
        .contentmenuholder { top: 15px; left: 50px; }
        .contentmenu li{ float: inherit; width: 90%;  } 
        .development { width: 315px;  }
      }
 
      
      
.why-conteiner {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  margin: 50px 0;
}
    
.why-conteiner, .why-bg {
	width: 100%;
}

  @media (min-width: 980px) {  
      .why-conteiner, .why-bg {
            height: 350px;
     }
  }

.why-bg {
    background-size: cover!important;
	z-index: 2;

}
#content .why-content { color:#fff!important; background-color: rgba(1, 1, 1, 0.5);  height: 100%; padding-top: 25px; }
#content .why-content h2 { text-align: center; }
#content .why-content li { line-height: 22px;  color:#fff!important; margin: 0 5px 0px!important; text-align: left;}


.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  border: 0px solid #ccc;
  margin: 15px 0;
}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	
}

  @media (min-width: 980px) {  
      .flip-container, .front, .back {
            height: 350px;
     }
  }
  
  
  @media (max-width: 979px) {  
      .flip-container, .front, .back {
            min-height: 480px;
     }
     
     .back-content { min-height: 480px; }
     .back ul { padding-left: 10px!important; }
     .mob80 { background-position-x: 75%!important; }
     .fborder { margin-bottom: 20px; }
  }

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
    background-size: cover!important;
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);
   background-size: cover!important;
	background: #f8f8f8;
}

.front .name {
	font-size: 20px;
    line-height:26px;
	display: inline-block;
	color:#fff; 
    background-color: rgba(1, 1, 1, 0.5);
	font-family: Roboto;
	padding: 5px 10px;
	bottom: 0px;
	left: 0%;
	position: absolute;
    width: 100%;
}


.front .name0 {
    font-size: 20px;
    line-height:26px;
	display: inline-block;
	color:#fff; 
    background-color: rgba(1, 1, 1, 0.5);
	font-family: Roboto;
	padding: 5px 10px;
	top: 0px;
	left: 0%;
	position: absolute;
    width: 100%;
}

.back-title {
	font-weight: bold;
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 1.5em;
    border-bottom: 2px solid #ff7900; line-height: 30px!important;
}

.back p {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 20px;
  font-family: arial;
  line-height: 2em;
}

.back-content { color:#fff; background-color: rgba(1, 1, 1, 0.5);  height: 100%; padding-top: 25px; }
.back-content ul { margin-top: 5px; }
#content .back-content li { list-style: none; margin: 0 0 3px!important; text-align: left; }
#content  .back a { font-size: 1.1em;  color:#fff!important; }

.fborder { border:1px solid #337ab7; height: 100%; min-height: 340px!important; padding: 10px; }
.fborder:hover { border:1px solid #ff7900; }
.fborder .btn { margin-top: 8px; }

.mborder { border:1px solid #337ab7; height: 100%; min-height: 50px!important; padding: 10px; }
.mdorder:hover { border:1px solid #ff7900; }
.mdorder .btn { margin-top: 8px; }

.mreviews { padding: 0 50px; }
.reviw {     display: flex!important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.reviw div { text-align: center; }

#callback_form div { font-size: 1.1em; }
#callback_form .h1 { margin-bottom: 30px; }
#callback_form input { font-size: 1.1em;  }
#callback_form .bnt  { border-radius: 3px!important; border: 0px!important; }
 @media (min-width: 780px) { 
     
     #callback_form .mfp-close{ right: 30vw;  }
     #callback_form input { width: 30vw; max-width:  405px;}
     
 }
 @media (min-width: 1800px) {
     #callback_form .mfp-close{ right: 35vw;  }
 }
 
 
 #banners { padding: 0 50px; }
 .sharethis-inline-follow-buttons { margin-bottom:10px; }
 
 .u-block h2 { border:0px; font-weight: bold; text-align:center; text-transform:uppercase;  color:#f26722;  }
 .u-item { display: flex; border-bottom:14px solid #a0b75f; margin-bottom:30px; padding-bottom:20px; }
 .u-item img { max-width:100px; margin: 0 50px; }
 .u-item-content { font-size: 22px; }
 .u-important { color:#f26722; }
 .u-list li { font-size: 18px!important; list-style:none;  }
 .gray-bg { background-color:#d9d9d9; padding:15px; }
 
 @media (max-width: 979px) {
     .u-item img { max-width:75px; margin: 0 20px; }
}

.page-cat .pc-img { display:flex; flex-direction: column; align-items: center; }
.page-cat .pc-img img:first-of-type { height: 370px; }
.page-cat .pc-img a { margin-bottom:25px; font-size:18px; }

.row_art { clear:both; margin-bottom: 70px; }
.row_art h3{ font-size: 25px!important;  font-weight:bold; }
@media (min-width: 780px) { 
    .row_art h3{ font-size: 20px!important; font-weight:bold;  }
}