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

@charset "utf-8";
/* CSS Document */
html{height:100%}
body{margin:0; padding:0; font-family:'Open Sans', sans-serif, Arial, Helvetica; color:#fff; font-size:13px;}
div, h1, h2, h3, h4, h5, h6, p, ul, li, form{margin:0; padding:0;}
header, nav, footer, aside, hgroup, article, address, section, figure, hgroup {display:block; margin:0; padding:0;}
a, img{border:none;}
a{color:#0ab1e1; text-decoration:none;}
a:hover{text-decoration:none;}
.clr{clear:both; overflow:hidden;}

h1, h2, h3{}
input, select, textarea, samp{font-family:'Open Sans', sans-serif, Arial, Helvetica;}

.transitionBg, .listArea li a { -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; }


#mobileMenuButton, #mobileMenuButton small, .fbLink-footer{display:none;}

/*wrapper*/
.wrapper{min-width:310px; z-index:9; position:relative; padding:25px 0}

.wrapperIn{background:url(../images/bgTrans.png) repeat; max-width:1260px; margin:0 auto; padding:10px 25px 25px;}
.wrapperClone { background: url(../images/bgtrans-1.png) repeat; }
.wrapperInner{background:url(../images/bgtrans-1.png) repeat; padding:0 40px;}

a.fbLink{display:block; background:url(../images/fbIcon.png) no-repeat 100% 0; font-size:13px; color:#246b98; display:block; padding-right:30px; text-align:right; height:20px; text-transform:uppercase; margin-bottom:10px; line-height:20px; margin-right:40px}

/*header*/
.header{padding-top:30px;}
h1.logo{float:left; width:31%; position:relative}
h1.logo samp{position:absolute; top:0; left:0; z-index:-11; font-size: 5px;}
h1.logo img{display:block; width:100%;}
h1.logo span{display:block; font-size:17px; color:#373737; font-weight:400; width:100%; text-align:center;  text-transform:uppercase; letter-spacing:3px; padding-top:7px}

.header .rightside{width:65%; float:right; padding-top:0px;}
.header .rightside h2{font-size:19px; font-weight:400; text-transform:uppercase; color:#373737; text-align:right;}
.header .rightside strong{font-weight:700; font-size:25px; color:#373737 !important; display:block; background:url(../images/phoneIcon.png) 0 6px no-repeat; padding-left:42px; float:right; min-height:25px;}
.header .rightside strong small{font-size:15px;}
.header .rightside strong a, .leftBox p a{ color:#373737 !important; }

/*navigation*/
.navigation{background:#f3d00e; float:right; padding:12px 29px 12px 19px; position:relative; margin-top:20px}
.navigation ul{list-style:none;}
.navigation ul li{float:left; margin-left:15px; font-size:16px; font-weight:400; text-transform:uppercase; color:#474d53;}
.navigation ul li a{color:#474d53; padding:6px 10px; display:block}
.navigation ul li:hover a{background:#0870b2 !important; color:#fff !important; }
.navigation ul li.active a{background:#eec20b; color:#474d53;}
.navigation ul li:hover ul{ left: -131px; }

.navigation ul li ul{width:530px; background:#0870b2; padding:22px 22px 17px 10px; position:absolute; top:46px;  left:-9999px; z-index:9999;}
.navigation ul li ul li{color:#fff; width:250px; margin-left:12px; font-size:14px; margin-bottom: 5px; line-height: 14px;}
.navigation ul li ul li a{color:#fff; padding:6px 10px;}
.navigation ul li ul li:hover a, .navigation ul li ul li.active a{background:#065e96 !important; }
.navigation ul li ul { -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); }

/*sliderarea*/
.sliderArea{overflow:hidden; margin-top:30px;}

/*content*/
.content{padding:30px 0;}

.leftCol{width:25%; float:left;}
.leftCol p{font-size:24px; color:#34393f; font-weight:300; line-height: 29px;}

.rightCol{width:70%; float:right; background:url(../images/trans.png) repeat}
.rightCol h2{font-size:28px; font-family: 'Bitter', serif; background:#086baa; padding:40px 30px 10px; text-transform:uppercase; color:#f3d00e}

.rightCol ul{list-style:none; border-bottom:1px solid #cfd1c4}
.rightCol ul li{float:left; width:29%; padding:18px 1% 18px 3%; font-size:19px; color:#48505a; font-weight:400;}
.rightCol ul li a{color:#48505a;}
.rightCol ul li a:hover {color:#333; text-decoration: none;}

.rightContent h2{ font-size:19px; padding:20px 15px 8px; font-family: 'Bitter', serif; background:#086baa; text-transform:uppercase; color:#f3d00e}
.rightContent ul li{ padding:10px 5%; font-size:14px; width:90%; float:none; border-bottom:1px solid #cfd1c4; font-size:13px}
.rightContent ul { list-style: none; padding: 0 !important; background:url(../images/trans.png) repeat; }

/*footer*/
.footer{background:#f3d00e; padding:25px 40px}
.footer .leftBox{width:205px; float:left}
.footer .leftBox p{color:#48411a; padding-bottom:7px; font-size:12px;}

.footer .fBox{float:right; background:#e9a410; padding:5px 10px 12px}
.footer .fBox img{width:37px; float:left; display:block;}
.footer .fBox span{display:block; float:left; width:220px; color:#373839; padding-left:10px; padding-top:10px; text-transform:uppercase}

small.muchLogo {
display: block;

display: block;
font-size: 13px;
color: #828374;
text-align:right;
max-width:1310px; margin:0 auto; padding:0 25px; margin-top:15px;
line-height:22px;
font-size:12px
}
small.muchLogo em{background:url(../images/muchLogo.png) 100% 0 no-repeat;
height: 20px; display:block; background-size:20px 20px; font-style:normal; padding-right:28px}
small.muchLogo a{color: #828374;}



.listArea{ padding:20px 0 0 0}
.listArea p{font-size:17px; color:#6a6567; padding:0 2% 3%}
.listArea ul{list-style:none; list-style-type: none; margin: 0; padding: 0px !important;}
.listArea ul li{width:32%; margin-right:2%; margin-bottom:2%; position:relative; float:left}
.listArea ul li.mod3{margin-right:0;}
.listArea ul li img{width:100%; display:block}
.listArea ul li a{display:block; background:#0870b2; position: relative; height: 140px;}
.listArea ul li a:hover { background: #252525; color: #fff }
.listArea ul li h2{text-align: right; display:block; letter-spacing: -0.01em; position: absolute; bottom: 0px; right: 0px;  padding: 0px 20px 10px; font-size:19px; color:#fff; font-weight:bold; line-height:22px}


.wrapperIn em { font-family: 'FontAwesome'; font-size: 85%; font-style:normal; }
h1.pageTitle, h2.pageTitle { font-size: 38px; font-family: 'Bitter', serif; color: #373737; }
h2.pageTitle { font-size: 28px;  }
h2.pageTitle a { color: #373737; }
h1.serviceTitle { font-size: 38px; font-weight: 400; color: #0870b2; letter-spacing: -0.04em; padding: 4px 0 4px; }
.contentArea { background: url("../images/trans.png"); padding: 30px; margin-top: 20px; margin-bottom: 30px; color: #444; }
.contentArea p { padding: 7px 0 15px; }
.contentArea ul { padding: 7px 0 15px 20px; }
.contentArea .leftContent { float: left; width: 66%; }
.contentArea .rightContent { float: right; width: 26%; }