/*
Theme Name: ebrandz seo services

*/
*{ padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none }

body { font-family: 'Montserrat', sans-serif; color: #333333; position:relative; overflow-x:hidden; }
ul, ol { list-style: none;}
a {text-decoration:none; outline:none;}
h1,h2,h3,h4 { font-weight: normal  }
img {max-width:100%;}
.wrapper{ width: 100%; float: left;}
.container { width: 96%;margin-left: 2%; margin-right: 2%;max-width:1170px;margin:auto;}
.header { position: absolute; left: 0; top: 0; width: 100%; z-index: 444; }
.header_left { float: left;}
.header_right { float: right; padding: 40px 0;}
.logo{padding: 10px 101px 45px 23px; position: relative;z-index: 99;}
.logo::before{position: absolute; content: ''; width: 100%; background-image: url(assets/images/logo-bg.png); height: 100%;top: 0;left: 0; z-index: -1; background-position: bottom left; background-repeat: no-repeat;}
.phoneno { color: white;font-size: 28px; font-weight: 400;}
.banner { padding: 150px 0; position: relative; background: #6462ed; background: -moz-linear-gradient(45deg, #6462ed 0%, #28c1de 100%);background: -webkit-linear-gradient(45deg, #6462ed 0%,#28c1de 100%);background: linear-gradient(45deg, #6462ed 0%,#28c1de 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6462ed', endColorstr='#28c1de',GradientType=1 );}
.logo a {
    display: inline-block;
}
.section_cross { position: relative}
.section_cross:after { content: ""; position: absolute; bottom: -100px; left: -50px; height: 200px; width: 130%; background-color: #f2f4f9; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); z-index: 10; }
.section_cross_white:after { background: #ffffff} 

.banner_wrapp { display: -webkit-flex;  -webkit-align-items: center; display: flex;align-items: center;}
.banner_wrapp > div { -webkit-flex: 1; flex: 1; width: 50%}
.banner_wrapp .banner_left { color: #ffffff; padding: 0 50px 0 0 }
.banner_wrapp .banner_left h2 { padding: 10px; font-size: 63px; font-weight: 300; }
.banner_wrapp .banner_left h3 { padding:30px 10px;  font-size: 30px;   }
.banner_wrapp .banner_left p { padding: 10px;  font-size: 20px;  line-height: 28px }

.banner_form { margin:0 30px;  background: #ffffff;  padding: 25px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  box-shadow: 1px 11px 68px  rgba(0, 0, 0, 0.75);   -moz-box-shadow: 1px 11px 68px  rgba(0, 0, 0, 0.75); -webkit-box-shadow: 1px 11px 68px  rgba(0, 0, 0, 0.75);}
.banner_form { display: block; text-align: center; margin-bottom: 20px}

.features { background: #f2f4f9;  }
.iconclad { display: -webkit-flex;  -webkit-align-items: center; display: flex;align-items: center; position: relative; z-index: 33;}
.iconclad > div { -webkit-flex: 1; flex: 1; }
.iconclad_left {     max-width: 45%;  margin-top: -180px}
.iconclad_right {     font-size: 28px;  line-height: 45px; margin-top: -90px  }
.iconclad_right abbr { display: block;}
.iconclad_right p { display: block; margin-top: 20px; font-weight: bold; font-style: italic; color: #1e82ff}

.heading { text-align: center; padding: 50px 0; position: relative; z-index: 22;}
.heading h1 { font-size: 30px }
.heading span { color: #b3b5b8;}
.heading abbr { color: #b3b5b8; font-size: 18px; display: block; margin-top: 10px}

.features { padding: 0 0 100px 0}
.features ul {display: flex; flex-wrap: wrap;}
.features ul li { max-width: 33%; padding:30px 20px}
.features ul li abbr { display: block; padding: 20px 0; font-size: 20px }
.features ul li p { line-height: 30px; color: #868e96}
.features ul li:before{ display:inline-block; content: ""; height: 60px; width: 60px; background:url('assets/images/icon.png') no-repeat;}


.features ul li.content:before{ background-position:-312px 0;}
.features ul li.visibility:before{background-position: -186px 0;}
.features ul li.alerts:before{background-position: -126px 0;}
.features ul li.reviews:before{background-position: -248px 0;}
.features ul li.transparency:before{background-position: -62px 0;}
.features ul li.contract:before{background-position: -382px 0;}

.dashboard { position: relative; z-index: 44; padding: 0 0 100px 0;} 

.product_overview_wrapp {position: relative;margin: 0px auto 20px;width: 90%;text-align: center;}
.product_overview  {   margin: 3.8% 13.3%; overflow: hidden; position: absolute; width: 72.9%;}
#ipad_pager li { position:absolute; color:#adadad; text-align:center; width:22%; padding: 0 10px;list-style-type: none; }
#ipad_pager li:nth-child(odd) { right:100%;}
#ipad_pager li:nth-child(even) { left:100%;}
#ipad_pager li a { color:#adadad;  cursor:pointer; display:block;}
#ipad_pager a span {display: block;  position: relative;font-size: 15px;font-weight: 400;}
#ipad_pager li a:before{ display:inline-block; content: ""; height: 35px; width: 35px; background:url('assets/images/tab-icon.png') no-repeat;  }

#ipad_pager li a.tracking:before{ background-position: 2px 0; }
#ipad_pager li a.crawler_audit:before{ background-position: -35px 0; }
#ipad_pager li a.lead_tracking:before{ background-position: -70px 0; }
#ipad_pager li a.reputation:before{ background-position: -105px 0; }
#ipad_pager li a.kpi_report:before{ background-position: -136px 0; }
#ipad_pager li a.smo_analytics:before{ background-position: -173px 0; }
#ipad_pager li a.weekly_report:before{ background-position: -206px 0; }
#ipad_pager li a.google_analytics:before{ background-position: -242px 0;}


#ipad_pager li:nth-child(odd) a:after { left:68%; text-align:right;  }
#ipad_pager li:nth-child(even) a:after { right:68% ; text-align:left; }
#ipad_pager li[data-index="0"],
#ipad_pager li[data-index="1"] { top:7%; }	
#ipad_pager li[data-index="2"],
#ipad_pager li[data-index="3"] { top:28%; }	
#ipad_pager li[data-index="4"],
#ipad_pager li[data-index="5"] { top:50%; }
#ipad_pager li[data-index="6"],
#ipad_pager li[data-index="7"] { top:75%; }
#ipad_pager a.active, #ipad_pager a:hover { color:#333; }
#ipad_pager a.active span, #ipad_pager a:hover span {font-weight: 900;}



.bx-viewport ul li {left: 0px;top: 0px;}
.bg-white.rounded.pb_form_v1 {float: right;width: 100%;}
.bx-viewport ul li img {width: 100%;}

.testmonial { padding: 0 0 100px 0}
.testmonial_wrapp  { width: 80%; margin: 0 10%} 
.testmonial_wrapp ul { text-align: center}
.testmonial_wrapp ul li p { padding: 20px; line-height: 40px; font-size: 22px; position: relative }

.testmonial_wrapp ul li abbr  { height: 80px; width: 80px;  overflow: hidden; border-radius:50px; display: inline-block }
.testmonial_wrapp ul li abbr  img { height: 80px; width: 80px; }
.testmonial_wrapp ul li h3 { display: block; padding: 10px; }

.bx-pager { text-align: center; padding: 40px}
.bx-pager .bx-pager-item { display: inline-block; margin: 2px} 
.bx-pager .bx-pager-item a { font-size: 0px; display: block;border-radius:50px; width: 10px; height: 10px; background: #ccc  }
.bx-pager .bx-pager-item a.active {background: #1e82ff }

footer{ padding: 80px 0; background: #191919; text-align: center}
footer ul li { display: inline-block; margin:  0 20px }
footer ul li a { color: #ffffff}
footer ul li a:hover { color:#1e82ff}
footer p { color: #818990; display: block; margin: 20px 0 0 0  }

.gform_wrapper {max-width: 100% !important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea, .gform_wrapper select {-webkit-appearance: none; width:100% !important; background:#f0f0f0; margin:0px; border:none; padding:15px!important; border-radius:5px; }
.gform_wrapper textarea { height:100px !important;}
.gform_wrapper h2.gsection_title {font-size:14px !important; margin:10px!important; font-weight:normal!important; }
.gform_wrapper ul li.gfield  { margin-top:1px !important;}
.gform_wrapper .gform_footer { padding: 10px 0px!important; margin: 0px!important; text-align :center; }
.gform_wrapper .gform_button { background-color: #38b847 !important;border: 0px solid red !important;  border-radius: 50px !important;  box-shadow: none; color: #fff !important; font-size: 19px; font-weight: normal;padding: 15px 54px !important;text-shadow: none;
    width: auto !important; display: inline-block; float: none !important; -webkit-appearance: none;cursor: pointer;} 
     .gform_wrapper .gform_button:hover {
    background: #53d662 !important;
}  
.gfield_required {position: absolute;top: 49px;}
.imp-wrap {width: 100% !important;max-width: 900px !important;display: inline-block;margin: 40px 0;}
.cf_submit, .building-drop, .teal-link {width: 200px !important;height: 44px !important;font-size: 16px !important;	font-weight: 600 !important;color: white;border-radius: 2px;
	border-color: #FFF;	background-color: #4E999E !important;border-width: 0;}
.building-drop i.fa-angle-down {font: normal normal normal 21px/1 FontAwesome;  font-size: 21px;}
.adv3-holder > div {   width: 25%;}

body .gform_wrapper ul li.gfield {margin-top: 16px;	padding-top: 16px !important;}
.gform_wrapper .top_label .gfield_error {  width: 100% !important; max-width: 100% !important;} 
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent !important;margin-bottom: 0px !important;border-top: 0px solid #C89797 !important;border-bottom: 0px solid #C89797 !important;padding-bottom: 0 !important;padding-top: 0 !important;box-sizing: border-box;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {max-width: 100% !important;margin: 0 !important;}
 .gform_wrapper .gform_button:hover {
    background: #53d662 !important;
}  
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {width: auto !important;
right: 7px !important;position: absolute;}
.validation_error {	display: none;}
#gform_fields_1 li, #gform_fields_2 li {   position: relative; margin: 0px 0 !important; padding: 0 !important; display:inline-block;width: 100% !important;
max-width: 100% !important;}
.gfield_captcha_container > * {display: inline-block;}
.gform_wrapper li input, .gform_wrapper li select, .gform_wrapper li textarea {   margin-top: 7px !important;}
.gform_wrapper.gf_browser_chrome select{
    
    -webkit-appearance: none;
}
body .gform_wrapper .top_label div.ginput_container {   margin-top: 0 !important;}
.gform_wrapper .validation_message {
	color: #790000;
	font-weight: 700;
	letter-spacing: normal;
	position: relative;
	top: unset;
	right: 0;
	left: unset !important;
	padding: 0 !important;
	bottom: 0;
}
li#field_1_7, li#field_3_7 {
	margin: 10px !important;
	text-align: center;
}



@media only screen and (max-width: 800px){
	.banner_wrapp .banner_left {padding: 0 0px; }
    .banner_wrapp, .iconclad {flex-direction: column; }
    .banner_wrapp > div { width:98%}
    .header_right { float: left; width: 100%; text-align: center; padding: 20px 0;}
    .banner_right { margin-top: 40px}
    .iconclad_left {     max-width: 100%;}
    .iconclad_right {  margin-top: 0px; text-align: center; padding: 20px  }
    .features ul li { max-width: 48%; }
    #ipad_pager a span {display: block; position: relative; font-size: 13px;font-weight: 400;}
    #ipad_pager { text-align: left; width: 100%;margin: 31px 0 0 !important;padding: 0;}
    #ipad_pager li { position:relative; display:inline-block;width: 28%;margin: 14px 1%; vertical-align:top;  }
    #ipad_pager li:nth-child(odd),
    #ipad_pager li:nth-child(even) { left:0 !important;}
    .banner { padding: 200px 0;}
    .banner_form { margin:0px;}
 

}
@media only screen and (max-width: 768px){
      /* .section_cross:after {
    content: "";
    position: absolute;
    bottom: -100px;
    left: 3px;
    height: 200px;
    width: 100%;
    background-color: #f2f4f9;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    z-index: 10;
} */
}
@media only screen and (max-width: 500px){
       footer ul li { width:100%; margin:10px;  }
       .banner_wrapp { text-align:center;}
	.banner_wrapp .banner_left h2 { font-size: 44px;}
    .features ul li { max-width: 98%; text-align: center }
    #ipad_pager li {position: relative; display: inline-block;   width: 22%;}
    #ipad_pager a span { display: block;  position: relative;   font-size: 13px;   font-weight: 400;   line-height: 19px;   margin-top: 10px;}
    #ipad_pager li {position: relative;display: inline-block;width: 42%;margin: 15px 0; padding: 0;}

    
}