@charset "utf-8";
/* CSS Document */
body{ width:100%; padding:0; margin:0; background:#fff; font-family: 'Raleway', sans-serif; }
a{ outline:none; }
a:focus, a:hover{ outline:none; text-decoration:none; }
ul{ padding:0; margin:0; list-style:none; }


/* ====== Fontface Start ====== */

/* ====== Fontface Ends ====== */

/* ====== Header Starts ======*/
.new_header{ margin:0; padding:0; }
.new_header .navbar-default{ background:none; border:none; margin:0; padding:28px 0 0; }
.new_header .navbar-default .logo-block{ float:left; width:232px; margin:0; padding:0; }
.new_header .navbar-default .logo-block img{ width:100%; height:auto; }
.new_header .navbar-default .rt-block{ float:right; margin:0; padding:0; }
.new_header .navbar-default .rt-block .lt-side{ float:left; margin:0; padding:7px 0 0; }
.new_header .navbar-default .rt-block .rt-side{ float:right; margin:0; padding:0; }
.new_header .navbar-default .rt-block .rt-side a{ display:inline-block; font-size:15px; color:#000; line-height:17px; font-weight:400; background:#fff; border-radius:30px; transition:all 400ms ease-in-out; margin:0; padding:10px 12px; }
.new_header .navbar-default .rt-block .rt-side a:hover{ background:#d22f51; color:#fff; }


/* ====== Banner Starts ======*/
.new_home_slider{ margin:0; padding:0; position:relative; }
.new_home_slider img.big{ width:100%; height:auto; }
.new_home_slider .desc{ position:absolute; width:100%; left:0; bottom:20%; }
.new_home_slider .desc .text-block{ width:550px; margin:0; padding:0; }
.new_home_slider .desc .text-block h3{ font-size:30px; color:#fff; line-height:32px; font-weight:300; margin:0; padding:0; }
.new_home_slider .desc .text-block h1{ font-size:64px; color:#fff; line-height:66px; font-weight:700; margin:0; padding:18px 0 8px; }
.new_home_slider .desc .text-block h4{ font-size:20px; color:#fff; line-height:22px; font-weight:500; margin:0; padding:0 0 52px; }
.new_home_slider .desc .text-block a{ display:inline-block; font-size:16px; color:#000; line-height:18px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:url(images/marketplace-icon01.png) no-repeat 20px center, #fff; border-radius:30px; transition:all 400ms ease-in-out; margin:0; padding:20px 30px 18px 65px; -webkit-box-shadow:0px 9px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 9px 30px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 9px 30px 0px rgba(0, 0, 0, 0.3); }
.new_home_slider .desc .text-block a:hover{ background-color:#dddada; }


/* ====== How-works Starts ======*/
.how_work{ margin:0; padding:60px 0 72px; }
.how_work h2{ font-family: 'Oswald', sans-serif; font-size:50px; color:#000; line-height:52px; font-weight:500; text-transform:uppercase; text-align:center; margin:0; padding:0 0 45px; }
.how_work .bottom-box{ margin:0; padding:0; }
.how_work .bottom-box .col-md-15{ float:left; width:20%; padding:0 10px; }
.how_work .bottom-box .block{ background:#fff; border-radius:10px; text-align:center; overflow:hidden; margin:0; padding:22px 25px 30px; position:relative; -webkit-box-shadow:0px 7px 30px 0px rgba(0, 0, 0, .07); -moz-box-shadow:0px 7px 30px 0px rgba(0, 0, 0, .07); box-shadow:0px 7px 30px 0px rgba(0, 0, 0, .07); }
.how_work .bottom-box .block .icon{ position:relative; z-index:999; margin:0; padding:0; }
.how_work .bottom-box .block h4{ font-size:20px; color:#000; line-height:22px; font-weight:700; margin:0; padding:18px 0 0; position:relative; z-index:999; }
.how_work .bottom-box .block h4 strong{ display:block; }
.how_work .bottom-box .block h3{ position:absolute; left:-5px; bottom:-25px; font-size:256px; color:#f5f5f5; line-height:200px; font-weight:700; margin:0; padding:0; }
.how_work .bottom-box .section{ margin:0; padding:26px 15px; }
.how_work .bottom-box .section h5{ font-size:23px; color:#181719; line-height:30px; font-weight:400; margin:0; padding:0; }
.how_work .bottom-box .section h5 strong.pink{ color:#c83a79; }
.how_work .bottom-box .section h5 strong.blue{ color:#3f6396; }


/* ====== Our-service Starts ======*/
.our_service{ background:url(images/our-service-background.jpg) no-repeat left top; background-size:cover; margin:0; padding:60px 0 55px; }
.our_service h2{ font-family: 'Oswald', sans-serif; font-size:50px; color:#fff; line-height:52px; font-weight:500; text-transform:uppercase; text-align:center; margin:0; padding:0 0 40px; }
.our_service .box-block{ margin:0; padding:0; }
.our_service .box-block .box{ text-align:center; margin:0; padding:0; }
.our_service .box-block .box h3{ font-size:26px; color:#fff; line-height:28px; font-weight:600; margin:0; padding:16px 0 0; }
.our_service .lower_btn{ text-align:center; margin:0; padding:42px 0 0; }
.our_service .lower_btn a{ display:inline-block; font-size:18px; color:#000; line-height:20px; font-weight:500; background:#fff; border-radius:30px; transition:all 400ms ease-in-out; margin:0; padding:12px 25px; }
.our_service .lower_btn a:hover{ background:#000; color:#fff; }

/* ====== Business Love Us Starts ======*/
.business{ padding:60px 0 30px; text-align: center; }
.business h2{ font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight:500; font-size:50px; line-height: 52px; color: #000; padding:0; margin: 0 0 20px; }
.business .item{ padding:30px 0; margin: 0 45px; }
.business .active.center .item{margin: 0;}
.business .active.center .box{background: url(images/business-quote-bg.png) no-repeat center 30px, #fff; -webkit-box-shadow: 0px 7px 30px 0px rgba(2, 2, 2, 0.1);
-moz-box-shadow:    0px 7px 30px 0px rgba(2, 2, 2, 0.1);
box-shadow:         0px 7px 30px 0px rgba(2, 2, 2, 0.1);}
.business .box{  padding: 70px 30px 30px; border-radius: 8px;}
.business .box p{ background: url(images/border-bg.png) no-repeat bottom center; font-size: 18px; line-height: 28px; font-style: italic; letter-spacing: 0.02em; padding:0 0 20px; margin: 0 0 25px; }
.business .box h6{ font-size: 20px; color: #151517; line-height: 22px; font-weight: 600;  padding: 0; margin: 15px 0 0 0; }
.business .box h6 span{ font-size: 15px; font-weight: 400; }

/* ====== Case-studies Starts ======*/
.case_studies{ margin:0; padding:0; }
.case_studies .left_side{ float:left; width:50%; background:url(images/case-studies-background.jpg) no-repeat left top; background-size:cover; margin:0; padding:0; }
.case_studies .right_side{ float:right; width:50%; background:url(images/portfolio-background.jpg) no-repeat left top; background-size:cover; margin:0; padding:0; }
.case_studies .text-box{ width:450px; text-align:center; margin:0 auto; padding:95px 0 92px; }
.case_studies .text-box h2{ font-family: 'Oswald', sans-serif; font-size:60px; color:#fff; line-height:62px; font-weight:500; text-transform:uppercase; letter-spacing:.02em; margin:0; padding:0; }
.case_studies .text-box p{ font-size:20px; color:#fff; line-height:28px; font-weight:500; letter-spacing:.02em; margin:0; padding:18px 0 60px; }
.case_studies .text-box a{ display:inline-block; font-size:18px; color:#fff; line-height:20px; font-weight:500; letter-spacing:.02em; background:url(images/right-arrow01.png) no-repeat 92% center, #d12f52; border-radius:30px; transition:all 500ms ease-in-out; margin:0; padding:18px 66px 16px 24px; -webkit-box-shadow:0px 8px 30px 0px rgba(138, 15, 42, 0.27); -moz-box-shadow:0px 8px 30px 0px rgba(138, 15, 42, 0.27); box-shadow:0px 8px 30px 0px rgba(138, 15, 42, 0.27); }
.case_studies .text-box a span{ padding-right:10px; }
.case_studies .text-box a:hover{ background-position:95% center; }


/* ====== Our-partner Starts ======*/
.our_partner{ background:url(images/our-partner-background.jpg) no-repeat center top; background-size:cover; margin:0; padding:65px 0 0; }
.our_partner .upper_text{ text-align:center; margin:0; padding:0 0 55px; }
.our_partner .upper_text h2{ font-family: 'Oswald', sans-serif; font-size:50px; color:#fff; line-height:52px; font-weight:500; text-transform:uppercase; margin:0; padding:0; }
.our_partner .upper_text p{ font-size:18px; color:#fff; line-height:28px; font-weight:400; margin:0; padding:30px 5% 32px; }
.our_partner .upper_text a{ display:inline-block; font-size:20px; color:#1d1d22; line-height:22px; font-weight:500; letter-spacing:.02em; background:url(images/right-arrow02.png) no-repeat 88% center, #fff; border-radius:30px; transition:all 500ms ease-in-out; margin:0; padding:13px 74px 12px 28px; }
.our_partner .upper_text a:hover{ background-position:92% center; }
.our_partner .lower_video{ margin:0 0 -160px; padding:0; }
.our_partner .video{ width:785px; background:#fff; border-radius:15px; margin:0 auto; padding:26px; position:relative; -webkit-box-shadow:0px 7px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 7px 30px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 7px 30px 0px rgba(0, 0, 0, 0.1); }
.our_partner .lower_video .video img.big{ width:100%; height:auto; }
.our_partner .lower_video .video .video_icon{ position:absolute; width:107px; height:107px; left:0; right:0; top:0; bottom:0; cursor:pointer; margin:auto; }


/* ====== Marketing-agency Starts ======*/
.marketing_agency{ background:#f6f6f6; margin:0; padding:228px 0 0; }
.marketing_agency .col-md-6{ border-right:1px solid rgba(0,0,0,.1); }
.marketing_agency .col-md-6:last-child{ border:none; }
.marketing_agency .thumb{ margin:0; padding:0 0 50px; }
.marketing_agency .thumb h3{ font-family: 'Oswald', sans-serif; font-size:50px; color:#000; line-height:52px; font-weight:500; margin:0; padding:0 0 40px; }
.marketing_agency .thumb p{ font-size:17px; color:#45474c; line-height:28px; font-weight:500; margin:0; padding:0 0 30px; }
.marketing_agency .thumb p:last-child{ padding:0; }


/* ====== Footer Starts ======*/
#footer_new{ background: url(images/footer-bg-new.jpg) no-repeat center; background-size: cover; padding: 0; margin: 0;}
#footer_new .sign-up-section{ text-align: center; padding: 70px 0 50px; margin: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
#footer_new .sign-up-section h2{font-family: 'Oswald', sans-serif; font-size: 54px; line-height: 56px; color: #fff; font-weight: 500; padding: 0; margin: 0 0 20px;}
#footer_new .sign-up-section p{ font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; padding: 0; margin: 0 0 40px; }
#footer_new .sign-up-section p strong{ font-weight:400; display: block; }
#footer_new .sign-up-section .input-group{width: 50%; margin: 0 auto;}
#footer_new .sign-up-section .input-group fieldset{ width: 68%; }
#footer_new .sign-up-section .form-control{font-size: 14px;line-height: 16px;background: none;border-radius: 30px;height: 50px;border: 1px solid rgba(255,255,255,.2);padding: 10px 25px; margin-bottom:10px; color: #fff;}
#footer_new .sign-up-section .simplenewsleter-field-submit{ position: absolute; top: 0; right: 0; display: inline-block; font-size: 20px; color: #fff; line-height: 22px; font-weight: 500; letter-spacing: .02em; background: url(images/right-arrow01.png) no-repeat 80% center, #d12f52; border-radius: 30px; transition: all 500ms ease-in-out; margin: 0; padding: 14px 76px 13px 35px; -webkit-box-shadow: 0px 8px 30px 0px rgba(138, 15, 42, 0.27); -moz-box-shadow: 0px 8px 30px 0px rgba(138, 15, 42, 0.27); box-shadow: 0px 8px 30px 0px rgba(138, 15, 42, 0.27); border:none;}
#footer_new .sign-up-section .simplenewsleter-field-submit:hover{ background-position: 90% center}
#footer_new .sign-up-section .error{ color:#fff; }
#footer_new .sign-up-section .simplenewsletter-success{ color:#fff; position: absolute; left: 0; right: 0; margin: 0 auto; }

#footer_new .link-section{ padding: 50px 0 25px; border-bottom: 1px solid rgba(255,255,255,.1);}
#footer_new .link-section h4{font-family: 'Oswald', sans-serif; font-size: 20px; color: #fff; line-height: 22px; letter-spacing: .05em; text-transform: uppercase; font-weight: 500; padding: 0; margin: 0 0 45px; }
#footer_new .link-section ul li{margin-bottom: 20px;}
#footer_new .link-section ul li a{ font-size: 15px; line-height: 17px; color: #e8eef6; font-weight: 500; transition: ease-in-out all 500ms;}
#footer_new .link-section ul li a:hover{color: #fff;}
#footer_new .link-section .block{ margin: 0 0 30px; }
#footer_new .link-section .block .icon-block{ float: left; width:25px; float: left; margin-right: 16px; }
#footer_new .link-section .block .icon-block .fa{ font-size: 26px; line-height: 18px; color: #dee4ed;}
#footer_new .link-section .block .text-block{ float: left; width:80%; }
#footer_new .link-section .block .text-block h5{ font-size: 14px; color: #a1a6ad; line-height: 16px; font-weight: 700; text-transform: uppercase; padding: 0; margin: 0 0 15px; letter-spacing: .09em;  }
#footer_new .link-section .block .text-block p{ font-size: 15px; color: #e8eef6; line-height: 26px; font-weight: 300; }
#footer_new .link-section .block .text-block p a{color: #e8eef6; transition: ease-in-out all 500ms;}
#footer_new .link-section .block .text-block p a:hover{ color: #fff; }
#footer_new .link-section .block .text-block p a.phone{ font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 30px; line-height: 32px; }

#footer_new .link-section .social li{ margin-bottom: 10px; }
#footer_new .social .fa{ font-size:16px; width:32px; height: 32px; margin-right: 15px; border:1px solid rgba(255,255,255,.2); text-align: center; vertical-align: middle; display: inline-block; padding-top: 6px; border-radius: 50%; }
#footer_new .social span{ display: inline-block; vertical-align: middle; }

#footer_new .copyright-section{ padding:12px 0; margin: 0; }
#footer_new .copyright-section p{ font-size:14px; color:#fff; line-height: 16px; padding:0; margin: 0;}
#footer_new .copyright-section p.policy{ float: right; }
#footer_new .copyright-section p.copy{ float: left; }
#footer_new .copyright-section p a{ color: #fff; transition: ease-in-out 500ms; }
#footer_new .copyright-section p a:hover{color: #e8eef6;}

.home .quoted-block{ background:#fff; }
.home .quoted-block h2{ font-family: 'Oswald', sans-serif; font-size:50px; line-height: 52px; }







/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1399px){
.new_home_slider .desc{ bottom: 15%; }
}

@media screen and (max-width: 1299px){
.new_home_slider .desc .text-block h1{ font-size: 54px; line-height: 56px; }
.new_home_slider .desc .text-block h4{ padding: 0 0 40px; }
.how_work .bottom-box .section h5{ font-size: 20px; line-height:26px; }
}

@media screen and (max-width: 1199px){
.new_home_slider .desc .text-block h1{ font-size: 44px; line-height: 46px; }
.our_service .box-block .box h3{font-size:20px; line-height: 22px;}
.business .item{ margin: 0 15px; }

#footer_new .sign-up-section .input-group{ width:60%; }
}

@media screen and (max-width: 991px){
.how_work{ padding: 40px 0 30px; }
.home .quoted-block h2, .how_work h2, .our_service h2, .business h2, .case_studies .text-box h2, .our_partner .upper_text h2, #footer_new .sign-up-section h2{ font-size: 40px; line-height: 42px; }
.how_work .bottom-box .col-md-15{ width:25%; }
.how_work .bottom-box .col-md-15:nth-child(5){width: 100%;}
.how_work .bottom-box .section{text-align: center; padding: 26px 15px 0;}

.our_service{ padding:40px 0; }
.our_service .box-block .box{ margin: 0 0 30px; }
.our_service .lower_btn{ padding:10px 0 0; }

.business{padding: 40px 0 30px;}
.business .box{ padding: 0 25px;}
.business .item{ padding:10px 0 0 0; }
.business .active.center .box{ box-shadow: none; background-size:200px; background-position: top center; }


.case_studies .text-box{ padding: 65px 15px 62px; width: 400px;}
.case_studies .text-box p{padding: 18px 0 30px; }

.our_partner{ padding:40px 0 0 0; }
.our_partner .video{width:100%;}
.marketing_agency .thumb h3{ font-size:36px; line-height: 40px; }

#footer_new .sign-up-section{ padding:40px 0;}
#footer_new .sign-up-section p strong{ display:inline; }
#footer_new .sign-up-section .input-group{ width:80%; }
}

@media screen and (max-width:767px){
.new_home_slider .desc .text-block{ width:480px; }
.new_home_slider .desc .text-block h1{ font-size:34px; line-height: 36px; padding: 10px 0 8px; }
.new_home_slider .desc .text-block h4{padding: 0 0 20px;}
.new_home_slider img.big{ width:110%; }
.new_home_slider{overflow:hidden;}


.how_work .bottom-box .block{padding: 22px 15px 30px;}
.how_work .bottom-box .block h4{ font-size: 18px; line-height: 20px; }
.how_work h2, .our_service h2{ padding: 0 0 25px; }

.case_studies .left_side, .case_studies .right_side{ width:100%; float: none; }
.marketing_agency .thumb h3{ padding: 0 0 25px; }
.marketing_agency .thumb, .marketing_agency .thumb p{ padding: 0 0 20px; }
.marketing_agency{ padding: 200px 0 0; }
.our_partner .upper_text p{ padding: 25px 15px; }

#footer_new .social span{ display: none; }
#footer_new .col-sm-3.col-xs-12{text-align: center;}
#footer_new .link-section .social li{display: inline-block;}
#footer_new .link-section h4{margin:0 0 25px;}
}


@media screen and (max-width:700px){
#footer_new .sign-up-section .input-group{width:90%;}
}

@media screen and (max-width:600px){
.new_home_slider img.big{ display: none; }
.new_home_slider{ text-align: center; background: url(images/home-banner-main-bg.jpg) no-repeat center; background-size: cover; padding: 30px 0 50px; }
.new_home_slider .desc{position: inherit; bottom: inherit;}
.new_home_slider .desc .text-block{ width: 100%; }

.how_work{padding: 30px 0 30px;}
.how_work .bottom-box .col-md-15{width: 50%; margin: 0 0 30px;}
.how_work .bottom-box .col-md-15:nth-last-child(-n+4){ margin: 0; }

.our_servicen, .business, .our_partner{ padding: 30px 0; }
.case_studies .text-box{padding: 30px 15px;}

#footer_new .sign-up-section{padding: 30px 0;}
#footer_new .sign-up-section .input-group{width:100%;}

}

@media screen and (max-width:550px){
#footer_new .sign-up-section .form-control{width:100%; padding-right: 175px;}
#footer_new .sign-up-section .input-group fieldset{ width:100%; }
#footer_new .sign-up-section .simplenewsleter-field-submit{z-index:999; padding: 14px 60px 13px 23px;}
}

@media screen and (max-width:500px){
.home .quoted-block h2, .how_work h2, .our_service h2, .business h2, .case_studies .text-box h2, .our_partner .upper_text h2, #footer_new .sign-up-section h2{ font-size:30px; line-height: 32px; }
.our_service .box-block .col-xs-4{ width:50%;}

.our_partner .upper_text{ padding:0 0 40px; }
.our_partner .lower_video .video .video_icon{ width:77px; height: 77px; }
.our_partner .lower_video .video .video_icon img{max-width: 100%; height: auto;}
.our_partner .video{ padding: 15px; }
.our_partner .upper_text p{ padding: 25px 0;}

.marketing_agency .thumb h3{ font-size:26px; line-height: 28px; }
.marketing_agency{ padding: 160px 0 0; }
.marketing_agency .thumb p, .our_partner .upper_text p, .business .box p, .case_studies .text-box p, #footer_new .sign-up-section p{ font-size: 16px; line-height: 26px; }


#footer_new .link-section .col-sm-4.col-xs-6{width: 100%; margin-bottom:30px;}
#footer_new .link-section .col-sm-5.col-xs-6{ width: 100%; }
#footer_new .col-sm-3.col-xs-12{ text-align:left; }

}

@media screen and (max-width:400px){
.new_home_slider .desc .text-block h3{ font-size: 24px; line-height: 26px; }
.new_home_slider .desc .text-block h4{ font-size:16px; line-height: 20px; }
.new_home_slider .desc .text-block a{ background: #fff; font-size: 14px; line-height: 16px; padding: 15px 30px; }

.how_work .bottom-box .block h4{ font-size:16px; line-height:18px; }

.case_studies .text-box{width:100%;}
.case_studies .text-box a span{ display: none; }
.case_studies .text-box a{ font-size: 16px; line-height: 18px; padding: 15px 66px 13px 24px; }

.our_service .lower_btn a{ font-size:16px; line-height:18px; }
.our_partner .upper_text a{ font-size:16px; line-height: 18px; padding: 13px 60px 12px 28px; }

.our_service .box-block .box h3{font-size: 18px; line-height: 20px;}

.our_partner .lower_video .video .video_icon{ width:50px; height:50px; }

#footer_new .sign-up-section .simplenewsleter-field-submit{ font-size: 16px; line-height: 18px; }
#footer_new .sign-up-section .form-control{padding-right:130px;}
#footer_new .sign-up-section .form-control{height:46px;}
#footer_new .copyright-section{ text-align: center; }
#footer_new .copyright-section p.policy{ float:none; margin: 0 0 10px; }
#footer_new .copyright-section p.copy{ float: none; }
.home .quoted-block .bottom-block .img-block{width:auto;}
.home .quoted-block .bottom-block{padding:25px 0 0px 0;}

}

@media screen and (max-width:350px){
.new_home_slider .desc .text-block h1{font-size: 30px; line-height: 32px;}
}