@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);

/* Master */
body { overflow-y:scroll; font-family:"Source Sans Pro", sans-serif; background:#f3f3f3; }
.wrapper { width:1100px; margin:0 auto; }
.clear { clear:both; }
.pull-left { float:left !important; }
.pull-right { float:right !important; }

/* Header */
header { background:url(../images/bg-header.jpg) repeat-x #f7f7f7; border-bottom:1px solid #cccccc; }
header .logo { float:left; margin:20px 0; }
header .right-col { float:right; width:50%; }
header nav.social { margin-top:35px; width:100%; float:left; }
header nav.social ul { float:right; }
header nav.social ul li { float:left; margin-left:10px; }
header nav.social ul li a { width:33px; height:33px; display:block; font-size:0; }
header nav.social ul li a.facebook { background:url(../images/icon-facebook.png) no-repeat; }
header nav.social ul li a.twitter { background:url(../images/icon-twitter.png) no-repeat; }
header nav.social ul li a:hover { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); transition:500ms; }
header nav.menu { margin-top:35px; width:100%; float:left; }
header nav.menu ul { float:right; }
header nav.menu ul li { float:left; margin-left:45px; }
header nav.menu ul li a { font-size:24px; font-weight:300; color:#666666; text-shadow:1px 1px #fff; }
header nav.menu ul li a:hover { border-bottom:3px solid #43c7f4; }
header nav.menu ul li a.select { font-weight:600; color:#43c7f4; border-bottom:3px solid #43c7f4; }

/* Footer */
section.footer { background:#efefef; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:30px 0; height:200px; }
section.footer .wrapper { position:relative; }
section.footer h1 { font-size:20px; font-weight:700; color:#666666; margin-bottom:25px; }
section.footer .site-map { position:absolute; }
section.footer .site-map ul li { margin-bottom:18px; }
section.footer .site-map ul li a { font-size:16px; font-weight:400; color:#666666; }
section.footer .site-map ul li a:hover, section.footer .site-map ul li a.select { border-bottom:2px solid #43c7f4; }
section.footer .contact { position:absolute; left:300px; }
section.footer .contact table { float:left; color:#666666; font-size:16px; line-height:1.4em; }
section.footer .contact table td { vertical-align:top; padding-bottom:15px; }
section.footer .contact table td.label { width:110px; font-size:13px; font-weight:400; position:relative; text-indent:28px; }
section.footer .contact table td.label img { position:absolute; left:0; }
section.footer .contact table.first { width:390px; margin-right:70px; }
section.footer .contact table.second { width:310px; }
section.footer .contact table.second td.label { width:90px; }
footer { height:80px; }
footer p { font-size:14px; font-weight:400; color:#888888; }
footer p.copyright { text-transform:uppercase; }
footer p.copyright span { font-weight:600; color:#666666; }
footer p a { color:#666666; }
footer p a:hover { color:#43c7f4; }

/* Banner */
.banner { background:url(../images/banner.jpg) no-repeat center; width:100%; height:249px; position:relative; }
.banner h1 { font-size:32px; font-weight:700; line-height:38px; color:#fff; text-transform:uppercase; width:300px; position:absolute; top:35px; text-shadow:1px 1px rgba(0,0,0,0.5); }

/* Slider */
.slider { margin-top:-110px; }

/* Misc */
.shadow { background:url(../images/shadow.png) no-repeat center; height:15px; }
.button { background:#43c7f4; color:#fff; padding:8px 15px; transition:400ms; display:inline-block; }
.button:hover { background:#1b75bb !important; }
section { padding:30px 0 15px; }
.content h1 { font-size:35px; font-weight:600; color:#43c7f4; text-align:left; padding-bottom:20px; }
.content h2 { font-size:28px; font-weight:300; color:#666666; text-align:center; text-transform:uppercase; padding:15px 0 20px; }
.content h3 { font-size:22px; font-weight:400; color:#666666; padding:15px 0 20px; }
.content p { font-size:16px; font-weight:400; color:#666666; text-align:justify; line-height:1.6em; margin-bottom:20px; }
.content strong { font-weight:700; }

/* Home */
.home h1 { font-size:32px; font-weight:600; color:#43c7f4; text-transform:uppercase; text-align:center; margin-bottom:15px; }
.home h2 { font-size:22px; font-weight:400; color:#666; text-align:center; margin-bottom:35px; }
.home .column { width:460px; height:125px; background:#efefef; border:1px solid #cccccc; padding:30px 35px 25px; position:relative; }
.home .column p { font-size:17px; line-height:26px; font-weight:400; color:#666; margin-bottom:15px; }
.home .column a.button.read-more { font-size:14px; font-weight:600; position:absolute; bottom:25px; right:35px; }
.home-02 .column { width:343px; float:left; }
.home-02 .column.first { border-right:1px solid #cccccc; } 
.home-02 .column.second { padding-left:30px; border-left:1px solid #fff; border-right:1px solid #cccccc; }
.home-02 .column.third { padding-left:30px; border-left:1px solid #fff; }
.home-02 .column h1 { font-size:28px; font-weight:600; color:#43c7f4; text-transform:uppercase; margin-bottom:20px; }
.home-02 .column img { margin-bottom:15px; }
.home-02 .column p { font-size:13px; line-height:18px; color:#666666; margin-bottom:15px; width:330px; }
.home-02 .column a.button.read-more { font-size:13px; font-weight:600; }

/* About */
.about ul.client { margin:30px 0 10px; }
.about ul.client li { border:1px solid #cccccc; background:#fff; margin:0 1% 25px; width:31%; height:340px; float:left; position:relative; }
.about ul.client li img { position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; width:260px; height:180px; }
.about ul.client li h1 { position:absolute; bottom:7px; font-size:26px; font-weight:600; color:#43c7f4; text-align:center; width:100%; }
.about ul.benefit { margin:10px 0; }
.about ul.benefit li { border:1px solid #cccccc; background:#fff; margin:0 0.5%; width:18.5%; height:300px; float:left; position:relative; }
.about ul.benefit li img { position:absolute; top:50px; right:0; left:0; margin:auto; width:122px; height:122px; }
.about ul.benefit li p { position:absolute; top:195px; left:15%; font-size:16px; font-weight:400; color:#666666; text-align:center; width:70%; }

/* Services */
.services .column { border:3px solid #cccccc; width:460px; background:#efefef; padding:30px; }
.services .column h1 { font-size:26px; font-weight:600; color:#666666; text-transform:uppercase; text-align:center; margin-bottom:15px; }
.services .column p { background:#fff; padding:20px 25px; }

/* Contact */
.contact .column.left { width:480px; height:460px; border-right:1px solid #cccccc; }
.contact .column.left h3 { padding:5px 0 25px; }
.contact .column.left table { color:#666666; font-size:18px; line-height:1.5em; }
.contact .column.left table td { vertical-align:top; padding-bottom:20px; }
.contact .column.left table td.label { width:140px; font-weight:400; position:relative; text-indent:35px; }
.contact .column.left table td.label img { position:absolute; left:0; top:3px; }
.contact .column.right { width:570px; }
.contact .column.right p { font-size:15px; line-height:18px; color:#666666; margin-bottom:20px; }
.contact .column.right h1 { font-size:24px; font-weight:600; color:#666666; padding-bottom:10px; }
.contact .column.right table td { padding-bottom:15px; }
.contact .column.right input { width:544px; padding:8px 12px; border:1px solid #cccccc; background:#fff; font-family:"Source Sans Pro", sans-serif; font-size:16px; }
.contact .column.right input::-webkit-input-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right input:-moz-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right input::-moz-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right input:-ms-input-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right textarea { width:544px; height:120px; padding:8px 12px; border:1px solid #cccccc; background:#fff; font-family:"Source Sans Pro", sans-serif; font-size:16px; line-height:1.5em; }
.contact .column.right textarea::-webkit-input-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right textarea:-moz-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right textarea::-moz-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right textarea:-ms-input-placeholder { font-family:"Source Sans Pro", sans-serif; font-size:16px; color:#333333; }
.contact .column.right input[type=submit] { font-family:"Source Sans Pro", sans-serif; font-size:18px; font-weight:700; border:2px solid #cccccc; background:#fff; width:80px; cursor:pointer; background:#fff; color:#666666; padding:5px 12px; }
.contact .column.right input[type=submit]:hover { border:2px solid #43c7f4; background:#fff; width:80px; cursor:pointer; background:#43c7f4; color:#fff; }
