@charset "utf-8";

/* Body Area */



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



body {font-family: 'Open Sans', sans-serif; font-weight: normal; color:#888888; font-size:14px; line-height:20px; overflow-x:hidden; }

html, body { margin:0;padding:0 ; width:100%; height:100%;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

ul, li { margin:0; padding:0;}

a {font-family: 'Open Sans', sans-serif; font-weight: normal; font-size:15px;color:#3e1052; font-weight:400;text-decoration:none;  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

a:hover {text-decoration:underline;}

a:focus { outline:none;}

img { border:0 none; }

p{ margin:0 0 25px 0; }

.container { max-width:1170px; width:100%; margin:0 auto; padding:0; position:relative;}

header { border-top:12px solid #000; height:177px; width:100%; max-width:100%; position:relative;}

.logo {width:286px; height:141px; position:absolute; left:0; right:0; margin:auto; display:block; display:block; top:16px;}

header ul { width:450px; margin-left:0px; float:left; list-style:none;margin-top:45px; }

header ul li{ font-size:20px; float:left; width:38%;  padding-left:25px; margin-bottom:10px; }

header ul li a { font-size:20px; text-transform:uppercase; color:#000; text-decoration:none; font-weight:700;}

header ul li a:hover { text-decoration:none;}

header ul li:before {  width:19px; height:19px; border-radius:50%; background:#48c3f7; position:absolute; left:0; top:0; content:'\f00c'; font-family:"fontAweSome"; text-align:center; color:#fff; }

header ul li { position:relative;}

.top-area-contact-info { width:248px; float:right; margin-top:20px;}

.top-area-contact-info p { margin:0 0 15px 0;}

.top-area-contact-info .phone { color:#000; font-size:20px; font-weight:600; position:relative; padding-left:30px; }

.top-area-contact-info .phone:before {position:absolute; left:0; top:0; font-family:"fontAweSome"; content:'\f095'; color:#2ab9ee;font-weight:400;}

.top-area-contact-info .phone a{ color:#000; font-size:20px; font-weight:600; text-decoration:none; }

.top-area-contact-info .phone a:hover{ color:#2ab9ee; font-size:20px; font-weight:600; text-decoration:none; }

.top-area-contact-info .mobile { color:#000; font-size:20px; font-weight:600; position:relative; padding-left:30px;  }

.top-area-contact-info .mobile a{ color:#000; font-size:20px; font-weight:600; text-decoration:none;  }

.top-area-contact-info .mobile a:hover {text-decoration:none;color:#2ab9ee; }

.top-area-contact-info .mobile:before {position:absolute; left:0; top:0; font-family:"fontAweSome"; content:'\f10b'; color:#2ab9ee;font-weight:400;}

.top-area-contact-info .email { color:#000000; font-size:20px; font-weight:400; position:relative; padding-left:30px; }

.top-area-contact-info .email a{ color:#000000; font-size:20px; font-weight:400; text-decoration:none; }

.top-area-contact-info .email:before {position:absolute; left:0; top:0; font-family:"fontAweSome"; content:'\f0e0'; color:#2ab9ee;font-weight:400; font-size:16px;}

.top-area-contact-info .email a:hover{color:#2ab9ee;}

.top-area-contact-info .location { color:#000; font-size:20px; font-weight:700; position:relative; padding-left:0px; }



.top-left-contact-info { width:248px; float:left; margin-top:20px;}

.top-left-contact-info p { margin:0 0 15px 0;}

.top-left-contact-info .phone { color:#000; font-size:20px; font-weight:600; position:relative; padding-left:30px; }

.top-left-contact-info .phone:before {position:absolute; left:0; top:0; font-family:"fontAweSome"; content:'\f095'; color:#2ab9ee;font-weight:400;}

.top-left-contact-info .phone a{ color:#000; font-size:20px; font-weight:600; text-decoration:none; }

.top-left-contact-info .phone a:hover{ color:#2ab9ee; font-size:20px; font-weight:600; text-decoration:none; }

.top-left-contact-info .mobile { color:#000; font-size:20px; font-weight:600; position:relative; padding-left:30px;  }

.top-left-contact-info .mobile a{ color:#000; font-size:20px; font-weight:600; text-decoration:none;  }

.top-left-contact-info .mobile a:hover {text-decoration:none;color:#2ab9ee; }

.top-left-contact-info .mobile:before {position:absolute; left:0; top:0; font-family:"fontAweSome"; content:'\f10b'; color:#2ab9ee;font-weight:400;}

.top-left-contact-info .email { color:#000000; font-size:20px; font-weight:400; position:relative; padding-left:30px; }

.top-left-contact-info .email a{ color:#000000; font-size:20px; font-weight:400; text-decoration:none; }

.top-left-contact-info .email:before {position:absolute; left:0; top:0; font-family:"fontAweSome"; content:'\f0e0'; color:#2ab9ee;font-weight:400; font-size:16px;}

.top-left-contact-info .email a:hover{color:#2ab9ee;}

.top-left-contact-info .location { color:#000; font-size:20px; font-weight:700; position:relative; padding-left:0px; }







.main-banner {width:100%; height:500px; position:relative;}

.main-banner .banner { width:100%; height:500px; background-repeat:no-repeat; background-position:center top;background-size:cover; position:relative;}

.main-banner .banner:before { position:absolute; left:0; right:0; top:0; bottom:0; content:''; z-index:0; background-color:rgba(0,0,0,.36);}

.main-banner .banner-slogan { width:80%; font-size:21px; font-weight:300; text-transform:uppercase; font-size:21px;  height:125px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; color:#fff; text-align:center; font-size:15px; text-transform:uppercase;  padding:0px 20px 10px 30px; text-align:center;}

.main-banner .banner-slogan p { font-size:22px;}

.main-banner .banner-slogan h1 { text-transform:uppercase;  color:#fff; font-size:42px; text-transform:uppercase; margin:0 0 5px 0; font-weight:700;}

.main-banner .banner-slogan h2 { text-transform:uppercase;  color:#fff; font-size:32px; text-transform:uppercase; margin:0 0 5px 0; font-weight:400;}

.top-area-content { max-width:1010px; margin:0 auto; position:relative; padding:10px 0;}

.top-area-content .chamber-logo img { display:block; margin:0 auto;}

.top-area-content .chamber-logo { padding-top:10px;}

.top-area-content .arc-logo img { display:block; margin:0 auto;}

.top-area-content .arc-logo {padding-top:10px;}

.top-area-content .content-title h3 { text-align:center; color:#00aeef; font-weight:600; margin:0 0 10px 0; text-transform:uppercase; font-size:24px; line-height:30px;}

.top-area-content .content-title h2{ font-size:30px; color:#4d4d4d; text-transform:uppercase; text-align:center; margin:0 0 20px 0; font-weight:600; }

.top-area-content { color:#5e5e5e; font-size:16px; }

.top-area-content ul { list-style:none;clear:both; margin-bottom:50px;}

.top-area-content li { position:relative; font-size:13px; font-weight:600; color:#5e5e5e; padding-left:20px; width:25%; float:left; min-height:40px;}

.top-area-content li:last-child { }

.top-area-content li:before { content:'\f0a9'; position:absolute; left:0; top:0; font-size:17px; color:#2ab9ee; border-radius:50%; width:20px; height:20px;font-family:"fontAweSome"; }

.top-area-content h5 { font-size:20px; text-align:center; text-transform:uppercase; color:#000; font-weight:600;}

.top-area-content h1 { font-size:32px; text-align:center; text-transform:uppercase; color:#000; font-weight:600;}

.top-area-content p { text-align:center;}



.gallery-area { width:100%; max-width:100%;}

.gallery-area ul { list-style:none;}

.gallery-area ul li { float:left; width:33.33333%; position:relative;}

.gallery-area ul li a { display:block; left:0; right:0; top:0; bottom:0; position:absolute; margin:auto; background:rgba(0,0,0,.6); color:#fff; font-size:18px; font-weight:400;}

.gallery-area ul li a h4 { font-size:20px; text-transform:uppercase; color:#fff; margin:0 0 25px 0;}

.gallery-area ul li img { width:100%;}

.gallery-area ul li a div { width:350px; height:165px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; }

.gallery-area ul li a:hover { background:rgba(42, 185, 238, .8);}

.gallery-area ul li article { position:relative;}

.contact-form { padding:70px 0; width:100%; max-width:100%;}

.contact-form h1  { color:#000; font-size:50px; margin:0 0 30px 0; text-transform:uppercase; font-weight:600;}

.contact-form input[type="text"],  .contact-form input[type="tel"], .contact-form input[type="email"] { background:transparent; border:0; border-bottom:1px solid #000; width:100%; height:50px;  font-size:16px; color:#000;margin-bottom:40px;}

.contact-form textarea{ background:transparent; border:0; border-bottom:1px solid #000; width:100%; height:141px; margin-bottom:40px;font-size:16px; color:#000;}

.contact-form input[type="submit"] { width:96%;  display:block; background:#2ab9ee; text-align:center; border:0; padding:15px 0; color:#fff; font-size:18px; font-weight:700; text-transform:uppercase;margin:0 auto;}

.contact-form input[type="submit"]:hover {transition: all 0.5s ease-out; background:#211321; }

.captcha {border-bottom:1px solid #000; width:100%; padding-bottom:20px; margin-bottom:20px; display:block; text-align:center;}

.contact-form input[type="text"] { background:url(../images/user.jpg) no-repeat right center; }

.contact-form input[type="text"]:focus { background:none;}

.contact-form input[type="email"] { background:url(../images/email.jpg) no-repeat right center;}

.contact-form input[type="email"]:focus { background:none;}

.contact-form input[type="tel"] {  background:url(../images/tel.jpg) no-repeat right center; }

.contact-form input[type="tel"]:focus { background:none;}

.contact-form input[type="text"].subject {background:url(../images/subject.jpg) no-repeat right center; padding-left:20px;}

.contact-form input[type="text"].subject:focus { background:none;}

.contact-form textarea{background:url(../images/message.jpg) no-repeat no-repeat right top; }

.contact-form textarea:focus { background:none;}

.contact-form input[type="text"].code { background:none; text-align:center;}

.contact-form ::-webkit-input-placeholder { color:#000; font-size:16px; opacity:1;}

.contact-form ::-moz-placeholder {  color:#000; font-size:16px; opacity:1;}

.contact-form :-ms-input-placeholder  {  color:#000; font-size:16px; opacity:1;}

.contact-form :-moz-placeholder { color:#000; font-size:16px; opacity:1;}

input:focus::-webkit-input-placeholder {color:transparent;}

input:focus::-moz-placeholder {color:transparent;}

input:focus:-moz-placeholder {color:transparent;}

input:focus:-ms-input-placeholder {color:transparent;}

textarea:focus::-webkit-input-placeholder {color:transparent;}

textarea:focus::-moz-placeholder {color:transparent;}

textarea:focus:-moz-placeholder {color:transparent;}

textarea:focus:-ms-input-placeholder {color:transparent;}

footer { background:#c5ebfd; text-align:center; padding:20px 0; font-size:14px; color:#527281; font-weight:400;}

footer  p { margin:0;}

.before-footer-info { background:#d7f1fd; padding:30px 0; font-size:16px; color:#000000;}

.before-footer-info p { margin:0 0 5px 0;}

.before-footer-info .contact-info { font-size:16px;padding-left:80px;}

.before-footer-info .contact-info a{ font-size:16px; text-decoration:none; color:#000;}

.before-footer-info .location { position:relative; padding-left:100px; padding-top:5px;}

.before-footer-info .contact-info:before { width:72px; height:67px; border:1px solid #000; border-radius:10px; position:absolute; left:0; top:0; content:'\f095';font-family:"fontAweSome"; font-size:30px; text-align:center; padding-top:20px;} 

.before-footer-info .location:before { width:72px; height:67px; border:1px solid #000; border-radius:10px; position:absolute; left:0; top:0; content:'\f041';font-family:"fontAweSome"; font-size:30px; text-align:center; padding-top:20px;}

.top-area-content h5 { clear:both;}

.content-inner { width:100%; max-width:100%;}

.title-area {background:url(../images/title-area.jpg) repeat-x; height:197px; width:100%; max-width:100%; padding-top:26px; margin-bottom:67px;}

.content-inner h1 {  color:#000; font-size:30px; font-weight:300; text-transform:uppercase;}

.content-inner h1 span { display:block; font-weight:700; font-size:50px;}

.post-content { color:#fff; background:#2ab9ee; padding:40px 25px 20px 30px; font-size:16px; margin-bottom:30px; min-height:548px;}

.content-inner  h2 { color:#000; font-size:40px; text-align:center; text-transform:uppercase; font-weight:700; margin:0 0 30px 0;}

.content-inner .content-box { border:1px solid #d7d7d7; min-height:315px; padding:35px 10px 20px 15px; color:#5e5e5e; font-size:14px; line-height:24px; margin-bottom:60px; display:block; text-decoration:none;}



.content-inner .content-box a { display:block;}

.content-inner .content-box h3 { font-size:16px; color:#2ab9ee; text-transform:uppercase; min-height:46px;  margin:0 0 0px 0; font-weight:700;}

.content-inner .content-box a:hover { color:#2ab9ee;}

.content-inner .content-box:hover { background:#2ab9ee;}

.content-inner .content-box:hover h3 { color:#fff;}

.content-inner .content-box:hover {color:#fff;}

.content-inner .content-box:hover a {color:#fff;}

.content-inner .post-pic img{ width:100%; margin-bottom:40px; max-height:548px;}



/*Contact Page*/



.contact-template input[type="text"],  .contact-template input[type="tel"], .contact-template input[type="email"] { background:transparent; border:0; border-bottom:1px solid #000; width:100%; height:50px;  font-size:16px; color:#000;margin-bottom:55px;}

.contact-template textarea{ background:transparent; border:0; border-bottom:1px solid #000; width:100%; height:222px; margin-bottom:73px;font-size:16px; color:#000;}

.contact-template input[type="submit"] { width:320px; height:60px;  display:block; background:#000000; text-align:center; border:0; padding:15px 0; color:#fff; font-size:18px; font-weight:700; text-transform:uppercase; float:right; margin-bottom:50px;}

.contact-template input[type="submit"]:hover {transition: all 0.5s ease-out; background:#211321; }

.captcha {border-bottom:1px solid #000; width:100%; padding-bottom:15px; margin-bottom:20px; display:block; text-align:center;}

.contact-template input[type="text"] { background:url(../images/user.jpg) no-repeat right center; }

.contact-template input[type="text"]:focus { background:none;}

.contact-template input[type="email"] { background:url(../images/email.jpg) no-repeat right center;}

.contact-template input[type="email"]:focus { background:none;}

.contact-template input[type="tel"] {  background:url(../images/tel.jpg) no-repeat right center; }

.contact-template input[type="tel"]:focus { background:none;}

.contact-template input[type="text"].subject {background:url(../images/subject.jpg) no-repeat right center; padding-left:20px;}

.contact-template input[type="text"].subject:focus { background:none;}

.contact-template textarea{background:url(../images/message.jpg) no-repeat no-repeat right top; }

.contact-template textarea:focus { background:none;}

.contact-template input[type="text"].code { background:none; text-align:center;}

.contact-template ::-webkit-input-placeholder { color:#000; font-size:16px; opacity:1;}

.contact-template ::-moz-placeholder {  color:#000; font-size:16px; opacity:1;}

.contact-template :-ms-input-placeholder  {  color:#000; font-size:16px; opacity:1;}

.contact-form :-moz-placeholder { color:#000; font-size:16px; opacity:1;}

.location-map { margin-bottom:40px;}

.form-contact  {}

.contact-detail { background:#2ab9ee; height:572px; margin-bottom:50px; padding:25px 0px 20px 20px;}

.contact-detail .phone-number { font-size:24px; color:#fff; padding-left:80px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; text-transform:uppercase; }

.contact-detail .phone-number a{ font-size:24px; color:#fff; font-weight:700; position:relative; text-decoration:none;  }

.contact-detail .phone-number:before { color:#fff; height:50px; width:50px; border-radius:5px; text-align:center; font-size:20px;content:'\f095';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:15px;}

.contact-detail .mobile-number { font-size:24px; color:#fff; padding-left:80px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; text-transform:uppercase; border-bottom:1px solid #39b4e8; margin-bottom:20px;}

.contact-detail .mobile-number a { font-size:24px; color:#fff;  font-weight:700;  text-transform:uppercase;text-decoration:none;}

.contact-detail .mobile-number:before { color:#fff; height:50px; width:50px; border-radius:5px; text-align:center; font-size:20px;content:'\f10b';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:15px;}

.contact-detail .locatation-contact { font-size:24px; color:#fff; padding-left:80px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; line-height:24px;}

.contact-detail .locatation-contact:before { color:#fff; height:50px; width:50px; border-radius:5px; text-align:center; font-size:20px;content:'\f041';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:15px;}

.contact-detail .contact-email { font-size:24px; color:#fff; padding-left:80px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; min-height:90px; border-bottom:1px solid #39b4e8;}

.contact-detail .contact-email a{ font-size:24px; color:#fff; font-weight:700; text-decoration:none;  }

.contact-detail .contact-email:before { color:#fff; height:50px; width:50px; border-radius:5px; text-align:center; font-size:20px;content:'\f0e0';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:15px;}

@media (max-width:1200px) and (min-width:992px) {

.container { max-width:100%; width:100%; margin:0 auto; padding:0; position:relative;}

header ul { width:450px; margin-left:10px; float:left; list-style:none;margin-top:45px; }

.top-area-content { max-width:960px;}

.arc-logo img { width:100%;}

.chamber-logo img {width:60%;}

.gallery-area ul li a div { width:300px;}

.before-footer-info .contact-info a { display:block;}

}

@media (max-width:991px) and (min-width:768px) {

.container { max-width:none; width:auto; margin-left:20px; margin-right:20px; padding:0; position:relative;}

.logo {width:200px; height:auto;  top:26px;}

.logo img { width:100%;}

header ul { margin-left:0; width:390px; padding-top:10px;}

.top-area-contact-info .mobile a { font-size:18px;}

.top-area-contact-info { padding-top:26px;}

.top-area-contact-info .phone a { font-size:18px;}

.top-area-contact-info .phone a:hover {font-size:18px;}

.top-area-contact-info p { margin:3px;}


.top-left-contact-info .mobile a { font-size:18px;}

.top-left-contact-info { padding-top:26px;}

.top-left-contact-info .phone a { font-size:18px;}

.top-left-contact-info .phone a:hover {font-size:18px;}

.top-left-contact-info p { margin:3px;}





header ul li a { font-size:13px;}

header ul li { width:34%;}

.main-banner {width:100%; height:300px; position:relative;}

.main-banner .banner { width:100%; height:300px; background-repeat:no-repeat; background-position:center top;background-size:cover; position:relative;}

.main-banner .banner-slogan h1 { font-size:35px;}

.main-banner .banner-slogan h2 { font-size:25px;}

.main-banner .banner-slogan p { font-size:17px;}

.top-area-content .chamber-logo { margin-bottom:15px;}

.top-area-content .content-title h3 { font-size:18px;}

.top-area-content .content-title h2 { font-size:25px;}

.top-area-content .arc-logo { margin-bottom:20px;}

.top-area-content ul li { width:50%; }

.top-area-content ul { max-width:450px; margin:0 auto; clear: both;}

.gallery-area ul li a div { width:200px; font-size:14px; line-height:18px;}

.gallery-area ul li a h4 { font-size:16px; margin:0 0 10px 0;}

.contact-form h1 { font-size:30px;}

.contact-form input[type="submit"] { width:100%;}

.before-footer-info .col-md-2, .before-footer-info .col-md-4, .before-footer-info .col-md-3 { margin-bottom:20px; min-height:100px;}

.before-footer-info .contact-info {padding-left:100px;}

.before-footer-info .contact-info::before { left:15px; }

.content-inner .content-box {min-height:105px;}

.content-inner .post-pic { max-width:500px; margin:0 auto; width:100%;}

.form-contact { margin-left:50px; margin-right:50px;}

.contact-detail  { margin-left:50px; margin-right:50px;}

.location-map {margin-left:50px; margin-right:50px;}

}





@media (max-width:767px) {

.container { max-width:none; width:auto; margin-left:20px; margin-right:20px; padding:0; position:relative;}

.logo {width:154px; height:auto;  top:0px; padding-bottom:40px;}

.logo img { width:100%;}

header { height:auto; padding-bottom:20px;}

header { text-align:center;}

header ul { margin-top:130px; text-align:center; width:auto;}

header ul li { width:auto;  width:auto !important; padding-right:10px; float:none; display:inline-block; margin-bottom:0; }

header ul li a{font-size:10px !important;}

.top-area-contact-info .mobile a { font-size:14px;}

.top-area-contact-info { padding-top:66px; text-align:left; float:none; width:auto; text-align:center;}

.top-area-contact-info .email a { font-size:13px;}

.top-area-contact-info p { display:inline-block;}

.top-area-contact-info .phone a { font-size:14px;}

.top-area-contact-info .phone a:hover {font-size:14px;}

.top-area-contact-info p { margin:3px;}



.top-left-contact-info .mobile a { font-size:14px;}

.top-left-contact-info { padding-top:16px; text-align:left; float:none; width:auto; text-align:center;}

.top-left-contact-info .email a { font-size:13px;}

.top-left-contact-info p { display:inline-block;}

.top-left-contact-info .phone a { font-size:14px;}

.top-left-contact-info .phone a:hover {font-size:14px;}

.top-left-contact-info p { margin:3px;}



header ul li a { font-size:13px;}

header ul li { width:34%;}

.main-banner {width:100%; height:220px; position:relative;}

.main-banner .banner { width:100%; height:220px; background-repeat:no-repeat; background-position:center top;background-size:cover; position:relative;}

.main-banner .banner-slogan h2 { font-size:16px;}

.main-banner .banner-slogan h1 { font-size:26px;}

.main-banner .banner-slogan p { font-size:12px;}

.top-area-content .chamber-logo { margin-bottom:15px;}

.top-area-content .content-title h3 { font-size:15px; line-height:17px;}

.top-area-content .content-title h2 { font-size:20px;}

.top-area-content .arc-logo { margin-bottom:20px;}

.top-area-content ul li { width:auto; float:none; font-size:14px; font-weight:400;}

.top-area-content ul { max-width:260px; margin:0 auto; clear: both;}

.top-area-content h1 { font-size:25px;}

.gallery-area ul li a div { width:300px; font-size:15px; line-height:18px;}

.gallery-area ul li a h4 { font-size:20px; margin:0 0 10px 0;}

.contact-form h1 { font-size:30px;}

.contact-form input[type="submit"] { width:100%;}

.before-footer-info .col-md-2, .before-footer-info .col-md-4, .before-footer-info .col-md-3 { margin-bottom:20px; min-height:80px;}

.before-footer-info .contact-info {padding-left:100px;}

.before-footer-info .contact-info::before { left:15px; }

.main-banner .banner-slogan { width:auto;}

.main-banner .banner-slogan h2 { font-size:20px;}

.main-banner .banner-slogan h1 { font-size:24px;}

.main-banner .banner-slogan { font-size:14px;}



.gallery-area ul li { float:none; width:auto;}

.main-banner .banner-slogan { padding:0 15px 15px 15px;}

 .before-footer-info .contact-info { padding-left:60px; font-size:17px;}

  .before-footer-info .contact-info a{  font-size:17px;}

.before-footer-info .contact-info:before { width:50px; height:50px;  position:absolute; font-size:20px; padding-top:10px;}

.before-footer-info .location:before {width:50px; height:50px;  position:absolute; font-size:20px; padding-top:10px;} 

.before-footer-info .location{padding-left:60px;}

.before-footer-info  img:last-child { width:130px;}

footer p { font-size:11px !important;}

.content-inner h1 { font-size:18px;}

.content-inner h1 span { font-size:25px;}

.title-area { height:120px;}

.post-content { font-size:13px;}

.post-content p { text-align:justify;}

.content-inner h2 { font-size:22px;}

.content-inner .content-box {min-height:105px;}



.contact-template input[type="text"],  .contact-template input[type="tel"], .contact-template input[type="email"] { font-size:13px;}

.contact-template textarea{ font-size:13px;}



.contact-template ::-webkit-input-placeholder { color:#000; font-size:13px; opacity:1;}

.contact-template ::-moz-placeholder {  color:#000; font-size:13px; opacity:1;}

.contact-template :-ms-input-placeholder  {  color:#000; font-size:13px; opacity:1;}

.contact-form :-moz-placeholder { color:#000; font-size:13px; opacity:1;}

.contact-detail .phone-number { font-size:17px; color:#fff; padding-left:60px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; text-transform:uppercase; }

.contact-detail .phone-number a{ font-size:17px; color:#fff; font-weight:700; position:relative; text-decoration:none;  }

.contact-detail .phone-number:before { color:#fff; height:40px; width:40px; border-radius:5px; text-align:center; font-size:20px;content:'\f095';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:8px;}

.contact-detail .mobile-number { font-size:17px; color:#fff; padding-left:60px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; text-transform:uppercase; border-bottom:1px solid #39b4e8; margin-bottom:20px;}

.contact-detail .mobile-number a { font-size:17px; color:#fff;  font-weight:700;  text-transform:uppercase;text-decoration:none;}

.contact-detail .mobile-number:before { color:#fff; height:40px; width:40px; border-radius:5px; text-align:center; font-size:20px;content:'\f10b';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:8px;}

.contact-detail .locatation-contact { font-size:17px; color:#fff; padding-left:60px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; line-height:17px;}

.contact-detail .locatation-contact:before { color:#fff; height:40px; width:40px; border-radius:5px; text-align:center; font-size:20px;content:'\f041';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:8px;}

.contact-detail .contact-email { font-size:17px; color:#fff; padding-left:60px; font-weight:700; position:relative; padding-top:10px; padding-bottom:15px; min-height:90px; border-bottom:1px solid #39b4e8;}

.contact-detail .contact-email a{ font-size:17px; color:#fff; font-weight:700; text-decoration:none;  }

.contact-detail .contact-email:before { color:#fff; height:40px; width:40px; border-radius:5px; text-align:center; font-size:20px;content:'\f0e0';font-family:"fontAweSome"; border:1px solid #fff; position:absolute; left:0; top:0;padding-top:8px;}

.contact-template input[type="submit"] { width:250px; margin:0 auto 40px; float:none; display:block;}

.top-area-content { max-width:none; margin-left:25px; margin-right:25px; width:auto;}

}



@media  (min-width: 991px) {



.navigation { height:75px;  width:100%; max-width:100%;  background:#2ab9ee; text-align:center; }

.menu {width:auto;  z-index:99999999;}



.menu nav ul li i , 

.menu nav ul li i:hover	{

	color:#fff;

	margin:0;

	line-height:0;

}



.main-nav {

    width:auto;

}



.main-nav ul {

	z-index:999;

}



.main-nav ul li{

	list-style: none;

	display:inline-block;

	position: relative;

	text-align: center;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

	-o-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	padding:0 20px 0 20px;

	white-space:nowrap;

}

.main-nav ul li ul li { background:none;}

.main-nav ul li a{

	color: #fff;

	display: block;

	font-size: 16px;

	line-height: 21px;

	padding: 20px 0 29px 0;

	position: relative;

	font-weight:400;

	text-decoration: none;

	text-transform:uppercase;

    font-family: 'Open Sans', sans-serif;

	transition:none;

	white-space:nowrap;

	text-transform:none;

	border-top:5px solid #2ab9ee;

}

.main-nav ul li li a { border:0;}

.main-nav ul li a:hover { border-top:5px solid #2ba5d9;}



.main-nav ul li a .fa-angle-down , 

.main-nav ul li a .fa-angle-down:hover {

	font-size:13px;

	color:#0fbca1;	

}



.main-nav ul li.active a .fa-angle-down , 

.main-nav ul li a:hover .fa-angle-down {

	color:#0fbca1;

}



.main-nav ul li a i {

	font-size:15px;

	color:#a0a0a0;

	transition:all 0.5s ease;

	-o-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

	-webkit-transition:all 0.5s ease;	

}



.main-nav ul ul li	{

	padding-bottom:0;	

}



.main-nav ul ul li a	{

	border-right:none;

	color:#fff;

}



.main-nav ul li.active a , 

.main-nav ul li.active a i {

	color:#ffffff;

}



.main-nav ul li a:hover ,

.main-nav ul li.active a, 

.main-nav ul li a:hover i	{

	color:#fff;

	

}



.main-nav  ul ul a:hover {

	color: #000;

	text-indent:10px;

	background:#fff;

}

 

.main-nav  li:hover ul {

	display: block;

	opacity: 1;

	visibility: visible;

	margin-top:0px;

}

 

.main-nav  ul li ul {

	background:#2ab9ee;

	visibility: hidden;

	width: auto;

	position: absolute;

	text-align: center;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	opacity: 0;

	margin-top:15px;

}

 

.main-nav  ul ul li {

	border-top: 1px solid #ccc;

	display: block;

	float: none;

	margin: 0;

	list-style: none;

}

 

.main-nav ul li.sub_menu a {

	padding-right: 32px;

}



.main-nav ul li.sub_menu a:before {

	border-left: 6px solid rgba(0, 0, 0, 0);

	border-right: 6px solid rgba(0, 0, 0, 0);

	border-top: 6px solid #FFF;

	content: "";

	height: 0;

	position: absolute;

	right: 10px;

	top: 37px;

	width: 0;

	z-index: 999;

}

 

.main-nav  ul ul a,

.main-nav  ul ul a:link {

	font-size: 12px;

	line-height: 40px;

	padding: 0 15px;

	min-width: 200px;

	text-align: left;

}

 

.main-nav  ul:after {

	content: '.';

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.main-nav ul , 

.main-nav ul ul {

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}



.main-nav ul li ul ul {

	position:absolute;



	left:100% !important;

}



.main-nav ul li:hover ul ul , 

.main-nav ul li:hover ul ul ul , 

.main-nav ul li.sfhover ul ul , 

.main-nav ul li.sfhover ul ul ul {

	left: -999em;

	

}



.main-nav ul li:hover ul , 

.main-nav ul li li:hover ul , 

.main-nav ul li li li:hover ul , 

.main-nav ul li.sfhover ul , 

.main-nav ul li li.sfhover ul , 

.main-nav ul li li li.sfhover ul { 

	left: auto;

}



.main-nav ul li li li:hover ul {

	top: 30px;

}

.main-nav ul ul ul { display:none !important;}

.main-nav ul ul li:hover ul { display:block !important; top:0;}



.main-nav  li a:hover, .main-nav  li.active  a{

	 background:url(../images/nav-h.png) repeat-x bottom center !important;

}

.main-nav  li a, .main-nav  li.active  a{

	background:url(../images/nav.png) repeat-x bottom center;

}

.main-nav  li li a:hover, .main-nav li li.active  a{

	background:#fff !important;

	padding:0;

}

.main-nav  li li a:hover, .main-nav  li li.active  a{ border:0;}

.main-nav  li li { padding:0;}



}







@media (max-width: 991px) {

.mean-container .mean-bar {background: #000;}

.mean-container .mean-bar  { position:fixed; left:0; top:0; right:0;}

}



@media (max-width:1200px) and (min-width:992px) {

	

.main-nav ul li {

	font-size: 16px;

	line-height: 21px;

	padding:0 10px 0 10px ;

	

}

}





.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

}



.col-xs-15 {

    width: 20%;

    float: left;

}

@media (min-width: 768px) {

.col-sm-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-15 {

        width: 20%;

        float: left;

    }

}