*{
   padding: 0px; 
   margin: 0px; 
}


html, body{
  height: 100%;
  width: 100%;
  background-color: #fff;
}

#overlay {
    width: 340px!important;
    height: 340px!important;
}

.clear{
    clear: both;
}

#topcontrol{
   z-index: 10000; 
}

td, tr, p, div {
  font-family: 'Source Sans Pro', sans-serif;
  color: #343434;
  font-weight: 400;
  font-size: 16px;
  line-height:21px;
}

a:link, a:visited {
    font-family: 'Source Sans Pro', sans-serif;
  color: #ff4241;
  font-weight: 400;
  font-size: 16px;
  line-height:21px;
    text-decoration: underline;   
    
}
a:hover {
  color: #343434;
  text-decoration:underline;
}




p { 
   text-indent: 0px;
} 

#content100 ul, ol, #reshenie ul{
list-style-position: outside;
margin-left: 50px;
}
/*ul li{
list-style-type: square;
}*/
strong{font-weight: bold;}

h1 {
   font-size: 20px;
   text-align: left;
   font-family: 'Source Sans Pro', sans-serif;
   color: #ff5b43;
   font-weight: bold;
   line-height: 30px;
   text-transform: uppercase;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   padding: 10px 0px 10px 95px;
   background-image: url(../images/lin-h1.png);
    background-position: left center;
	background-repeat: no-repeat;
}


h2 {
  font-size: 24px;
   text-align: left;
   font-family: 'Source Sans Pro', sans-serif;
   color: #ff5b43;
   font-weight: bold;
   line-height: 36px;
   text-transform: uppercase;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   padding: 10px 0px 10px 0px;
}

p.big, .bl50 p.big{
   font-size: 36px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #343434;
    font-weight: 900;
    line-height: 42px;
    margin: 0px 0px 20px 0px;
    text-decoration: none;
    padding: 0px 0px 20px 0px;
    background-image: url(../images/lin-big.png);
    background-position: left bottom;
	background-repeat: no-repeat;
}


h3 {
  font-size: 17px;
   text-align: left;
   font-family: 'Source Sans Pro', sans-serif;
   color: #ff4241;
   font-weight: bold;
   line-height: 36px;
   text-transform: uppercase;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   padding: 10px 0px 10px 0px;
}

h3 img{
    vertical-align: middle;
  padding-right: 10px;
}

h4 {
  font-size: 17px;
   text-align: left;
   font-family: 'Source Sans Pro', sans-serif;
   color: #ff4241;
   font-weight: bold;
   line-height: 36px;
   text-transform: uppercase;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   padding: 10px 0px 10px 0px;
  
}
h5 {
 font-size: 17px;
   text-align: left;
   font-family: 'Source Sans Pro', sans-serif;
   color: #ff4241;
   font-weight: bold;
   line-height: 36px;
   text-transform: uppercase;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   padding: 10px 0px 10px 0px;
}

h6 {
 font-size : 15px;
  text-align: left;
 font-family: 'Source Sans Pro', sans-serif;
  color: #a5a5a5;
  line-height: 18px;
  font-weight: 400;
  padding-top: 0px;
  margin: 0px 0px;
  text-decoration: none;
  padding-left: 0px;

}

table.tbl, table.price{
   border-collapse: collapse;
   border: 1px solid #b8b8b8;
   padding: 3px;
   width: 50%;
  margin: 15px 0px;
}

table.price{
   width: 80%;
}

table.tbl td, table.price td{
  border: 1px solid #b8b8b8;
  padding: 3px;  
}

table.tbl td, table.tbl td p,
table.price td, table.price td p{  
  /*font-size: 13px;
  line-height: 20px;*/
  padding-bottom: 0px !important;
}




#bodypage {
  min-height: 100%;
  height:auto !important;
  height:100%;
  text-align: left;
  min-height: 100%;   
  margin: 0 auto;
  position: relative;
  max-width: 1920px;
}

#shapkatop{
	width: 100%;
    background: #003c6f;
}

.gmenu ul {
    max-width: 1160px;
    margin: 0 auto !important;
}

.fa-home{
    padding: 5px 0px 0px 0px !important;
    font-size: 20px !important;
}

.dj-megamenu-default{
    background: #003c6f !important;
}

.dj-megamenu-default li.dj-up.itemid106 a.dj-up_a span span.image-title{
    font-size:0;
}

.dj-megamenu-default li.dj-up.itemid119{
   margin-left: 8% !important;
}
.dj-megamenu-default li.itemid131 a.dj-up_a{
    border-right: none;
}

.dj-megamenu-default li a.dj-up_a {
   height: 30px;
    font-size: 15px;
    font-weight: 600;
    padding: 0 16px;
    margin: 10px 0px;
    cursor: pointer;
    color: #bddaf5;
    border-right: 1px solid #005682;
    border-left: none;
}

.dj-megamenu-default li.itemid106 a.dj-up_a {
    padding: 0 5px;
}

.dj-megamenu-default li a.dj-up_a span {
    float: left;
    display: block;
    padding: 0 0 0 !important;
    height: auto;
    line-height: 30px;
    background: transparent;
}

.dj-megamenu-default li a.dj-up_a .arrow {
	top: calc(50% - 8px);
}

