@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: 'MuseoSans-700';
  src: url('../fonts/museo-sans/383249_0_0.eot');
  src: url('../fonts/museo-sans/383249_0_0.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/museo-sans/383249_0_0.woff2') format('woff2'), 
  url('../fonts/museo-sans/383249_0_0.woff') format('woff'), 
  url('../fonts/museo-sans/383249_0_0.ttf') format('truetype');
}

@font-face {
  font-family: 'MuseoSans-300';
  src: url('../fonts/museo-sans/383249_1_0.eot');
  src: url('../fonts/museo-sans/383249_1_0.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/museo-sans/383249_1_0.woff2') format('woff2'), 
  url('../fonts/museo-sans/383249_1_0.woff') format('woff'), 
  url('../fonts/museo-sans/383249_1_0.ttf') format('truetype');
}

@font-face {
  font-family: 'MuseoSans-500';
  src: url('../fonts/museo-sans/383249_2_0.eot');
  src: url('../fonts/museo-sans/383249_2_0.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/museo-sans/383249_2_0.woff2') format('woff2'), 
  url('../fonts/museo-sans/383249_2_0.woff') format('woff'), 
  url('../fonts/museo-sans/383249_2_0.ttf') format('truetype');
}

*{margin:0;padding:0}
body{font-family: 'MuseoSans-300', sans-serif;;font-weight: 300;line-height: 28px;font-size: 16px}
h1,h2,h3,h4,h5,h6{font-family: 'MuseoSans-700', sans-serif;font-weight: 700}
.img-responsive {display: block;margin: auto;height: auto;max-width: 100%;}
a:hover,a:focus{text-decoration:none;outline:none;}
a:hover{transition: .3s}

