/*
					Классы Контент-оператору

					.btn --- кнопка обычная
					.btn-primary --- кнопка главная
					.title{margin-bottom: 35px;}
					.title-large --- большой чёрный заголовок (Мы знаем о гидравлике всё!)
					.title-large-yellow --- жёлтый заголовок (на листалке)

					*/



					/*
					* собственные классы
					*/


@font-face {
	font-family: 'raleway-reg';
	src: url('fonts/raleway-reg.eot');
	src: local('raleway-reg'), 	url('fonts/raleway-reg.woff') format('woff'),
							url('fonts/raleway-reg.ttf') format('truetype');
}

@font-face {
	font-family: 'raleway2';
	src: url('fonts/raleway2.eot');
	src: local('raleway2'), 	url('fonts/raleway2.woff') format('woff'),
							url('fonts/raleway2.ttf') format('truetype');
}

.raleway-extrabold, .extrabold{
	font-family: 'Raleway', sans-serif;
}


.tm-logo img{
	height: auto;
	width: 290px;
}


body{
	font-family: "raleway2", sans-serif;
	color: #252b3b;
	font-size: 14px;
	line-height: 18px;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9f4ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9f4ff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9f4ff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e9f4ff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9f4ff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e9f4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9f4ff',GradientType=0 );

}

.clear{clear: both;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #252b3b;
	margin-top: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

h1, .h1 {font-size: 22px; line-height: 22px;}
h2, .h2 {font-size: 18px; line-height: 18px;}
h3, .h3 {font-size: 17px; line-height: 17px;}
h4, .h4 {font-size: 17px; line-height: 17px; text-transform: none;}
h5, .h5 {font-size: 14px; line-height: 14px;}
h6, .h6 {font-size: 12px;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

p {margin: 0 0 18px;}

.big{
	font-size: 18px;
	line-height: 30px;
}



ul.articles-list {
    list-style: none;
}
ul.articles-list li.item {
    position: relative;
}
ul.articles-list li.item:after {
    content: '\2714';
    position: absolute;
    top: -1px;
    left: -20px;
}



a {
	color: #7da7d9;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: 	all 0.2s ease-out 0s;
	-o-transition: 		all 0.2s ease-out 0s;
	transition: 		all 0.2s ease-out 0s;
}
a:hover, a:focus {
	color: #252b3b;
	text-decoration: none;
}

.btn{
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	padding: 6px 25px;
	border-radius: 0px;
	color: #252b3b;
	background: #eeeeee;
	box-shadow: 0 0 0 rgba(50,50,50,0);
	text-shadow: 0 0 0 transparent;
	-webkit-transition: all 0.2s ease-out 0.2s;
	-moz-transition: 	all 0.2s ease-out 0.2s;
	-o-transition: 		all 0.2s ease-out 0.2s;
	transition: 		all 0.2s ease-out 0.2s;
}

.btn:hover, .btn:focus{
	background: #999;
	color: #fff;
}

.btn-primary{
	color: #fff;
	background: #7da7d9;
	border: 0 none;
	box-shadow: 0 0 0 rgba(50,50,50,0);
	text-shadow: 0 0 0 transparent;
}

.btn-primary:hover{
	color: #fff;
	background: #252b3b;
	border: 0 none;
	box-shadow: 0 0 0 rgba(50,50,50,0);
	text-shadow: 0 0 0 transparent;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #252b3b;
    color: #ffffff;
}



#top-a{
	margin: 0;
	position: relative;
}

.page{
	margin-top: -73px;
	position: relative;
	top: 0;
}

#top-b{
	background: transparent;
	margin: 0;
	padding: 0px 0 50px 0;
	border-bottom: 1px solid #ebebeb;
	position: relative;
}

#top-c{
	background: transparent;
	margin: 0;
	padding: 50px 0;
	border-bottom: 1px solid #ebebeb;
	position: relative;

}

#bottom-a{
	background-image: url("images/style/hands_banner.jpg");
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	padding: 50px 0;
	position: relative;
}

#bottom-a  h1, #bottom-a h2, #bottom-a h3, #bottom-a h4, #bottom-a h5, #bottom-a h6,
#bottom-a  .h1, #bottom-a .h2, #bottom-a .h3, #bottom-a .h4, #bottom-a .h5, #bottom-a .h6 {color: #fff;}

#bottom-b{
	color: #252b3b;
	padding: 50px 0;
	position: relative;
}





.title{
	margin-bottom: 25px;
	text-transform: uppercase;
}