.dj-megamenu-default li:hover a.dj-up_a .arrow,
.dj-megamenu-default li.hover a.dj-up_a .arrow,
.dj-megamenu-default li.active a.dj-up_a .arrow {
	top: calc(50% - 8px);
}

.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li.hover a.dj-up_a, 
.dj-megamenu-default li.active a.dj-up_a {
    color: #fff;
    border-left-color: transparent;
    background: transparent;
}

.dj-megamenu-default li.itemid106:hover a.dj-up_a,
.dj-megamenu-default li.itemid106.hover a.dj-up_a, 
.dj-megamenu-default li.itemid106.active a.dj-up_a {
    color: #ff5b43;
    border-left-color: transparent;
    background: transparent;
}

.dj-subwrap-in{
    background:  #0e4477;
}

.dj-megamenu-default li ul.dj-submenu > li > a{
    font-size: 14px;
    color: #bddaf5;
}


.dj-megamenu-default li ul.dj-submenu > li > a:hover, 
.dj-megamenu-default li ul.dj-submenu > li > a.active, 
.dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a{
    background: transparent;
}

.dj-megamenu-default li ul.dj-submenu > li{
    border-top: none;
}

.dj-megamenu-default li ul.dj-submenu > li.itemid114 > a,
.dj-megamenu-default li ul.dj-submenu > li.itemid114 > a:hover{
    font-size: 12px;
    color: #ebebeb;
    border-bottom: 1px solid #005584;
    width: 116px;
    padding: 5px 5px 5px 10px;
    margin-left: 10px;
}

.dj-megamenu-default li ul.dj-submenu > li.itemid115 > a,
.dj-megamenu-default li ul.dj-submenu > li.itemid115 > a:hover{
    font-size: 12px;
    color: #ebebeb;
    border-bottom: 1px solid #005584;
    width: 135px;
    padding: 5px 5px 5px 10px;
    margin-left: 10px;
}

#shapkawrap{
	width: 96%;
	padding: 0px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
}

#sitelogomob{display: none;}

#sitelogo{
	float: left;
    width: 24%;
    padding: 20px 0px;
    text-align: left;
}

#teltop{
	float: left;
    /*width: 52%;
    padding: 34px 0px 25px 2%;*/
    width: 71%;
    padding: 34px 0px 25px 5%;
}


.top1, .top2, .top3{
	float: left;
    width: 35.3%;
    padding: 0px;
}

.top2{width: 29%;}

.fa-map-marker, .fa-clock-o, .fa-phone{
   float: left;
    min-height: 40px;
    padding-top: 8px;
    color: #2e3846;
    padding-right: 5px;
    font-size: 20px !important;
}

#knopka{
	float: left;
    width: 22%;
    padding: 35px 0px;
    text-align: right;
}

#knopka a{
    display: inline-block;
    float: right;
    color: #fefeff;
    margin-right: 12px;
    background: #b5b5b5;
    padding: 8px 15px 8px 15px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s;
    
}

#knopka a:hover{
    background: #ff5b43;
}

#teltop p, #teltop p a{
   font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}

#teltop p a{
    color: #003c6f;
}

#teltop p {text-align: left;}
#teltop2 p {text-align: right;}


#teltop2{
	float: left;
    width: 33.3%;
    padding: 20px 0px;
    text-align: right;
}

#shapkamenusower{
    width: 100%;
    padding: 0px;
    border-top: 1px solid #e4e4e4;
     min-height: 80px;
    border-bottom: 1px solid #e4e4e4;
}


#shapkamenus{
    width: 96%;
    padding: 0px 2%;
    margin: 0 auto;
    max-width: 1160px;
}

#menutop1 {
    width: 55%;
    width: 65%;
    padding: 12px 0px 0px 0px;
    float: left;
}

#menutop1 ul, #menutop2 ul{
  text-align: left;
  padding-bottom: 20px;
}

#menutop1 ul li, #menutop2 ul li{
    padding: 5px 0px;
    margin: 0;
    list-style: none;
    display: inline-block;
}

#menutop1 ul li a, #menutop2 ul li a{
  font-size: 16px;
    font-weight: 600;
    padding: 0 26px 10px 0px;
    margin: 10px 0px;
    cursor: pointer;
    color: #003c6f;
    border-right: none;
    border-left: none;
    text-transform: uppercase;
    text-decoration: none;
}

#menutop1 ul li a:hover, #menutop2 ul li a:hover {
 color: #ff5b43;
}


#menutop2 {
    width: 41.9%;
    width: 30.9%;
    padding: 12px 0px 0px 3%;
    float: left;
    border-left: 1px solid #e4e4e4;
}


.dj-megamenu-default li a.dj-up_a span.dj-drop {
    font-family: 'Source Sans Pro', sans-serif !important;
}


#plav.fixed {
   position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
    max-width: 1920px;
    background-color: #003c6f;
}

#plav.fixed .gmenu {
    width: 96%;
    padding: 0px 2%;
    margin: 0 auto;
    max-width: 100%;
}

#plav.fixed #bm-cool-menu-102 .bm-cool-menu {
    background-color: #fff;
}

#plav.fixed #bm-cool-menu-102 .bm-cool-menu li.active > a {
    background-color: #fff;
}

#sliderwrap{
	width: 100%;
    
}

