@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'proxima-nova';
    src: url('../fonts/Proxima-Nova-Regular-webfont.eot');
    src: url('../fonts/Proxima-Nova-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima-Nova-Regular-webfont.woff') format('woff'),
         url('../fonts/Proxima-Nova-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Proxima-Nova-Regular-webfont.svg#proxima-nova') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima-nova-semibold';
    src: url('../fonts/Proxima-Nova-Semibold-webfont.eot');
    src: url('../fonts/Proxima-Nova-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima-Nova-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/Proxima-Nova-Semibold-webfont.woff') format('woff'),
         url('../fonts/Proxima-Nova-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/Proxima-Nova-Semibold-webfont.svg#proxima-nova-semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proxima-nova-bold-webfont.woff2') format('woff2'),
         url('../fonts/proxima-nova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima-nova-thin';
    src: url('../fonts/Proxima-Nova-Thin-webfont.eot');
    src: url('../fonts/Proxima-Nova-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Proxima-Nova-Thin-webfont.woff2') format('woff2'),
         url('../fonts/Proxima-Nova-Thin-webfont.woff') format('woff'),
         url('../fonts/Proxima-Nova-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Proxima-Nova-Thin-webfont.svg#proxima-nova-thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body { font-family: 'proxima-nova-semibold', Tahoma, Geneva, sans-serif; color:#272f36; font-size:18px; line-height:1.3; }

h1, h2, h3, h4, h5, h6 { font-family: 'proxima_novabold', Tahoma, Geneva, sans-serif; }

a { text-decoration:underline; }
a:hover { text-decoration:none; }

a, .btn, button { transition:all linear 0.3s; outline:0 none; }

.padL0 { padding-left:0; }
.padR0 { padding-right:0; }
.marT30 { margin-top:30px; }
.marT60 { margin-top:60px; }

sup { font-size:50%; position:relative; top:-10px; }
.roundedheading h3 sup { top:-30px; }

.form-control { background:#eaeff9; font-family: 'proxima-nova-semibold'; color:#555555; border-radius:15px; border:0 none; padding:10px 15px; height:40px; }

.btn { position:relative; padding: 15px 50px; font-size:16px; border-radius:15px; text-transform:uppercase; }
.btn:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px dashed #ffffff; border-radius:15px; opacity:0.5; }
.btn-success { background-color:#3d464b; border:5px solid #3d464b; }
.btn-success:hover, .btn-success:active, .btn-success:focus { background-color:#3d464b; border:5px solid #3d464b; opacity:0.7; }
.btn-success:active:focus { background-color:#3d464b; opacity:0.5; border-color:#3d464b; }

.splitThreeColumn { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }

#topNavBar { font-family: 'proxima_novabold' }
#topNavBar .navbar-brand { height:auto; }
#topNavBar .mobNumber { margin:12px 0 7px; font-size:24px; color:#eaeff9; }
#topNavBar.navbar-default { background:transparent; border:0 none; }
#topNavBar.navbar-default.bgColor { background:#272f36; }
#topNavBar.navbar-default .navbar-nav > li > a { color:#eaeff9; font-size:16px; font-weight:bold; text-transform:uppercase; padding:0 10px; position:relative; text-decoration:none; }
#topNavBar.navbar-default .navbar-nav>li>a:after { width:2px; height:14px; content:""; background:#eaeff9; position:absolute; top:2px; right:0; }
#topNavBar.navbar-default .navbar-nav>li:last-child>a { padding-right:0; }
#topNavBar.navbar-default .navbar-nav>li:last-child>a:after { content:none; }

.contentContainer { min-height: 100%; margin-bottom: -220px; }
.contentContainer:after { content: ""; display: block; }

.roundedheading { border:2px dashed rgba(200,197,109,.5); padding:30px 30px 10px; border-radius:20px;  }
.roundedheading h3 { padding:0; margin:-65px 0 20px; font-size:64px; line-height:1; }

#banner { background:url(../images/banner.jpg) no-repeat center center; background-size:cover; }
#banner .container { position:relative; }
#banner .bannerCont { position:absolute; top:35%; left:0; max-width:420px; }
#banner .bannerCont h2 { border:2px dashed rgba(234,239,249,.5); padding:30px 30px 10px; margin:0; border-radius:20px; font-size:58px; line-height:1; color:#eaeff9; }
#banner .bannerCont h2 span, #banner .bannerCont p span { display:block; }
#banner .bannerCont h2 span:first-child { margin-top:-67px; }
#banner .bannerCont p { font-size:20px; padding:30px; color:#eaeff9; font-family: 'proxima_novabold';  }
#banner .bannerCont a { display:inline-block; color:#eaeff9; margin-top:30px; text-decoration:none; }
#banner .bannerCont a .fa { border:3px solid #eaeff9; border-radius:50%; padding:10px; font-size:36px; vertical-align:middle; margin-right:10px; transition:all linear 0.3s; }
#banner .bannerCont a:hover { color:#15c0bf; }
#banner .bannerCont a:hover .fa { border-color:#15c0bf; }

#services { padding:100px 0; background:#eaeff9; }
#services h3 { color:#c8c56d; text-decoration:underline; font-size:24px; }
#services h4 { color:#272f36; font-size:32px; }
#services a:hover { color:#c8c56d; text-decoration:none; }

#aboutUs { background:#272f36; padding:150px 0; }
#aboutUs h3, #aboutUs p { color:#c8c56d; }
#aboutUs p span { display:block; }
#aboutUs a { color:#c8c56d; }
#aboutUs .splitThreeColumn p, #aboutUs .splitThreeColumn a { color:#b2b2b2; }
#aboutUs .heading { color:#c8c56d; font-family: 'proxima_novabold'; }
#aboutUs ul li { margin-bottom:8px; }
#aboutUs ul li a { color:#b2b2b2; }
#aboutUs ul .linkedInIcon { width:25px; height:25px; display:inline-block; background:url(../images/linkedin-icon.png) no-repeat; background-size:100%; vertical-align:middle; margin-right:10px; }

a.contactBen { text-decoration:none; }

#dashboard { background:#c8c56d; padding:150px 0; color:#272f36; }
#dashboard .roundedheading { border:2px dashed rgba(39,47,54,0.7); padding:30px 30px 60px; width:100%; float:left; }
#dashboard .roundedheading .heading { font-size:26px; font-family: 'proxima_novabold'; }
#dashboard a { color:#272f36; }
#dashboard .dashboardVideo { margin:100px 0 -300px; }

#fullScreenVideo.video { max-width:100%; height:auto; display:none; }
/*#dashboardVideo.modal button.close { font-size:30px; opacity:1; }
#dashboardVideo.modal { text-align: center; padding: 0!important; }
#dashboardVideo.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
#dashboardVideo.modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }*/

#contactUs { background:#858582; padding:150px 0; color: #eaeff9; position:relative; }
#contactUs h3 { margin:0; color:#eaeff9; font-size:36px; }
#contactUs p { font-size:17px; }
#contactUs a { color:#eaeff9; }
#contactUs .captchaText { padding:0 !important; }
#contactUs .captchaText img { width:100%; height:40px; background:#eaeff9; border-radius:15px; }
#contactUs .error { font-size:14px; color:#ce0700; padding:2px 15px 0; }
#contactUs .formMessage { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.9; color:#000000; text-align:center; padding:300px 0; background:#ffffff; display:none; }
#contactUs .formMessage .loadingGif { width:36px; height:36px; margin:0 auto; display:none; }
#contactUs .formMessage.successMsg { background:#14c0be; }
#contactUs .formMessage.errorMsg { background:#ce0700; color:#ffffff; }

.footer, .contentContainer:after { height: 220px; }
.footer { background:#273036; color:#868682; padding:50px 0; font-size:14px; }
.footer .footerLinks { margin-top:15px; }
.footer .footerLinks span a { font-family:'proxima_novabold'; color:#15c0bf; margin-left:25px; text-decoration:none; }
.footer .footerLinks a:hover { color:#cccccc; }
.footer .footerLinks a.active { color:#edeae3; }
.footer .footerLinks span:first-child a { margin-left:0; }
.footer .address { font-weight:600; margin-top:15px; font-size:12px; }
.footer .address .copyright { font-weight:normal; }
.footer .socialLinks a { margin:0 5px; opacity:0.8; }
.footer .socialLinks a:hover { opacity:1; }

@media screen and (max-width:991px) { 
#topNavBar .navbar-brand { position:relative; z-index:1; }
.splitThreeColumn { column-count:auto; -moz-column-count:auto; -webkit-column-count:auto; margin-top:30px; }
#dashboard .dashboardVideo { margin:50px 0 -250px }
}

@media screen and (max-width:767px) {
.navbar-default .navbar-toggle { margin-top:25px; }
.navbar-default .navbar-toggle .icon-bar { background-color:#ffffff; }
.mobNumber { display:none; }

.mobNav { text-align:center !important; }

#navbar { background:#272f36; padding:0; border:0 none; }
.mobNav #main-nav-wrap { width:100%; padding:0; margin:0; }
#topNavBar.navbar-default .navbar-nav > li > a { display:block; padding:10px 0; border-top:1px dashed #cccccc; }
.mobNav #main-nav-wrap>li>a:after { content:none !important; }

#banner .bannerCont { margin:0 10px; }

#dashboard .dashboardVideo { margin:50px 0 0; }

.contentContainer { margin-bottom:-410px; }
.footer, .contentContainer::after { height: 410px; }
.footer { text-align:center; }	
.footer .footerLinks{ text-align:center !important; padding:0; }
.footer .footerLinks span a { display:block; margin-left:0; border:1px dashed #666666; padding:5px 0; }
.footer .marT30 { margin-top:10px; }
.footer .socialLinks { text-align:center !important; }

#dashboard .roundedheading h3 { font-size:42px; margin:-55px 0 20px; }
#services .btn, #dashboard .btn { padding:15px; }
#services .col-md-3 { margin-top:30px; }

#contactUs .formMessage { padding:400px 0; }
}

@media screen and (max-width:359px) {
#banner .bannerCont { top:25%; }
}