.navbar-right {
	float: right !important;
	margin-right: 0;
}


					/* TOOLBAR */
					/*
					*	на сайте пока нет верхней шапки, но если появится, есть уже кое-какие готовые классы
					*/

					#toolbar{
						margin: 45px 0;
						font-size: 15px;
						position: relative;
					    z-index: 990;
					}

					#toolbar .dop1{
						/*border: 1px solid blue;*/
						padding-left: 10px !important;
					    padding-right: 10px !important;}

					#toolbar .dop2{
						display: table-cell;
					    height: 40px;
						vertical-align: middle;
						/*border: 1px solid red*/
					}

					#toolbar .ico{
						float: left;
					    margin: 2px 8px 0 0;}

					#toolbar img{margin: 0 8px 0 0;}

					#toolbar ul.soc{
						list-style: outside none none;
					    margin: 0 !important;
					    padding: 0;
					}
					#toolbar ul.soc > li{
						display: inline;
					    margin-right: 1px;
					}

					#toolbar ul.soc img{margin: 0;}
					#toolbar .q1{width: 20%}
					#toolbar .q2{width: 13%}

					/* END TOOLBAR */




					/***************************************
					 *	Классы для сайта doctor-khl.kz	   *
					 ***************************************/

.navbar-nav > li > a{
	padding: 11px;
}


.navbar{
	background: #fff;
	color: #252b3b;
	border: 0 none;
	margin: 0px auto;
	position: relative;
	padding: 18px 0 15px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.navbar-nav{padding-top: 7px;}

.navbar-default .navbar-nav > li > a {
	color: #252b3b;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #7da7d9;
	background: transparent;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #7da7d9;
	background: transparent;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #7da7d9;
}


.dropdown-menu.two-columns{
	width: 500px;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #252b3b;
	white-space: normal;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #7da7d9;
}


.dropdown-menu-menu > .active > a,
.dropdown-menu-menu > .active > a:hover,
.dropdown-menu-menu > .active > a:focus {
	background-color: #7da7d9;
	color: #ffffff;
	outline: 0 none;
	text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #7da7d9;
	color: #ffffff;
	text-decoration: none;
}



#footer p {

}


#footer{
	background-color: #252b3b;
	color: #fff;
	padding: 36px 0;
	text-align: center;
}

#footer a{color: #7da7d9;}

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





#content{
	padding: 40px 0;
	border-top: 1px solid #ebebeb;
}



.three-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}
.two-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}



q {
/*quotes: "\00ab" "\00bb";*/ /* Кавычки в виде двойных угловых скобок */
/*quotes: url("../images/icons/quote1.png") "\00bb";*/ /* Кавычки в виде двойных угловых скобок */
}
q::before, q::after {
	font-size: 68px;
}

q {

}

.quotes{
	text-indent: 25px;
	line-height: 30px;
	position: relative;
}
.quotes:before{
	background-image: url("images/icons/quote1.png");
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	top: -30px;
	left: 0;

}
.quotes:after{
	background-image: url("images/icons/quote2.png");
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	bottom: 30px;
	/*right: 0;*/
	right: -20px;
}



.box-big{
	color: #fff;
	padding: 50px 50px 110px;
	position: relative;
}