.slid-main{
    min-height: 507px;
    overflow: hidden;
	width: 100%;
    background-image: url(../images/banner.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
}

.slid-credit{
    min-height: 507px;
    overflow: hidden;
	width: 100%;
    background-image: url(../images/credit.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
}

.slid-bankr{
    min-height: 507px;
    overflow: hidden;
	width: 100%;
    background-image: url(../images/bank.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
}

.slid-coll{
    min-height: 507px;
    overflow: hidden;
	width: 100%;
    background-image: url(../images/coll.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
}

.slid-fssp{
    min-height: 507px;
    overflow: hidden;
	width: 100%;
    background-image: url(../images/fssp.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
}

.slid-bisnes{
    min-height: 507px;
    overflow: hidden;
	width: 100%;
    background-image: url(../images/bisnes.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
}


.slid{
	width: 96%;
	padding: 80px 2% 0px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
}

a.online{
    display: inline-block;
    float: left;
    color: #fff;
    margin-right: 12px;
    background: #ff5b43;
    padding: 17px 15px 14px 15px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    transition: all .3s;
}

a.online:hover{
    background: #ff4746;
}

a.online .fa-comments-o{
    font-size: 25px;
    vertical-align: middle;
}

a.why{
    display: inline-block;
    float: left;
    color: #343434;
    margin-right: 20px;
   padding: 17px 15px 14px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    transition: all .3s;
}

a.why:hover{
    color: #000;
}

a.why .fa-question-circle-o{
    font-size: 25px;
    vertical-align: middle;
}

.type-wrap {
     font-size: 52px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #343434;
    font-weight: 700;
    line-height: 62px;
    margin: 0px 0px 20px 0px;
    text-decoration: none;
    padding: 0px 0px 20px 0px;
}

.type-wrap span.typed-cursor{
     color: #ff5b43;
}

.wrap{
    width: 625px;
    min-height: 220px;
}

span#typed{
    white-space: normal !important;
}


#columncenter100{
    width: 100%;
    overflow: hidden;
}

#content100{
    display: block;
    overflow: hidden;
    width: 96%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 20px 2% 40px 2%;
    position: relative;

}
.bl50{
  float: left;
    width: 48%;
    margin: 30px 1% 30px 1%;
    padding: 40px 0%;
}

.bl50 p{
    padding: 0px 1% 0px 0px;
}
.paragraf{
	background-image: url(../images/bg_1.png);
 background-position: left center;
 background-repeat: no-repeat;
}
.lin50{
	background-image: url(../images/lin50.jpg);
 background-position: right center;
 background-repeat: no-repeat;
}


.bl50-min{
    float: left;
    width: 46%;
    margin: 10px 2%;
    padding: 10px 0px;
    min-height: 155px;
}

.bl50-min2{
    float: left;
    width: 46%;
    margin: 10px 2%;
    padding: 10px 0px;
    min-height: 60px;
}

p.forimg img{
    float: left;
    padding: 0px 10px 0px 0px;
}

.redtxt{
    clear: both;
    float: left;
    padding: 20px 0px;
    margin-top: 20px;
    border-top: 1px solid #cacaca;
}

.redtxt p{
    font-size: 27px;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ff5b43;
    font-weight: bold;
    line-height: 40px;
}


.bl50onas1{
  float: left;
    width: 48%;
    margin: 10px 1% 30px 0%;
    padding: 10px 1% 10px 0%;
}

.bl50onas2{
  float: left;
    width: 48%;
   margin: 10px 0% 30px 1%;
    padding: 85px 0% 10px 1%;
}

.bl50onas1 img{
   width: 100%;
   padding: 30px 0px;
}

.bl50onas1 p.onasbig{
    color: #003c6f;
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
}

.bl50onas2 p.onas{
    padding-bottom: 10px;
    text-indent: 30px;
}

.bl5{
    width: 18%;
    float: left;
    padding: 2% 0.5% 1% 0.5%;
    margin: 2% 0.5%;
    list-style-type: none !important;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 7px 7px;
    text-align: center;
}

.bl5 img{
     padding-bottom: 10px;
     max-height: 50px;
}

.bl5 p{
    color: #343434;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 20px;
    min-height: 60px;
}

.bl5 p.cena{
    color: #ff5b43;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    min-height: auto;
}

#uslugiwrap{
    width: 100%;
   background-color: #f3f3f3;
}

#uslugi{
	width: 96%;
	padding: 40px 2% 0px 2%;
    margin: 0 auto -70px auto;
    max-width: 1160px;
    overflow: hidden;
}

#uslugi p.big{
    max-width: 715px;
}


#voproswrap{
	width: 100%;
    overflow: hidden;
     background-color: #f3f3f3;
    background-image: url(../images/bg_22.png);
     background-position: center top;
     background-repeat: no-repeat;
     /*background-size: cover;*/
}


#vopros{
	width: 96%;
	min-height: 607px;
	padding: 80px 2% 0px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
     /*background-image: url(../images/women.png);*/
     background-image: url(../images/sveta0.png);
     background-position: right bottom;
     background-repeat: no-repeat;
}

#vopros p.big {
    color: #003c6f;
    background-image: none;
    padding: 0px 0px 0px 0px;
    color: #fff;
    color: #ff5b43;
    background-image: none;
    padding: 0px 0px 0px 0px;
    text-shadow: 2px 1px 1px RGBA(0,0,0,0.7);
}
#vopros .custom{
    padding: 120px 0px 0px 0px;
}

