@charset "utf-8";
/* CSS Document */
/*Awesome fonts*/
@import "font-awesome.css";
/*web fonts*/
@import "../fonts/web-fonts.css";


body {margin: 0px;padding:0px;font-family: 'Proxima_Regular';font-weight:300;font-size: 18px;color:#282727;}

*	 {margin:0px;padding:0px;text-decoration:none; outline:none;}

input[type="text"], input[type="email"], input[type="number"]{ padding: 16px 5% 14px;width: 90%; margin:0 0 17px 0;}
input[type="submit"], select{ border:0; cursor:pointer; width:100px;padding: 17px 10px 15px;}
input, textarea, select{font-family: 'Proxima_Regular';font-size:18px;border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 14px 5%;width: 90%;}
textarea{ height:155px; margin-bottom:29px;}
select{ width:100%;padding: 16px 5% 14px;}


h1 strong, 
h2 strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong {	  font-weight:900;}

h1, h2, h3, h4, h5, h6{font-family:; text-transform:;font-weight: normal;}

h1 {	font-size:60px;margin: 0 0 25px;}
h2 {	font-size:48px;}
h3 {	font-size:30px;}
h4 {	font-size:28px;}
h5 {	font-size:24px;}
h6 {	font-size:18px;}


.hand-of-sean	{font-family: 'hand_of_sean_demoregular';}
.none-case		{ text-transform:none;}
.lead-heading{ color: #1655AA;font-family: 'Proxima_Bold';font-size: 40px;line-height: 46px;margin-bottom: 0;text-align: center;text-transform: uppercase;}
.list li{ background:url(../images/list.png) no-repeat 0 0; padding:0 0 15px 34px;}


h1 span  		{ font-weight:;font-family:;}
h1 span.brown	{ color:#a87429;}
h1.light, 
h2.light, 
h3.light  		{ font-family: 'Proxima_Light'; color:#;font-weight: normal;}

b   	 		{font-weight: 600;}
p				{ line-height:33px;margin-bottom: 35px;}

.lead{ font-size:24px;}

a		  {text-decoration:none; outline:none;color:#1655AA;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
a:hover{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
a img	  {	border:none;}
img		  { max-width:100%;}
.height5  { height:5px;}
.height10 { height:10px;}
.height15 { height:15px;}
.height20 { height:20px;}
.height25 { height:25px;}
.height30 { height:30px;}
.height35 { height:35px;}
.clr      { clear:both;}
ul, li    { list-style:none;}
b, strong { font-weight:600;}
hr{ border:0; border-bottom:1px solid #e5e5e5; margin:35px 0;}

.clr, .clear{ clear:both;}
.pull-right{ float:right !important;}
.pull-left{ float:left !important;}

#wrapper { overflow:hidden;}
.container {width:1140px;margin:0 auto; position:relative;}
/*Success and error, notifications classes*/
.error{ border:1px solid #b42727 !important; background:#f9c8c8 !important; color:#000 !important;}
.error-msg{ background:#ffebe8; border:1px solid #dd3c10; padding:10px 15px; margin-bottom:20px;}
.success{background:#c2e5ac; border:1px solid #54af1e; color: #54af1e;  font-family:Arial, Helvetica, sans-serif;  font-size: 13px;  font-weight: 700;  padding: 10px 17px 5px;text-transform: uppercase; margin: 0 0 16px 0}
.notification{background: none repeat scroll 0 0 #FFF6D6; border: 1px solid #D5B544; color: #D5B544;  font-family:Arial, Helvetica, sans-serif; font-size: 13px;  font-weight: 700;  padding: 10px 17px 5px;text-transform: uppercase; margin: 0 0 16px 0}


.circle{ border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.error::-webkit-input-placeholder {color: #b42727;}
.error:-moz-placeholder { /* Firefox 18- */color: #b42727;}
.error::-moz-placeholder {  /* Firefox 19+ */color: #b42727;}
.error:-ms-input-placeholder { color: #b42727;}
.justify{ text-align:justify;}


.heading{ max-width:910px; margin:0 auto}
.heading h1{ margin:0 0 10px 0}
.heading h1 span{ display:block; text-transform:uppercase; font-size:18px; color:#000000;}
.heading p{ font-size:18px; color:#282727; line-height:24px;}

.date{ font-size:14px; color:#dcb72c;}


.btn{ display:inline-block; padding:20px 20px 17px; min-width:200px; font-size:19px; color:#fff; text-transform:uppercase;text-align:center;font-family: 'Proxima_Bold'; border-radius:5px;}
.btn:hover{  background:#}

.btn img{ margin:0 12px 0 0;}

.btn.btn-mini{ padding:13px 24px 10px; min-width:0; line-height:27px;}

.btn-blue{ background:#1655aa;}
.btn-yellow{ background:#dcb72c;}

.btn-blue:hover{ background:#0e4999;}
.btn-yellow:hover{ background:#cca822;}

.read-more.blue{ background:url(../images/read-more-blue.png) no-repeat 0 0; padding:0 0 0 25px; font-size:16px;}
.read-more.yellow{ background:url(../images/read-more-yellow.png) no-repeat 0 0; padding:0 0 0 25px; font-size:16px; color:#d1af0b}
.read-more.blue:hover, .read-more.yellow:hover{ color:#2e2e2e}

.fixed-header .main-nav{ position:fixed; left:0; top:0; width:100%; z-index:55}






/* ------------ Sidebar dots navigation ----------- */

.sidebar-dots{ position:fixed; right:10px; top:40%; background:url(../images/sidebar-dots-bg.png) repeat; padding: 0 8px 13px;border-radius:20px; z-index:50}
.sidebar-dots li a{ display:block; width:14px; height:14px; background:#ffffff; margin:13px 0 0; border-radius:100%;}
.sidebar-dots li a:hover, .sidebar-dots li.active a{ background:#dcb72c;}


.logo{ float:left; margin:8px 0 0;}


/* ------------ Main Nav ----------- */

.main-nav{ background:#fff; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.06);}
.nav-menu{ float:right; margin:3px 0; border-right:1px solid #eeeeee;}
.nav-menu li{ float:left;}
.nav-menu li a{ display:block; font-size:16px; color:#3f3f3f; border-left:1px solid #eeeeee;font-family: 'Proxima_Semibold'; padding:17px 17px 15px;}
.nav-menu li a:hover, .nav-menu li.active a{ color:#1655aa;}




/* ------------ Main Banner ----------- */

.main-banner{ background:url(../images/main-bg.jpg) no-repeat center top;  background-attachment:fixed; height:796px; text-align:center; color:#fff; margin-top: 57px;}
.main-banner-text{ position:relative; padding-bottom: 70px;}
.main-banner-text h1{ margin: 0 auto;max-width: 910px;}
.main-banner .btn{ margin: 0 4px;}
.scroll-down{ background:url(../images/arrow-down.png) no-repeat; width:33px; height:85px; display:inline-block; margin:73px auto 0;}
.fixed {position: fixed; width: 100%;}
.z-index {background:#FFFFFF;position: relative;z-index: 10;}
.banner-second-image{background:url(../images/helmet.jpg) repeat center top; background-attachment:fixed; height:600px;}




/* ------------ our story ----------- */

.our-story{ margin:12px 0 0; padding:0 0 120px; background:url(../images/our-story-bg.jpg) repeat; background-attachment:fixed; position:relative;}
.our-story-blocks{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/blocks.png) no-repeat right 0}
.our-story-content{ width:50%; float:left; padding:165px 0 0;}
.our-story-content p{ font-size:24px;}
.our-story-content h1{ color:#1655aa;}
.our-story-content .hand-of-sean{ font-size:25px; color:#5f5f5f;}
.our-story-content .hand-of-sean span{ color:#2660b0}
.our-story-images{ width:50%; float:right; position:relative;}
.our-story-images ul li{position:absolute;}
.our-story-images ul li img{ box-shadow:0 0 6px #d6d4d4; -moz-box-shadow:0 0 6px #d6d4d4; -webkit-box-shadow:0 0 6px #d6d4d4;}
.our-story-images ul li.our-story-img1{ left:100px; top:115px;}
.our-story-images ul li.our-story-img2{ left:200px; top:238px;}
.our-story-images ul li.our-story-img3{ left:100px; top:560px;}




/* ------------ Testimonials ----------- */

.testimonials-bg{ background:url(../images/testimonials-parallax-bg.jpg) repeat center top; background-attachment:fixed; height:825px;}
.testimonials-inner{ position:relative; top:290px; background:url(../images/yellow-transparent.png) repeat; color:#fff; padding:30px 0;}
.testimonials-block{ background:url(../images/testimonial-blocks.png) repeat-y 0 0; position:absolute; left:5%; top:0; width:95%; height:100%;}
.testimonials-content{ width:30%; float:left;padding-top: 30px;}
.testimonials-content p{ font-size:20px; line-height:22px; margin-bottom:20px;}
.testimonials-content h1{ margin-bottom:10px;}
.testimonials{ width:63%; float:right; position:relative;}
.testimonials p{font-size:18px; line-height:22px;margin: 10px 36px 20px 0;}
.testimonials .fa-quote-right{  float: right;
    margin: -15px 70px 0 0;}
.testi-author {display: inline-block;}
.testi-author > span {font-size: 19px;line-height: 60px;padding-left: 10px;}



/* ------------ What we do ----------- */

.what-we-do{ padding:100px 0; text-align:center; background:url(../images/what-we-do-bg.jpg) repeat; background-attachment:fixed; position:relative;}
.what-we-do-blocks{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/what-we-do-blocks.png) no-repeat; background-attachment:fixed;}
.tri-sec{ float: left;padding: 40px 3% 0;width: 27%;}
.tri-sec h3{font-family: 'Proxima_Semibold';  margin: 7px 0;}
.tri-sec h3 a{ color:#2e2e2e;}
.tri-sec p{ line-height:24px;}




/* ------------ Case study ----------- */

.case-study-bg{ background:url(../images/case-studies-parallax-bg.jpg) repeat center top; background-attachment:fixed; text-align:center; padding:99px 0 73px;}
.case-study{ background:url(../images/case-study-blocks.png) no-repeat; width:600px; height:455px; margin:0 auto; padding:45px 0 55px; color:#fff;}
.case-study h1{ margin-bottom:0;line-height: 65px;}
.case-study img{box-shadow:0 0 6px #caaa17; -moz-box-shadow:0 0 6px #caaa17; -webkit-box-shadow:0 0 6px #caaa17;}
.case-study p{ font-size:18px; margin:8px 0 40px;}
.case-study .btn{ padding:16px 20px 15px;}



/* ------------ Our Clients ----------- */

.our-clients{ padding:160px 0; text-align:center;}
.our-clients .heading h1{ margin-bottom:35px;}



/* ------------ News and Events ----------- */

.news-and-events{ background:url(../images/news-parallax-bg.jpg) repeat center top; background-attachment:fixed; padding:120px 0 56px; position:relative; color:#fff; text-align:center;}
.overlay{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2;}
.news-and-events .heading p{ color:#fff; line-height:32px; margin-bottom:15px;}
.news-and-events .heading .btn{ margin:0 20px;}
.twitter-widget{ border:6px solid #caae46; margin:110px 0 50px; padding:50px 80px 30px; position:relative;}
.twitter-widget i{ display: block; font-size: 100px;left: 50%; margin-left: -60px;position: absolute;top: -60px;}
.twitter-widget p{ margin:0; font-size:26px;}
.twitter-widget p a{ color:#f1c130}
.twitter-widget p a:hover{ color:#fff}
.twitter-widget p span{ display:block; font-size:22px;}
.news-and-events .events{ text-align:left;}
.news-and-events .events h3{ display:inline-block; font-size:40px; margin:0;line-height: 0;}
.news-and-events .events .btn{ float:right;}


/* ------------ News and Events ----------- */

.contact-us{ padding:68px 0 108px;}
.contact-info{ text-align:center; max-width:594px; width:100%; float:left;}
.contact-info-widget{ border:1px solid #cfcfcf; position:relative;padding: 30px 0 230px; margin:30px 0 0;}
.contact-info-widget p{ margin:0;}
.contact-info-widget p.number{ color: #1655AA;font-size: 36px;margin:52px 0px;font-family: 'Proxima_Bold';}
.contact-info-widget a.email{ font-size:18px; text-transform:uppercase; color:#303030;}
.contact-info-widget a.email:hover{ color:#dcb72c}
.contact-info-widget p.address{ font-size:26px; color:#303030;max-width:370px; margin:32px auto 30px;}
.want-to-work{ position:absolute; left:0; bottom:0; width:100%; padding:55px 0 50px; background:#e7e7e7; text-align:center;}
.want-to-work p{ margin:0 0 20px 0; font-size:30px; color:#000000;}
.want-to-work .btn{ padding:15px 0px 12px}


.inquiry{ max-width:480px; width:100%; float:right;}
.inquiry h2{ margin-bottom:25px;}
.inquiry p{ font-size:16px; line-height:24px; color:#303030; margin:0 0 25px 0;}


.campaign_inquiry{ width:100%;}
.campaign_inquiry h2{ margin-bottom:25px;}
.campaign_inquiry p{ font-size:16px; line-height:24px; color:#303030; margin:0 0 25px 0;}
.campaign_inquiry .form-left{width:45%; float:left}
.campaign_inquiry .form-right{width:45%; float:left; margin-left:20px;}
.campaign_inquiry textarea { height:233px;}


/* ------------ map ----------- */

#map{ height: 400px;width: 100%; background:#333333 !important}




.footer{ padding:70px 0 43px; background:#424242; color:#767676; text-align:center;}
.footer p{ margin:0}
.copyright{ font-size:14px;}
.footer-social li{ display:inline-block;margin: 0 3px;}
.footer-social li a{ color: #FFFFFF;font-size: 25px;}
.footer-social li a:hover{ color: #767676;}
.footer p a{ color: #767676;}
.footer p a:hover{ color: #ffffff;}



/* ------------ sub-page ----------- */

.subpage-banner{ background:url(../images/sub-page-banner.jpg) no-repeat center top; background-attachment:fixed; min-height:152px; margin:57px 0 0;}
.entry-title{ font-size:48px; color:#fff;font-family: 'Proxima_Bold'; text-transform:uppercase; margin: 0;padding: 55px 0 0;}
.sub-page{ padding:78px 0; background:url(../images/what-we-do-bg.jpg) repeat;}
.article{ padding:0 0 60px 0;}
.article-left{ width:100px; float:left; text-align:center;}
.article-right{ padding:0 0 0 130px;}
.article-right h4, .article-right h4 a{ color:#1655aa;font-family: 'Proxima_Bold'; text-transform:uppercase;padding-bottom: 5px;}
.article-right h4 a:hover{ color:#0c4188;}
.article-right p{ font-size:20px; margin:0 0 15px 0;}
.article-right .read-more.blue{ background:url(../images/read-more-articles.png) no-repeat;}
.article-right img.pull-right{ margin:0 0 0 60px;}



/* ------------ events ----------- */


.events{ padding:60px 0 0;}
.events-left{ float:left; width:57%;}
.events-left h3{font-family: 'Proxima_Bold'; font-size:24px; padding:0 0 15px 0;}
.events-left h3 span{ display:block;font-family: 'Proxima_Regular'; font-size:14px; padding:0 0 7px 0;}
.events-left p{ margin:0 0 20px 0;}

.events-right{ width:33%; float:right; padding:50px 0 0;}
.image-bg{ background:url(../images/image-bg.png) no-repeat center top; width:449px; min-height:407px; text-align:center; padding:46px 0 0;}
.image-bg img{ box-shadow:0px 0px 3px rgba(0, 0, 0, 0.43); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.43); -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.43);}
.image-bg img.small{ float: left;position: relative;top: -30px;}
.popup-form{ display:none;padding: 25px 5% 20px; }
.popup-form h3{ color:#1655aa; text-transform:uppercase; text-align:center;font-family: 'Proxima_Bold'; padding:0 0 36px 0;}

.popup-form iframe{ width:100% !important; height: 1500px !important;}





.popup-close {
    border: 1px solid #7F7F7F;
    border-radius: 4px;
    color: #818181;
    display: block;
    font-size: 18px;
    height: 28px;
    line-height: 29px;
    position: absolute;
    right: 0;
    top: 90px;
    width: 77px;
    z-index: 55;
}
.popup-close i {
    margin: 0 5px 0 0;
}
.popup-close:hover {
    border: 1px solid #000000;
}
.popup-silder {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide-content {
    padding: 60px 0 0;
}
.slide-content h2 {
    color: #2E2E2E;
    font-family: 'Proxima_Semibold';
    font-size: 50px;
}
.develope-tri-sec {
    display: inline-block;
    padding: 0 2% 0 0;
    width: 45%;
}

.develope-tri-sec a{ display:block;}

.develope-tri-secs .develope-tri-sec:nth-child(2n+2) {
    padding: 0 0 0 2%;
}
.develope-tri-sec p {
    color: #000000;
    font-size: 17px;
    line-height: 24px;
	margin-bottom: 15px;
}
.develope-tri-sec p:empty{ display:none;}
.develope-tri-sec h4 {
    font-family: 'Proxima_Semibold';
    margin: 8px 0;
}
.popup-silder .rslides_nav {
    background: url("../images/arrows-3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 60px;
    left: 2%;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 555;
}
.popup-silder .rslides_nav.next {
    background-position: right 0;
    left: auto;
    right: 2%;
}
.popup-silder .rslides img {
    display: inline-block;
    float: none;
}


.force{ opacity:1 !important; z-index:5 !important;}
.force-hide{ opacity:0 !important; z-index:1 !important;}








.breadcrumbs{ margin-bottom: 50px;}
.breadcrumbs li{ display:inline-block; color:#a7a7a7}
.breadcrumbs li a{background: url("../images/breadcrumbs.png") no-repeat scroll right 7px;margin: 0 10px 0 0;padding: 0 20px 0 0; color:#282727;}
.breadcrumbs li a:hover{ color:#1655AA;}

.ifame-bg{background: url("../images/slide-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); text-align:center;min-height: 460px;}
.ifame-bg .develope-tri-sec{display: block;margin: 0 auto;padding: 40px 0 0;width: 80%;}







.news-page{}
.news-page .events{ padding:0}
.news-page .twitter-widget { margin: 80px 0 50px;}
.news-page .twitter-widget a:hover{ color:#282727;}
.news-page .twitter-widget .owl-controls .owl-page{ background:#282727;}

.subscribe-for-news{  margin: 0 auto;max-width: 600px;position: relative;}
.subscribe-for-news .btn{ position:absolute; right:0; top:0; border-radius:0}
.subscribe-for-news input[type="text"], input[type="email"], input[type="number"] {padding: 16px 2% 14px;width: 95.9%;}
.subscribe-for-news input[type="submit"].btn {-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;width: auto;font-size: 17px; margin: 0 -1px -1px;padding: 18px 10px 13px;}









.sub-page ul li{ list-style:disc inside;}












/* map */
.marker {
    -webkit-transition: margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
    -moz-transition: margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
    -o-transition: margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
    transition: margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
    background-image: url("../images/marker.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 42px 57px;
    height: 57px;
    opacity: 0.7;
    width: 42px;
}

.marker:hover {
    margin-top: -10px;
    padding-bottom: 10px;
    opacity: .99;
}

.infobox {
    display: inline-block;
    zoom: 1;
    background-color: #fff;
    padding: 10px;
    position: relative;
    width: 270px;
	font-size:14px;
}
.infobox:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: visible;
}

.infobox:before {
    bottom: -16px;
    border: 8px solid transparent;
    border-top-color: #fff;
    content: '';
    height: 0px;
    margin-left: -8px;
    left: 50%;
    position: absolute;
    width: 0px;
    z-index: 100;
}

.infobox .image {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.infobox .title {
    font-size:20px; text-align:center;
}

#map {
    height: 485px;
    width: 100%;
}

#map img {
    max-width: inherit;
}

.map {
    position: relative;
}

.campaigns{
	min-height:226px;
}