.box-big1{background: #7da7d9;}
.box-big2{background: #9db7fd;}
.box-big3{background: #c23571;}

.box-big  p, .box-big  div, .box-big  h1, .box-big  h2, .box-big  h3, .box-big  h4, .box-big  h5, .box-big  h6{color: #fff;}

.box-big  p:last-child{
	margin: 0;
}



.box-big1 img,
.box-big2 img,
.box-big3 img{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px
}


.overlink{
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	position: absolute;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 10px 50px;
	bottom: 50px;
	left: 0;
	right: 58px;
	text-transform: uppercase;
}

.box-big1 .overlink	{background: #597498;}
.box-big2 .overlink	{background: #6c7dad;}
.box-big3 .overlink	{background: #ac3065;}

.overlink a{color: #fff}
.overlink a:hover{color: #ccc}

.box-big1 .overlink	a:hover{color: #ccc; /*#7da7d9;*/}
.box-big2 .overlink	a:hover{color: #ccc; /*#9db7fd;*/}
.box-big3 .overlink	a:hover{color: #ccc; /*#c23571;*/}



.formfeedback{}
.formfeedback input{}
.formfeedback textarea{}
.formfeedback input, .formfeedback textarea{
	border: 0 none;
	color: #252b3b;
	display: block;
	font-size: 18px;
	margin-bottom: 25px;
	padding: 17px 35px 16px 35px;
	width: 100%;
}

.formfeedback input[type="submit"]{
	color: #fff;
	background: #7da7d9;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	padding: 6px 25px;
	margin: 0;
	width: auto;

	border-radius: 0px;
	box-shadow: 0 0 0 rgba(50,50,50,0);
	text-shadow: 0 0 0 transparent;
	-webkit-transition: all 0.2s ease-out 0.2s;
	-moz-transition: 	all 0.2s ease-out 0.2s;
	-o-transition: 		all 0.2s ease-out 0.2s;
	transition: 		all 0.2s ease-out 0.2s;
	display: inline;
}

.formfeedback input[type="submit"]:hover,
.formfeedback input[type="submit"]:focus{
	color: #fff;
	background: #252b3b;
	border: 0 none;
	box-shadow: 0 0 0 rgba(50,50,50,0);
	text-shadow: 0 0 0 transparent;
}





.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 93%;
	/*outline: 1px dotted;*/
}
@media (min-width: 670px) {
	.container {
		width: 600px;
	}
}
@media (min-width: 770px) {
	.container {
		width: 700px;
	}
}
@media (min-width: 880px) {
	.container {
		width: 820px;
	}
}
@media (min-width: 1000px) {
	.container {
		width: 950px;
	}
}
@media (min-width: 1240px) {
	.container {
		width: 1200px;
	}
}



@media (max-width: 1239px) {
	.tm-logo img{
		height: auto;
		width: 250px;
	}
	.navbar-default .navbar-nav > li > a {font-size: 11px; font-weight: normal; padding: 11px 9px;}
	.dropdown-menu {font-size: 11px;}

}



@media (max-width: 999px) {
	.tm-logo img{
		height: auto;
		width: 220px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 11px;
		font-weight: normal;
		padding: 11px 5px;
		text-transform: none;
	}


	.dropdown-menu.two-columns {
		width: 350px;
	}
	.dropdown-menu > li > a{
		padding-left: 10px;
		padding-right: 10px;
		line-height: 16px;
	}
	.two-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.formfeedback input, .formfeedback textarea {padding: 10px 25px;}
	.big {
		font-size: 16px;
		line-height: 24px;
	}
	.box-big {
		/*padding: 30px 30px 85px;*/
		padding: 20px 20px 85px;
	}
	.overlink{
		bottom: 20px;
	}

	#top-b{padding: 0px 0 30px 0;}
	#top-c{padding: 30px 0;}
	#bottom-a{padding: 30px 0;}

	#bottom-b{padding: 30px 0;}
	.title{margin-bottom: 18px;}
	#footer {padding: 18px 0;}

}

@media (max-width: 879px) {
	.tm-logo img{
		height: auto;
		width: 185px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 10px;
		font-weight: normal;
		padding: 6px 4px;
		text-transform: none;
	}



}

@media (max-width: 769px) {

	body{
		font-size: 13px;
		line-height: 16px;
	}

	.page{margin-top: 0;}
	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6 {
		margin-bottom: 15px;
	}
	h1, .h1 {font-size: 20px; line-height: 20px;}
	h2, .h2 {font-size: 17px; line-height: 17px;}
	h3, .h3 {font-size: 16px; line-height: 16px;}
	h4, .h4 {font-size: 16px; line-height: 16px; text-transform: none;}
	h5, .h5 {font-size: 13px; line-height: 13px;}
	h6, .h6 {font-size: 12px;}
	p {margin: 0 0 13px;}

	.big{
		font-size: 16px;
		line-height: 25px;
	}

	.quotes {
		line-height: 25px;
		/*position: relative;
		text-indent: 25px;*/
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 20px;
		font-weight: normal;
		padding: 6px 4px;
		text-transform: none;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
		font-size: 14px;
	}
	.navbar-nav  .dropdown-menu {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;
	}
}
@media (max-width: 529px) {
	.two-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
}




					.navbar-toggle{margin-top: 0;}

					.navbar-default .navbar-toggle {
					    border-color: #7da7d9;
					}
					.navbar-default .navbar-toggle .icon-bar {
					    background-color: #7da7d9;
					}

					.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
					    background-color: #252b3b;
					    color: #252b3b;
					}

.dolzhnost {
    color: #7da7d9;
}

.navbar-static-top {
    z-index: 800;
}
body.wh-widget-send-button-desktop div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list>a.wh-widget-button:hover div.mes-us {
	display: none;}
div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list.wh-widget-show-get-button a.wh-widget-send-button-get-button {
    display: none;
}