#vopros p.min {
 color: #fff;
    font-size: 26px;
    text-align: left;
    line-height: 23px;
    font-weight: 900;
    padding-bottom: 20px;
    margin: 0px 0px 10px 0px;
    text-decoration: none;
    text-indent: 0px;
    background-image: none;
    text-shadow: 2px 1px 1px RGBA(0,0,0,0.7);
    /*text-shadow: 0px 1px 1px RGBA(0,0,0,0.8);*/
}

#vopros p.min2 {color: #fff;
    font-size: 18px;
    text-align: left;
    line-height: 21px;
    font-weight: 900;
    padding-bottom: 20px;
    margin: 0px 0px 10px 0px;
    text-decoration: none;
    text-indent: 0px;
    background-image: none;
    text-shadow: 2px 1px 1px RGBA(0,0,0,0.7);
}

#zak04{
    width: 30%;
}

svg:not(:root) {
    overflow: hidden;
}
svg {
    pointer-events: none;
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 200px;
    z-index: 150;
}
svg path {
    fill: rgb(255, 255, 255);
}
.triangle_up{margin-top: -45px;}

.skew {
    position: relative;
      display: block;
}


#problemwrap{
    width: 100%;
    position: relative;
    z-index: 200;
    background: #f3f3f3;
}

#problem{
	width: 96%;
	padding: 40px 2% 60px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
}

#problem h3 {
    font-size: 24px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ff5b43;
    font-weight: bold;
    line-height: 36px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
}

.bl03{
    width: 30%;
    float: left;
}

.bl33 {
    width: 5%;
    float: left;
    padding-top: 80px;
}

.bl03 p.min{
    font-size: 17px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ff5b43;
    font-weight: bold;
    line-height: 21px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    padding: 10px;
}


#reshenie{
	width: 96%;
	padding: 40px 2% 60px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
    z-index: 1000;
    position: relative;
}


#statwrap{
    width: 100%;
    position: relative;
    z-index: 200;
}

#stat{
	width: 96%;
	padding: 40px 2% 40px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
}

#stat p.big{
    max-width: 715px;
}

.delo{
  display: block;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 40px;
    float: left;
    width: 31%;
    padding: 10px 0px;
    opacity: 1;
   -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	background:#fff;
	box-shadow: 0 0 10px #ccc;
	border-radius: 7px 7px 0px 0px;
}


.delo:hover{
     -webkit-transform: translateX(-7px);
      transform: translateY(-7px);
}

.delo img{
    width: 98%;
    padding: 0% 1%;
}


#historywrap{
    width: 100%;
   background-color: #f3f3f3;
}

#history{
	width: 96%;
	padding: 40px 2% 40px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
}

.slider {
        width: 100%;
        margin: 30px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }



    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }

    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }

.slwrap{
    float: left;
    padding: 7%;
    margin: 10px 0px;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 7px 7px;
}

.slick-slide img {
    display: block;
    float: left;
}

.phototxt{
    display: block;
    float: left;
    padding-left: 15px;
}

.phototxt h3{
   padding: 0px;
}

.phototxt p.min{
  color: #343434;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 20px;
    margin: 0px;
    text-decoration: none;
    text-indent: 0px;
}


.opisanie{
    clear: both;
    min-height: 275px;
}


.slick-prev {
    background-image: url(../images/left.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
}

.slick-prev:hover {
    background-position: center bottom;
}

.slick-next {
    background-image: url(../images/right.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
}

.slick-next:hover {
    background-position: center bottom;
}

#blogwrap{
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 200;
}

#blog{
	width: 96%;
	padding: 40px 2% 40px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
}

#blog p.big{
    max-width: 715px;
}

#blog h3, .page-header h2, h3.newsflash-title{
    font-size: 18px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #003c6f;
    font-weight: bold;
    line-height: 21px;
    text-transform: uppercase;
    margin: 15px 0px 15px 0px;
    text-decoration: none;
    padding: 0px 0px 15px 0px;
    background-image: url(../images/linblog.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    min-height: 42px;
}


ul.newsflash-horiz li, .item{
        position: relative;
}

ul.newsflash-horiz li a.readmore, .item a.btn{
   display: block;
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #ff4241;
    text-decoration: none;
}

ul.newsflash-horiz li a.readmore:hover, .item a.btn:hover{
    color: #003c6f;
}

ul.newsflash-horiz{
   width: 100%;
  display: block;
  padding: 0px;
  margin:0px 0px 0px 0px !important;
}


ul.newsflash-horiz li{
    width: 23%;
    float: left;
    padding: 0;
    margin: 2% 1%;
    list-style-type: none !important;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 7px 7px;
}

.newsflash-image img{
    width: 100%;
  border-radius: 4px 4px 0px 0px;
}

#uslugi ul.newsflash-horiz li p{
    min-height: 65px;
}

.cont{
   padding: 0px 18px 35px 18px;  
}

#reshenie .cont{
   padding: 0px 20px 35px 20px;  
}

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4{
    width: 23%;
    float: left;
    padding: 0;
    margin: 2% 1%;
    list-style-type: none !important;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 7px 7px;
}

