@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/slider.css";@import"../css/forms.css";
@import url(http://fonts.googleapis.com/css?family=Kreon:400,300,700);
body{background:#222222;font:13px/20px "Arial", Arial, Helvetica, sans-serif;color:#2e2e2e;position:relative;min-width:320px;}
html,body{height:100%;}
p{padding-bottom:20px}
a{color:#ff7d2a;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#2e2e2e;font-weight:normal;}
h1{font-size:35px;}
h2{font-size:30px;}
h3{font-size:25px;} 
h4{font-size:25px; padding-bottom:20px;}  
h5{font-size:18px;}
h6{font-size:16px; color:#656565;}
/* Global Structure---------------------------------------- */
.bg{ width:100%; background:url(../images/body.png) 50% 0 repeat;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:centre}
.alignmiddle *{vertical-align:middle}
.color1{color:#ff7d2a;}
.color2{color:#fff;}

/*********************************boxes**********************************/
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:35px;}
.indent-bot4 {margin-bottom:45px;}
.indent-bot5 {margin-bottom:55px;}
.indent-bot6 {margin-bottom:65px;}

.bot-indent {margin-bottom:18px;}
.bot-indent2 {margin-bottom:3px;}
.bot-indent3 {margin-bottom:11px;}

.indent-r {margin-right:21px;}

.left-pad {padding-left:11px;}
.top-pad {padding-top:20px;}
.top-pad2 {padding-top:5px;}

.buttons a:hover {cursor:pointer;}

.img-pos img {max-width:100%; height:auto;}
.img-border {border:1px solid #e8e8e8;}
.img-border a {display:block;border:9px solid #FFF;}
.img-style {float:left;margin: 0 27px 0 0;}
.img-style2 {float:left;margin: 10px 20px 0 0;}
.img-style3 {float:left;margin: 5px 20px 0 0;}
.img-style4 {float:left;margin: 0px 15px 0 0;}
.img-indent2 {float:left; margin:0 5px 0px 0;}


.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header{position:relative;z-index:99; width:100%; background:url(../images/heaader.png) 50% 0 repeat-x; padding:43px 0 0 0;}
header h1{ float:left; padding-bottom:13px;}
	header h1 a{ display:block; max-width:191px;}
	header h1 a img{ max-width:100%; height:auto;}
.tooltips{ position:relative; overflow:hidden; float:right; padding:0px 10px 0 0;}
	.tooltips li{ float:left; padding:5px 0 0 11px;}
	.tooltips li.tooltip-text{ color:#6d6d6d; font-size:14px; line-height:18px; padding:3px 10px 0 0;}
/********************** Content ************************/
section#content{overflow:hidden; position:relative; z-index:1; width:100%;}
aside{position:relative; z-index:1; width:100%; background:url(../images/aside.png) 50% 0 repeat-x #2d2d2d; padding:0 0 31px; border-bottom:11px solid #232323;}
.title1{ font-size:81px; line-height:105px; color:#2e2e2e; padding:35px 0 0 0;}
.twitter{ color:#939393; padding:37px 0 0 0; position:relative; overflow:hidden; margin:0; height:162px;}
	.twitter a{ color:#fff;}
	.twitter span{ display:block; padding-bottom:1px;}
	.twitter span a{ color:#ff7d2a; display:inline;}
	.twitter ul li{ padding-bottom:20px;}
.list2{padding:5px 0 10px 0; box-shadow:1px 1px 1px rgba(0,0,0,.4); border-radius:4px;
	background: #1DC8FF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1DC8FF), to(#13aeff));
	background: -webkit-linear-gradient(#1DC8FF, #13aeff);
	background: -moz-linear-gradient(#1DC8FF, #13aeff);
	background: -ms-linear-gradient(#1DC8FF, #13aeff);
	background: -o-linear-gradient(#1DC8FF, #13aeff);
	background: linear-gradient(#1DC8FF, #13aeff);
	-pie-background: linear-gradient(#1DC8FF, #13aeff);}
	.list2 li a{ display:block; font-size:20px; line-height:1.2em; color:#fff; padding:8px 0px 8px 20px;}
	.list2 li a:hover{ background:url(../images/list-hover.png) 0 0 repeat-x #1d1d1d;}
.list1 li{ background:url(../images/marker.png) 0 8px no-repeat; padding:0 0 8px 10px;}
	.list1 li a{ color:#2e2e2e;}
.col1{ width:280px; float:left;}
.quotes{ position:relative; background:#f3f3f3; border:1px solid #e8e8e8; border-radius:3px; padding:12px 0 15px 18px; margin:6px 0 10px 0;}
	.quotes blockquote{ font-size:16px; line-height:24px; color:#656565;}
	.quotes span{ display:block; background:url(../images/quotes2.png) 0 0 no-repeat; width:18px; height:10px; position:absolute;bottom:-10px; left:41px;}
.quotes-links{ padding:11px 0 0 0;}
.text2{ line-height:24px; padding-bottom:9px;}
.map{ padding:6px 0 0 0; float:left;}
	.map iframe{ width:418px; height:328px;border:1px solid #e8e8e8;}
.contacts{ display:block; font-style:normal; overflow:hidden; padding:2px 0 0 20px;}
	.contacts h6{ padding-bottom:11px;}
	.contacts span{ display:inline-block; width:70px;}
/* Elastislide Style */
.es-carousel-wrapper{padding:1px 10px 0;position:relative; margin:5px 0 0 0; z-index:99}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a{ margin-top:14px; display:inline-block;}
.es-carousel ul li span{ display:block;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; top:-49px; line-height:0; font-size:0; width:17px; text-indent:-5000px; height:27px; z-index:99; cursor:pointer; background-position:0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.es-nav span.es-nav-next{right:11px; background-image:url(../images/button-next2.png);}
.es-nav span.es-nav-prev{right:40px; background-image:url(../images/button-prev2.png);}
.es-nav span:hover{opacity:.5}
/* Tabs */
.tabs{ padding:65px 0 55px 0px;}
.nav{ position:relative; overflow:hidden; padding-bottom:22px; padding-left:1px;}
	.nav li{ float:left; font-size:14px; line-height:1.2em; margin-right:20px; border-radius:5px; box-shadow:1px 1px 1px rgba(0,0,0,.2);
	background: #21d6ff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#21d6ff), to(#0fa0ff));
	background: -webkit-linear-gradient(#21d6ff, #0fa0ff);
	background: -moz-linear-gradient(#21d6ff, #0fa0ff);
	background: -ms-linear-gradient(#21d6ff, #0fa0ff);
	background: -o-linear-gradient(#21d6ff, #0fa0ff);
	background: linear-gradient(#21d6ff, #0fa0ff);
	-pie-background: linear-gradient(#21d6ff, #0fa0ff);}
	.nav li a{ color:#fff; display:block; padding:8px 18px 10px;}
	.nav li:hover,.nav li.selected{background: #454545;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#454545), to(#1d1d1d));
	background: -webkit-linear-gradient(#454545, #1d1d1d);
	background: -moz-linear-gradient(#454545, #1d1d1d);
	background: -ms-linear-gradient(#454545, #1d1d1d);
	background: -o-linear-gradient(#454545, #1d1d1d);
	background: linear-gradient(#454545, #1d1d1d);
	-pie-background: linear-gradient(#454545, #1d1d1d);}
	.tab-links{ position:relative;}
	.tab-content img{ margin:9px 0 0 0;}
	.tab-content .grid_4 img{ max-width:100%; height:auto;}
	.tab-content .text2{ width:270px; padding-top:3px;}
	.tab-links span{ display:block; float:left; position:relative;}
	.tab-links span.space3{ margin-right:10px;}
	.tab-links a{font-size:14px; line-height:1.2em; color:#fff; display:inline-block;background:#fb7d2a; border-radius:5px; width:50px; box-shadow:1px 1px 1px rgba(0,0,0,.2); text-align:center;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1CC7FF), to(#14afff));
		background: -webkit-linear-gradient(#1CC7FF, #14afff);
		background: -moz-linear-gradient(#1CC7FF, #14afff);
		background: -ms-linear-gradient(#1CC7FF, #14afff);
		background: -o-linear-gradient(#1CC7FF, #14afff);
		background: linear-gradient(#1CC7FF, #14afff);
		-pie-background: linear-gradient(#1CC7FF, #14afff);}
	.tab-links a:hover{background: #454545;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#454545), to(#1d1d1d));
	background: -webkit-linear-gradient(#454545, #1d1d1d);
	background: -moz-linear-gradient(#454545, #1d1d1d);
	background: -ms-linear-gradient(#454545, #1d1d1d);
	background: -o-linear-gradient(#454545, #1d1d1d);
	background: linear-gradient(#454545, #1d1d1d);
	-pie-background: linear-gradient(#454545, #1d1d1d);}
	.tab-links a.date{padding:5px 0 7px 0;}
	.tab-links a.date span{ display:block; margin:0; float:none;}
	.tab-links a.comments{padding:7px 0 7px 0; min-height:32px;}
	.tab-links a.comments span{ display:block; margin:-2px 0 0 0; float:none;}
	.tab-links a.comments img{ margin:0 0 0 4px;}
/*  Buttons */
.button{display:inline-block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; border-bottom:1px dotted #949494; text-decoration:none;}
	.button:hover{ color:#000;border-bottom:1px dotted #000; text-decoration:none;}
/******************** Footer ******************/
footer{ padding:19px 0 32px;color:#939393; width:100%; border-bottom:3px solid #fb7d2a; font-size:12px;}
footer.padfooter{padding:30px 0 27px;}
/* padding */
.padtop3{ padding-top:0px;}
.padtop52{ padding-top:24px;}
.padtop5{ padding-top:31px;}
.padtop6{ padding-top:40px;}
.padtop62{ padding-top:42px;}
.padtop22{ padding-top:55px;}
.padtop2{ padding-top:58px;}
.padtop4{ padding-top:60px;}
.padtop42{ padding-top:61px;}
.padtop{ padding-top:66px;}
.padbot{ padding-bottom:24px !important;}
.padbot4{ padding-bottom:17px;}
.padbot6{ padding-bottom:20px;}
.padbot3{ padding-bottom:12px;}
.padbot2{ padding-bottom:11px;}
.pad{ padding:12px 0 0 0;}
.pad2{ padding:17px 0;}
.indent{ margin-top:-1px;}
.z1{ position:relative; z-index:2}
.z2{ position:relative; z-index:3;}
.imgindent{ float:left; margin-right:17px; margin-left:-1px}
.imgindent2{ margin:6px 20px 0 0;}
.imgindent3{ margin:6px 0px 14px 0; max-width:100%; height:auto;}
.padcontent3{ padding-bottom:42px;}
.padcontent2{ padding-bottom:62px;}
.padcontent{ padding-bottom:64px;}
.marg{ margin-right:-5px;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.title1{ font-size:64px;text-align:center;}
	.pad{ padding:0px 0 0 0;}
	.col1{ width:240px;float:left;}
	.tab-content .text2{ width:170px;}
	.map iframe{ width:260px;}
	.es-carousel ul li{ margin-right:45px !important;}
	.es-carousel-wrapper{padding:1px 25px 0;}
}
@media only screen and (max-width: 767px) {
	.title1{ font-size:30px;line-height:38px; padding-top:18px; text-align:center;}
	.padtop{ padding-top:50px;}
	.tooltips li.tooltip-text{ display:none;}
	.es-carousel ul li a,.es-carousel ul li span{ display:none;}
	.col1{ width:300px;float:left;}
	.imgindent2{ margin:6px 0px 20px 0; width:300px;}
	.imgindent3{ width:300px;}
	.nav li{ margin-right:5px;}
	.nav li a{padding:8px 8px 10px;}
	.tab-content .text2{ width:190px;}
	.tab-content .grid_4 img{ width:300px; margin-bottom:20px;}
	.tabs{ padding-bottom:10px;}
	.col2 h4{ padding-top:20px;}
	.map{ float:none;}
	.map iframe{ width:298px; height:150px;}
	.contacts{ padding-left:0; padding-top:20px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.col1{ width:205px;float:left;}
	.space{ margin-right:10px;}
	.space2{ margin-right:20px;}
	.imgindent2{ margin:6px 10px 0px 0; width:220px;}
	.padbot0{ padding-bottom:0;}
	.imgindent3{ width:420px;}
	.tab-content .grid_4 img{ width:420px;}
	.tab-content .text2{ width:310px;}
	.col2{ width:200px; float:left;}
	.nav li{ margin-right:10px;}
	.col3{ float:left; width:210px;}
	.map iframe{ width:418px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */














#content {
	width:100%; 
	padding:29px 0 45px;
	position:relative;
	z-index:1;
}

#page1 #content {padding-top:52px;}
#page7 #content {padding-top:37px;}

h3 {
	background:url(../images/border-1.png) repeat-x 0 bottom;
	font-size:24px; 
	line-height:29px;
	color:#505050;
	font-weight:normal;
	padding-bottom:14px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:15px; 
	color:#505050;
	text-transform:uppercase;
	font-weight:bold;
}

h5.st {line-height:18px;}
h5.st2 {line-height:20px;}

h5 span {
	display:block;
	padding-top:3px;
}

.button {
	background:url(../images/button-left.png) no-repeat left 0;
	display:inline-block; 
	padding-left:5px;
}
	
.button > span {
	background:url(../images/button-right.png) no-repeat right 0;
	display:inline-block; 
	padding-right:5px;
}
	
.button span span {
	background:url(../images/button-bg.png) repeat-x 0 0;
	font-size:12px;
	line-height:15px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	display:inline-block; 
	text-align:center;
	padding: 8px 0 7px;
	width:74px;
}
	
	.button:hover {background-position: left -34px;}
	.button:hover span {background-position: right -34px;color:#000;}

.circle {
	float:left;
	background:url(../images/circle.png) 0 0 no-repeat;
	font-size:60px;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding: 0px 0px 6px;
	margin:0 13px 7px 0;
	overflow:hidden;
	height:70px;
	width:76px;
}

#page5 .circle {margin:5px 20px 7px 0;}

.product {
	border:1px solid #e8e8e8;
	width:215px;
}

.product a {
	display:block;
	border:9px solid #FFF;
	position:relative;
	overflow:hidden;
	text-decoration:none;
}

.product a span {
	background:url(../images/product-bg.png) repeat 0 0;
	font-size:13px;
	line-height:20px;
	color:#FFF;
	display:block;
	position:absolute;
	top:189px;
	left:0px;
	padding: 12px 12px 0;
	height:217px;
	width:173px;
}

.product a span strong {
	display:block;
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
}

.product a span em {font-style:normal;}

.product img {max-width:100%; height:auto;}

.list-1 li {
	padding: 0 0 4px 21px; 
	background:url(../images/marker-1.png) 0 8px no-repeat;
}

.list-1 li.last {padding-bottom:0;}

	.list-1 li a {
		display:inline-block;
		color:#30a3ca;
	}
		.list-1 li a:hover {
			text-decoration:underline;
		}

.result {
	background:url(../images/result-bg.png) no-repeat left 25px;
	padding: 5px 0 0 60px;
}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
}
.link-1:hover {color:#fff;} 

.text-1 {line-height:18px;} 
.text-2 {font-size:10px; line-height:12px;font-weight:bold;text-transform:uppercase;}

dl span {float:left; width:95px;}

.map-style {border:1px solid #e8e8e8;}

.map-style iframe {
	border: 9px solid #FFF;
	height:249px;
	width:439px;
}

/***** Contact form *****/





/****************************footer************************/
footer {
	border-top:1px solid #ddd;
	background:url(../images/footer-bg.png) repeat center top;
	width:100%; 
	height:21px;
	padding:37px 0 50px;
	color:#939393;
}

.social-buttons li {
	float:left;
	padding:3px 5px 0 0;
}

.social-buttons li:first-child {padding:0 10px 0 0;}
.social-buttons li.last {padding-right:0px;}

.social-buttons li a {
	background:url(../images/social-buttons.png) no-repeat 0 0;
	display:block;
	height:16px;
	width:16px;
}

.social-buttons li a.item-2 {background-position: -21px 0;}
.social-buttons li a.item-3 {background-position: -43px 0;}
.social-buttons li a.item-4 {background-position: -64px 0;}

/*********** tabs ***********/

ul.tabs {
	background:url(../images/border-1.png) repeat-x 0 bottom;
	margin: 0;
	padding: 9px 0 0;
	list-style: none;
	height: 35px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs li {
	background: url(../images/tab-bg.png) repeat-x 0 -50px;
	float: left;
	margin: 0 0 0 6px;
	padding: 0;
	height: 34px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 34px; /*--Vertically aligns the text within the tab--*/
	overflow: hidden;
	position: relative;
	border-radius: 6px 6px  0 0;
	-moz-border-radius: 6px 6px  0 0;
	-webkit-border-radius: 6px 6px  0 0;
}

ul.tabs li:first-child {margin-left:1px;}

ul.tabs li a {
	text-decoration: none;
	font-size:12px;
	line-height:15px;
	color: #31a2d1;
	text-transform:uppercase;
	font-weight:bold;
	display: block;
	padding: 10px 15px;
	outline: none;
}

ul.tabs li.active a, html ul.tabs li:hover a {color:#FFF;}

ul.tabs li.active {
	color:#fff;
	background: url(../images/tab-bg.png) repeat-x 0 0px;
}

ul.tabs li:hover, 
html ul.tabs li.active, 
html ul.tabs li.active:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background-position: 0 0;
	color:#fff;
}

.tab_container {
    overflow: hidden;
    width: 100%;
}

.tab_content {padding: 28px 0px 0px;}

.tab_content figure a {display:block;border:1px solid #e8e8e8;}
.tab_content figure a img {border: 9px solid #FFF;}

/*********extra***********/
.block {height:108px;}
.extra {
	min-height:100%; 
	height:auto !important; 
	height:100%; 
	margin: 0 auto -108px; 
	position:relative;
	overflow:hidden;
} 
html, body {height:100%;}


@media only screen and (min-width: 768px) and (max-width: 995px) {
	.width-sw-1 {width:226px;}
	.indent-sw {margin-bottom:20px;}
	.social-buttons li:first-child {display:none;}
	.extra-wrap {overflow:visible;}
	.product {width:170px;}
	.product a span {font-size:11px;line-height:14px;width:128px;}
	.product a span strong {margin-bottom:10px;}
	.col-1 {width:150px;}
	.map-style iframe {width:344px;}
	#contact-form input, #contact-form textarea {width:332px;max-width:332px;}
}
@media only screen and (max-width: 767px) {	
	.float-none-sw {float:none;margin:0;}
	.indent-sw-1 {margin-bottom:40px;}
	.indent-sw-2 {margin-bottom:20px;}
	.indent-sw-3 {margin-bottom:10px;}
	.indent-r-sw {margin-right:6px;}
	.width-sw-2 {width:280px;}
	.width-sw-3 {width:147px !important;}
	.float-sw {float:left;}
	.tab_content figure a img {width:280px;}
	footer .left-pad {padding:0;}
	.product {width:145px;}
	.product a span {font-size:10px;line-height:12px;width:103px;}
	.product a span em {display:none;}
	.product a span strong {margin-bottom:12px;font-size:11px;line-height:14px;}
	.result {background:none;padding:0;}
	.col-1 {width:300px;margin:0;}
	.map-style iframe {width:280px;}
	#contact-form input, #contact-form textarea {width:268px;max-width:268px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.width-sw-3 {width:200px !important;}
	.width-sw-4 {width:230px !important;}
	.width-sw-5 {width:168px !important;}
	.width-sw-6 {width:205px !important;}
	.width-sw-7 {width:180px !important;}
	.float-sw-2 {float:left;}
	.overflow-sw-1 {overflow:visible;}
	.indent-r-sw2 {margin:0 15px 0 0;}
	.indent-r-sw3 {margin:0 20px 0 0;}
	.tab_content figure {width:230px; float:left; margin: 0 10px 0px 0;}
	.tab_content figure a img {width:210px;}
	.col-1 {width:420px;margin:0 0 20px;}
	.product {width:205px;}
	.product a span {font-size:12px;line-height:20px;width:163px;}
	.product a span em {display:inline;}
	.product a span strong {margin-bottom:8px;font-size:12px;line-height:15px;}
	.map-style iframe {width:400px;}
	#contact-form input, #contact-form textarea {width:388px;max-width:388px;}
}



еееееееееееееееееееееееееееееееее


/**/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import url(//fonts.googleapis.com/css?family=Ubuntu);
@import url(//fonts.googleapis.com/css?family=Playball);


.img_inner {
	max-width: 100%;
	margin-top: 8px;
	margin-bottom: 12px;
	 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

.img_inner.off1 {
	margin-top: 49px !important;
}

.img_inner.off2 {
	margin-bottom: 49px !important;
}



#img_block {
	float: left;
	overflow: hidden;
	background: #fff;
	margin-top: 47px;
	margin-bottom: 48px;
}

#img_block .pb1 {
	padding-bottom: 3px;
}


.item {
	display: block;
	float: left;

}

.item a:hover img{
	opacity: 0.5;
}

.item.it1 a:first-child{
	padding-top: 2px;
}

.item a {
	display: block;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
	padding:5px 5px 5px 4px;
}



ееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееее

/*==================================RESPONSIVE LAYOUTS===============================================*/

ееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееее



@media only screen and (max-width: 995px) {
 body {
min-width:768px;
}

 h5 {
font-size: 25px;
}

.map address {
	margin-right: 10px;
}

 .map figure, .map figure iframe, #form input, #form textarea, #form .success {
 width: 100% !important;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}

.extra_wrapper {
	overflow: visible ;
}


.pad1, .pad2, .pad3 {
	padding: 0;
}

.it2 {
	width: 362px;
}

.it3 {
	width: 332px;
}

.item a img {
	width: 100%;
}


}
 @media only screen and (max-width: 767px) {
 body {
min-width:420px;
}


.map address {
	float: none;
	margin-left: 0px;
	margin-bottom: 20px;
}

.map address {
	margin-right: 0px;
	margin-bottom: 20px;
}


.list_title {
	padding-top: 25px;
}

.img_inner.fleft {
	float: none;
	margin-bottom: 13px;
}

.f_menu {
	display: none;
}


.img_inner {
width: 100%;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
margin-top: 20px !important;
}

header {
	padding-top: 15px;
}

header h1 {
	float: none;
	position: relative;	
	padding-left: 0;
	padding-bottom: 20px;
}

header h1 a {
	margin: 0 auto;
	height: auto;
	width: 80%;
}

header h1 a img {
	width: 100%;
}


.map figure iframe {
	width: 100%;
	height: 300px;
}

.noresize {
	width: auto !important;
}

.fleft.noresize  {
	float: left !important;
	margin-right: 10px !important;
	margin-top: 0 !important;
}

.item {
	width: 50% !important;
}

.item img {
	width: 100%;
}


.bq1 {
	background-position: right 5px ;
	padding-right: 0;
}


h2 {
	float: none;
}

.banners {
	background-size: 350%;
}

.footer_logo {
	float: none;
}

.f_menu {
	float: none;
	margin-bottom: 70px;
}

.f_menu li {
	margin-left: 4px !important;
}
footer>div>div {
	padding-top: 50px;
}



.projects .clear {
	height: 0px;
}

.projects a.btn {
	margin-bottom: 42px;
}
}
 @media only screen and (max-width: 479px) {
 

.banners {
	background-size: auto;
}

body {
min-width:300px;
}


h2 {
	font-size: 50px;
}


 .map figure iframe {
	width: 100%;
	height: 200px;
}

}