/*
k-digital 25.06.2016
*/

body {
    background-color: #F8F8F8 !important;
    font-size: 14px !important;
    color:#2a2a2a;
    padding: 0;
    margin: 0;
    z-index: 0;
    font-family: 'Trebuchet MS', Trebuchet MS, Tahoma, _sans-serif;
}

.topbar {
    background-color: white;
    width:100%;
    border-bottom: 1px solid #CCC;
    position: fixed;
    padding: .3% 0;
    z-index: 99;
}

.pos_relative {position: relative;}

img, a img {border:0; text-decoration: none;}

a, .standart-link {color: #2692FF;}
a:hover, .standart-link:hover {color: #00698C;}
p {line-height: 1.6;}
p a, div a {text-decoration: underline !important;}

.nav a {text-decoration: none !important;}

/* меняет ширину сайта */
.boxed {
    width: 80%;
    margin: 0 auto;
    clear: both;
}

.right {text-align: right;}
.float_right {float:right;}

.left {text-align: left;}
.float_left {float:left;}

.center {text-align: center;}

.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f32 {font-size: 32px;}
.f34 {font-size: 34px;}
.f36 {font-size: 36px;}
.f38 {font-size: 38px;}
.f_menu_icon {font-size: 31px;}
.f69 {font-size: 69px;}

.color_grey {color:#888;}
.color_lightgrey {color: #CCC;}
.color_green {color:#2CB23C !important;}
.color_red {color:#990000 !important;}

.topbar_social a {
    color: #999;
}

.topbar_social a:hover {
    color: #333;
}
.adapt_menu {display: none;}
.adapt_menu h1 {padding: 0 !important; margin: 0 !important;}
.adapt_menu h1 a {color: #333;}
.adapt_menu h1 a:hover {color: #2CB23C;}

.nowrap {white-space: nowrap;}

.sfont {font-family: 'myfont-regular', 'Trebuchet MS', Trebuchet MS, Tahoma, _sans-serif; font-weight: normal;}
.sfont_medium, .sfont-medium {font-family: 'myfont-medium', 'Trebuchet MS', Trebuchet MS, Tahoma, _sans-serif;font-weight: normal;}
.sfont_bold, .sfont-bold {font-family: 'myfont-bold', 'Trebuchet MS', Trebuchet MS, Tahoma, _sans-serif;font-weight: 700;}

.topbar_city_position {
    margin-right: 2%;
    padding: 5px;
}

.adapt {display: none; width: 0 !important;}
.ashow {display: none;}

h1 {font-size: 31px !important;}

.lineheight1 {line-height: 1;}

.getfirstblock {
    padding-top: 100px;
}
.row {padding: 15px 0 !important; margin-right: 0 !important; margin-left: 0 !important;}

/*--------------------------------------------*/

.margin-left {
    margin-left: 40px;
}

.cbp-spmenu {
	background: #333;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #FFF;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #2CB23C;
}

.cbp-spmenu a {
	display: block;
	color: #fff !important;
	font-size: 1.1em;
	font-weight: 300;
        text-decoration: none !important;
}

.cbp-spmenu a:hover {
	background: #2CB23C;
        color:white;
        text-decoration: none;
}

.cbp-spmenu a:active {
	background: #000;
	color: #FFF;
}

.cbp-spmenu a.active {
	background: #000;
	color: #FFF;
}

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #000;
        color:white;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #000;
}


.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

.cbp-spmenu .caret {
    border-top: 4px solid #FFF;
}

.cbp-spmenu {
    rendering-intent: auto;
}

/*--------------------------------------------*/

.getbars {color: black;}
.getbars:hover {color:#2CB23C;}

.nav {font-size: 17px;}

/*nav bar redesign */

.navbar-collapse {
    padding-left: 0 !important;
}

.navbar-nav li a {padding: 8px !important; color:black !important;}
.navbar-nav li {margin: 0 20px 0 0 !important;}

.navbar-nav li a:hover {background: none !important;}

.navbar-nav>li>a {
    border: none !important;
}

.navbar-nav>li>a:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #2CB23C;
    position: absolute;
    left: 0; bottom: 3px; right: 0;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transition: all 0.35s ease-in-out 0s;
    transform: scaleX(0);
    visiblity: hidden;
    border: none !important;
}


.navbar-nav>li>a:hover:before  {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  visiblity: visible;
}
.navbar-nav>li>a:hover {
    color: #ff00ff;
    transition: all 0.5s ease-in-out 0s;
  }

.bold {font-weight: bold;}
.italic {font-style: italic;}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color:white !important;
    border-top: 1px solid #B9B9B9;
    border-bottom: 1px solid white;
    border-left: 1px solid #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-color: #B9B9B9 !important;
}

.dropdown-menu {margin-top: -2px !important;}

.dropdown-menu>li>a {font-size: 16px; padding-left:22px !important; font-family: 'dinpro-regular', Tahoma, Arial, _sans;}

.dropdown-menu>li>a:hover {color:#2CB23C !important;}

.get_owl_slider {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.get_owl_slider img {
    width:749px;
    display: block;
    height: 346px;
    position: absolute;
    z-index: 2;
    top:0; left:0;
}

.col-white, .white-block, .white_block {background-color:white;}
.inner-block {padding:15px; margin-top:20px;}

.grey-block {background-color:#F2F2F2;}

.slider1 img {background-size: cover;}

h1 {
    font-size: 22px !important;
    font-weight: normal !important;
    margin: 0 0 10px 0!important;
}

.fixed-height360 {
    min-height: 360px;
    overflow: hidden;
}

.fixed-height220 {
    min-height: 220px;
    overflow: hidden;
}

.fixed-height-natural {
    height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.col-inner-padding {padding: 15px; position: relative; z-index: 0;}

.green_block, .green-block, .link-green-bg {background-color:#2CB23C !important; color:white !important;}

.block-text-padding5, .padding5 {padding-top: 5px;}
.block-text-padding10, .padding10 {padding-top: 10px;}
.block-text-padding11, .padding11 {padding-top: 11px;}
.block-text-padding12, .padding12 {padding-top: 12px;}
.block-text-padding13, .padding13 {padding-top: 13px;}
.block-text-padding14, .padding14 {padding-top: 14px;}
.block-text-padding15, .padding15 {padding-top: 15px;}
.block-text-padding16, .padding16 {padding-top: 16px;}
.block-text-padding17, .padding17 {padding-top: 17px;}
.block-text-padding18, .padding18 {padding-top: 18px;}
.block-text-padding19, .padding19 {padding-top: 19px;}
.block-text-padding20, .padding20 {padding-top: 20px;}
.padding0 {padding: 0 !important;}

.block-link-white {
    color: inherit !important;
    text-decoration: none !important;
    height: 250px;
    width:100%;
    position: absolute;
    top:0; left: 0;
    z-index: 2;
    display: block;
    opacity: 0;
    background-position: 0 -50%;
}

.pr-item {
    width: 100%;
    height: auto;
}

.pr-item .block-link-white {
    height: auto;
    width:96%;
    margin: 0 auto;
}

.block-link-white:hover, .block-link-white:focus, .block-link-white:before {
    background-color: green;
    opacity: 0.8;
    /*
     background: #2cb23c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjYjIzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTlhMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2cb23c 0%, #299a0b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2cb23c), color-stop(100%,#299a0b)); 
    background: -webkit-linear-gradient(top,  #2cb23c 0%,#299a0b 100%); 
    background: -o-linear-gradient(top,  #2cb23c 0%,#299a0b 100%);
    background: -ms-linear-gradient(top,  #2cb23c 0%,#299a0b 100%); 
    background: linear-gradient(to bottom,  #2cb23c 0%,#299a0b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb23c', endColorstr='#299a0b',GradientType=0 ); 
     */
    background: url('/images/arrow.png') no-repeat center center #2cb23c;
    color:white;
    background-position: 50% 50%;
    transition: opacity .75s ease-in-out;
   -moz-transition: opacity .75s ease-in-out;
   -webkit-transition: opacity .75s ease-in-out;
}

.block-background {
    position: absolute;
    z-index: -1;
    width:50px;
    height: 50px;
    bottom: 10px;
    right: 15px;
    display: block;
    background-position: bottom right;
    background-size: contain;
}

.icon_pixelcat {background: url('/images/pxc.png') no-repeat;}
.icon_itsol {background: url('/images/icon_itsol.png') no-repeat;}
.icon_auturn {background: url('/images/auturn.png') no-repeat; width: 100px;}
.icon_shops {background: url('/images/icon_shops.png') no-repeat;}
.icon_audit {background: url('/images/icon_audit.png') no-repeat;}

hr {
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
}

.footer-settings {}

.footer-settings a {color:grey;}

.footer-settings a:hover {color: black;}
.footer-settings a.active {color: black; text-decoration: none;}

.footer-settings nav a {display: block; padding: 0 0 15px 0;}

li.active{background-color:white !important;}

.u_calc_left {width: 30%;}
.u_calc_right {width: 69%;}

.u_calc_left_result {width: 69%;}
.u_calc_right_result {width: 30%;}

.relative {position: relative; z-index: 0;}

.pic-postiion-absolute img {
    position:  absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width:100%;
    height: auto;
    background-size: cover;
}

.text-position-absolute {
    position:  absolute;
    z-index: 1;
    top: 20px; left:20px;
    width: 45%;
    height: auto;
}

.text-position-absolute-right {
    position:  absolute;
    z-index: 1;
    top: 20px; left:48%;
    width: 45%;
    height: auto;
}

.text-position-absolute-full {
    position:  absolute;
    z-index: 1;
    top: 20px; left:20px;
    width: 90%;
    height: auto;
}

.overflow-hidden {overflow: hidden;}

.col-simple {width:80%; margin: 0 auto;}

.nonmarked-div-list div {margin: 12px 0;}

.link-white {color:white !important;}
.link-white:hover {color:#D3F5D7 !important;}

.company-head-bg {background: url('/images/company_head.png') no-repeat bottom right;}
.company-head-bg p {width: 50%;}

.text-shadow {text-shadow: 1px 1px 1px #176A1F;}

.default-button {
    padding: 15px 27px;
    border: 1px solid #2CB23C;
    color:black;
    text-decoration: none !important;
}

.default-button:hover {
    padding: 15px 27px;
    border: 1px solid #2CB23C;
    color:white;
    background-color: #2CB23C;
    text-decoration: none !important;
}

.default-button-inverse {
    padding: 15px 27px;
    border: 1px solid white;
    color:white;
    text-decoration: none !important;
}

.default-button-inverse:hover {
    background-color:white;
    color: #2CB23C;
}

.order-block-left {width: 55%; float:left;}
.order-block-right {width: 38%; float:right;}


.breadcrumbs, .breadcrumbs li {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
}

.breadcrumbs li {display: inline;}

.dropdown-listed li a {
    padding-left:15px;
    display: block;
}

.dropdown-listed li a {color: #CCC !important;}

.cbp-spmenu .caret {
    border-top: 4px solid #FFF;
}

/*  pr-gallery   */

.thumbnail {
    box-shadow: 0 0 0 !important;
    border: 0 !important;
    border-radius: 0 0 0 !important;
}

.pr-sort ul {
    list-style: none;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    padding: 0 !important;
    margin: 0 !important;
}

.pr-sort ul li {
    display: inline;
    padding: 0 13px 0 0;
    font-size: 13px;
}

.pr-sort li.active a, .pr-sort li.active {
    background: none !important;
    color: #000 !important;
    text-decoration: none !important;
}

.pr-caption a {
    color:black;
    text-decoration: none !important;
}

.pr-image a img {width:100%; height: auto;}

.pr-caption a:hover {
    color: #2CB23C;
    text-decoration: none !important;
    }

.tag a {color:grey; text-decoration: none !important;}
.tag a:hover {color:black;}

.pr-thumbnail img {width:100%; height: auto;}

.container-portfolio .row>div {
    margin-top: 15px;
}

.case-block p>img {
    width:100%;
    height: auto;
}


.img-auto {
    width:100%;
    height: auto;
}
.secondlevel-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none;
    list-style-position: inside;
}
.secondlevel-menu li {
    display: block;
    margin: 22px 0 !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.secondlevel-menu li a:hover {
    color:#1D50A3;
}

.secondlevel-menu li ul li {
    display: block;
    margin: 11px 0 !important;
    margin: 0;
    font-size: 12px;
}

.secondlevel-menu li ul {
    padding-top: 12px;
}

.secondlevel-menu li ul li a {
    color:black;
}

.gallery-clients img {border: 1px solid #f2f2f2; margin: 8px;}

.nav-tabs li {
    width: 25% !important;
}

.nav-tabs li a {color:black !important;}

.nav-tabs {
    border: none !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: none !important;}

.nav-tabs li.active {
    border-bottom: 3px solid #00A651 !important;
}

.tab-content {background-color: white !important;}

.small-text-padding {
    padding: 8px 0;
}