.cols-4 .column-1 .pull-left, .cols-4 .column-2 .pull-left,
.cols-4 .column-3 .pull-left, .cols-4 .column-4 .pull-left{
    float: none;
}

.cols-4 .column-1 h3, .cols-4 .column-2 h3, .cols-4 .column-3 h3,
.cols-4 .column-4 h3{
    font-size: 17px;
    color: #2c2c2c;
    text-align: left;
    margin: 5px 15px 0px 15px;
    text-transform: none;
    font-weight: 300;
    padding: 0px;
    text-transform: none;
}

#content100 .cols-4 p{
    color: #282828;  
  text-align: left;
  margin: 0px;
  text-indent: 0px;
    padding-bottom: 0px;
}

#content100 .cols-4 img {
    width: 100%;
    margin-left: 0px;
}

#content100 .cols-4 p.readmore{
    text-align: right;
    padding: 10px;
}


.items-row {
    display: block;
    overflow: hidden;
}

div.pagination{
 margin: 0 auto;
    display: table;
}
div.pagination ul {
  padding-left:  0px;}

div#pg-pagination ul li, div.pagination ul li{
  float: left;
  padding-right: 5px;
  padding-left: 0px;
  list-style-image: none;
  list-style-type: none;

}


#kontact {
  width: 100%;
  max-width: 1920px;
  position: relative;
  margin-top: 20px;
  /* margin-top: 150px;*/
  overflow: hidden;
  background: #003c6f;
}

#kontactvn{
    width: 96%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 20px 2% 20px 2%;
    position: relative;
}

#bottom{
    width: 100%;
    margin: 0 auto;
    max-width: 1160px;
    padding: 20px 0%;
    position: relative;
    overflow: hidden;
}


#telbot{
    width: 32%;
    float: left;
}

#telbot img{
    padding-bottom: 15px;
}

#telbot .top1, #telbot .top2, #telbot .top3{
	float: left;
    width: 100%;
    padding: 5px 0px 5px 10px;
    color: #fff;
}

#telbot .fa-map-marker, #telbot .fa-clock-o, #telbot .fa-phone{
   float: left;
    min-height: 40px;
    padding-top: 8px;
    color: #fff;
    padding-right: 5px;
    font-size: 20px !important;
}

#telbot p{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    text-indent: 0;
    padding: 0px;
}


#botmenus{
   width: 40%;
    float: left;
}

#botmenus h3 {
    color: #57a6ef;
    font-size: 20px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    margin: -10px 0px 0px 0px;
    text-decoration: none;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #1e578b;
}

#menubot1{
    float: left;
    width: 40%;
    border-right: 1px solid #1e578b;
}

#menubot2{
    float: left;
    width: 59%;
}

#menubot1 ul li, #menubot2 ul li {
    list-style-type: none;
}

#menubot1 a, #menubot2 a {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    text-decoration: none;
}

#menubot1 a:before, #menubot2 a:before {
     content: "§ ";
   }

#menubot1 a:hover, #menubot2 a:hover{
    color: #57a6ef;
}
#menubot1 ul{
   padding: 25px 0px 0px 0px;
}

#menubot2 ul{
   padding: 25px 0px 0px 20px;
}

#menubot1 ul li.item-107{
    display: none;
}

#telbot2{
    width: 28%;
    float: left;
    text-align: right;
    padding-top: 20px;
}


#telbot2 a{
   display: inline-block;
    margin-bottom: 25px;
     font-size: 15px;
    font-weight: 600;
}

#telbot2 a:hover, #telbot a:hover{
    color:#fff;
}

#telbot2 a.knopka2{
    display: inline-block;
    float: right;
    color: #fff;
    background: #ff5b43;
    padding: 8px 15px 8px 15px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s;
}

#telbot2 a.knopka2:hover{
    background: #b5b5b5;
}

#telbot2 a.dru{
    text-decoration: none;
}

.txt2 { 
   display: inline-block;
    float: left;
    color: #000;
    width: 90%;
    margin-right: 1%;
    margin-bottom: 20px;
    padding-left: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    border: 1px solid #484848;
    background: #fff;
    border-radius: 3px;
    font-size: 17px;
    line-height: 28px;
}


#send2{	
    color: #fff;
    background-color: #ff5b43;
    border-radius: 3px;
    font: 600 18px/38px 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    padding: 8px 0px 8px 0px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    display: block;
    cursor: pointer;
    width: 350px;
    text-shadow: none;
    border: 1px solid #ff5b43;
}

#send2:hover{
    background: #ff4746;
    border: 1px solid #ff4746;
}

#zak04 #bot-form-info{
    color: #fff;
    font: 600 15px/22px 'Source Sans Pro', sans-serif;
}

p.uslov, p.uslov a.pol{
    clear: both;
    color: #424242;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 20px 0px 0px 0px;
    text-align: left;
}

p.uslov a.pol:hover{
     color: #574726;
}

.unverified{border-color: #FF9999 !important;}


input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder {color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus::-moz-placeholder {color:transparent; }

input::-webkit-input-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}
input::-moz-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}
input:-moz-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}
input:-ms-input-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}

