@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Varela&display=swap');

/*

font-family: 'Oswald', sans-serif;

flat dark purple: #4B495E
flat dark blue :#45515D
*/

body {color:#45515D;}


.parsley-errors-list{margin:0px;padding:0px;list-style: none;}
.parsley-required {color:#f00;font-size:12px;margin-top:5px}


.sect-title {font-size:42px;color:#4B495E;font-family: 'Oswald', sans-serif;font-weight:700;}
.sect-title-w {color:#fff;}


/* https://codepen.io/ekrof/pen/gryEJP/ */
/* ============================================ MENU ================================================== */
.header-cont {z-index:1000;padding:15px 0px 0px;width:100%;position:fixed;background:rgba(255,255,255,0.8); -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);}
.header-cont .header-top {text-align:right;}
.menu-cont .logo-cont {position:absolute;top:5px; left:10px;z-index:2000;}
.header-cont .header-body .menu-cont {display:inline-block;vertical-align: bottom;float:right;margin-top:30px;}
.header-mobile {position:absolute;top:15px; right:15px;display:none;}

.mynav {margin:0 auto;}
.menu-cont {position: relative;z-index: 1000;text-transform: uppercase;}
.menu {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.menu ul {padding: 0px;list-style: none;position: relative;display: table;margin:0 auto;}
.menu ul li {padding: 0px;}
.menu > ul > li {display: inline-block;position:relative;}
.menu ul li a {display: block;text-decoration: none;color: #0F7375;font-size:12px;}
.menu ul li:hover {background: #fff;color: #0F7375;}
.menu ul li > a {color: #0F7375;padding: 24px 12px;}
.menu ul ul {display: none;position: absolute;top: 100%;right:0px;min-width: 200px;;border: 0px solid #0b175c;text-align:right; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);}
.menu ul li:hover > ul {display: block;}
.menu ul ul > li {position: relative;}
.menu ul ul > li a {color:#0F7375;padding: 10px 15px 10px 10px;height: auto;background-color:#fff;}
.menu ul ul > li a:hover {background: #0F7375;color: #fff;}
.menu ul ul ul {position: absolute;left: 100%;top: 0;}

.mobile-social-bar {display:none;}
.mobile-loc {display:none;}
.menu-link {display: none;}
.mobile-btn {width: 42px;height: 32px;background: #0F7375;border: 2px solid #0F7375;padding: 8px 8px 4px 8px;border-radius: 5px;}
.mobile-btn .icon-bar {height: 2px;background: #fff;margin-bottom: 4px;}

@media all and (max-width: 992px) {
    .mynav {display: block;width: 100%;background: #fff;}
    a.menu-link {display: block;color: #0F7375;float: right;text-decoration: none;padding: 16px 0px;}
    .menu {clear: both;min-width: inherit;float: none;}
    .menu,.menu > ul ul {overflow: hidden;max-height: 0;background: #fff;}
    .menu > li > ul.sub-menu {padding: 0px;border: none;}
    .menu.active,.menu > ul ul.active {max-height: 55em;}
    .menu ul {display: inline;width:100%;}
    /*.menu > ul { border-top: 1px solid #808080; }*/
    .menu li,.menu > ul > li {display: block;}
    .menu li a {color: #222;display: block;padding: 0.8em;border-bottom: 1px solid #555;position: relative;}
    .menu li:last-child>a {border:none;}
    .menu li.has-submenu > a:after {content: '+';position: absolute;top: 0;right: 0;display: block;font-size: 1.5em;padding: 0.25em 0.5em;}
    .menu li.has-submenu > a.active:after {content: "-";}
    .menu ul ul {width:100%;}
    .menu ul li > a {background-color: #fff;color:#0F7375;font-weight:bold;font-size:14px;text-transform: uppercase;}
    .menu ul ul > li a {background: #fff;height: 58px;padding: 19px 18px 19px 30px;color:#0F7375;font-weight:bold;font-size:14px;text-transform: uppercase;}
    .menu ul ul,.menu ul ul ul {display: inherit;position: relative;left: auto;top: auto;border: none;}
  }



/* ======================================= MAIN BANNER ======================================= */
.main-nbanner-cont {position:relative;background-image:url(../images/clouds-bg.jpg);background-size:cover;background-repeat:no-repeat;min-height:620px;}
.mb-comp {position:absolute;}
.mb-text {left:40%;bottom:31%;}
.mb-text h1 {color:#fff;font-family: 'Oswald', sans-serif;line-height:64px;font-size:60px;font-weight:700;}
.mb-text .sub-main-text {font-family: 'Oswald', sans-serif;font-weight:300;color:#45515D;font-size:30px;max-width:400px;margin-bottom:20px;}
.mb-clouds-g {width:100%;background-image:url(../images/clouds-g.png);background-size:cover;background-repeat:no-repeat;bottom:0px;}
.mb-rocket {bottom:0px;}
.mb-clouds-w {width:100%;background-image:url(../images/clouds-w.png);background-size:cover;background-repeat:no-repeat;bottom:0px;}


/* ======================================= WHAT IS SEO ======================================= */
.wis-cont {position:relative;background-color:#fff;padding:40px 0px;}
.col-whatis-text .sect-title {margin-bottom:30px;}


/* ======================================= ABOUT ======================================= */
.aboutus-cont {
    background: #7fcdc8; /* Ol d browsers */
    background: -moz-linear-gradient(top,  #7fcdc8 0%, #77b1d6 41%, #4197db 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7fcdc8 0%,#77b1d6 41%,#4197db 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7fcdc8 0%,#77b1d6 41%,#4197db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fcdc8', endColorstr='#4197db',GradientType=0 ); /* IE6-9 */
    color:#fff;
}
.au-container {position:relative;}


/* ======================================= SOCIAL MARKETING / PORTFOLIO ======================================= */
.port-cont {color:#fff;position:relative;}
.port-back-cont {position:absolute;width:100%;min-height:340px;}
.port-back {float:left;width:50%;min-height:340px;}
.port-back-l {
    background: #f7c457; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7c457 0%, #e04026 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7c457 0%,#e04026 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7c457 0%,#e04026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c457', endColorstr='#e04026',GradientType=0 ); /* IE6-9 */
}
.port-back-r {
    background: #49525d; /* Old browsers */
    background: -moz-linear-gradient(left,  #49525d 0%, #76797c 23%, #231f20 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #49525d 0%,#76797c 23%,#231f20 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #49525d 0%,#76797c 23%,#231f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49525d', endColorstr='#231f20',GradientType=1 ); /* IE6-9 */

}
.port-cont-cols {position:relative;padding-top:30px;padding-bottom:30px;min-height:340px;}
.port-cont-cols-r {padding-left:30px;}
.port-cont .sect-title {font-size:38px;max-width:70%;}
.port-cont .learn-more-cont-l {position:absolute;left:15px;bottom:50px;z-index:1000}
.port-cont .learn-more-cont-r {position:absolute;left:30px;bottom:50px;z-index:1000}
.port-img-cont-l {position:absolute;right:30px;bottom:0px;}
.port-img-cont-r {position:absolute;right:30px;bottom:20px;}


/* ======================================= CIRCLES ======================================= */
.circles-cont {background-image:url(../images/seo-background.jpg);background-position:50%;background-size:cover;padding:60px 0px;}
.circle-row {display:block;text-align:center;margin:0 auto;}
.circle-item {display:inline-block;margin:0px 10px;}


/* ======================================= SUCCESS ======================================= */
.success-cont {background-color:#eae9f5;padding:60px 0px;}
.success-cont .col-l {background-color:#43b1e1;}
.success-cont .col-r {background-color:#fff;}
.success-cont .success-sm-text {font-size:26px;font-family: 'Oswald', sans-serif;font-weight:700;color:#000;}
.success-cont .success-lg-text {padding:20px 40px;;font-size:42px;font-family: 'Oswald', sans-serif;font-weight:700;color:#fff;}
.success-cont .site-url {padding:0px 30px;font-size:22px;font-family: 'Oswald', sans-serif;font-weight:700;color:#000;}
.success-cont .site-url a, .success-cont .site-url a:hover {text-decoration:none;color:#000;}
.success-cont .site-desc {padding:30px;}


/* ======================================= RULES ======================================= */
.rules-cont {
    color:#fff;
    background: #ab5099; /* Old browsers */
    background: -moz-linear-gradient(left,  #ab5099 0%, #e5088c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ab5099 0%,#e5088c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ab5099 0%,#e5088c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab5099', endColorstr='#e5088c',GradientType=1 ); /* IE6-9 */
}

.rules-cont a {color:#fff;}


/* ======================================= PACKAGES ======================================= */
.packages-cont {background-image:url(../images/seo-rocket-background.jpg);background-position:50% 20%;background-size:cover;padding:60px 0px;}
.packages-cont .top-img {text-align:center;margin-bottom:30px;}
.packages-cont .pack-top {text-align:center;padding:30px;font-family: 'Oswald', sans-serif;font-weight:700;color:#fff;font-size:40px;}
.packages-cont .pack-top-1, .pack-head-1 {background-color:#9bbb58;}
.packages-cont .pack-top-2, .pack-head-2 {background-color:#14afbf;}
.packages-cont .pack-top-3, .pack-head-3 {background-color:#f39b11;}
.packages-cont .pack-top-4, .pack-head-4 {background-color:#e5088c;}
.packages-cont .top-text {line-height:40px;}
.packages-cont .tt-sm {font-size:30px;}
.packages-cont .package-desc {position:relative;background-color:#eeeff0;padding:20px;min-height:880px;margin-bottom:30px;}
.packages-cont .learn-more-cont {position:absolute;right:0px;left:0px;bottom:20px;text-align:center;}

.package-modal-head {padding:20px;color:#fff;}
.package-modal-head-title {font-family: 'Oswald', sans-serif;font-weight:700;color:#fff;font-size:40px;}
.package-modal-head-sub-title {font-family: 'Oswald', sans-serif;font-weight:700;font-size:30px;}

.modal-body {padding:0px;}
.package-modal-body {padding:15px;}


/* ======================================= FOOTER ======================================= */
.contact-imp-cont {color:#fff;position:relative;}
.ci-back-cont {position:absolute;width:100%;min-height:440px;}
.ci-back {float:left;width:50%;min-height:440px;}
.ci-back-l {
    background: #8c6bcc; /* Old browsers */
    background: -moz-linear-gradient(left,  #8c6bcc 0%, #3f1386 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #8c6bcc 0%,#3f1386 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #8c6bcc 0%,#3f1386 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c6bcc', endColorstr='#3f1386',GradientType=1 ); /* IE6-9 */
}
.ci-back-r {
    background: #ffd869;
}
.ci-cont-cols {position:relative;padding-top:30px;padding-bottom:30px;min-height:440px;}
.ci-cont-cols-r {padding-left:30px;}
.contact-imp-cont .sect-title {font-size:38px;max-width:70%;}
.contact-imp-cont .learn-more-cont-l {position:absolute;left:15px;bottom:50px;}
.contact-imp-cont .learn-more-cont-r {position:absolute;left:30px;bottom:50px;}
.ci-img-cont {position:absolute;right:30px;bottom:0px;}
.ci-img-cont-r {position:absolute;right:30px;bottom:20px;width:54%}

.stats-cont {padding:150px 0px;background-image:url(../images/seo-stats-foot.jpg);background-position:50%;background-size:cover;}

.icons-cont {background-color:#fff;padding:50px;}
.social-icons-cont {display:block;margin:0 auto;margin-bottom:20px;}
.soc-icon {display:inline-block;background-color:#45515d;width:48px;height:48px;border-radius:48px;color:#fff;text-align:center;margin:0px 5px;font-size:24px;line-height:48px;}
.cust-support div {margin-bottom:8px;}
.cust-support a, .cust-support a:hover {color:#45515D;text-decoration:none;}
.col-icons-2 {text-align:center;}
.col-icons-3 {text-align:right;}

.f-contact-cont {background-color:#59636d;padding:30px 0px;}
.f-contact-cont .contact-info {color:#a1a7ad;}

.copy-cont {background-color:#46505c;padding:20px 0px;text-align:center;color:#a1a7ad;font-size:12px;}


/* ======================================= SOCIAL MARKETING ======================================= */
.sm-banner-cont {
    color:#fff;
    background: #f7c457; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7c457 0%, #e04026 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7c457 0%,#e04026 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7c457 0%,#e04026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c457', endColorstr='#e04026',GradientType=0 ); /* IE6-9 */
}

.sm-banner-cont .banner-title {margin-top:36px;font-size:66px;font-family: 'Oswald', sans-serif;font-weight:700;}
.sm-banner-cont .banner-sub-title {line-height:38px;font-size:33px;font-family: 'Oswald', sans-serif;font-weight:300;max-width:500px;margin-bottom:30px;}

.social-mark-cont {padding:60px 0px;}

.social-biz-cont {
    padding:60px 0px;
    color:#fff;
    background: #b563d1; /* Old browsers */
    background: -moz-linear-gradient(left,  #b563d1 0%, #f06352 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #b563d1 0%,#f06352 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #b563d1 0%,#f06352 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b563d1', endColorstr='#f06352',GradientType=1 ); /* IE6-9 */

}

.soc-programs-cont {background-image:url(../images/people-blur.jpg);background-position:50% 20%;background-size:cover;padding:60px 0px;}
.soc-programs-cont .top-img {text-align:center;margin-bottom:30px;}
.soc-programs-cont .prog-top {text-align:center;padding:30px;font-family: 'Oswald', sans-serif;font-weight:700;color:#fff;font-size:40px;}
.soc-programs-cont .prog-top-1, .prog-head-1 {background-color:#ebd960;}
.soc-programs-cont .prog-top-2, .prog-head-2 {background-color:#eba452;}
.soc-programs-cont .prog-top-3, .prog-head-3 {background-color:#df5e6a;}
.soc-programs-cont .top-text {line-height:40px;}
.soc-programs-cont .tt-sm {font-size:30px;}
.soc-programs-cont .program-desc {position:relative;background-color:#eeeff0;padding:20px;min-height:538px;margin-bottom:30px;}
.soc-programs-cont .learn-more-cont {position:absolute;right:0px;left:0px;bottom:20px;text-align:center;}

.program-modal-head {padding:20px;color:#fff;}
.program-modal-head-title {font-family: 'Oswald', sans-serif;font-weight:700;color:#fff;font-size:40px;}
.program-modal-head-sub-title {font-family: 'Oswald', sans-serif;font-weight:700;font-size:30px;}

.program-modal-body {padding:15px;}

.social-mark-2-cont {padding:60px 0px;}
.sm2-img-cont {background-color:#f4f6f7;}
.sm2-cont {padding:50px 0px;}
.view-slides-cont {
    padding:50px 0px;
    text-align:center;
    background: #a64a99; /* Old browsers */
    background: -moz-linear-gradient(left,  #a64a99 0%, #e2008c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #a64a99 0%,#e2008c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #a64a99 0%,#e2008c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a64a99', endColorstr='#e2008c',GradientType=1 ); /* IE6-9 */
}


/* ======================================= PORTFOLIO ======================================= */
.port-banner-cont {
    color:#fff;
    background: #444d5a; /* Old browsers */
    background: -moz-linear-gradient(top,  #444d5a 0%, #444d5a 0%, #5c5e62 43%, #231f20 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #444d5a 0%,#444d5a 0%,#5c5e62 43%,#231f20 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #444d5a 0%,#444d5a 0%,#5c5e62 43%,#231f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft. gradient( startColorstr='#444d5a', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
}
.port-banner-cont .banner-title {margin-top:36px;font-size:66px;font-family: 'Oswald', sans-serif;font-weight:700;}
.port-banner-cont .banner-sub-title {font-size:33px;font-family: 'Oswald', sans-serif;font-weight:300;max-width:500px;margin-bottom:30px;}

.port-results-cont {padding:60px 0px;}
.port-sm-title {color:#4B495E;font-size:28px;font-family: 'Oswald', sans-serif;font-weight:700;}
.pr-img-cont {margin-bottom:30px;}


/* ======================================= CONTACT US ======================================= */
.contact-banner-cont {
    color:#fff;
    padding:40px 0px;
    background: #a1fffe; /* Old browsers */
    background: -moz-linear-gradient(top,  #a1fffe 0%, #3487cb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #a1fffe 0%,#3487cb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #a1fffe 0%,#3487cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1fffe', endColorstr='#3487cb',GradientType=0 ); /* IE6-9 */
}

.contact-banner-cont .banner-title {font-size:66px;font-family: 'Oswald', sans-serif;font-weight:700;}
.contact-banner-cont .banner-sub-title {line-height:38px;font-size:33px;font-family: 'Oswald', sans-serif;font-weight:300;max-width:500px;margin-bottom:30px;}

.contact-form-cont {padding:60px 0px;}


/* ======================================= MEDIA QUERIES ======================================= */
@media (max-width: 992px) {
    .package-desc {min-height:658px;}
}

@media (max-width: 768px) {
    .about-wave {display:none;}

    .port-cont .container {max-width:100%;}
    .port-back-cont {display:none;}
    .port-cont-cols-l {
        background: #f7c457; /* Old browsers */
        background: -moz-linear-gradient(top,  #f7c457 0%, #e04026 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #f7c457 0%,#e04026 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #f7c457 0%,#e04026 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c457', endColorstr='#e04026',GradientType=0 ); /* IE6-9 */
    }
    .port-cont-cols-r {
        background: #49525d; /* Old browsers */
        background: -moz-linear-gradient(left,  #49525d 0%, #76797c 23%, #231f20 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #49525d 0%,#76797c 23%,#231f20 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #49525d 0%,#76797c 23%,#231f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49525d', endColorstr='#231f20',GradientType=1 ); /* IE6-9 */
    }
    .port-img-cont-l {position:absolute;right:30px;bottom:0px;width:44%}
    .port-img-cont-r {position:absolute;right:30px;bottom:106px;width:70%}

    .circle-item {margin:20px 10px;}

    .packages-cont .package-desc, .soc-packages-cont .package-desc {margin-bottom:30px;min-height:auto;padding-bottom:100px;}
    

    .ci-back-cont {display:none;}
    .contact-imp-cont .container {max-width:100%;}
    .ci-cont-cols-l {
        background: #8c6bcc; /* Old browsers */
        background: -moz-linear-gradient(left,  #8c6bcc 0%, #3f1386 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #8c6bcc 0%,#3f1386 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #8c6bcc 0%,#3f1386 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c6bcc', endColorstr='#3f1386',GradientType=1 ); /* IE6-9 */
    }
    .ci-cont-cols-r {background: #ffd869;}
    .ci-img-cont-r {width:60%;}

    .stats-cont {padding:100px 0px;background-position:80% 50%;}

    .col-icons-1 {margin-bottom:30px;}
    .col-icons-1, .col-icons-3 {text-align:center;}
}

@media (max-width: 600px) {
    .mb-text h1 {font-size:54px;line-height:54px;}
    .mb-text .sub-main-text {font-size:26px;}
}

@media (max-width: 520px) {
    .main-nbanner-cont {min-height:460px;}
    .mb-rocket {top:100px;}
    .mb-text {left:32%;top:10%;}
    .mb-text h1 {font-size:40px;line-height:40px;}
    .mb-text .sub-main-text {font-size:18px;max-width:220px;}
}


@media (min-width: 768px) {
    .mb-container {max-width:582px;}
}

@media (min-width: 992px) {
    .mb-container {max-width:582px;}
}

@media(min-width:1200px) {
    .mb-container {max-width:810px;}
}