/** Common Css **/
.cstm-container {max-width: 1470px;margin: auto;}
.btn-colr{background-color: #00bbbc;border: 1px solid #00bbbc;}
.btn-more {font-size: 16px;line-height: 35px;padding: 0 15px;display: inline-block;}
.btn-style {color: #fff;text-transform: capitalize;}
.btn-case {font-size: 20px;border-radius: 5px;line-height: 50px; margin-top:20px;}
section {padding: 80px 0;}

section h3,.section-title h3 {font-size: 35px;color: #1d1d5c;text-align: center;text-transform: uppercase;}
.section-title p{text-align: center;font-size: 22px;line-height: 30px;color: #1d1d5c;max-width: 680px;margin: 15px auto 0;}

.btn-style:after {content: "\f101";font-family: FontAwesome;color: #e4e4ec;position: relative;right: -40px;}
.btn-more:after {font-size: 46px;position: absolute;}
.btn-more {position: relative;}
.btn-colr:hover,.btn-colr:hover:after {background-color: transparent;color: #00bbbc;}
.slick-slide:focus {outline: none;}
.footer-container .footer-title a {color: #1d1d5c;}
.footer-wrapper .collabx-brand-list ul{
	padding-top: 10px;
}
ul.collabx-email-liNk,
.footer-wrapper .collabx-brand-list ul{
    list-style: none;
}
.footer-wrapper .collabx-brand-list ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
}
.footer-wrapper .collabx-brand-list ul li:last-child {
    margin: 0;
}
.footer-wrapper .collabx-brand-list ul li a {
    font-weight: 400;
    display: block;
}
.footer-wrapper .collabx-brand-list ul li:nth-child(1) a img{
    max-width: 55px;
}
.footer-wrapper .collabx-brand-list ul li a img {
    margin: 0;
    max-width: 95px;
}
.footer-locations {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    font-weight: 400;
}
.footer-locations span {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    margin-top: 0;
    font-weight: 700;
}
.footer-locations div {
    width: 33%;
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}
.footer-locations p,
.footer-locations li {
    font-size: 14px;
    margin-bottom: 5px
}
.footer-locations li{margin-bottom: 0}
.foot-menu {
    width: 13%;
    padding-left: 30px;
}
.foot-location {
    width: 62%;
}
.footer-locations div:before{
	content: "\f041";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width:15px;
	height:24px;
	display: block;
	position: absolute;
	left:0;
	top: 7px;
}
.footer-locations div{
	font-weight: 400;
}
.optional_form_text {
    margin-top: 50px;
}


/** Navbar **/
header{position: absolute;width: 100%;z-index: 9;}
header nav{text-transform: uppercase;display: flex;padding: 20px 0 0;}
.mainlogo {font-weight: 700;font-size: 27.15px;color: #1d1d5c;line-height: 57px;padding: 13px 55px 15px 30px;text-transform: capitalize;}/**edited **/
.mainlogo a{color:#1d1d5c }
.leftmenu,.rightmenu {width: 50%;display: flex;}
.topmenu ul li {display: inline-block;line-height: 57px;padding: 0 24px;}/**edited **/
.topmenu ul {text-align: left;}
.topmenu ul li a { color: #1d1d5c;font-size: 15px;font-weight: 600;}
.topmenu ul li a:hover {color: #00bbbc;}
ul#menu-main-menu li a {pointer-events: none;}
ul#menu-main-menu li.menu-item-126 a {pointer-events: auto;}
.rightmenu li:first-child a {pointer-events: none;}
.rightmenu {flex-direction: row;justify-content: flex-end;padding-right: 20px;}
.trialbtn a:hover,.inner-header .trialbtn a:hover {background-color: transparent;color: #1d1d5c;border-color:#1d1d5c }
.rightmenu .topmenu {padding-right: 24px;}
.trialbtn a {font-size: 15px;line-height: 57px; font-weight: 600;    color: #fff; background-color: #3ecf8e;padding: 9px 15px;border-radius: 20px;border: 1px solid #3ecf8e;}/**edited **/
.homebanner-container {max-width: 1430px;margin: auto;display: flex;padding: 200px 0 150px;}
.homebanner-container h1 {font-size: 60px;color: #1d1d5c;margin-bottom: 30px;line-height: 70px;text-transform: uppercase; font-family: Poppins,sans-serif;}
.homebanner-container p {font-size: 22px;color: #1d1d5c;line-height: 35px;font-family: Arial;text-transform: capitalize;margin-bottom: 0;}
.homebanner-container p span {font-size: 16px;display: block;}
.homebaner-leftside {padding: 0px;}
.homebaner-rightside {width: 33%;padding-top: 50px;}
.banner-starttrial input {font-size: 17px;max-width: 42%;width: 100%;text-align: center;height: 34px;border: 2px solid #4a4a4a;line-height: 30px;background-color: transparent;margin-bottom: 15px;margin: 0 10px 10px 0;}
.hidden-in {display: none;}
.banner-starttrial input::-webkit-input-placeholder{color:#b1c0cd;}
.banner-starttrial input[type=submit],.banner-starttrial input[type=button] {max-width: 274px;background-color: #3ecf8e;border: 2px solid #3ecf8e;box-shadow: none;color: #fff;}
.banner-starttrial input[type=submit]:hover,.banner-starttrial input[type=button]:hover {color: #1d1d5c;background-color: transparent;border-color: #1d1d5c;}
.g-recaptcha {margin-bottom: 10px!important;}
.homebanner-container .banner-starttrial p {font-size: 15px;}
.banner-starttrial {margin-top: 30px;}
.videobtn {width: 185px;height: 185px;background-color: #92d58d;border-radius: 100%;position: relative;display: flex;align-items: center;justify-content: center;cursor: pointer;margin:auto;transition: .3s}
.videobtn:hover {background-color: #1d1d5c;}
.videobtn:before {content: '';height: 60px;width: 60px;border-left: 50px solid #fff;border-bottom: 30px solid transparent;border-top: 30px solid transparent;position: relative;left: 10px;}
.banner-videotext {background-color: #c9def1; text-align: center;font-size: 22px;text-transform: capitalize;color: #1d1d5c;padding: 15px 20px;border-radius: 6px;position: relative;margin-top: 100px;}
.banner-videotext span {font-weight: 700;}
.banner-videotext:before {content: '';position: absolute;margin: auto;left: 0;right: 0;top: -20px;height: 20px;width: 45px;border-bottom: 20px solid #c9def1;border-left: 22px solid transparent;border-right: 22px solid transparent;}
div#homeheader { background-image: url(../img/header.png);background-size: cover ;background-position: center center; }

/** Section1 **/

section#section1 h3 {position: relative;text-align: center;max-width: 1230px;width: 100%;margin: 0 auto 60px;}
section#section1 h3:before {content: '';border-right: 1230px solid #e8eff5;height: 125px;border-bottom: 0px solid transparent;border-top: 55px solid transparent;width: 100%;position: absolute;width: 1230px;top: -67px;z-index: -1;left: 0;}
.section1-boxwrap {background-color: #f2f2f2;padding: 40px 40px;max-width: 420px; /* min-height: 462px; */}
.section1-iconbox,.section2-iconbox,.section3-iconbox , .section4-iconbox{width: 200px;height: 200px;background-color: #ffabab;border-radius: 100%;display: flex;align-items: center;justify-content: center;margin: 0 auto 30px;}
.section2-iconbox {background-color: #8dc6eb;}
.section3-iconbox {background-color: #92d58d;}
.section4-iconbox {background-color: #00bbbc;}
.section1-contentbox h4 {font-size: 22px;text-transform: uppercase;color: #1d1d5c;margin-bottom: 15px;text-align: center;}
.section1-contentbox p {margin-bottom: 30px;font-size: 16px;line-height: 26px;color: #1d1d5c; text-align: center;}


/** Section2 **/

section#section2 {
    padding: 10px 0 30px;
}
#section2 .fullsection {background-color: #f2f2f2;padding: 45px 0;position: relative;margin-top: 35px;}
.section2-boxwrap {padding: 15px 20px 15px;margin-bottom: 17px;border-right: 8px solid #f2f2f2;}
.section2-boxwrap:hover,.section2-boxwrap.active {background-color: #fff;border-right: 8px solid #00bbbc;transition: .3s}
.comm-titlebox h5 {font-size: 19px;margin-bottom: 18px;text-transform: uppercase;}
.comm-titlebox h6 {font-size: 17px;color: #1d1d5c;margin-bottom: 0;}
.comm-iconbox {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 16px 4px #eee;background-color: #fff;}
.comm-titlebox-wrap {display: flex;justify-content: flex-end;margin-bottom: 20px;}
.comm-titlebox {text-align: right;padding-right: 15px;}
.section2-boxwrap p {font-size: 16px;text-align: right;text-transform: capitalize;margin-bottom: 0;line-height: 22px;}
.section2-boxwrap2 .comm-titlebox h5 {color: #78b773;}
.section2-boxwrap3 .comm-titlebox h5 {color: #ff6767;}
.section2-boxwrap4 .comm-titlebox h5 {color: #60c1ff;}
.section2-boxwrap4:hover,.section2-boxwrap4.active {border-color: #60c1ff;}
.section2-boxwrap3:hover,.section2-boxwrap3.active {border-color: #ff6767;}
.section2-boxwrap2:hover,.section2-boxwrap2.active {border-color: #78b773;}
/*.comm-imageright {padding: 65px;}
.comm-imageright {position: absolute;right: 0;}*/
.comm-imagetop-left img {margin: 0;}
.fullsection .cstm-container {position: relative;}
/*.comm-mainimagebox {position: relative;top: -155px;left: 40px;}*/
.comm-mainimagebox {
    position: relative;
    margin-top: -155px;
    margin-left: 40px;
}
.comm-imagebottom-right {width: 130px;height: 150px;background-color: #ff6767;position: absolute;bottom: -40px;right: -25px;}
.comm-mainimagebox img {position: relative;z-index: 11;display: none}
.comm-mainimagebox iframe {position: relative;z-index: 11;display: none}
.comm-mainimagebox img.commimg1{display: inline}
.comm-mainimagebox iframe.commimg1 {display: inline}


/** Section3 **/
section#section3 {position: relative;padding: 100px 0 10px;}
.section3-leftside {width: 30%;display: flex;flex-direction: column;padding-left: 240px;padding-right: 50px;padding-top: 100px;}
.section3-leftbox2 {right: -50px;margin-bottom: 25px;}
.section3-rightside {width: 70%;padding-right: 100px;}
.section3-mainwrap {display: flex;width: 100%;position: relative;}
.section3-leftbox1,.section3-leftbox2,.section3-leftbox3 {width: 85px;position: relative;margin-bottom: 15px;display: inline-block;}
.section3-leftbox1:before, .section3-leftbox2:before, .section3-leftbox3:before {position: absolute;height: 38px;width: 100%;background-color: #f2f2f2;content: '';display: block;bottom: 0;left: 0;}
.section3-leftbox1 img, .section3-leftbox2 img, .section3-leftbox3 img {margin: auto;position: relative;display: block;}
.section3-contentbox {background-color: #f2f2f2;padding: 25px;margin-bottom: 45px;}
.section3-contentbox p {font-size: 20px;font-weight: 300; margin-bottom: 25px;}
.section3-contentbox p span { font-weight: 600;color: #1d1d5c;}
.section3-contentbox p:last-child {margin-bottom: 0;}
.section3-rightside h3 {text-align: left;margin-bottom: 45px;text-transform: uppercase;}
img.dot-grid {position: absolute;right: 40px;top: -80px;}
.section3-circlewrap{left: -300px;position: absolute;top: -200px;}
.section3-sidecircle {border-radius: 100%;margin: auto;}
.biggreen-circle {width: 535px;height: 535px;background-color: #78b773;}
.smallblue-circle {width: 330px;height: 330px;background-color: #a1d0ee;margin-top: 30px;position: relative;left: 67px;}


/** Section4 **/
section#section4 {margin-top: 120px;}
#section3 .cstm-container {position: relative;}
.section4-boxwrap {background-color: #f2f2f2;position: relative;max-width: 645px;width: 100%;}
.section4-circleimage-wrap {position: relative;left: -100px;top: -100px;/* max-width: 450px; *//* width: 100%; */}
.section4-toptitlebox {display: flex; /*align-items: end; */}
.section4-contentbox {padding: 0px 35px 25px;margin-top: -50px; min-height: 460px; position: relative; clear: both;}
.section4-title h4 {font-size: 35px;text-transform: uppercase;color: #1d1d5c;padding-left: 15px;position: relative;}
.section4-circleimage-wrap-left {left: auto;right: -60px;}
.section4-title.section4-titleleft h4 {border-left: none;text-align: right;padding-right: 15px;}
.section4-title h4:before {content: '';position: absolute;width: 3px;height: 90%;display: block;background-color: #92d58d;left: 0;top: 10px;}
.section4-title.section4-titleleft h4:before {background-color: #90e8e8;right: 0;left: auto;}
.section4-title {padding-top: 85px;/* max-width: 265px; *//* width: 100%; *//* display: table-cell; */}
.section4-contentbox p {font-size: 18px;color: #1d1d5c;}
.section4-contentbox p span {font-weight: 600;}
.section4-contentbox .btn-case {position: absolute;bottom: 25px;left: 35px;margin-top: 50px;}
.join-agency-btn {text-align: center;margin-top: 60px;}
/*.join-agency-btn a {display: inline-block;font-size: 22px;color: #fff;background-color: #00bbbc;padding: 15px 25px;text-transform: uppercase;}
.join-agency-btn a:hover {background-color: #00bbbc;}*/
.join-agency-btn a {
    background-color: #00bbbc;
    border: 1px solid #00bbbc;
    padding: 0 15px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 20px;
    border-radius: 5px;
    line-height: 50px;
    position: relative;
    color: #fff;
}
.join-agency-btn a:hover {
    background-color: transparent;
    color: #00bbbc;
    border: 1px solid #00bbbc;
}
.section4-circleimage-wrap-left img {/* max-width: initial; */}
.section4-leftside {border-right: 5px solid #f2f2f2;}
.section4-rightside {border-left: 5px solid #f2f2f2;}
.section4-rightside .section4-boxwrap {float: right;}
.section4-circleimage-wrap img {max-width: 400px;}
.section4-leftside .section4-title {margin-left: -50px;}
.section4-titleleft {position: relative;left: 20px;}
#section4 .cstm-container {width: 80%;}

/** Section5 **/
section#section5 {background-color: #f2f2f2;padding: 55px;}
.hm-logo-slider {max-width: 1050px;text-align: center;margin: auto;width: 100%;max-height: 80px;position: relative;}
.hmlogo-slide{position: initial!important;}
.hm-agency-logo {vertical-align: middle;height: 80px!important;display: flex!important;margin: 0px; padding: 0 10px;}
.hm-agency-logo img{max-height: 80px;width: auto!important}
.hmlogo-slide button.slick-arrow {font-size: 70px;line-height: 40px;height: 40px;display: block;color: #fff;position: absolute;top: 0;bottom: 0;margin: auto;background-color: transparent;border: none}
.hmlogo-slide button.slick-prev {left: -100px;top: 0;bottom: 0;margin: auto;}
.hmlogo-slide button.slick-next {right: -100px;}
button.slick-arrow:focus {outline: none;}
button.slick-arrow:hover {color: #1d1d5c;}
.hm-agency-logo.slick-current,.hm-agency-logo .hm-agency-logo:first-child,.hm-agency-logo.slick-current.slick-active{border-left: none;}
/*.hm-agency-logo.slick-active{border-left: 7px solid #fff;}*/

/** Section6 **/
section#section6 {padding: 100px 0 60px;}
#section6 .cstm-container {position: relative;}
.section6-wrap {padding: 0 250px;}
.testi-slider-item {background-color: #00bbbc;padding: 35px 30px;display: flex;border-radius: 10px;position: relative;min-height: 220px;}
.testicircle-wrap {height: 110px;border-radius: 100%;background-position: top center;background-size: cover; max-width: 110px;min-width: 110px;}
.testi-content p {font-size: 18px;font-weight: 600;color: #fff;line-height: 27px;}
.testi-content {padding: 0 15px;}
.testi-info {display: flex;flex-direction: column;padding: 60px 0 0;}
.testi-info span {display: block;text-align: right;line-height: 22px;}
span.testi-name {font-size: 20px;font-weight: 500;color: #00bbbc;}
span.testi-position {font-weight: 300;color: #1d1d5c;font-size: 15px;}
span.testi-compnay {color: #1d1d5c;font-weight: 600;font-size: 15px;}
.section6-wrapbox {margin-bottom: 10px;}
span.testi-blocks { position: absolute;}
span.blockbottom {right: 0;  bottom: -30px;}
span.blocktop {top: -55px;}
.testimonial-slider button.slick-arrow {font-size: 70px;line-height: 40px;height: 40px;display: block;color: #434343;position: absolute;top: 0;bottom: 0;margin: auto;background-color: transparent;border: none}
.testimonial-slider button.slick-prev {left: -100px;top: 0;bottom: 0;margin: auto;}
.testimonial-slider button.slick-next {right: -100px;flex-direction: row-reverse;}
.testimonial-slider .section6-wrapbox:nth-child(even) .testi-slider-item {background-color: #fad74b;}
.testimonial-slider .section6-wrapbox:nth-child(even) .testi-slider-item .testi-content p{color: #434343}
.testimonial-slider .section6-wrapbox:nth-child(even) .testi-slider-item:before {right:auto;left:0;border-right:none;border-left:32px solid #fad74b;}
.testimonial-slider .section6-wrapbox:nth-child(even) .testi-info span{text-align:left}

/** Section7 **/
section#section7 .section-title {max-width: 1140px;margin: auto;}
.infochart-block {display: flex;align-items: center;padding: 100px 0 0;}
.infochar-contentbox h4 {color: #555c6f;font-size: 32px;text-transform: uppercase;margin-bottom: 15px;}
.infochar-contentbox p,.infochar-contentbox li {font-size: 18px; line-height: 1.5;}
.infochar-contentbox p {font-weight: 300;line-height: 1.5;}
.infochar-contentbox li {font-weight: 600;padding: 6px 0;}
.infochar-contentbox ul {margin: 22px 0 0;padding-left: 25px;}
.infochart-block-content-left .infochar-contentbox {text-align: right;}
.infochar-contentbox {padding: 0 85px;}
.infochart-block-image-left img {margin: 0;}
.infochart {position: relative;margin-top: 53px;}
.infochart-bar {width: 6px;height: 100%;position: absolute;display: block;top: 0;left: 0;right: 0;margin: auto;}
.infochar-line.infochart-greyline {height: 190px;background-color: #ebebeb;}
.infochart-bar .infochar-line {width: 100%;display: block;}
.infochar-line.infochart-greenline {background-color: #92d58d;height: 415px;}
.infochar-line.infochart-yellowline {height: 570px;background-color: #fad74b;}
.infochart-bar-circle {border-radius: 100%;position: absolute;left: 0;right: 0;margin: auto;}
.infobar-circle3 {width: 65px;height: 65px;background-color: #92d58d;left: -28px;}
.infobar-circle1,.infobar-circle2 {width: 40px;height: 40px;}
.infobar-circle1 {background-color: #92d58d;top: 175px;left: -17px;}
.infobar-circle2 {background-color: #fad74b;}
.infobar-circle2 {left: -17px;top: 57%;}
.infochart-block-content-right .infochar-contentbox {padding: 0 0 0 70px;}
.infochart-bottombtn {text-align: center;display: block;margin-top: 50px;}
.testi-slider-item:before {content: '';width: 32px;height: 80px;display: block;position: absolute;border-top: 40px solid transparent;border-right: 32px solid #00bbbc;border-bottom: 40px solid transparent;right: 0;bottom: -40px;}


/**************** Why -- internal page ***************/
.nomargin{margin: 0}
.flex-container{display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content: center;}
.why-page section{padding: 0}
.why-page .container{max-width: 1200px;}
.inner-header .topmenu ul li a,.inner-header .mainlogo a{color: #ffffff;}
.inner-header .trialbtn a{background: transparent;border: 2px solid #ffffff;}
header nav {padding-top: 0;}
.hero-section{background-color: #00cecf;color: #ffffff;text-align: center;padding-top: 157px;position: relative;}
.down-arrow{position: absolute;bottom: -52px;width: 105px;height: 105px;background: #fad74b;border-radius: 100%;}
.dot-image{position: absolute;right: 0;bottom: -75px;}
.dot-image.second-grid-dots{bottom: auto;top: -170px;left: 75px;text-align: left;}
.dot-image.third-grid-dots{bottom: auto;top: -175px;right: 165px;text-align: right;}
.hero-content h4{ max-width: 900px;}
.hero-section h1{font-size: 40px;line-height: 1.5;text-transform: uppercase;}
.hero-section h4{  font-family: 'Arial'; font-size: 24px;  font-style: italic;line-height: 1.2;font-weight: 300;}
.why-page section.hero-section { padding-top: 160px; padding-bottom: 80px;}
.why-page .section{padding: 80px 0;text-align: center;}
.why-page .section .section-content{margin-bottom: 65px;}
.why-page .section h3{font-size: 35px;line-height: 1.22;color: #1d1d5c;text-transform: uppercase;margin-bottom: 25px;max-width: 1080px; margin-left: auto;margin-right: auto;}
.why-page .section p,.section-content p{font-size: 18px;font-weight: 600;line-height: 1.3;color: #1d1d5c;margin-bottom: 15px;}
.why-page .section.section-two{padding-top: 65px; padding-bottom: 20px;background-color: #e4e4ec;position: relative;}
.why-page .comptitor-section{margin: 90px 0 50px;}
.why-page .comptitor-section .left-images{border-right: 8px solid #ffffff;padding: 30px 0 0 30px;margin-right: 40px;}
.why-page .comptitor-section .left-images li{width: 49.5%;display: inline-block;margin-bottom: 30px;text-align: left;}
.why-page .comptitor-section .left-images li:nth-child(3),.why-page .comptitor-section .left-images li:nth-child(7) {padding-left: 95px;}
.why-page .comptitor-section .left-images li:nth-child(4),.why-page .comptitor-section .left-images li:nth-child(8) {padding-right: 45px;text-align: right;}
.right-content {text-align: left;}
.right-content .weboo-text{font-weight: 700;font-size: 107px;color: #ffffff;}
.why-page .section.section-three{padding: 60px 0 50px;}
.why-page .section.section-four{background-color: #f3d973;padding: 65px 0 45px;position: relative;}
.why-page .section.section-four .section-content{margin-bottom: 0;}
.why-page .bottom-section{ margin: 50px 0;}
.why-page .bottom-section .bottom-container{max-width: 1220px;margin: 0 auto;background-color: #00cecf;color: #ffffff;min-height: 260px;padding: 0 90px 0 60px;}
.why-page .bottom-section .bottom-container h5{font-size: 25px;font-weight: 600;line-height: 1.4;}
.why-page .bottom-section .trialbtn{text-align: right;}
.why-page .bottom-section .trialbtn a{padding: 18px 32px;background-color: #ffffff;color: #1d1d5c;border-radius: 25px;font-size: 16px;}


/** About Us **/
.innerbanner-container{max-width: 1400px;width: 100%;margin:auto;}
.hero-section h1 {line-height: normal;}
.hero-section h1 span {display: block;margin-bottom: 23px;}
.hero-section h1 span:after {content: '';width: 73%;border-bottom: 5px solid #fff;background-color: red;display: block;margin: auto;}
.section-content{max-width: 1170px;text-align: center;margin:auto;}
.aboutus-page .section-content p {font-weight: 400;}
.aboutus-page .section-content p strong {font-weight: 700;}
.ab-section1 .section-content p:last-child span:before {content: '';display: inline-block;border-bottom: 1px solid #1d1d5c;width: 100%;position: absolute; bottom: -3px;}
.ab-section1 .section-content p:last-child span {position: relative;}
.ab-section1 .down-arrow {position: relative;margin: 40px auto 0;width: 80px;height: 80px;background-color: #92d58d;bottom: 0;}
.ab-section2 .dot-image.second-grid-dots {top: -155px;}
section.ab-section2 {background-color: #f2d974;padding: 0;position: relative;}
section.ab-section2 .ab-section-content h4 {text-transform: uppercase; font-size: 28px;margin: 25px 0;color: #1d1d5c;}
section.ab-section3 {padding: 200px 0;}
.ab-history-section {display: flex;margin: auto;width: 100%}
.ab-history-icon {width: 120px;height: 120px;background-color: #ebebeb;border-radius: 100%;display: flex;margin-bottom: 12px;}
.ab-history-content p {font-size: 18px;color: #1d1d5c;line-height: normal;}
.ab-history-content p strong {font-weight: 700;}
.ab-history-box.historybox-left {display: flex;flex-direction: column;align-items: flex-end;text-align: right;}
.histroybar, .histroybar-top,.histroybar-bottom {width: 6px;background-color: red;position: absolute;height: 100%;bottom: 100px;left: 0;}
.histroybar:before,.histroybar-bottom:before {content: '';width: 25px;height: 25px;display: block;background-color: red;border-radius: 100%;left: -10px;position: absolute;}
.historybox-left .histroybar,.historybox-left .histroybar-bottom {right: -6px;left: auto;}
.ab-history-box {padding: 13px 35px;}
.greybar {background-color: #ebebeb;}
.greybar:before {background-color: #92d58d;}
.yellowbar {background-color: #f2d974;}
.yellowbar:before {background-color: #ebebeb;}
.greenbar {background-color: #92d58d;}
.greenbar:before {background-color: #f2d974;}
.greybar:before {background-color: #92d58d;}
.histroybar-bottom {bottom: -120px}
.team-section {max-width: 680px;background-color: #92d58d;display: flex;padding: 35px 0;margin: auto;}
.team-box {padding: 0 35px;}
.teambox-wrap h4 {font-size: 25px;color: #fff;margin-top: 15px;}
.teambox-wrap h5 {font-size: 18px;font-weight: 600;color: #1d1d5c;}
.teambox-wrap {text-align: center;}
.ab-team-section {width: 100%;position: relative;}
.team-section button.slick-arrow {background-color: transparent;border: none;color: #323232;font-size: 80px;transform: scaleY(1.5);top: 0;bottom: 0;margin: auto;width: 30px;height: 40px;position: absolute;display: block;}
.team-section {position: initial!important;}
.team-section button.slick-arrow.slick-prev {left: 7%;}
.team-section button.slick-arrow.slick-next {right: 7%;}
.team-section button.slick-arrow:hover {color: #1d1d5c;}

/*************** Footer ***************/
.col-one-fifth{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.footer-wrapper{background-color: #efefef;color: #1d1d5c;}
.footer-container{max-width: 1200px;margin: 0 auto;padding: 50px 0;width: 100%;}
.footer-container .footer-logo{font-size: 38px;font-weight: 700;margin-bottom: 10px;}
.footer-container .footer-title{text-transform: uppercase;font-weight: 600;}
.footer-container ul li{list-style: none;}
.footer-container ul li a{font-weight: 300;color: #1d1d5c;word-break: break-all;}
.footer-wrapper .footer-right ul li{line-height: 1.35;}
.footer-wrapper .copyright{text-align: center;font-size: 15px;font-weight: 300;padding: 0 15px 35px 15px;}
.social-media ul li{display: inline-block;margin-right: 5px;}
.social-media ul li a{width: 38px;height: 38px;background: #dcdcdc;color: #efefef;border-radius: 100%;text-decoration: none;}
.social-media ul li a .fab {font-size: 22px;}

.mob-menu{display: none}

/***Visualize work***/
.banner-starttrial{/* display: inline-block; */overflow: hidden;position: relative;}
.banner-starttrial .after-slide{ transform: translateX(-100%); transition:all 0.3s ease 0.4s;}
.banner-starttrial.anim-now .after-slide{transform: translateX(0%);}
.banner-starttrial .before-slide {transform: translateX(0%);transition: all 0.3s ease 0.4s;position: absolute;width: 100%;top: 0;}
.banner-starttrial.anim-now .before-slide{transform: translateX(100%);}
.error_masseage {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;position: relative;padding: .75rem 1.25rem;margin-bottom: 0;border: 1px solid transparent;border-radius: .25rem;}
.error_masseage  ul{margin-bottom:0;}
.error_masseage  ul li{color: #721c24 !important; }

.hide {
    visibility: hidden !important;
}

/*== Exit Popup Css ==*/

 #collbx-exitpopup {
    font-family: 'Source Sans Pro', sans-serif;
    border-radius: 0;
    background-color: #000000;
    background-image: url(../images/popup-bg.jpg);
    background-position: center center;
    background-size: cover;
    border: 0 none;
    box-shadow: 0px 0px 15px rgba(255,255,255,.2);
    -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
    -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
    -o-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
    -ms-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
}
#collbx-exitpopup  .coll-poptop-cnt {
    padding: 35px;
    text-align: center;
    position: relative;
}
#collbx-exitpopup  .coll-top-text {
    padding: 55px 0;
}
#collbx-exitpopup  .coll-top-text h1 {
    font-size: 78px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 6px;
    color: #fff;
    margin: 0;
    text-align: center;
}
#collbx-exitpopup  .coll-redbg-cnt {
    background-color: #ea6149;
    padding: 15px 20px;
    text-align: center;
    font-size: 33px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0;
    text-transform: capitalize;
    margin: 0 0 60px;
}
#collbx-exitpopup  .coll-redbg-cnt p {
    margin: 0;
}
#collbx-exitpopup .coll-redbg-cnt p strong {
    color: #000000;
    display: block;
}
#collbx-exitpopup  .coll-popup-footer {
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
#collbx-exitpopup .coll-popup-footer p {
    margin: 0;
}
#collbx-exitpopup .coll-popup-footer p a.coll-footer-link {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}
#collbx-exitpopup .coll-form-sec {
    background-color: #58c3bd;
    padding: 5px 0 5px 25px;
    position: relative;
}
#collbx-exitpopup .coll-form-sec form {
    display: block;
    position: relative;
    padding-right: 215px;
}
#collbx-exitpopup .coll-form-sec form .coll-form-group {
    background-color: #fff;
    padding: 5px 10px 5px 15px;
    border-radius: 4px 0px 0px 4px;
}
#collbx-exitpopup .coll-form-sec form .coll-form-group input.form-control {
    height: auto;
    background: transparent;
    border-radius: 0;
    border: 0 none;
    padding: 0 25px 0 0;
    outline: none;
    box-shadow: none;
    border-bottom: 2px solid #a4a5a5;
    font-size: 17px;
    font-weight: 300;
    color: #414040;
}
#collbx-exitpopup .coll-form-sec form span.coll-submit-btn {
    position: absolute;
    right: 0;
    top: -5px;
    height: 50px;
    width: 215px;
    background-color: #58b882;
    margin-left: 30px;
    z-index: 10;
    box-shadow: 0px 0px 15px rgba(88, 184, 130, .5);
    -moz-box-shadow: 0px 0px 15px rgba(88, 184, 130, .5);
    -webkit-box-shadow: 0px 0px 15px rgba(88, 184, 130, .5);
    -o-box-shadow: 0px 0px 15px rgba(88, 184, 130, .5);
    -ms-box-shadow: 0px 0px 15px rgba(88, 184, 130, .5);      
}
#collbx-exitpopup .coll-form-sec form span.coll-submit-btn:before {
    position: absolute;
    left: -25px;
    top: 0;
    height: 0;
    width: 0;
    border-left: 25px solid transparent;
    border-bottom: 50px solid #58b882;
    content: "";
}
#collbx-exitpopup .coll-form-sec form span.coll-submit-btn:hover{
  background-color: #ea6149;
}
#collbx-exitpopup .coll-form-sec form span.coll-submit-btn:hover:before{
  border-bottom-color: #ea6149;
}
#collbx-exitpopup .coll-form-sec form span.coll-submit-btn button.btn.btn-primary {
    height: auto;
    display: block;
    text-align: center;
    width: 100%;
    border: 0 none;
    border-radius: 0;
    background: transparent;
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.1;
    padding: 12px 15px 13px 20px;
    outline: none !important;
    box-shadow: none;
}
#collbx-exitpopup .coll-form-sec form span.coll-submit-btn button.btn.btn-primary:hover,
#collbx-exitpopup .coll-form-sec form span.coll-submit-btn button.btn.btn-primary:focus{
    outline: none !important;
    box-shadow: none;
}
#collbx-exitpopup span.collabx-popup-close {
    background-color: #ea6149;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    display: block;
    font-size: 25px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    z-index: 10;
}
/*
#collbx-exitpopup span.collabx-popup-close:hover {
    background-color: #58b882;
}*/


/**** MEDIA CSS ****/

@media(max-width:1800px){
   #section4 .cstm-container {width: 80%;}
}

@media(max-width:1700px){
section {
    padding: 60px 0;
}

section#section1{
    padding-top: 80px;
}
section h3, .section-title h3 {
    font-size: 28px;
}
.infochar-contentbox p, .infochar-contentbox li,.section3-contentbox p {
    font-size: 18px;
}
.homebanner-container{
    padding: 190px 0 80px;
}
section#section1 h3:before{
    height: 135px;
    top: -72px;
}
section#section6{
    padding-bottom: 0;
}
span.blockbottom {
    right: 0;
    bottom: 40px;
}
span.blocktop {
    top: -20px;
}
section#section6 span.testi-blocks img {
    max-width: 100px;
}


}

@media(max-width:1600px){
.homebanner-container{width: 90%}
.cstm-container{width: 80%}
.banner-videotext {font-size: 20px;}
.videobtn {width: 160px;height: 160px;}
.homebanner-container {padding: 200px 0 140px;}
section h3, .section-title h3 {font-size: 28px;}
section#section1 h3 {width: 86%;}
section#section1 h3:before {width: 1000px;border-right-width: 1000px;height: 135px;top: -68px;}
.section1-iconbox, .section2-iconbox, .section3-iconbox, .section4-iconbox {width: 180px;height: 180px;}
.section1-boxwrap img {width: 55%;}
.section1-contentbox h4 {font-size: 20px;}
.section1-contentbox p {font-size: 16px;line-height: 21px;}
.section2-boxwrap p {font-size: 16px;}
.biggreen-circle {width: 450px;height: 450px;}
.smallblue-circle {width: 280px;height: 280px;}
.section3-leftside {padding-left: 150px;width: 27%;}
.section3-rightside {width: 73%;padding-right: 60px;}
.section3-contentbox p {font-size: 19px;}
.infochar-contentbox h4 {font-size: 30px;}
.infochar-contentbox p, .infochar-contentbox li {font-size: 18px;line-height: 1.5;}
.section4-title h4 {font-size: 30px;}
.section4-circleimage-wrap img {max-height: 350px;}
.hero-section h1 {font-size: 38px;}
.hero-section h4 {font-size: 22px;}
.why-page .section h3 {font-size: 30px;}
.hero-section h1 span:after {width: 52%;}
.section1-boxwrap{
	min-height: 440px;
	padding: 40px 30px 17px;
}
.section4-contentbox{
    min-height: 540px;
}
.join-agency-btn a{
    font-size: 20px;
    padding: 10px 25px;
}
.section4-leftside .section4-title {
    margin-left: 30px;
}
.section4-circleimage-wrap-left {
    left: auto;
    right: -140px;
}
.section6-wrap {
    padding: 0 210px;
}
#section6 .cstm-container > div {
    position: relative;
}
section#section6 span.testi-blocks img {
    max-width: 80px;
}
}


@media(max-width:1440px){
.mainlogo {padding-right: 30px;}
section h3, .section-title h3 {font-size: 28px;}
.section4-circleimage-wrap img {max-height: 350px;}
.section4-title h4 {font-size: 30px;}
.section2-boxwrap p {font-size: 14px;}
.section4-contentbox p{font-size: 17px}
.section4-title {padding-top: 50px;}
.join-agency-btn a {font-size: 22px;}
.section3-contentbox p {font-size: 18px;}
.section1-contentbox p {font-size: 16px;}
.infochar-contentbox p, .infochar-contentbox li {font-size: 18px;}
.hero-section h1 {font-size: 32px;}
.hero-section h4 {font-size: 22px;}
.why-page .section h3 {font-size: 30px;}
.rightmenu .topmenu {padding-right: 5px;}
.hero-section h1 span:after {width: 42%;}
section.ab-section2 .ab-section-content h4 {font-size: 26px;}
.infochar-contentbox h4 {font-size: 25px;}
/*.comm-titlebox h6*/
.section1-boxwrap{
	padding: 40px 20px 17px;
}
.section4-circleimage-wrap-left {
    left: auto;
    right: -90px;
}
}

@media(max-width: 1366px){

.topmenu ul li {padding: 0 15px;}
.homebanner-container h1 {font-size: 50px;line-height: 60px;margin-bottom: 20px; font-weight: 700;}
.homebanner-container {padding: 150px 0 100px;/* width:82%; */}
div#homeheader{
	height: auto;
}
.videobtn {width: 125px;height: 125px;}
.videobtn:before {border-width: 25px;height: 50px;left: 15px;border-left-width: 35px;}
.banner-videotext {font-size: 19px;}
.homebaner-rightside {width: 37%;}
section h3, .section-title h3 {font-size: 28px;}
section#section1 h3 {width: 100%; margin: 0 auto 40px;}
section#section1 h3:before {width: 943px;border-right-width: 800px;height: 115px;top: -65px;}
.section1-iconbox, .section2-iconbox, .section3-iconbox, .section4-iconbox {width: 155px;height: 155px;}
.section1-boxwrap {padding: 40px 25px 17px;}
#section2 .col-sm-8 {max-width: 60%;-ms-flex: 0 0 60%;flex: 0 0 60%;}
#section2 .col-sm-4 {max-width: 40%;-ms-flex: 0 0 40%;flex: 0 0 40%;}
.comm-imageright {padding: 65px 30px;}
.section-title p {font-size: 20px;line-height: 24px;}
.section2-boxwrap p {font-size: 16px;}
.comm-titlebox h5 {font-size: 18px;}
.section2-boxwrap {margin-bottom: 12px;} 
.biggreen-circle {width: 380px;height: 380px;}

.smallblue-circle {
    width: 220px;
    height: 220px;
}

.section3-circlewrap {
    left: -235px;
}

.section1-contentbox h4 {
    font-size: 20px;
    text-align: center;
}
.section1-contentbox p {
    font-size: 14px;
}
.section3-leftside {
    padding-left: 100px;
}

.section3-contentbox p {
    font-size: 18px;
    margin-bottom: 25px;
}

.btn-case {
    font-size: 20px;
    line-height: 40px;
}

section#section4 {
    margin-top: 100px;
}

.section4-title h4 {
    font-size: 28px;
}

.section4-circleimage-wrap img {
    max-height: 300px;
}

.section4-contentbox p {
    /*font-size: 19px;*/
    line-height: 24px;
}

.join-agency-btn {
    margin-top: 50px;
}

.join-agency-btn a {
    font-size: 20px;
    padding: 15px 20px;
}

.section-title,section#section7 .section-title {
    max-width: 800px;
    margin: auto;
}

.infochart-block-image img {
    max-width: 80%;
}

.infochar-contentbox h4 {
    font-size: 22px;
}

.infochar-contentbox p, .infochar-contentbox li {
    font-size: 18px;
    line-height: 26px;
}

.infochart-block-content-left .infochar-contentbox {
    padding-left: 0;
}

.infochar-line.infochart-greyline {
    height: 150px;
}

.infochar-line.infochart-greenline {
    height: 370px;
}

.infochar-line.infochart-yellowline {
    height: 450px;
}

.infobar-circle3 {
    width: 40px;
    height: 40px;
    left: -17px;
}

span.testi-blocks img {
    max-width: 63%;
}

.section6-wrap {
    padding: 0 180px;
}

.testi-content p {
    font-size: 18px;
    line-height: 24px;
}
.hero-section h1 {
    font-size: 30px;
}

.hero-section h4 {
    font-size: 20px;
    max-width: 700px;
}

.why-page .section h3 {
    font-size: 26px;
}

.why-page .section p {
    font-size: 18px;
}
.right-content .weboo-text {
    font-size: 70px;
}

.why-page .bottom-section .bottom-container h5 {
    font-size: 22px;
}

.why-page .bottom-section .bottom-container {
    min-height: initial;
    padding: 70px 30px;
}

.dot-image img {
    /* max-width: 84%; */
}

.dot-image.third-grid-dots {
    right: 22px;
    top: -145px;
}

.dot-image img {
    max-width: 80%;
}

.hero-section .dot-image img {
    max-width: 100%;
}

.dot-image.second-grid-dots img {
    max-width: 20%;
}

.dot-image.second-grid-dots {
    top: -135px;
}

.why-page .comptitor-section .left-images li {
    padding: 0 25px;
}
.hero-section h1 span:after {
    width: 40%;
}

.ab-section2 .dot-image.second-grid-dots {
    top: -124px;
}

section.ab-section2 .ab-section-content h4 {
    font-size: 24px;
}

.footer-locations div{
    width: 50%;
}

}

@media(max-width:1280px){
  section#section1 h3{width:80%;}
  .homebanner-container{/* width:85%; */}
  section#section1 h3:before{
  	width: 800px;
  }
.section4-circleimage-wrap{
	left: -88px;
}
.section4-circleimage-wrap-left {
    right: -40px;
    left: auto;
}
.section4-leftside .section4-title {
    margin-left: -20px;
    padding-right: 10px;
}
.footer-container {
    padding: 50px 15px 20px !important;
}
.testi-content p {
    font-size: 16px;
    line-height: 22px;
}
.section1-contentbox h4 {
    font-size: 16px;
}
}

@media(max-width: 1199px){

.topmenu ul li a {
    font-size: 14px;
}

.topmenu ul li {
    padding: 0 8px;
}

.rightmenu {
    width: 35%;
}

w {}

.leftmenu {
    width: 65%;
}

.trialbtn a {
    font-size: 14px;
}
div#homeheader{
    height: auto;
}
.homebanner-container h1 {
    font-size: 40px;
    line-height: 46px;
}

.homebanner-container p {
    font-size: 22px;
    line-height: 26px;
}

.homebaner-rightside {
    width: 40%;
}

.homebanner-container p span {
    font-size: 15px;
}

.banner-starttrial input,.banner-starttrial input[type=submit] {
    max-width: 100%;
    width: 45%;
}

.banner-starttrial input[type=submit] {
    margin: 10px 0 0;
}

.banner-starttrial {
    margin-top: 40px;
}

.banner-videotext {
    font-size: 17px;
}

section#section1 h3 {
    font-size: 25px;
}

section#section1 h3:before {
    width: 815px;
    border-right-width: 680px;
    top: -48px;
    height: 90px;
    border-top-width: 40px;
}

.section1-iconbox, .section2-iconbox, .section3-iconbox, .section4-iconbox {
    width: 120px;
    height: 120px;
}

.section1-boxwrap {
    max-width: 100%;
    padding: 40px 15px 17px;
    min-height: 395px;
}

.cstm-container {
    max-width: 100%;
    width: 100%;
}

.section1-contentbox p {
    font-size: 14px;
    line-height: 24px;
}

section {
    padding: 50px 0;
}

section h3, .section-title h3 {
    font-size: 25px;
}

#section2 .col-sm-4,#section2 .col-sm-8 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.section2-boxwrap {
    width: 50%;
    float: left;
}

.comm-imageright {
    position: relative;
    padding-bottom: 0;
}

.comm-titlebox-wrap {
    flex-direction: row-reverse;
}

.comm-titlebox {
    text-align: left;
    padding-left: 15px;
    padding-right: 0;
}

.section2-boxwrap p {
    text-align: left;
}

.section2-boxwrap {
    border-right: none;
    border-left: 8px solid #f2f2f2;
}

.section2-boxwrap:hover {
    border-right: none;
    /* border-left: 8px solid #00bbbc; */
}

.section2-boxwrap1:hover {
    border-left: 8px solid #00bbbc;
}

.biggreen-circle {
    width: 300px;
    height: 300px;
}

.smallblue-circle {
    width: 150px;
    height: 150px;
}

.section3-circlewrap {
    left: -200px;
}

#section2 .fullsection {
    padding-bottom: 0;
}

.section3-leftside {
    padding-left: 60px;
    padding-top: 75px;
}

section#section3 {
    padding: 50px 0;
}

.section3-contentbox p {
    font-size: 18px;
}

.section3-rightside {
    padding-right: 20px;
}

.section4-title h4 {
    font-size: 24px;
}

.section4-circleimage-wrap img {
    max-height: 250px;
}

.section4-contentbox p {
    font-size: 16px;
}

.btn-case {
    font-size: 20px;
    line-height: 30px;
}

.join-agency-btn a {
    font-size: 18px;
    padding: 10px 20px;
}

section#section6 {
    padding: 50px 0 0px;
}

.section6-wrap {
    padding: 0 100px;
}
span.testi-blocks img {
    display: inline;
}

span.blocktop {
    left: -30px;
    top: -35px;
}
span.blockbottom {
    right: -30px;
    text-align: right;
    bottom: 68px;
}

.section-title, section#section7 .section-title {
    max-width: 630px;
}

.section-title p {
    max-width: 520px;
}

.infochar-contentbox h4 {
    font-size: 24px;
}

.infochar-line.infochart-greyline {
    height: 100px;
}

.infochar-line.infochart-greenline {
    height: 350px;
}

.infochar-line.infochart-yellowline {
    height: 420px;
}

.infobar-circle1 {
    top: 100px;
}

.footer-container ul li a {
    font-size: 12px;
}

.footer-container .footer-title {
    font-size: 16px;
}

.infochar-contentbox p, .infochar-contentbox li {
    font-size: 18px;
}
.hero-section .dot-image {
    bottom: -60px;
}

.hero-section .dot-image img {
    max-width: 80%;
    float: right;
}

.dot-image.second-grid-dots {
    top: -111px;
}

.dot-image.third-grid-dots {
    right: 0;
}

.dot-image.third-grid-dots img {
    float: right;
}

.why-page .section h3 {
    font-size: 24px;
}

.why-page .bottom-section .bottom-container {
    padding: 40px 20px;
}

.why-page .bottom-section {
    margin: 70px 0;
}

.why-page .section.section-two {
    padding-bottom: 20px;
}
.hero-section h1 {
    font-size: 28px;
}

.aboutus-page .section-content p {
    font-size: 18px;
}

section.ab-section2 .ab-section-content h4 {
    font-size: 21px;
}

.ab-section2 .dot-image.second-grid-dots {
    top: -100px;
}

.ab-history-content p {
    font-size: 16px;
    line-height: 26px;
}

.team-section button.slick-arrow.slick-prev {
    left: 0;
    font-size: 55px;
}

.team-section button.slick-arrow.slick-next {
    right: 0;
    font-size: 55px;
}

.teambox-wrap h4 {
    font-size: 21px;
}
.section4-leftside .section4-title {
    margin-left: -30px;
}
.footer-container{
    padding: 50px 30px 20px !important;
}
#section6 .testi-blocks{
	display: none !important;
}
.hm-agency-logo.slick-active{
	border: 0 none;
}
.comm-imagebottom-right{
	display: none;
}
.section3-circlewrap{
	display: none;
}
.comm-titlebox h5{
	margin-bottom: 8px;
}
.comm-mainimagebox{
	position: relative;
    left: auto;
    top: auto;
    margin-top: -155px;
    padding-bottom: 50px;
    text-align: center;
}
.comm-imageright {
    padding: 15px 30px;
}

.hmlogo-slide button.slick-prev{
	left: -60px;
}
.hmlogo-slide button.slick-next{
	right: -60px;
}
.colbx-signup-5 h1{
    font-size: 22px !important;
}


}

@media(max-width: 1024px){
	section#section1 h3:before {
    	width: 745px;
	}	
}


@media(max-width: 991px){

button#showRight {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    position: fixed;
    top: 12px;
    left: 30px;
    z-index: 99
}

button#showRight span {
    width: 100%;
    display: block;
    background-color: #1d1d5c;
    height: 3px;
    margin: 4px 0;
}

.mainlogo {
    padding-left: 30px;
}
.topmenu ul li a {
    font-size: 12px;
}

.rightmenu {
    width: 35%;
}

.videobtn {
    width: 80px;
    height: 80px;
}

.videobtn:before {
    border-width: 15px;
    height: 30px;
    border-left-width: 25px;
    left: 20px;
}

.homebaner-rightside {
    position: absolute;
    right: 0;
    padding-top: 0;
}

.homebanner-container {
    position: relative;
    padding: 120px 0 80px;
}
.banner-starttrial input,.banner-starttrial input[type=submit]{width: auto; padding: 0 15px;}
section#section1 h3 {
    font-size: 21px;
}

section#section1 h3:before {
    width: 620px;
    border-right-width: 540px;
    top: -50px;
    left: 6px;
    border-top-width: 40px;
}

.section1-boxwrap {
	display: table;
    margin-bottom: 20px;
    padding: 25px 25px;
    min-height: initial;
    align-items: center;
    width: 100%;
}
.section1-boxwrap > div{
	display: table-cell;
	vertical-align: middle;
}
.section1-contentbox {
    padding-left: 20px;
}

.section-title p {
    font-size: 18px;
}

section {
    padding: 30px 0;
}

.cstm-container {
    width: 90%;
}

.section2-boxwrap {
    padding: 12px 15px;
}
.comm-imageright {padding: 30px 0 0px;display: block;}

.section3-circlewrap {
    display: none;
}

.comm-imagetop-left img {
    max-width: 35%;
}

.comm-imagebottom-right {
    width: 80px;
    height: 80px;
    bottom: -25px;
}

.section3-leftside {
    padding: 0;
    padding-top: 70px;
}

section h3, .section-title h3 {
    font-size: 22px;
}

img.dot-grid {
    top: -49px;
}

.section3-rightside h3 {
    margin-bottom: 30px;
}
#section2 .col-sm-4 {
    padding: 0;
}

section#section4 {
    margin-top: 0px;
    padding-top: 15px;
}
.section4-toptitlebox {
    flex-direction: column;
    padding: 20px;
}

.section4-circleimage-wrap {
    left: auto;
    top: auto;
}

.section4-leftside .section4-title {
    margin: 0;
    padding-top: 20px;
}

.section4-title h4 {
    font-size: 18px;
    padding: 0;
    text-align: left;
}

.section4-title h4 br {
    display: none;
}

.section4-title {
    width: 100%;
    left: auto;
    padding-top: 20px;
}

.section4-contentbox {
    padding: 0 20px 25px;
    margin: 0;
}

#section4 .cstm-container {
    width: 90%;
}

.section4-circleimage-wrap img {
    max-height: 230px;
    max-width: 100%;
}

.section4-title h4:before {
    display: none;
}

.section4-rightside .section4-toptitlebox {
    flex-direction: column-reverse;
}

.section4-circleimage-wrap-left {
    right: auto;
}

.section4-title.section4-titleleft h4 {
    text-align: left;
}

.section4-contentbox .btn-case {
    left: auto;
}

.btn-case {
    font-size: 14px;
}

.join-agency-btn a {
    font-size: 19px;
}

.join-agency-btn {
    margin-top: 40px;
}

.hm-agency-logo img {
    max-height: 60px;
}

section#section5 {
    padding: 40px 0;
}

span.testi-blocks img {
    max-width: 39%;
}

span.blocktop {
    left: -15px;
}

.section6-wrap {
    padding: 0 60px;
}

.infochart-block-content-right .infochar-contentbox {
    padding: 0;
    padding-left: 25px;
}

.infochart-block-content-left .infochar-contentbox {
    padding-right: 25px;
}

.infochar-contentbox h4 {
    font-size: 20px;
}

.infochar-contentbox p, .infochar-contentbox li {
    font-size: 18px;
}

/*.infochar-contentbox li {
    padding: 8px 0;
}*/

.infochart-block {
    padding: 60px 0;
}

.infochar-line.infochart-greenline {
    height: 300px;
}

.infochart-bottombtn {
    margin-top: 30px;
}

section#section1 {
    padding: 50px 0 30px;
}

.section1-contentbox p {
    font-size: 14px;
}
.why-page section.hero-section {
    padding: 120px 0 80px;
}

.hero-section h1 {
    font-size: 28px;
}

.hero-section h4 {
    font-size: 20px;
}

.down-arrow {
    width: 80px;
    height: 80px;
    bottom: -36px;
}

.why-page .section h3 {
    font-size: 21px;
}

.why-page .section p {
    font-size: 16px;
}

.why-page .section img {
    /*max-width: 50%;*/
}

.why-page .section .left-images img {
    max-width: 100%;
}

.why-page .comptitor-section .left-images li {
    width: 45%;
    padding: 0 10px;
    text-align: center;
}

.why-page .comptitor-section .left-images {
    padding-left: 0;
}

.why-page .comptitor-section .left-images li:nth-child(3), .why-page .comptitor-section .left-images li:nth-child(7) {
    padding: 0 20px;
}

.right-content .weboo-text {
    font-size: 50px;
}

.why-page .section.section-three {
    padding: 50px 0;
}

.why-page .bottom-section .trialbtn a {
    font-size: 14px;
}

.why-page .bottom-section .bottom-container h5 {
    font-size: 17px;
}

.why-page .section .dot-image.second-grid-dots img {
    max-width: 19%;
}

.dot-image.second-grid-dots {
    top: -77px;
}

.dot-image.third-grid-dots {
    top: -88px;
}

.hero-section .dot-image {
    bottom: -49px;
}

.hero-section .dot-image img {
    max-width: 65%;
}
.team-section {
    max-width: 500px;
    padding: 20px 0;
}

.team-box {
    padding: 0 20px;
}

section.ab-section3 {
    padding: 100px 0;
}

.histroybar-top, .histroybar-bottom {
    height: 80%;
}

.hero-section {
    padding-top: 120px;
}

.hero-section h1 span:after {
    width: 50%;
    border-width: 3px;
}

.hero-section h1 {
    font-size: 26px;
}

.aboutus-page .section-content p {
    font-size: 17px;
}

section.section.ab-section1 {
    padding: 50px 0;
}

.ab-section2 .dot-image.second-grid-dots {
    top: -75px;
}

section.ab-section2 .ab-section-content h4 {
    font-size: 18px;
}

.histroybar-bottom {
    bottom: -55px;
}
.social-media ul li:last-child {
    margin-right: 0;
}

.footer-right {
    padding-left: 0;
    padding-right: 0;
}
.section1-iconbox, 
.section2-iconbox, 
.section3-iconbox,
.section4-iconbox{
	margin: 0;
}
.section1-boxwrap .section1-contentbox p{
	margin: 0;
}
.hm-agency-logo{
	padding: 0;
}
}
@media(max-width:800px){
	section#section1 h3:before{
		content: none;
	}
	.section2-boxwrap {
	    padding: 12px 15px;
	    min-height: 190px;
	}
	.comm-imageright {
    	padding: 0px 0 0px;
	}
	img.dot-grid,
	.comm-imagetop-left {
	    display: none;
	}
	.comm-mainimagebox{
		margin-top: 0;
	}
	.section4-boxwrap{
		min-height: 767px;
	}
	form.colbx-form .colbx-type-form-group input,
	.colbx-signup-5 .colbx-signup-form-group .colbx-signup-form form.colbx-form .colbx-type-form-group input{
		padding: 8px 15px !important;
		font-size: 14px;
	}
	.colbx-signup-5 .colbx-signup-form-group .colbx-signup-form form.colbx-form button.btn.btn-default{
		float: left !important;
		position: relative;
	}
	.colbx-signup-5 .g-recaptcha {
	    transform: scale(0.9);
	    transform-origin: left;
	}
	.colbx-form-group.colbx-form-group-subdomain{
		padding-right: 120px !important; 
	}
	.colbx-form-group.colbx-form-group-subdomain input#txtUsersDomain{
		width: 120px !important;
		padding: 8px 15px !important;
	}
	button#btn-country{
		padding: 9px 14px 8px !important;
	}
}

@media(max-width:767px){
  .mob-menu{display: block}
  /*.banner-starttrial .after-slide{transform: translateX(0%);}   
  .banner-starttrial .before-slide{transform: translateX(100%);}*/
 .error_masseage ul li {line-height: 1.5;margin-bottom: 10px;} 
  button#showRight{left:20px;}
  header nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    background-color: #c9def1;
}
.comm-mainimagebox img{
	z-index: 2;
}
.mainlogo {
    padding: 10px 0 10px 70px;
}
.rightmenu{padding-right: 10px;width: 82%;}
   .topmenu {
    display: none;
}
.trialbtn a {
    font-size: 12px;
}
.mainlogo {
    font-size: 24px;
}
.homebaner-leftside,.homebaner-rightside {
    width: 80%;
    padding: 0;
}

.homebaner-rightside {
    position: relative;
}

.homebanner-container {
    width: 100%;
    flex-direction: column;
    padding: 100px 20px 80px;
}

.videobtn {
    display: none;
}

.banner-starttrial input, .banner-starttrial input[type=submit],.banner-starttrial input[type=button] {
    width: 100%;
    max-width: 100% !important;
    margin-right: 0
}
.banner-starttrial {
    display: block;
    max-width: 300px !important;
}
.homebanner-container h1 {
    font-size: 20px;
    line-height: 26px;
}

.homebanner-container p {
    font-size: 18px;
}

.banner-videotext {
    font-size: 16px;
}
section#section1 {
    padding-top: 0;
}
section h3, .section-title h3,section#section1 h3 {
    font-size: 19px;
}

section#section1 h3:before {
    display: none;
}

section#section1 h3 {
    max-width: 100%;
    width: 100%;
}

.section1-boxwrap {
    display: block;
}
.section1-boxwrap > div{
	display: block;
}
.section1-iconbox, .section2-iconbox, .section3-iconbox, .section4-iconbox {
    width: 80px;
    height: 80px;
    display: flex !important;
    margin: 0 auto 10px; 
}

.section1-contentbox {
    text-align: center;padding: 0
}

.section1-contentbox h4 {
    font-size: 17px;
}

.section1-contentbox p {
    font-size: 14px;
    line-height: 24px;
}

.section-title p {
    font-size: 16px;
    line-height: 21px;
}

.section2-boxwrap {
    width: 100%;
    min-height: 0px;
}

.cstm-container {
    width: 100%;
}

.section2-boxwrap p {
    font-size: 15px;
}

.comm-titlebox h5 {
    font-size: 17px;
}

.cstm-container .row {
    margin: 0;
}

.comm-mainimagebox {
    top: auto;
    left: auto;
}

.comm-imagetop-left {
    display: none;
}

.comm-imagebottom-right {
    display: none;
}

.section3-mainwrap {
    flex-direction: column;
}

img.dot-grid {
    right: auto;
    display: none;
}

section#section3 {
    padding: 20px 0;
}
.section3-leftside,.section3-rightside,#section4 .cstm-container {
    width: 100%;
}
.section4-leftside, .section4-rightside,.section3-rightside{padding: 0}

.section3-contentbox p {
    font-size: 16px;
    line-height: 21px;
}

.section3-leftside {
    padding: 0;
    display: block;
    text-align: center;
}

.section3-leftbox2 {
    right: auto;
}

.section4-title h4 {
    font-size: 19px;
}

.section4-circleimage-wrap img {
    max-height: 150px;
}

.section4-contentbox p {
    font-size: 15px;
    line-height: 21px;
}

section#section4 {
    margin-top: 0;
}

.section4-leftside,.section4-rightside {
    border: none;
    margin: 10px 0;
}
.section4-toptitlebox{align-items: start}
.section4-contentbox {
    min-height: initial;
}

.section4-contentbox .btn-case {
    position: relative;
}

.join-agency-btn a {
    font-size: 15px;
    padding: 7px 10px;
}
.hm-agency-logo{border-left: 0}
span.testi-blocks {
    text-align: center;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

span.testi-blocks img {
    max-width: 15%;
    display: inline-block;
}

section#section6 {
    padding: 40px 0;
}
.infochart-bar {
    display: none;
}

.infochart-block {
    flex-direction: column;
    padding: 30px  0;
}

.infochart-block-image img {
    max-width: 60%;
    margin: 0 auto;
}

.infochar-contentbox h4 {
    font-size: 18px;
}

.infochar-contentbox,.infochart-block-content-right .infochar-contentbox {
    margin-top: 25px;
    padding: 0;
}
.infochar-contentbox ul, 
.infochart-block-content-right .infochar-contentbox ul{
	list-style: none;
}
.infochar-contentbox p, .infochar-contentbox li {
    font-size: 16px;
}

.col-xs-12.infochart-block.infochart-block-right {
    flex-direction: column-reverse;
}

.infochart-block-content-left .infochar-contentbox,.infochar-contentbox {
    text-align: center;
    padding: 0;
}

.infochar-contentbox li {
}

.footer-wrapper {
    text-align: center;
}

.footer-container ul li a {
    font-size: 15px;
}

.footer-right .col-one-fifth {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.footer-wrapper .footer-right ul li {
    padding: 4px 0;
}

.footer-container {
    padding-bottom: 0;
}

.section6-wrap {
    padding: 0 40px;
}
.testimonial-slider button.slick-arrow{
	font-size: 40px;
}
.testimonial-slider button.slick-prev{
	left: -40px;
}
.testimonial-slider button.slick-next{
	right: -40px;
}
.testi-slider-item {
    flex-direction: column;
    padding: 35px 0;
}

.slick-track .section6-wrapbox:nth-child(even) .testi-slider-item {
    flex-direction: column-reverse;
}

.testicircle-wrap {
    margin: 0 auto 15px;
}

.testi-content {
    text-align: center;
}

.testi-content p {
    font-size: 16px;
    font-weight: 400;
}
.slick-list {
    padding: 0!important;
}

span.testi-blocks.blocktop {
    margin-bottom: 25px;
}
.infochart-bottombtn {
    margin: 0;
}
.hero-section h1 {
    font-size: 24px;
}

.hero-section h4 {
    font-size: 17px;
}

.dot-image {
    display: none;
}

.why-page .section h3 {
    font-size: 20px;
}

.why-page .section h3 br {
    display: none;
}

.why-page .section img {
    max-width: 100%;
}

.why-page .comptitor-section .left-images {
    border-right: none;
    border-bottom: 8px solid #ffffff;
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
}

.why-page .comptitor-section {
    margin: 40px 0;
}

.why-page .bottom-section .trialbtn {
    text-align: center;
}

.bottom-section-content {
    text-align: center;
}

.why-page .bottom-section {
    margin: 0;
}
.hero-content {
    padding: 0 30px;
}

.aboutus-page .hero-content h1 {
    font-size: 19px;
}

.aboutus-page .section-content p {
    font-size: 16px;
}

.ab-history-section {
    display: block;
}

.histroybar, .histroybar-top, .histroybar-bottom {
    display: none;
}

.ab-history-icon {
    margin: 0 auto 12px;
}

.ab-history-content {
    text-align: center;
}

.team-section {
    max-width: 300px;
    padding: 15px 0;
}

.team-section button.slick-arrow.slick-prev {
    font-size: 40px;
    left: -10px;
}

.team-section button.slick-arrow.slick-next {
    font-size: 40px;
    right: -10px;
}
.team-box {
    padding: 0 15px;
}
section.ab-section3 {
    padding: 40px 0;
}
.section4-boxwrap{
	min-height: 0;
    max-width: 100%;
}
.footer-container .footer-logo{
	text-align: center;
}
.footer-container .footer-logo a{
	display: inline-block;
}
.footer-locations div {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 0;
}
.footer-locations div:last-child{
	margin-bottom: 0;
}
.footer-locations{text-align: center;}
.footer-locations span {margin-bottom: 10px;}
.footer-locations ul{
	margin: 0;
}
.footer-locations p, .footer-locations li {
    font-size: 15px;
    margin-bottom: 5px;
}
.foot-location{
	padding-bottom: 0;
}
.footer-locations div:before {
    position: relative;
    margin: 0 auto 3px;
}
.section-title{
	padding-left: 15px;
	padding-right: 15px;
}
.banner-starttrial input{
	font-size: 14px;
	line-height: 32px;
}
.why-page .bottom-section .trialbtn a{
	padding: 18px 20px;
}
section#section7{
  padding-top: 5px;
}


}

@media(max-width:480px){

	.infochart-block{
		padding: 10px 0px;
	}
	.trialbtn a{
		font-size: 6px;
		
	}
	.mainlogo {
	    padding: 18px 0 10px 70px;
	}
	.mainlogo img{
		max-width: 105px !important;
	} 
	.section6-wrap {
	    padding: 0 10px;
	}
	
}


section#section4 .section4-title {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
}
section#section4 .section4-leftside .section4-title {
    position: relative;
    left: 0px;
}

.bottom-section .bottom-container{max-width: 1220px;margin: 0 auto;background-color: #00cecf;color: #ffffff;min-height: 260px;padding: 0 90px 0 60px;}
 .bottom-section .bottom-container h5{font-size: 25px;font-weight: 600;line-height: 1.4;}
/* .bottom-section .trialbtn{text-align: right;}*/
.bottom-section .trialbtn {
float: right;
}
.bottom-section .row {
    align-items: center;
}
 /*.bottom-section .trialbtn a{padding: 18px 32px;background-color: #ffffff;color: #1d1d5c;border-radius: 25px;font-size: 16px;}*/
.bottom-section .trialbtn a {
    background-color: #ff6767;
    color: #fff;
    font-size: 16px;
    border: 1px solid #ff6767;
}
 .bottom-section .trialbtn a:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #ff6767;
}

 .section3-contentbox .information p {text-align: right; font-weight:600; color:#00BBBC;margin-bottom: 0px;}
.why-page .right-content .weboo-text img {width: 100%;}
.section4-boxwrap .section4-contentbox li {font-weight: 600;}
.bottom-section .bottom-container {min-height: 190px;}

@media screen and (max-width: 576px) {
  
section#section4 .cstm-container .row>div {flex: 100%;max-width: 100%;margin-bottom: 30px;border: 0;}

section#section4 .cstm-container .row>div>div {max-width: 100%;padding: 30px;}

}

.section3-contentbox a.btn-more {
    margin-top: 60px;
    float: right;
    margin-right: 20px;
}

.infochar-contentbox p, .infochar-contentbox li {list-style: none;}

@media screen and (min-width: 1280px) {
    
    section#section4 .section4-leftside .section4-title {
    position: relative;
    margin-left: -50px;
}
    
}

.trialbtn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.trialbtn a{line-height:10px;}

.top-phone {margin: 10px;}
.banner-starttrial {margin: 50px auto 0;}
.homebanner-container p{max-width: 900px; margin: auto;}
.banner-starttrial .btn-more:after {display: none;}
.section-content{padding-bottom: 30px;}

.brand-sm-wrap {display: flex;align-items: center;}

.brand-sm img {max-height: 75px;margin: 0 15px;}
section.ab-section2.bottom-logo .dot-image.second-grid-dots {
    display: none;
}
.brand-sm {
    border: 3px solid #1d1d5c;
    margin: 0 15px;
    padding: 10px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}


#homeheader .banner-starttrial {
    max-width: 100%;
    margin: 20px 0;
}
.homebanner-container>div {
    align-items: center;
}