textarea::-webkit-input-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}
textarea::-moz-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}
textarea:-moz-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}
textarea:-ms-input-placeholder {color:#121212; text-transform: uppercase; font: 600 16px/24px 'Source Sans Pro', sans-serif;}

input:invalid{
    box-shadow:none;
}


table.otzv{
  border-collapse: collapse;
    width: 100%;
    margin: 40px 0px 0px 0px;
}

table.otzv th{
  padding: 5px;
  background-color: #d7d7d7;
}

table.otzv th, table.otzv th p{  
  text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 7px 15px;
}

table.otzv td{
  padding: 15px;
  background-color: #f6f6f6;
  vertical-align: top;
}

table.otzv h4{
    padding: 0px;
}


#overlay {
   position: fixed;
    bottom: 0;
    left: 15px;
    display: none;
    width: 310px;
   height: 330px;
    background: #fff;
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
    z-index: 100000;
   box-shadow: 0px 0px 15px #898989;
    margin-bottom: -10px;
    border-radius: 5px 5px 0px 0px;
      -webkit-animation: fadeInUp .6s;
    -moz-animation: fadeInUp .6s;
    animation: fadeInUp .6s;
}

.popup {
    top: 0;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    position: absolute;
    padding: 15px 20px 30px 20px;
    background: #fff;
    z-index: 1000;
}

.popup ul li{
    color: #484e4e;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 11px;
    list-style-type: none;
    padding-left: 35px;
}

.popup p.bigg, .popup p.bigg a{
    color: #1873f7; 
    font-size: 24px; 
    line-height: 32px;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
}


.popup p.minn{
    font-size: 15px; 
    clear: both;
   padding-left: 50px;
}

.popup .fa-phone{
    color: #1873f7;
    font-size: 20px !important;
    font-weight: bold;
    vertical-align: middle;
}


.close {
    top: 10px;
    right: 10px;
    width: 16px;
    height: 22px;
    position: absolute;
    border: none;
    background-color: #fff;
    cursor: pointer;
    background-image: url(/images/forma/x.png);
    background-position: left 3px;
    background-repeat: no-repeat;
}

.popup img {
       vertical-align: middle;
    float: left;
    padding-right: 15px;
   
}

#zak01 {
    display: none;
    width: 320px;
    padding: 0px 20px 10px 20px;
}

.fancybox-skin{
    background: #fff !important;
}

.fancybox-close {
    top: 0px!important;
    right: 0px!important;
}


a.modalbox{
    display: inline-block;
    float: left;
    color: #fff;
    margin-right: 12px;
    background: #ff5b43;
    padding: 17px 15px 14px 15px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    transition: all .3s;
}

a.modalbox:hover{
    background: #ff4746;
}

a.modalbox .fa-comments-o{
    font-size: 25px;
    vertical-align: middle;
    padding-right: 15px;
}

#top-form p.big {
    font-size: 22px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #2e2e2e;
    line-height: 30px;
    font-weight: 600;
    padding: 5px 0px 25px 0px;
    text-decoration: none;
    text-transform: none;
    margin: 10px 0px 0px 0px;
    background-image: url(../images/h1.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

#top-form p.min{
     text-align: center;
    font-size: 13px;
    line-height: 21px;
}

#top-form p.politika, #top-form p.politika a{
     text-align: center;
    color: #959595;
    font-size: 13px;
    line-height: 21px;
}

#top-form p.politika a:hover{
    color: #383838;
}

.txt1 {
    display: inline-block;
    float: left;
    width: 97%;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 3%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 300;
    border: 1px solid #959595;
    background: transparent;
    border-radius: 3px;
    font-size: 17px;
    line-height: 28px;
}

.txtarea {
    display: inline-block;
    float: left;
    width: 97%;
    margin-top: 0px;
    margin-bottom: 25px;
    padding-left: 3%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 300;
    border: 1px solid #959595;
    background: transparent;
    border-radius: 3px;
    font-size: 17px;
    line-height: 28px;
}

.telephone{
     margin-bottom: 20px;
}

#send1 {
    display: block;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    background-color: #ff5b43;
    border-radius: 3px;
    margin: 0px auto 15px auto;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
#send1:hover {        
    background-color: #ff4746;  
}

.ya_karta_txt {
    float: left;
    width: 40%;
    padding-top: 20px;
}

.ya_karta_vid {
    float: right;
    width: 60%;
    padding-top: 40px;
    padding-bottom: 20px;
}

#blog22wrap{
    width: 100%;
    position: relative;
    z-index: 200;
    background: #f3f3f3;
}

#blog22{
	width: 96%;
	padding: 40px 2% 40px 2%;
    margin: 0 auto;
    max-width: 1160px;
    overflow: hidden;
}

#blog22 p.big{
    max-width: 630px;
}

.sa301{
    width: 48%;
    margin: 0 1% 30px 0;
    float: left;
    clear: both;
}

.sa302{
    width: 48%;
    margin: 0 0 30px 1%;
    float: left;
}

p.sabig{
    color: #343434;
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    padding: 10px 0;
}

p.samin{
   color: #343434;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    padding: 0px 0; 
}

iframe{
    width: 100%;
}


/*==============================1======================================*/
/*====================================================================*/

