/*--- button ---*/

.add_comment {
	background:none;
	display: block;
	width: 50px;
	height: 196px;
	position: fixed;
	left: 0;
	top:200px;
	z-index: 99999;
}


/* --------- font-family --------- */
@font-face {
    font-family: "SegoeUISemiBold";
    src: url("../fonts/SegoeUISemiBold.eot");
    src: url("../fonts/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/SegoeUISemiBold.woff") format("woff"),
    url("../fonts/SegoeUISemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "SegoeUIRegular";
    src: url("../fonts/SegoeUIRegular.eot");
    src: url("../fonts/SegoeUIRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/SegoeUIRegular.woff") format("woff"),
    url("../fonts/SegoeUIRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* @font-face {
    font-family: "SegoeUILight";
    src: url("../fonts/SegoeUILight.eot");
    src: url("../fonts/SegoeUILight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/SegoeUILight.woff") format("woff"),
    url("../fonts/SegoeUILight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
} */

/* ------------- all style --------------- */
html, body {
       font-family: "SegoeUIRegular";, Arial, sans-serif;
	color:#fff;
	font-size:14.5px;
	line-height:1.2;
}
.section:after {
	content:'';
	display:table;
	clear:both;
}
.container {
	position:relative;
	margin:0 auto;
	width:100%;
}
.container:after {
	content:'';
	display:table;
	clear:both;
}
h1 {
    font-family: "SegoeUIRegular";
	text-align:center;
	color:#000;
	font-size:3.24em;
	text-transform:uppercase;
	margin:80px 0 40px;
	letter-spacing:0.05em;
}


#conditions
 {
    font-family: "SegoeUIRegular";
	text-align:center;
	color:#000;
	font-size:3.24em;
	text-transform:uppercase;
	margin:10px 0 50px;
	letter-spacing:0.05em;
}



ul, ol {margin:0; padding:0; list-style:none;}
p {margin:0;}

#menu a { outline: none; text-decoration:none;} /* Убираем границу вокруг ссылок  */

.form-control {
	height:50px;
	border-radius:0;
	font-size:18px;
    font-family: "SegoeUIRegular";	
}

input:not([type='submit']):focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:not([type='submit']):focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:not([type='submit']):focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:not([type='submit']):focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

.button {
	position:relative;
	width:300px;
	max-width:100%;
	height:55px;
	line-height:55px;
	text-align:center;
	font-size:18px;
    font-family: "SegoeUISemiBold";	
	color:#000;
	text-transform:uppercase;	
	border:0;
	background-color: #ffcf00;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(left, #ffaf00 0%, #ffed00 100%);
	background-image: -o-linear-gradient(left, #ffaf00 0%, #ffed00 100%);
	background-image: -webkit-linear-gradient(left, #ffaf00 0%, #ffed00 100%);
	background-image: linear-gradient(left, #ffaf00 0%, #ffed00 100%);
}
.button:hover {
	color:#000;
	text-decoration:none;
}
.button:after {
	content:'';
	position:absolute;
	top:100%;
	left:0px;
	width:100%;
	height:5px;
	background-color: #aa6e00;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3NjcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZGIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(left, #a76700 0%, #e9db00 100%);
	background-image: -o-linear-gradient(left, #a76700 0%, #e9db00 100%);
	background-image: -webkit-linear-gradient(left, #a76700 0%, #e9db00 100%);
	background-image: linear-gradient(left, #a76700 0%, #e9db00 100%);
	transition:.5s;
}
.button:hover:after {
	background: #000;
}


@media screen and (min-width: 870px) {
	.container {
		width:870px;
	} 
}



/* ------------- menu --------------- */
.top_nav {
	position:fixed;
	top:0px;
	left:0;
	padding:60px 0 10px;
	width:100%;
	text-align:center;
	line-height:32px;
	z-index:100;
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	-ms-transition: background .5s ease-in-out,padding .5s ease-in-out;
	-o-transition:background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.top_nav  .container{position:relative;}

.logo {
	position:relative;
	float:left;
	width:179px;
	padding:0;
	z-index:2;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition:  0.3s;
	-o-transition:  0.3s;
	transition:  0.3s;
}
.logo img {max-width:100%;}

.top_menu{
/* 	display:inline-block;
	vertical-align:middle; */
	position:absolute;
	top:7px;
	left:0;
	width:100%;
	text-align:center;
	line-height:1;
	padding:0;
	margin:0;
	list-style:none;
}
.top_menu li {
	display:inline-block;
	margin:0 10px;
}
.top_menu li:first-child{	margin-left:0;}
.top_menu li:last-child {margin-right:0;}
.top_menu li a {
	display:inline-block;
	padding:4px 0;
	text-transform:uppercase;
	color:#fff;
}
.top_menu li a:hover, .top_menu li.active a{
	padding-bottom:3px;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
.call_back {
	float:right;
	position:relative;
	margin-top:-10px;
	padding-left:5px;
}
.call_back  span {
	text-transform:uppercase;
	color:#fff;
	line-height:1;
}
.call_back .popap_btn {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	color:#e7a004;
	line-height:1;	
	font-size:14px;
	text-decoration:underline;
}
.call_back .popap_btn:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:18px;
	height:18px;
	margin-right:5px;
	background:url(../images/icons.png) top left no-repeat;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition:  0.3s;
	-o-transition:  0.3s;
	transition:  0.3s;	
}
.call_back .popap_btn:hover:before {
    -moz-transform: rotate(360deg); /* Для Firefox */
    -ms-transform:rotate(360deg); /* Для IE */
    -webkit-transform: rotate(360deg); /* Для Safari, Chrome, iOS */
    -o-transform:rotate(360deg);/* Для Opera */
    transform: rotate(360deg);
}

.top_nav.scroll {
	padding:20px 0;
	background:#000;
	border-bottom: 1px solid #ffaf00;
}
.scroll  .logo {
	/* top:-6px;
	width:120px; */
}
.scroll .call_back {

}


/* --------------------------- catalogue and category ---------------------------- */
.s2 {
	background:#fff;
	color:#000;
}
.filter-button-group  {
	display:table;
	margin:0 auto 35px;
	text-align: center;
}
.filter-button-group  button {
	width:auto;
	height:auto;
	line-height:1;
	margin:0 5px;
	font-family: "SegoeUIRegular";
	 color: #000;
	font-size: 14px;
	text-transform:uppercase;
	text-decoration:underline;
	border:0;
	background:none;
	outline:0;
}
.filter-button-group  button:after {display:none;}
.filter-button-group  .is-checked{
	text-decoration:none;
}
.catalogue {
/* 	overflow:hidden; */
	padding:0;
	text-align:center;
}
.catalogue:after {
	content:'';
	display:table;
	clear:both;
}
.catalogue li{
	float:left;
	min-height:230px;
	margin-bottom:20px;
}
.catalogue.center_row li {
	float:none;
	display:inline-block;
	vertical-align:top;
	margin:0 0.5%;
}
.catalogue li a {	display:block; }
.catalogue li a:hover {text-decoration:none;}



@media screen and (min-width: 870px) {
	.catalogue li{
		width:18%;
		margin:0 1% 0px;
		padding:0;
	}
}
.catalogue .img {
	position:relative;
	display:inline-block;
	width:140px;
	height:140px;
	background:#e1e1e1;
	margin-bottom:12px;
	border-radius:50%;
	overflow:hidden;
	z-index: 1;
	-moz-transition:-moz-transform 0.5s ease-in; 
	-webkit-transition:-webkit-transform 0.5s ease-in; 
	-o-transition:-o-transform 0.5s ease-in;	
	transition:transform 0.5s ease-in;	
}
.go_big .img:after {
	content:'';
	position:absolute;
	top:0%;
	left:0%;
	width:140px;
	height:140px;
	/*background:url(../images/stamp.png) center center no-repeat;*/
}

.catalogue img {max-width:100%; border-radius:100%;}

.go_big .img:hover{
-moz-transform:scale(3);  
-webkit-transform:scale(3); 
-o-transform:scale(3); 
transform:scale(3); 
 display:inline-block;

	z-index:2;
/* 	background:#e1e1e1;
	margin-bottom:12px;
	
	overflow:hidden; */
}
.index .catalogue .img:hover {
	-moz-transform:scale(1);  
-webkit-transform:scale(1); 
-o-transform:scale(1); 
transform:scale(1); 

}

.catalogue p {color:#333333;}
.catalogue .desk {
	color:#00a9e1;
}

.category h1  {
	margin:0;
	padding:140px 0 65px;
}
.category   .catalogue  li{
	min-height: 210px;
}

.category_info {
	margin:30px 0 50px;
	color:#999999;
	text-align:justify;
}
.category_info p {margin-bottom:20px;}

.calk_wrap {
	height:182px;
	line-height:182px;
	text-align:center;
	background: #000;
	background: rgba(0,0,0,0.7) url(../images/category.jpg) center top no-repeat;
}
.calk_wrap .button {
	display:inline-block;
	vertical-align:middle;
}


/* --------------------------- work ---------------------------- */
.s3 {
	background:#fff;
	color:#000;
}
.works {
	margin-bottom:40px;
	text-align:center;
}
.works img {
	max-width:100%;
	vertical-align:bottom;
}
.works div {
	position:relative;
}
.works div:before {
	content:'';
	position:absolute;
	top: 30px;
	left: -7px;
	width:15px;
	height:28px;

	background:url(../images/icons.png) right top;
}
.works div:first-child:before {
	display:none;
}
.works p {margin-top:15px;}

/* --------------------------- clients ---------------------------- */
.s4 {
	background:#fff;
	color:#000;
}

/* --------------------------- action ---------------------------- */
.s5 {
	position:relative;
	height:726px;
	padding-top:160px;
	background:#000;
	background:rgba(0,0,0,0.7) url(../images/action.jpg) center top no-repeat;
	background-size:cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.s5:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
}
.action {
	position:relative;
	text-align:center;
	z-index:2;
}
.action_form {
	position:relative;
	text-align:center;
	line-height:1;
	z-index:2;
}

.action_form p {
	font-size:22.5px;
	text-transform:uppercase;
	margin-bottom:25px;
}
.action_form  .info {
	display:block;
	margin:10px 0 0 10px;
	text-align:left;
}

@media screen and (min-width: 768px) {
	.action_form  {	float:right; 	width:330px;} 
	
	.action_form:before {
		content:'';
		display:inline-block;
		width:100px;
		height:100px;
		margin-bottom:55px;
		background:url(../images/icons.png) right bottom no-repeat;
	}
}


/* --------------------------- order ---------------------------- */
.s6 {
	background:#2d1418;
}
.s6 h1 {
	margin:0;
	padding:25px 0;
	color:#fff;
	background:#000;
}
.order_form, .order_form2 {
	padding:40px 0 30px;
	line-height:1;
}

.order_form label, .order_form2 label  {
	display:block;
	font-size:16px;
}
.order_form2 label {	color:#000;}
.order_form .form-control, .order_form2 .form-control{
	width:100%;
}
.order_form .info{
	margin:10px 0;
	text-align:right;
}
.order_form .button{
	width:100%;
	height:100px;
	margin-bottom:40px;
	font-size:24px;
}
.order_form2 .button {height:50px; line-height:50px;}
.order_form2 .button:after {	
	display:none;
}

.order_form .button:after {
	height:10px;
}
.menedger {
	font-size:19px;
	text-align:center;
}


/* --------------------------- contacts ---------------------------- */
.s7 {
	background:#fff;
	color:#000;
}

.contact {
	position:relative;
	margin:50px 0;
	line-height:50px;
	text-align:center;
}
.contact:after {
	content:'';
	display:table;
	clear:both;
}

.contact .title{
	margin:0;
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	text-align:center;
}
.contact .tel {	float:left;}
.contact .mail {	float:right;}
.contact .tel, .contact .mail{
	position:relative;
	padding-left:65px;
	font-size:16px;
	text-align:left;
}
.contact .tel > div, .contact .mail > div {
	display:inline-block;
	vertical-align:middle;
}

@media screen and (min-width: 768px) {
	.mail {float:right;}
}
.tel:before, .mail:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	margin-top:-25px;
	width:50px;
	height:50px;
	background:#ffaf00 url(../images/icons.png) no-repeat;	
	border-radius:50%;
}
.tel:before {background-position:12px -23px;}
.mail:before  {background-position:10px -70px;}

.tel span, .mail span,
.tel a, .mail a{
	display:block;
	color:inherit;
	line-height:1.2;
}
.tel a, .mail a {text-decoration:underline;}


.call_back_btn:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:15px;
	margin-right:5px;
	background:url(../images/icons.png) -25px top no-repeat;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition:  0.3s;
	-o-transition:  0.3s;
	transition:  0.3s;	
}
.call_back_btn:hover:before {
    -moz-transform: rotate(360deg); /* Для Firefox */
    -ms-transform:rotate(360deg); /* Для IE */
    -webkit-transform: rotate(360deg); /* Для Safari, Chrome, iOS */
    -o-transform:rotate(360deg);/* Для Opera */
    transform: rotate(360deg);
}

.map {
	width:100%;
	height:350px;
}


/* =================================================================================
 * form validations
 * =================================================================================*/
.valid_text {
	height:15px;
}
.s6 .valid_text {
	margin:3px 0;
	text-align:right;
}
.valid_text span {
	font-size:14px;
	text-transform:initial;
	display:none; 
	color:red;
 }
.valid.red {border-color:red;} 
 
 #mask {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	background:rgba(0,0,0,0.8);
	z-index:1100;
	display:none;
 }
 #mask .text_mask {
	display:inline-block;
	position:relative;
	top:45%;	
	color:#fff;
	font-size:20px;
 }
 #mask .text_mask span {
	color:#ffcf00;
 }

/* =================================================================================
 * sliders (flexslider)
 * =================================================================================*/

/* =  * DEFAULT sliders  * = */
.flex-viewport {
   max-height: 2000px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
  	margin:0;
	padding:0;
	list-style:none;
}
.slides  {
	margin:0;
	padding:0;
	list-style:none;
}

.flex-direction-nav a {	transition:0.3s;}
.flex-direction-nav .flex-prev:hover {  opacity:.8;}
.flex-direction-nav .flex-next:hover {  opacity:.8;}
.flex-direction-nav .flex-disabled {
  opacity: .5!important;
  filter: alpha(opacity=0.5);
  cursor: default;
}

.flex-direction-nav a  {
	display: block;
	position: absolute;
	z-index: 10;
	cursor: pointer;
	text-indent:-9999px;
}
.flex-direction-nav a:focus  {
	outline:0;
}

/* ------------- main_slider --------------- */
.main_slider {
    position: relative;
	width:100%;
}
.main_slider .slides {
	position:relative;
}
.main_slider  .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.main_slider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	position:relative;
	text-align:center;
}
.main_slider .slides > li:first-child{display:block;}
.main_slider .slides li:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);	
}
.main_slider .slides img {
	width:100%;
    height: auto;
	display: block;
}

.main_slider  .flex-direction-nav a {
  text-decoration: none;
  width: 44px;
  height:100px;
  top: 50%;
  margin:-50px 0 0 0;
  background:url(../images/arrows.png) no-repeat;
}
.main_slider  .flex-direction-nav .flex-prev {
	right:50%;
	margin-right:390px;
	background-position:left center;
}
.main_slider  .flex-direction-nav .flex-next {
	left:50%;
	margin-left:390px;
	background-position:right center;
}

.main_slider .container {
	position:absolute;
	top:50%;
	left:50%;
	height:100px;
	margin:-50px 0 0 -435px;
}
.main_slider .title {
    font-family: "SegoeUIRegular";
	font-size:53px;
}
.main_slider .sub_title {
	font-size:26px;
}

.calk_btn {
	position:absolute;
	top:55%;
	left:50%;
	width:300px;
	margin-left:-150px;
	margin-top:70px;
	z-index:10;
}

.calk_btn.fixed{
	position:fixed;
	top:75px;
	margin-top:0;
}

/* ------------- category_slider --------------- */
.category_slider{
    position: relative;
	width:100%;
	margin-bottom:50px;
}
.category_slider .slides {
	position:relative;
}
.category_slider  .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.category_slider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	position:relative;
	text-align:center;
}
.category_slider .slides > li:first-child{display:block;}
.category_slider .slides img {
	width:100%;
    height: auto;
	display: block;
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  left:0;
  bottom: 15px;
  text-align: center;
  z-index:10;
}
.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
  border-radius:50%;
}
.flex-control-paging li a:hover {
	opacity:0.8;
}
.flex-control-paging li a.flex-active {
  background: #ff9900;
  cursor: default;
}




/* ------------- work_slider --------------- */
.work_slider{
	position:relative;
}
.category .work_slider{
	margin-bottom:30px;
}
.work_slider .flex-viewport {
	width: 100%;
}
.work_slider  .slides {
	width:100%;
	height:195px;
	overflow:hidden;
}
.work_slider  .slides li {
	float:left;
	width:auto !important;
	height:195px;
	text-align:center;
}
.work_slider  .slides li img {
	vertical-align:middle;	
}
.work_slider .flex-direction-nav a {
	top: 50%;
	width: 24px;
	height: 44px;
	margin: -22px 0 0;
	background:url(../images/icons.png) no-repeat;
}
.work_slider .flex-direction-nav .flex-prev {
	left: 10%;
	background-position:left -135px;
}
.work_slider .flex-direction-nav .flex-next {
	right: 10%;
	background-position:-26px -135px;	
}

/* ------------- clients_sliders --------------- */
.clients_sliders {
	position:relative;
	margin-bottom:40px;
}
.clients_sliders .flex-viewport {
	width: 100%;
}
.clients_sliders .slides {
	width:100%;
	height:130px;
	overflow:hidden;
}
.clients_sliders.two_img .slides {
	height:260px;
}
.clients_sliders.catalogue_sliders .slides {
	height:140px;
}
.clients_sliders .slides li {
	float:left;
	height:130px;
	line-height:130px;
	text-align:center;
}
.clients_sliders.two_img .slides li  {
	height:260px;
}

.clients_sliders.catalogue_sliders .slides li {
	height:140px;
}
.clients_sliders  .slides li img {
	vertical-align:middle;	
	max-width:100%;
}
.clients_sliders .flex-direction-nav a {
	top: 50%;
	width: 24px;
	height: 44px;
	margin: -22px 0 0;
	background:url(../images/icons.png) no-repeat;
}
.clients_sliders .flex-direction-nav .flex-prev {
	left: -5%;
	background-position:-54px top;
}
.clients_sliders .flex-direction-nav .flex-next {
	right: -5%;
	background-position:-84px top;
}

/* баннер */
.banner {
	position:absolute;
	top: 0px;
	left: -250px;
	width:50px;
	height:196px;
}
.banner.fixed {
  position: fixed;
  top: 80px;
  left: 50%;
  margin-left: -685px;
}

/* ===============================================================================
 * media
 * ===============================================================================*/
 @media screen and (max-width: 960px) { 
	.clients_sliders .flex-direction-nav a,
	.work_slider .flex-direction-nav a, 
	.banner	{
		display:none;
	}
 }
 
@media screen and (max-width: 870px) {
	.main_slider  .flex-direction-nav .flex-prev {
		left:10px; margin-right:0;
	}
	.main_slider  .flex-direction-nav .flex-next {
		left:auto; right:10px; margin-left:0;
	}
	.main_slider .container {
		margin-left:0;
		left:0;
	}

}

@media screen and (max-width: 768px) {
	.top_nav {padding-top:10px;}
	.logo {width:140px;}
	.top_menu li  {  margin: 0 5px;  font-size: 12px;} 
	h1 {font-size:3em;}	
	.works p {font-size:11px;}
	.works div{margin-bottom:20px;}
	.works div:before {display:none;}
	
	.s5 {padding-top:50px;}
	.action_img {max-width:280px; margin-bottom:50px;}
	
	.contact  .title, .contact  .tel, .contact  .mail {float:none; position:relative; display:block; margin-bottom:30px;}
	
	
}
@media screen and (max-width: 600px) {
	.main_slider .title {	font-size:30px;}
	.main_slider .sub_title {	font-size:18px;}
	.main_slider  .flex-direction-nav .flex-prev, 
	.main_slider  .flex-direction-nav .flex-next	{	display:none;}
	.calk_btn {top:auto; bottom:5%;}


}
@media screen and (max-width: 500px) {
	h1 {font-size:2.5em;}
	.catalogue .img {
	/* 	width:120px;
		height:120px; */
	}
	.category .catalogue li {padding: 0 5px;}

	.logo {width:130px;}
}


.zoom_img img{
margin:10px;
height:400px;
width:400px;
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(1.3); 
-webkit-transform:scale(1.3); 
-o-transform:scale(1.3); 
}
	
}
#idForm_valid2{
	
	    margin-bottom: 5px;
    font-weight: bold;
}