/*fonts*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300);

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	.mail-btn { font-size: 12px;}
}

/* defaults */
.border{border-bottom:1px solid #000;margin:0 10px;padding:10px 0 0}.hidden{text-indent:-999em;overflow:hidden}hr.hide-line{padding:0;margin:0;display:none}.left-text{text-align:left}.right-text{text-align:right}.clear{clear:both}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:block}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* set box model to border-box */
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* utils */
.row {padding: 20px 15px;}
.group:after, .group:before {content: ""; display: table;}
.group:after {clear: both;}

/* body */
body {background: url(../images/common/cnBG.png) repeat; color: #fff; font-family: "Open Sans", sans-serif;}
a {text-decoration: none;}

/* menu */
#nav {width: 100%; font-size: 18px; font-weight: bold; position: absolute; top: 0; left: 0; height: 40px; line-height: 40px;}
#nav ul {padding: 0; margin: 0 auto; width: 100%; display: none;}
#nav ul li {border-bottom: 1px solid #777;}
#nav ul li a {color: #ffcc00; background: #000; display: block; padding-left: 15px;}
#nav .menu-btn {background: url(../images/common/cnBG.png) repeat; color: #fff; display: block; position: relative; padding-left: 15px;}
#nav .menu-btn:after {content: ""; background: url("common/nav-icon.png") no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 15px; top: 10px;}

/* header */
#header {color: #fff; background: #060; margin-top: 40px; text-align: center;}
#header .logo {display: inline-block;}
#header .logo img {width: 70%; height: auto;}
.call-btn {background: url(../images/common/cnBG.png) repeat; color: #ffcc00; font-weight: bold; border-radius: 5px; display: inline-block; padding: 10px 20px; box-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.1) inset, 0 -0.15em 0 rgba(0, 0, 0, 0.2) inset, 0 0.15em 0 rgba(0, 0, 0, 0.075); margin: 5px 0;}
#header strong {display: block; font-size: 1.5em; margin: 0.83em 0;}
#header .row { background: url(common/banner.jpg) center top no-repeat; height: 350px;}

/* content */
#content {}
#content .row { background:url(../images/common/cnBG.png) repeat}
#content h1 { color: #238c00}
#content h2 { color: #ffcc00}
#content h3 { color: #ffcc00}
#content h2 span { color: #FFF}
#content p {text-align: justify; line-height: 160%; color: #d6d6d6}
#content p span { color: #ffcc00}
#content a {}
#content ul li { list-style:square; color: #d6d6d6} 
#content .sub { margin: 0; padding: 0; font-weight: bold}
#content .gn-bg { background:url(../images/common/bn-services.png) center left no-repeat;}
#content .box p { text-align: center; color: #000}
#content .hm-img { width: 50%; max-width: 302px; float: left; margin: 10px;}
#content .svc-img { width: 30%; max-width: 210px;}
#content .bigp { font-size: 25px;}

/*contact page*/
#content .contactBox {  margin: 0 auto ; width: 100%; max-width: 400px; border: 2px dashed #ffcc00; border-radius: 10px; padding: 10px}
#content .contactBox a { color: #d6d6d6}
#content .address { background:url(../images/common/contact-img1.png) center left  no-repeat; padding-left: 20px;}
#content .phone { background:url(../images/common/contact-img2.png) center left  no-repeat; padding-left: 20px;}
#content .email { background:url(../images/common/contact-img3.png) center left  no-repeat; padding-left: 20px;}

#content .content-top { background:url(../images/common/bn-botBG.jpg) repeat; padding: 10px; border-radius: 10px;}

/*contact form*/
#contact-form {}
#contact-form .control {margin-bottom: 15px;}
#contact-form .control label {display: block;}
#contact-form .control label span {color: red;}
#contact-form .control input[type=text], #contact-form .control textarea {color: #34495E; border: 2px solid #DCE4EC; border-radius: 4px; font-family: "Open Sans", sans-serif; width: 100%; padding: 10px; display: block; transition: border-color 400ms ease 0s;}
#contact-form .control input[type=text]:focus, #contact-form .control textarea:focus {border-color: #1abc9c;}
#contact-form .control textarea {resize: vertical;}
#contact-form .control input[type=submit] {background: #360; color: #fff; border: 0; border-radius: 5px; display: block; width: 100%; padding: 10px; box-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.1) inset, 0 -0.15em 0 rgba(0, 0, 0, 0.2) inset, 0 0.15em 0 rgba(0, 0, 0, 0.075); text-transform: uppercase; font-weight: 700;}

/*footer*/
#footer {background: url(common/ft-wrapper.jpg) center top  repeat-x; text-align: center;}
#footer .sc {margin: 0; font-size: 14px; padding-bottom: 15px;}
#footer .sc a {color: #ffcc00;}
#footer .sc img {width: 55px; height: auto;}

#footer .nav  { margin: 5px 0}
#footer  a { color: #ffcc00}
#footer .nav span { margin: 0 5px;}

#footer .cards { text-align: center !important; margin: 3px 0}
#footer .cards img { width: 100%;}
#footer .cards img:first-child { max-width: 145px;}
#footer .cards img:last-child { max-width: 96px;}