@media (max-width: 479px) {
    
    .sa301, .sa302{
    width: 96%;
    margin: 0 2% 30px 2%;
    float: left;
}
    
ul.dj-mobile-light li.itemid-114.dj-mobileitem > a,
ul.dj-mobile-light li.itemid-115.dj-mobileitem > a{
    padding: 10px 15px;
    text-transform: uppercase;
}   
    
#overlay {display: none !important;}
.gmenu{display: none;}
#zak04, #zak01{width: 98% !important; padding: 0 !important;}
#dj-megamenu92mobileWrap{position: fixed; right: 15px; top: 15px; z-index: 1001;}
#sitelogomob{display: block; padding-top: 15px;}
#sitelogo{display: none;}

#teltop{width: 100%; padding: 0px;}
#teltop .custom {width: 180px;  margin: 0 auto;}

.top1, .top2, .top3 {float: left; width: 100%; padding: 5px; clear: both;}
.top3{width: 320px;}


#knopka {float: left; width: 100%; padding: 10px 0 20px 0; text-align: center;}

#knopka a {float: none; margin-right: 0;}
#shapkamenusower{display: none;}
.slid-main, .slid-fssp, .slid-bisnes, .slid-credit, .slid-coll{min-height: 400px; background-position: left top;}
.slid {width: 90%; padding: 20px 2% 0px 2%;}
.wrap {width: 320px; min-height: 140px;}
.type-wrap{font-size: 30px;line-height: 35px;}
a.online{font-size: 15px;}

#columncenter100  {width: 96%; margin-right: 2%; margin-left: 2%;}
p.big, .bl50 p.big{font-size: 26px;line-height: 30px;}  
.bl5 {width: 90%; float: left; padding: 5%;}

.bl50{width: 96%; margin: 0 auto; float: none; padding: 10px 0%;}
.lin50{background: none;}
.bl50-min {width: 96%; min-height: auto;}
.bl50-min2 {width: 96%;}

#uslugi {width: 90%; margin: 0 auto;}
ul.newsflash-horiz li {width: 98%; margin: 5% 1%;}
#blog h3, .page-header h2, h3.newsflash-title{min-height: auto;}
#uslugi ul.newsflash-horiz li p{min-height: auto;}
.skew {display: none;}

#stat {width: 90%;}
.delo {width: 98%;}
#history {width: 90%;}
#problem, #reshenie {width: 90%;}
.bl03 {width: 100%; padding-bottom: 30px;}
.bl33 {display: none;}
#bottom {width: 96%;}
#telbot {width: 100%;}
#botmenus {display: none;}
#telbot2 {width: 100%; text-align: left;}
#telbot2 a.knopka2 {float: left;}
.bl50onas1, .bl50onas2 {
    float: none;
    width: 96%;
    margin: 0 auto;
    padding: 0;
}

#voproswrap {margin-top: 0px !important; background-color: #d3d3d3 !important; background-image: url(../images/bg_22m.png);}
#vopros {    width: 90%;
    min-height: auto;
    padding: 20px 2%;
    background: none !important;
}

#vopros .custom {padding: 0px 0px 0px 0px;}
.txt2{width: 95%; margin-right: 2%; margin-left: 2%; margin-bottom: 5%;}
 
#send2 {width: 100%; margin-left: 2%;}
 .ya_karta_txt, .ya_karta_vid{width: 100%; margin: 0 auto;}

a.online{font-size: 14px;}

}

/*====================================2================================*/
/*====================================================================*/

@media (min-width: 480px) and (max-width: 768px){
    
    .sa301, .sa302{
    width: 96%;
    margin: 0 2% 30px 2%;
    float: left;
}
    
    ul.dj-mobile-light li.itemid-114.dj-mobileitem > a,
ul.dj-mobile-light li.itemid-115.dj-mobileitem > a{
    padding: 10px 15px;
    text-transform: uppercase;
} 

#overlay {display: none !important;}
.gmenu{display: none;}
#zak04{width: 98% !important; padding: 0 !important;}
#dj-megamenu92mobileWrap{position: fixed; right: 15px; top: 15px; z-index: 1001;}
#sitelogomob{display: block; padding-top: 15px;}
#sitelogo{display: none;}

#teltop{width: 100%; padding: 0px;}
#teltop .custom {width: 180px;  margin: 0 auto;}

.top1, .top2, .top3 {float: left; width: 100%; padding: 5px; clear: both;}

#knopka {float: left; width: 100%; padding: 10px 0 20px 0; text-align: center;}

#knopka a {float: none; margin-right: 0;}
#shapkamenusower{display: none;}
.slid-main, .slid-fssp, .slid-bisnes, .slid-credit, .slid-coll{min-height: 400px; background-position: left top;}
.slid {width: 90%; padding: 20px 2% 0px 2%;}
.wrap {width: 320px; min-height: 140px;}
.type-wrap{font-size: 30px;line-height: 35px;}
a.online{font-size: 15px;}

#columncenter100  {width: 96%; margin-right: 2%; margin-left: 2%;}
p.big, .bl50 p.big{font-size: 26px;line-height: 30px;}  
.bl5 {width: 90%; float: left; padding: 5%;}

.bl50{width: 96%; margin: 0 auto; float: none; padding: 10px 0%;}
.lin50{background: none;}
.bl50-min {width: 96%; min-height: auto;}
.bl50-min2 {width: 96%;}

#uslugi {width: 90%; margin: 0 auto;}
ul.newsflash-horiz li {width: 98%; margin: 5% 1%;}
#blog h3, .page-header h2, h3.newsflash-title{min-height: auto;}
#uslugi ul.newsflash-horiz li p{min-height: auto;}
.skew {display: none;}

#stat {width: 90%;}
.delo {width: 98%;}
#history {width: 90%;}
#problem, #reshenie {width: 90%;}
.bl03 {width: 100%; padding-bottom: 30px;}
.bl33 {display: none;}
#bottom {width: 96%;}
#telbot {width: 100%;}
#botmenus {display: none;}
#telbot2 {width: 100%; text-align: left;}
#telbot2 a.knopka2 {float: left;}
.bl50onas1, .bl50onas2 {
    float: none;
    width: 96%;
    margin: 0 auto;
    padding: 0;
}

#voproswrap {margin-top: 0px !important; background-color: #d3d3d3 !important; background-image: url(../images/bg_22m.png);}
#vopros {    width: 90%;
    min-height: auto;
    padding: 20px 2%;
    background: none !important;
}

