body { margin:0; padding:0; }
* { margin:0; padding:0; outline: none; }
a { color:#42a7b4; text-decoration: none; }
a:hover, a:focus { color:#42a7b4; text-decoration: none; }
a.active { color:#42a7b4;}
.clear { clear: both;}
h1 { width:100%;  clear: both; text-align: center; position: absolute; top:0; font-family: 'sf-ui-display-thin'; font-size:50px; color:#ffffff; margin:0; padding:0; }
h2 { font-family:'sf-ui-display-ultralight'; font-size:40px; color:#151619; margin:0 0 44px 0; padding:0; }
h3 { font-family:'ProximaNova-Bold'; font-size:20px; color:#151619; text-transform: uppercase; margin:0; padding:0; }
h4 {font-family:'ProximaNova-Bold'; font-size:13px; color:#41a7b4; text-transform: uppercase; margin:0 0 10px 0; padding:0; }

.main-outer-container { overflow: hidden;}
/*.header { width:100%; margin:0; position: absolute; z-index: 999; }*/
.header { position: fixed; top: 0;  left: 0; width: 100%; padding: 0; z-index: 10000; transition: all 0.2s ease-in-out; height: auto; background-color:transparent; line-height: 40px;}
.header.active { background: #fff;  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}
.header .logo { margin:0; padding:0; font-family:'Open Sans', sans-serif; color:#ffffff; font-size:26px; text-align: left; font-weight: bold; text-transform: uppercase;  }
.header .navbar {margin-bottom:8px; margin-top:8px;}
.header .navbar-default { background-color: inherit; border: none; }
.header .navbar-default .navbar-nav > li > a { font-family: 'ProximaNova-Bold';  font-size:13px; color:#ffffff; text-transform: uppercase; }
.header .navbar-default .navbar-nav > li > a.contact-btn, .header.active .navbar-default .navbar-nav > li > a.contact-btn { background-color:#42a7b4; -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius:6px; padding:5px 20px; color:#ffffff; margin-top:12px;   }
.header .navbar-default .navbar-nav > li > a.contact-btn:hover{  color:#ffffff; }
.header .navbar-default .navbar-nav > li > a:hover { color:#42a7b4; }
.header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:focus, .header .navbar-default .navbar-nav > .active > a:hover,
.header.active .navbar-default .navbar-nav > .active > a { background-color: inherit; color:#42a7b4;}
.header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:focus, .header .navbar-default .navbar-nav > .open > a:hover { background-color: inherit; color:#42a7b4; }
.header .navbar-right .dropdown-menu { left: auto; right: auto; }
.header .dropdown-menu { padding:0; border-radius:0; background-color:rgba(100,119,121,0.9); margin-top:7px!important; }
.header .dropdown-menu > li > a { padding:10px; font-family: 'ProximaNova-Reg';  font-size:13px; color:#ffffff; border-bottom: solid 1px #000; }
.header .dropdown-menu > li:last-child > a {border-bottom:0;}
.header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color:#d2d2d2; color:#000;  }
.header.active .navbar-default .navbar-nav > li > a {color: #3a464d; }
li.current-menu-item a.contact-btn { color: #fff!important;}
.top-banner { width:100%; min-height:673px; margin:0; padding:0; position: relative; top:0; z-index: 888; background: url(../images/slider_01.jpg) no-repeat center top / cover;  }
.top-banner .text { width: 100%; clear: both; text-align: center; position: absolute; top:40%;  }
/*.top-banner .text h1 {  font-family:'sf-ui-display-thin'; font-size:45px; color:#fff;  }*/

/*----buttons---*/
.btn-primary {background-color: #41a7b4; border-radius: 50px; padding:8px 40px; border: solid 2px #ffffff; font-family: 'ProximaNova-Bold'; font-size:12px; color:#fff; text-transform: uppercase; text-decoration: none;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: #fff!important; color:#41a7b4!important; border: solid 2px #41a7b4!important;box-shadow: none;}

.outline-btn {border-radius: 50px; padding:8px 40px; border: solid 2px #41a7b4; font-family: 'ProximaNova-Bold'; font-size:12px; color:#151619; text-transform: uppercase; text-decoration: none;background-color:#fff;}
.outline-btn:hover, .outline-btn:focus, .outline-btn:active {background-color: #41a7b4; color: #fff!important; box-shadow: none;}

.contact-us-btn { float: right; background-color:#f4f9f9;  border-radius: 50px; padding:8px 40px; margin-top:15px; font-family: 'ProximaNova-Bold'; font-size:20px; color:#151619; text-transform: uppercase; text-decoration: none; border: solid 2px #fff;}
.contact-us-btn:hover, .contact-us-btn:focus, .contact-us-btn:active {background-color: transparent; color: #fff!important; border: solid 2px #fff; box-shadow: none!important;}

.send-btn { background-color:#42a7b4;  border-radius: 50px; padding:8px 40px; margin-top:15px; font-family: 'ProximaNova-Bold'; font-size:20px; color:#fff; text-transform: uppercase; text-decoration: none; text-align: center; }
.send-btn:hover, .send-btn:focus, .send-btn:active {background-color: #41a7b4; color: #fff!important; box-shadow: none!important;}


/*----buttons---*/

.partnet-recognition { background-color:#151619; text-align: center; padding:15px 0; }
.partnet-recognition ul { list-style: none; }
.partnet-recognition ul li { display: inline-block; margin:0 30px; text-align: center; }

.our-service { margin:38px 0 75px 0; padding:0; text-align: center; }
.our-service .our-service-box { margin-top:0; padding:0; text-align: center; }
.our-service .our-service-box img { width:100%; margin-bottom:30px; }
.our-service .our-service-box p {  font-family:'sf-ui-display-thin'; font-size:16px; color:#151619; margin:20px 0 25px 0;  }


.our-benefit { background-color:#f4f9f9; padding:38px 0; margin:0; text-align: center; }
.our-benefit-box { margin:0 0 44px 0; text-align: left; }
.our-benefit-box .our-benefit-box-img { float: left; margin-top:-14px; margin-right:15px; border: solid 1px #fff; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.our-benefit-box p { float: left; font-family:'sf-ui-display-thin'; font-size:16px; color:#151619; text-align: left; margin-top:10px; margin-bottom:30px; padding-right:40px;  }
.our-vertical { margin:60px 0; padding:0; text-align: center;  }
.our-vertical .our-vertical-box { float: left; margin:0; padding:60px 0; text-align: center; border-bottom: solid 1px #dae3e3; }
.our-vertical .our-vertical-box:first-child { padding-top:0;}
.our-vertical .our-vertical-box:last-child { padding-bottom:0; border-bottom: none; }
.our-vertical .our-vertical-box .financial { margin-top:0; clear: both; }
.our-vertical .our-vertical-box .financial img { width:100%; height:auto; }


.our-vertical .our-vertical-box .text-box { margin-top:70px; text-align: center; }
.our-vertical .our-vertical-box .text-box h2 { font-family:'ProximaNova-Bold'; font-size:28px; color:#000000; text-transform: uppercase; margin:0; padding:0; }
.our-vertical .our-vertical-box .text-box p { font-family:'sf-ui-display-thin'; font-size:18px; color:#151619; line-height:30px;  margin:22px 0;  }
.our-vertical .our-vertical-box .text-box a { -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; padding:8px 40px; border: solid 2px #41a7b4; font-family: 'ProximaNova-Bold'; font-size:12px; color:#151619; text-transform: uppercase; text-decoration: none; }


/* About Us */
.about-us-box { width:100%; min-height:550px; margin:0; padding:0; position: relative; top:0; z-index: 888; background: url(../images/about_us_img.png) no-repeat center center / cover;  }
.our-founder-box, .campaign-management, .our-team, .vertical-optimization, .client { width:100%; min-height:286px; margin:0; padding:0; position: relative; top:0; z-index: 888; background: url(../images/our-founder.png) no-repeat center center / cover;  }
.our-team { background: url(../images/our-team.png) no-repeat center center / cover;  }
.campaign-management { background: url(../images/campaign-management.png) no-repeat center center / cover;  }
.vertical-optimization { background: url(../images/vertical-optimization.png) no-repeat center center / cover;  }
.client { background: url(../images/client-img.png) no-repeat center center / cover;  }

.about-section { margin:110px 0; padding:0; text-align: center;  }

.about-us-box p { font-family:'sf-ui-display-thin'; font-size:22px!important; color:#fff; margin-top:90px; }
.text-box-left { text-align:left!important;  margin:0; padding:0; }
.text-box-left h2 { font-family:'sf-ui-display-ultralight'!important; font-size:40px!important; color:#151619!important; margin:0; padding:0; text-transform: none!important;letter-spacing:0.03em; }
.how-we, .network-reach, .creative-development  { width:100%; min-height:611px;  margin:0; padding:100px 0; background: url(../images/backround-img.jpg) center top / cover;  }
.network-reach {  background: url(../images/network-reach.jpg) center top / cover;  }
.creative-development { background: url(../images/creative-bg.png) center top / cover;  }

.how-we-text {margin-top:55px!important;}
.how-we-text h2 { font-family:'sf-ui-display-ultralight'!important; font-size:40px!important; color:#fff!important; margin:0; padding:0; text-transform: none!important; }
.how-we-text p { font-family:'sf-ui-display-thin'; font-size:18px!important; color:#fff; margin-top:22px; letter-spacing:0.03em;}
.Partner { background-color:#42a7b4; padding:44px 0 60px 0; margin:0 0 0 0;  }
.Partner h2 { font-family:'ProximaNova-Bold';  font-size:13px; color:#151619; margin:0 0 15px 0; padding:0; text-transform: uppercase; }
.Partner h3 { font-family:'sf-ui-display-ultralight'; font-size:40px; color:#ffffff; margin:0; padding:0; text-transform: none; }
.network-reach img, .creative-development img {height:auto;}
/* .how-we img, .network-reach img, .creative-development img { width:100%;  height:auto;}

/* Our Founder */
.ourfounder-box { margin:0; }
.ourfounder-text { margin-top:0!important; margin-left:15px;  }
.ourfounder-text h4 { font-family:'ProximaNova-Bold'; font-size:20px; margin-top:15px;  }
.ourfounder-text p { font-family:'sf-ui-display-thin'; font-size:18px!important; margin-top:15px; color:#151619;   }
.ourfounder-text .linked { margin:0; }
.ourfounder-text .linked .fa-linkedin { background-color:#5b6b6d; width:42px!important; height:42px!important; border:none!important; border-radius:50px;  text-align: center; font-size:20px; color:#fff!important; padding-top:8px; margin:20px 0 13px 0;    }

/* Contact Us */
.contact-box { width:100%; min-height:187px; margin:0; padding:0; background: url(../images/contact-us-bg.png) no-repeat center center / cover;  }
.contact-box h1 { font-family:'sf-ui-display-thin'; font-size:35px; padding:0 0 15px 0;  margin-top:120px; text-align: left!important; position: relative;  }
.contact-us-main { margin:80px 0; }
.contact-us-main h2 { margin-bottom:24px; }
.contact-us-main p { font-family:'sf-ui-display-thin'; font-size:14px; color:#151619; line-height:30px; padding:0; margin-bottom:20px; }
.contact-form { margin:0; font-family: 'sf-ui-display-light'; font-size:16px; color:#797979; text-align: center; }
.contact-form .margin-btm { margin-bottom:10px; }
.contact-form input { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border: solid 2px #c7c7c7; height:44px; margin:0; }
.contact-form input:focus { box-shadow: none; border: solid 2px #c7c7c7; }
.contact-form textarea { margin:0; font-family: 'sf-ui-display-light'; color:#797979; }

/* Our Team **/
.our-team-box { margin:62px 0; text-align: center; }
.ourteam { margin:15px 0; }
.ourteam img { width:100%; }
.ourteam h3 { font-family:'ProximaNova-Bold'; font-size:16px; color:#42a7b4; margin:10px 0; }
.ourteam h5 { font-family:'sf-ui-display-thin'; font-size:14px; color:#000000; margin-top:5px; }
.our-team-box p { font-family: 'sf-ui-display-light'; font-size:18px; color:#151619; line-height:30px; }
.ourteam .overlay { background-color:#0cb4ca; }
.ourteam .overlay a:hover img {  opacity: 0.6;}

/* Terms of Use **/
.terms-box { text-align: left; margin:40px 0; }
.terms-box h2 { font-family: 'ProximaNova-Bold';  font-size:16px; color:#151619; text-transform: uppercase; margin:0;  }
.terms-box p { font-family: 'sf-ui-display-light'; font-size:16px; color:#151619; margin:25px 0 0 0;  }
.performance-marketing { width:100%; min-height:611px;  margin:0; padding:75px 0 0 0; background: url(../images/performance-marketing.png) center top / cover; }
.marketing-img {}
.marketing-img img { width:80%; }

/* Client **/
.top-color { position: absolute; left:0; top:0; }
.testimonial  { width:100%; min-height:611px;  margin:0; padding:100px 0; background: url(../images/testimonial.png) center top / cover;  }
.testimonial .quote { margin-bottom:30px;  }
.testimonial h2  { font-family:'sf-ui-display-thin'; font-size:25px; color:#fff; text-align: center; font-style: italic; line-height:35px;   }
.testimonial h3  { font-family: 'ProximaNova-Reg'; font-size:20px; color:#fff; text-align: center;   }



.footer-wrapper { background-color:#253132; padding:33px 0 40px 0; margin:0;  }
.footer {margin:0;}
.footer h2 { font-family:'ProximaNova-Bold'; font-size:16px; color:#fff; margin:0; }
.footer-link {margin-top:30px;}
.footer-link p { font-family: 'sf-ui-display-light'; font-size:14px; color:#fff; line-height:30px; margin:0; }
.footer-link ul { list-style: none; margin:0; padding:0; }
.footer-link ul li { display:block; margin:0; padding:0; }
.footer-link ul li a { font-family: 'sf-ui-display-light'; font-size:14px; color:#42a7b4; line-height:30px; margin:0; padding:0;   }
.footer-link ul li a:hover { color:#fff; text-decoration:none; }
.copyright { width:100%; background-color:#151619; padding:15px 0; margin:0; }
.copyright p { font-family:'ProximaNova-Bold'; font-size:12px; color:#9ebcbf; margin:0; text-transform: uppercase; padding-top:10px;  }
.social-icon { margin:0;}
.social-icon ul { list-style:none; margin:0; padding:0; }
.social-icon ul li { display: inline-block; margin:0; padding:0; }
.social-icon ul li a { width:36px; height:36px; display: inline-block; font-size:20px; text-align: center; border: solid 2px #fff; border-radius: 50px; padding:2px 7px; margin:0 2px; }
.social-icon ul li a.fa-linkedin { color:#42a7b4; border-radius: 50px; }


.team-social-icons > a {background-color:#5b6b6d; width:42px; height:42px; border:0; border-radius:100%;  text-align: center; font-size:20px; color:#fff;  margin:20px 10px 15px 0; line-height:42px; display:inline-block;}
.team-social-icons > a:hover { opacity:0.9;}

.sidebar .search-field { min-width: 190px;}