@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(reset.css);
@import url(nav.css);

article, aside, audio, banner, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, social, video {display: block;}


.container {width:1000px; margin:0 auto; position:relative;}
header {background:#fff; border-top:5px solid #3a87bb;}
i.brand	{float:left; margin-top:5px; margin-left:10px;}
header, banner, article, footer, .copy {max-width:1300px; margin:0 auto;}
header .container {width:100%;}
banner {border-bottom:10px solid #3a87bb; border-top:1px solid #3a87bb; position:relative; overflow:hidden;}
banner dl {
	font-family: 'Roboto', sans-serif;
	position:fixed;
	top:25%;
	right:0;
	z-index:9999;
	width:190px;
	font-size:16px;
	color:#fff;
	background:#fff;
	}
banner dl a {padding:15px 0 15px 70px; display:block; width:120px; position:absolute; color:#fff; right:-123px;}
banner dl a.a {background:url(../img/icon-1.png) 15px 50% no-repeat #284350;
	-webkit-border-top-left-radius: 15px;-moz-border-radius-topleft: 15px;border-top-left-radius: 15px;}
banner dl a.b{
	background:url(../img/icon-2.png) 18px 50% no-repeat #3c8abe; margin-top:54px; right:-123px;
	-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-left-radius: 15px;}
banner dl a:hover {right:0; color:#fff;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;}
banner dl a.b:hover {right:-50px;}
#offer {width:275px; text-align:justify; padding:12px; top:50% !important; left:50% !important; margin:-135px 0 0 -149px; position: fixed; background: #3a87bb; display:none; min-height: 200px; z-index:999999999;
color:#fff; font-size:13px; line-height:18px; }
#offer dd {text-align:center; display:block; font-size:30px; font-weight:700; background:url(../img/popup-head.png) 0 50% repeat-x; line-height:27px;}
#offer dd span {background:#3a87bb; padding:0 10px;}
#offer img {margin:10px 0 10px -8px;}
.cls { float: right; position: absolute; z-index: 99999; margin:-22px 0 0 270px; background:url(../img/close.png); width:28px; height:28px;}
#overlay {content:''; height:auto; width:100%; position:absolute; background:url(../img/opacity-1.png); left:0; top:0; display:none;}

.call-us {padding:30px 0  0 0;}
.call-us h1 {background:url(../img/call-ico.png) no-repeat 50% 0; padding-top:110px;}
.call-us dd {line-height:25px; font-size:25px; border-bottom:1px dashed #ccc; padding-bottom:10px}

.welcome {padding:15px 0;}
.welcome .btn {margin-top:20px;}
.btn {padding:10px 15px; line-height:28px; margin-top:5px; display:block; width:80px; background:#333;}
.btn:hover {color:#fff;}
article {padding-bottom:30px;} 
footer {
	background:black;
	padding:43px 0 25px 0;
	color:#93A7B1;
	font-size:12px; line-height:19px;
	}
footer dl {
	width:230px;
	margin-right:26px;
	float:left;
	}	
footer h2 {color:#3a87bb; border-bottom:1px dotted #535353; padding-bottom:8px; margin-bottom:10px;}	
footer p.one	{color:#80bce5; padding-bottom:10px;}
footer p.one, footer dd {font-size:17px;}
footer dd.e-mail {
	height:30px;
	padding-top:5px;
	background:url(../img/e-mai.png) 0 0 no-repeat;
	padding-left:55px;
	margin-bottom:10px;}
footer a {color:#fff;}
footer a:hover {text-decoration:underline; color:#fff;}
address {font-style:normal; padding-bottom:10px;}
footer dl.alfa dd {margin-bottom:25px;}
footer dl.alfa dd a {
	width:44px;
	height:44px;
	display:inline-table;
	margin-right:5px;
	text-align:center;
	-webkit-border-radius: 78px;
	-moz-border-radius: 78px;
	border-radius: 78px;
	}
footer dl.alfa dd a:hover {background:#fff;}
footer dl.alfa dd a span {width:34px; height:34px; padding:5px 0 0 5px; display:block;}
a.facebook 	{background:#355089;}
a.twitter 	{background:#00acee;}
a.google 	{background:#d8492b;}
a.pinterest {background:#b11c22;}
.footer-nav {width:100%; display:block; font-size:12px; padding:15px 0 0 0; margin:15px auto auto auto; border-top:1px dotted #333; text-align:center;}
.footer-nav li {display:inline; padding:0 10px;}
.copy {padding:20px 0 15px 0; font-size:12px; text-align:center; background:#2e5364; color:#fff;}
.copy span {color:#84caf9;}
/**--- inner pages ---**/
banner.inner {border-bottom:1px solid #3a87bb; border-right:0; border-left:0;}
banner.inner img {width:100%;}
section		{width:655px; float:left; text-align:justify;}
article .container {padding-top:20px;}
article .container h1, article .container h2, article .container h3 {font-family:'Roboto'; font-weight:700;}
article .container h2 {font-size:20px;}
article .container h3 {font-size:15px; color:#393A3A;}
article .container ul {text-align:left;}
article .container ul li {background:url(../img/bullet.png) 0 10px no-repeat; padding:1px 0 1px 12px;}
.btn-area {padding:10px; border:1px solid #dadada; background:#ececec; margin:15px 0;}
.btn-area a {color:#fff; font-size:20px; line-height:20px; padding:10px 10px 10px 70px; width:140px;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
a.btn-1 {background:url(../img/btn-1.png) 15px 50% no-repeat #82c341; padding-left:60px; width:150px;}
a.btn-2 {background:url(../img/btn-2.png) 15px 50% no-repeat #2e5364;}
.btn-area a:hover {background-color:#333;}
.tabs {display:block;}
article .container .tabs li {display:inline; font-size:15px; text-align:center; background:none; padding:0;}
.tabs li a {color:#fff; padding:10px 15px; line-height:18px; background:#333; display:block; float:left; margin-right:3px;
width:186px;}
.tabs li a:hover {color:#82c341;}
.tabs li a.active {background:#5caddb; color:#0f2c39;}
.tabsdiv {padding:20px 15px; border:1px solid #dcdcdc; font-size:13px; display:block; line-height:20px;}
.tabsdiv ul {float:left; margin-bottom:15px;}
article .container .tabsdiv ul li {padding:2px 0 2px 13px; background:url(../img/bullet.png) 0 8px no-repeat;}
.tabsdiv ul li a {color:#6c6c6c;}
.tabsdiv ul li a:hover {color:#333;}
.tabsdiv .img-1 {float:right; border:1px solid #c7c7c7; width:325px;}
article .container table {width:100%; font-size:13px; margin:15px auto; line-height:18px;}
article .container table ul li {background-position:0 7px;}
article .container table td {padding:5px 2px;}
article .container table.type-1 {border:1px solid #dadada;}
article .container table.type-1 tr:first-child {background:#dadada; color:#333;} 
article .container table.type-1 tr:nth-child(2n+2) {background:#ececec;} 
/*SIDE BAR*/
aside {width:310px; float:right;}
aside dd {padding:20px; font-size:12px;	/* min-height:225px;*/ margin-bottom:7px; color:#fff; line-height:18px;}
article .container aside h2 {color:#fff; font-size:24px;}
.bg {background:#FFE313; color:#505050; /*min-height:70px;*/}
.bg-1 {background:#2e5364;}
.bg-2 {background:#5caddb; color:#0f2c39;}
.bg-3 {background:#82c341;}
.bg h4 {font-size:16px; padding-bottom:5px;}
article .container .bg ul li {font-size:14px; padding:2px 0 2px 11px; background:url(../img/bullet-2.png) 0 7px no-repeat;}
article .container aside dd ul li {background:url(../img/bullet-2.png) 0 7px no-repeat;}
.bg ul li a {color:#333;}
.bg ul li a:hover,
.bg ul li.active a,
.bg ul li.active ul li a, 
.bg ul li.active ul li a:hover {text-decoration:underline;}
.bg-2 a {color:#fff;}
.bg-2 a:hover {text-decoration:underline;}
/*sub*/
article .container .bg ul li ul li {background:url(../img/bullet-3.png) 0 7px no-repeat; font-size:12px; padding:1px 0 1px 8px;}
.bg ul li.active ul li a {text-decoration:none;}
aside dd a.btn-1,aside dd a.btn-2 {color:#fff; display:block; float:none; font-size:20px; line-height:20px; margin-bottom:5px; padding:10px 10px 10px 70px; width:190px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
aside dd a.btn-1 {background:url(../img/btn-1.png) 15px 50% no-repeat #82c341; padding-left:60px; width:200px;}
aside dd a.btn-2 {background:url(../img/btn-2.png) 15px 50% no-repeat #5CADDB;}
aside dd a.btn-1:hover,aside dd a.btn-2:hover {background-color:#333;}
.type-17 {font-size:17px; line-height:21px;}
.customer-quote {margin-top:20px;}
.customer-quote h1 {border-bottom:1px solid #d6d6d6; padding-bottom:10px;}
.customer-quote p.one {color:#2e5364;}
.testimonials {}
.testimonials dl {padding:15px 0; border-bottom:1px dashed #999;}
.testimonials dl:last-child {border-bottom:none;}
.testimonials dl dt {color:#82C341; line-height:18px; padding-top:7px;}
.testimonials dl dt span {font-size:11px; color:#0175E0;}
table.type-2 {}
table.type-2 th {background:#ECECEC; border:1px solid #dadada; padding:3px; text-align:left;}
article .container table.type-2 td {background:#fff; border:1px solid #ccc; padding:5px;}
article .container .contact-form ul li {background:none; padding:5px 0;}
article .container .contact-form ul li label {width:200px; display:inline-block}
article .container .contact-form ul li dd {margin:-40px 0 40px 0;}
.field {padding:3px; border:1px solid #999; width:280px; height:21px; color:#333; font-family:Arial, Helvetica, sans-serif;}
textarea.field {height:70px;}
article .container .contact-form ul li img {border:1px solid #dadada;}
.contact-form ul li #ajax_img img {border:none;}
.button {padding:15px 0; width:100%; background:#82C341; color:#fff; font-weight:bold; font-size:18px;
border:none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.button:hover {background:#333;}
.portfolio {}
.portfolio dl {border:1px solid #dadada; margin:0 35px 25px 0; text-align:center; text-transform:uppercase; width:218px; display:inline-block;}
.portfolio dl dd, .portfolio dl dt {display:block;}
.portfolio dl dd {border:1px dashed #dadada; overflow:hidden;}
.portfolio dl dd img {width:100%}
.portfolio dl dt {padding:15px 0; background:#fff;}

.portfolio dl:hover {/*background:#284350;*/ color:#fff;}
.portfolio dl:hover dt {background:#284350;}
.portfolio h3 {padding-bottom:15px;}
.sitemap ul li ul li {background:url(../img/bullet-3.png) 0 8px no-repeat; font-size:12px; line-height:18px;}

/*### --- X RESPONSIVE START X --- ###*/

/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px */
	@media only screen and (max-width: 995px) {		
header, banner, article, footer, .copy
	{width:768px;}
.container, header .container
			{width:762px;}
i.brand	{margin-left:0px;}
banner		{height:auto;}
article {padding-bottom:50px;}
article .container h1 {font-size:19px;}
article .container h2 {font-size:16px;}
article .container h3 {font-size:14px;}
footer {padding-bottom:20px;}
footer dl 	{width:355px; margin:0 12px 20px;}

/**--- inner pages ---**/
section		{width:470px;}
.tabs li a {width:124px; font-size:13px;}
.tabsdiv {padding:10px;}
.tabsdiv .img-1 {width:170px;}	
aside		{width:250px;}
aside dd a.btn-1 {width:139px;}
aside dd a.btn-2 {width:130px;}

article .container .contact-form ul li dd {margin:10px 0; float:left;}

.portfolio dl {width:174px; margin:0 15px 15px 0;}

	}
	
/*  #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	@media only screen and (max-width: 767px) {
header, article, footer, .copy
	{width:400px;}
.container, header .container, banner
			{width:394px;}
i.brand	{display:block; margin:3px 0; float:none; width:100%; text-align:center;}

banner dl 	{width:100%; top:0; position:inherit;
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

banner dl a {padding:15px 0 15px 160px; position:inherit; margin:0 !important; width:234px; right:0 !important}
banner dl a.a, banner dl a.b{background-position:30% 50%; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
banner dl a:hover {right:0;}
article{padding-bottom:0px;}
.call-us dd {line-height:30px;}
.m-none {display:none;}
footer {padding:10px 0;}
footer dl 	{width:371px; margin:0 12px 20px; text-align:center;}
footer dd.e-mail {background:url(../img/e-mai.png) 40% 0 no-repeat;}

/**--- inner pages ---**/
section		{width:100%; margin-bottom:10px; text-align:left;}
article .container h1 {text-align:center; font-size:17px; line-height:20px;}
article .container h2 {font-size:15px;}
article .container h3 {font-size:13px;}
article .container aside h2 {font-size:18px;}
.btn-area a {font-size:17px; line-height:18px; width:110px !important;}
.tabs li a {padding:6px; width:auto;}
.tabsdiv .img-1 {display:none;}
aside		{width:100%;}
aside dd a.btn-1 {width:284px;}
aside dd a.btn-2 {width:274px;}

.field {width:370px;}

.portfolio dl {width:392px; margin:0 0 15px 0;}
.portfolio h3 {text-align:center;}
	}
	

/* #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 479px) {
		
body {font-size:13px; line-height:20px;}		
		
header, article, footer, .copy
	{width:300px;}
.container, header .container, banner
			{width:294px;}	
banner dl a {padding:15px 0 15px 130px; width:164px;}		
banner dl	{height:100px;}	
.call-us dd {font-size:20px; line-height:25px;}
.call-us dd span {display:block;}
footer dl 	{width:294px; margin:10px 0;}
.footer-nav li {display:block; padding:2px 0;}
.btn-area a {width:200px !important;}
.btn-area a {padding: 10px 10px 10px 62px; margin-top:5px;}
.tabs li a {float:none; border-bottom:1px dotted #5CADDB; margin:0;}	

aside dd a.btn-1 {width:184px;}
aside dd a.btn-2 {width:174px;}

.field {width:270px;}

.portfolio dl {width:292px; margin:0 0 15px 0;}
	}