#vopros .custom {padding: 0px 0px 0px 0px;}
.txt2{width: 95%; margin-right: 2%; margin-left: 2%; margin-bottom: 5%;}
 
#send2 {width: 100%; margin-left: 2%;}
 .ya_karta_txt, .ya_karta_vid{width: 100%; margin: 0 auto;}



}

/*===================================3=================================*/
/*====================================================================*/

@media (min-width: 769px) and (max-width: 989px) {

    ul.dj-mobile-light li.itemid-114.dj-mobileitem > a,
ul.dj-mobile-light li.itemid-115.dj-mobileitem > a{
    padding: 10px 15px;
    text-transform: uppercase;
} 

#overlay {display: none !important;}
.gmenu{display: none;}
#zak04{width: 98% !important; padding: 0 !important;}
#dj-megamenu92mobileWrap{position: fixed; right: 15px; top: 15px; z-index: 1001;}
#sitelogomob{display: block; padding-top: 15px;}
#sitelogo{display: none;}

#teltop {width: 75%; padding: 10px 0px 0px 0px;}

.top1, .top2, .top3 {float: left; width: 32%; padding: 0.5%;}

#knopka {float: left; width: 25%; padding: 10px 0 20px 0; text-align: center;}

#knopka a {float: none; margin-right: 0;}
#shapkamenusower{display: none;}
.slid-main, .slid-fssp, .slid-bisnes, .slid-credit, .slid-coll{min-height: 400px; background-position: left top;}
.slid {width: 90%; padding: 20px 2% 0px 2%;}
.wrap {width: 320px; min-height: 140px;}
.type-wrap{font-size: 30px;line-height: 35px;}
a.online{font-size: 15px;}

#columncenter100  {width: 96%; margin-right: 2%; margin-left: 2%;}
p.big, .bl50 p.big{font-size: 26px;line-height: 30px;}  
.bl5 {width: 38%; float: left; padding: 5%;}

.bl50{width: 96%; margin: 0 auto; float: none; padding: 10px 0%;}
.lin50{background: none;}
.bl50-min {width: 46%; min-height: 150px;}
.bl50-min2 {width: 96%;}

#uslugi {width: 90%; margin: 0 auto;}
ul.newsflash-horiz li {width: 48%; margin: 5% 1%;}
#blog h3, .page-header h2, h3.newsflash-title{min-height: auto;}
#uslugi ul.newsflash-horiz li p{min-height: auto;}
.skew {display: none;}

#stat {width: 90%;}
.delo {width: 48%;}

#history {width: 90%;}
#problem, #reshenie {width: 90%;}
.bl03 {width: 100%; padding-bottom: 30px;}
.bl33 {display: none;}
#bottom {width: 96%;}
#telbot {width: 50%;}
#botmenus {display: none;}
#telbot2 {width: 50%; text-align: right;}
#telbot2 a.knopka2 {float: right;}
.bl50onas1, .bl50onas2 {
    float: none;
    width: 96%;
    margin: 0 auto;
    padding: 0;
}

#voproswrap {margin-top: 0px !important; background-color: #d3d3d3 !important; background-image: url(../images/bg_22m.png);}
#vopros { 
    width: 90%;
    min-height: auto;
    padding: 20px 2%;
    background: none !important;
}

#vopros .custom {padding: 0px 0px 0px 0px;}
.txt2{width: 95%; margin-right: 2%; margin-left: 2%; margin-bottom: 5%;}
 
#send2 {width: 100%; margin-left: 2%;}

 
 #reshenie .cont {
    padding: 0px 20px 35px 20px;
    min-height: 200px;

}

}

/*=================================4===================================*/
/*====================================================================*/

@media (min-width: 990px) and (max-width: 1199px) {
    
.dj-megamenu-default li.dj-up.itemid119 {margin-left: 0% !important;}
li.dj-up.itemid106 a{margin-left: 20px !important;}
#knopka a {padding: 8px 6px; font-size: 13px; margin-right: 0px;}
#menutop1 ul li a, #menutop2 ul li a {padding: 0 20px 10px 0px;}
#menutop2 {width: 29.9%;}
.lin50 p {padding: 0px 5% 0px 0px;}
.bl50-min {min-height: 200px;}


}


@media (min-width: 1200px) {


}