@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,900&display=swap');

body { font-family: 'Work Sans'; font-weight: 400; font-size: 16px; color:#124559; letter-spacing:.50px;}
.container {width: 1060px;}
a { color:#f9b348; text-decoration: none;-webkit-transition: all 0.4s;-webkit-transition: all 0.2s;transition: all 0.2s;}
a:hover { color:#124559; text-decoration: none;}
img { max-width: 100%; height:auto;}
a:focus {outline: none;text-decoration: none;}
ul,li { margin: 0; padding: 0;}
fieldset { border: 0 none; margin: 0 auto; padding: 0;}
.heading { position:relative; text-align:center; margin-bottom:60px;}
.heading h2 { font-size:18px; color:#f9b348; position:relative; background:#fff; display:inline-block; z-index:1; padding:0 30px; margin:0; text-transform:uppercase; font-weight: 300;}
.heading:before { content:""; border-bottom:2px solid #808080; position:absolute; width:100%; left:0; top:50%; margin-top:-3px; z-index:0;}
.btn { border-radius:0; border:none; font-size:18px; text-transform:uppercase; font-family: 'Work Sans'; font-weight: 500 padding:14px 30px; line-height:18px; min-width:191px;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { box-shadow:none; outline:none; background:#4cd4c6; border:none;}
.btn.btn-primary { background:#4cd4c6;}
.btn-primary:hover { border:none; background:#124559;}
.form-control { border:none; border-radius:0; height:50px;}
.form-control:focus,.btn-primary.focus, .btn-primary:focus { box-shadow:none; border:none;}
.font-weight-bold { font-family: 'Work Sans'; font-weight: bold}
/*===paragraph heading starts===*/
h1,h2,h3,h4,h5,h6 {font-family: 'Work Sans'; font-weight: bold}
h1 { font-size:35px; text-transform:uppercase;}
h2 { font-size:30px;}
h3 { font-size:28px;}
h4 { font-size:24px;}
h5 { font-size:20px;}
h6 { font-size:18px;}
/*===paragraph heading ends//===*/
header ul.navbar-nav .dropdown-menu li a {
    color: #124559;
    text-transform: none;
    padding: 6px 9px!important;
    line-height: 15px!important;
    font-size: 13px;
}

.navbar.navbar-expand-md {    padding: 0px!important;}
.navbar .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 15rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529!important;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px;
    border-radius: 0px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
nav .dropdown-menu li a:hover {
    color: #54bcab!important;
}
/*===header starts===*/
header { background:#124559; font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase; font-weight:700;}
header a { color:#fff;}
header a:hover { color:#f9b348;}
header a.header-logo { float:right;}
.navbar { padding:0;}
.navbar-expand-md .navbar-nav { margin-left:95px;}
header ul.navbar-nav li a { padding:0 10px; line-height:120px; display:block;}
header ul.navbar-nav li a:hover,header ul.navbar-nav li.active a { background:#fff; color:#f9b348;}

/*===header ends//===*/

/*===banner starts===*/
#banner { background:#acdcf5 url(../images/banner-bg.jpg) no-repeat center bottom; height:700px; background-size:100% 616px; padding-top:47px; position:relative;}
#banner .container { position:relative;}
#banner h1 { color:#fff; margin-bottom:15px;}
#banner h1 span { background:#4cd4c6; padding:5px 10px;}
#banner h2 {font-family: 'Work Sans'; font-size:35px;font-weight: 300}
#banner h1, #banner h2 { padding-left:24px;}
#banner .banner-img { position:absolute; right:107px; top:286px;}
#banner .bottom-caption { max-width:560px; color:#1b998b; top:535px; position:absolute;}
.bottom-caption-mob { display:none;}
/*===banner ends//===*/

/*===services home section starts===*/
#services-home { position:relative; margin-top:115px;}
#services-home .green h3 { color:#54bcab;}
#services-home h3:after { content:""; border-bottom:3px solid #00d0b4; display:block; width:112px; margin:25px 0;}
#services-home p { font-size:20px; line-height:25px; margin-bottom:25px;}
#services-home ul { margin-left:40px;}
#services-home ul li { padding-left:20px;}
#services-home .blue h3 { color:#124559;}
#services-home .blue h3:after { border-color:#0077b5;}
#services-home .yellow h3 { color:#f9b348;}
#services-home .yellow h3:after { border-color:#ffb409;}
#services-home .row { margin-bottom:60px; overflow:hidden;}
#services-home .row:last-child { margin-bottom:0;}
/*===services home section ends//===*/

/*===apart section starts===*/
#apart-section { text-align:center; background:#f9b348 url(../images/apart-bg.jpg) no-repeat center top; background-size:100% 224px; padding-top:40px; position:relative; padding:300px 0 25px 0; font-family: 'Work Sans'; font-weight: 500; margin-top:100px;}
#apart-section .top-img { position:absolute; top:-35px; left:auto; margin-left:-10px;}
#apart-section .col-md-4 { padding-top:15px; padding-bottom:15px; margin-bottom:35px;}
#apart-section .col-md-4:hover {background-color: #11b0bb;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);-moz-transition: all 3s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
#apart-section .col-md-4:hover .btn.btn-primary { background:#124559;}
#apart-section .col-md-4 img { margin-bottom:20px;}
#apart-section  .heading { margin-bottom:60px;}
#apart-section  .heading h2 { background:#f9b348; color:#fff;}
#apart-section .col-md-4 p { min-height:83px;}
/*===apart section ends//===*/

/*===contact home section starts===*/
#contact-home { background:#acdcf5; padding:70px 0;}
#contact-home .heading h2 { background:#acdcf5; color:#124559;}
#contact-home .form-group { margin-bottom:35px;}
#contact-home .btn.btn-primary { background:#f9b348; padding:14px 60px;}
#contact-home .btn.btn-primary:hover { background:#124559;}
/*===contact home section ends//===*/

/*===footer starts===*/
footer { background:#124559; color:#fff; font-size:13.89px; letter-spacing:normal; padding:65px 0 0 0;}
footer .footer-content { font-size:16px;}
footer a { color:#fff;}
footer a:hover { color:#f9b348;}
footer ul li { list-style:none;}
footer .footer-logo { margin-bottom:15px;}
footer .footer-contact ul { display:flex; margin-bottom:15px;}
footer .footer-contact ul li { margin:0 22px 0 0; position:relative;}
footer .footer-contact ul li:before { content:"|"; position:absolute; left:-13px;}
footer .footer-contact ul li:first-child:before { content:none;}
footer .footer-contact ul li:last-child { margin-right:0;}
.slanted-bottom {position: relative;z-index: 10000;height: 60px;margin-top: -2px;background-color: #124559;}
footer .triangle {fill: #f9b348;left: 0;display: inline-block;width: 490px;height: 84px;position: absolute;bottom: 0;}
.footer-contact.footer-contact-bottom { display:none;}
/*===footer ends//===*/

/*===subpage banner section starts===*/
#subpage-banner { background: #f9b348 url(../images/subpage-banner-bg.png) no-repeat; background-size:100% 518px; color:#fff; min-height:518px;}
.subpage-banner-img { padding:40px 0 10px 60px;}
#subpage-banner h1 { font-size:65px; background:#54bcab; display:inline-block; padding:0 40px; margin:0;}
/*===subpage banner section starts===*/

/*===blog banner section starts===*/
#blog-banner { background: #ffffff url(../images/blog-banner-bg.jpg) no-repeat; background-size:100% 518px; color:#fff; min-height:518px;}
.blog-banner-img { padding:40px 0 10px 60px;}
#blog-banner h1 { font-size:65px; background:#54bcab; display:inline-block; padding:0 40px; margin-left:20px;}
#blog-post-banner { background: #ffffff url(../images/blog-post-banner-bg1.jpg) no-repeat; background-size:100% 518px; color:#fff; min-height:518px;}
#blog-post-banner h1 { font-size:65px; background:#54bcab; display:inline-block; padding:0 40px; margin-left:20px;}
/*===blog banner section starts===*/

/*===blog section starts===*/
#blog-section { text-align:center;}
#blog-section img { margin-bottom:30px;}
#blog-section h6 { font-size:16px; color:#54bcab;}
.blog-head {font-size: 65px; color: #fab349; padding-bottom: 30px; padding-top: 20px;}
.blog-content{text-align: left; padding-bottom: 50px;}
.blog-post-date{background: #124559; color: #ffffff; width: 100%; padding: 5px; max-width: 200px; text-align: center; margin: 0 auto;}
/*===blog section ends//===*/

/*===about content section starts===*/
.about-content { background:#f9b348 url(../images/subpage-banner-bottom-bg.jpg) no-repeat center bottom; background-size:100% 111px; text-align:center; color:#fff; padding:15px 0 120px 0; margin-bottom:20px;}
.about-content img { margin-bottom:30px;}



#g2{padding-top: 20px;padding-bottom: 75px;text-align: center; position: relative;margin: 0 auto;background-color: #f9b348;}
#bubble{position: relative;}
   #bubble:after{
    content:'';
    background : url(../images/G2-Reviews-08.png) no-repeat;
    width: 100px;
    height: 67px;
    position: absolute;
    background-size: 100%;
    right:40px;
  }
  .rating img{position: absolute;left:3em;top:120px;max-width: 100%}
  .quotebubble{position: relative;z-index: 1;
    background: #ffffff;border-radius: 20px;
    background-image: url(../images/G2-Reviews-07.png);
    background-size: auto;background-repeat: no-repeat;background-position: top left
  }
  .carousel-control img{max-width: initial !important}
  .quotebubble .col-md-8{min-height: 420px}
.mobilebubble{margin-bottom: 35px}
.mystars{clear: both;width: 100%;text-align: left;}
.star{font-family: 'Work Sans', Arial, sans-serif;display: inline-block;text-align: left;margin-top: 35px;color: #124559}
.star p{margin-top: 5px}
.star img{margin-bottom: 0}
.smalllogo{display: inline-block;float: right;}
.review p{color: #124559}
.review h2{color: #1b988a;font-weight: bold; overflow: hidden;margin-top: 20px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;}
.review a{color:#54bbaa;font-weight: bold;text-decoration: none;}
#seeall{margin: 0 auto;background-color: #f9b348;text-align: center;padding-bottom: 2em}
#g2 h3{font-size: 13px;
    font-weight: 300;margin-top:5px;
    line-height: 1.35em;color: #124559
  }

.carousel-control.left, .carousel-control.right{ background-image:none !important; border-right: 0px !important;}
	.glyphicon-chevron-left,.glyphicon-chevron-right{ font-size:0 !important; top:45% !important;}
	 .carousel-control .glyphicon-chevron-left{ left:22px !important;}
	.carousel-control .glyphicon-chevron-right{ right:36px !important;}
	
	#myCarousel .carousel-control:focus,#myCarousel .carousel-control:hover,#myCarousel .carousel-control{ opacity:1 !important; width:100% !important;}
	#emailCarousel .carousel-control:focus,#emailCarousel .carousel-control:hover,#emailCarousel .carousel-control{ opacity:1 !important;width:100% !important;}
	#landingCarousel .carousel-control:focus,#landingCarousel .carousel-control:hover,#landingCarousel .carousel-control{ opacity:1 !important;width:100% !important;}
	#otherCarousel .carousel-control:focus,#otherCarousel .carousel-control:hover,#otherCarousel .carousel-control{ opacity:1 !important; width:100% !important;}
	

.main-slider-div{   display:table;  padding: 0 130px; }
#bubble .main-slider-div{padding: 0;margin: 0 0 0 auto;width: 100%;min-height: 360px}

/*#bubble .carousel-inner {background-image: url(http://www.easywebdesignsolutions.com/marketingautomation/images/G2-Reviews-04.png);
    background-repeat: no-repeat;
    background-position: 90% top;
    background-size: 90px auto;}*/
    #bubble .carousel-inner:before{
      content:  url(../images/G2-Reviews-04.png);
      position: absolute;
      right: 40px;
      top: 0;
      z-index: 2

    }
.main-slider-div p{      font-size: 16px; margin-bottom:0px; display: inline-block;  color: #fff; float: right; padding:25px 0}
#bubble .main-slider-div p{font-family: 'Work Sans', Arial, sans-serif;text-align: left;color: #124559;float: none;padding: 0;font-size: 14px}
	

  .arrow{width: 100%}
  .arrow .carousel-control{width: 113%;left:-7%;opacity: 1}
	.carousel-control.left, .carousel-control.right{ background-image:none !important; border-right: 0px !important;}
	.glyphicon-chevron-left,.glyphicon-chevron-right{ font-size:0 !important; top:45% !important;}
	 .carousel-control .glyphicon-chevron-left{ left:22px !important;}
	.carousel-control .glyphicon-chevron-right{ right:36px !important;}
	
	#myCarousel .carousel-control:focus,#myCarousel .carousel-control:hover,#myCarousel .carousel-control{ width:100% !important;}
	#emailCarousel .carousel-control:focus,#emailCarousel .carousel-control:hover,#emailCarousel .carousel-control{ width:100% !important;}
	#landingCarousel .carousel-control:focus,#landingCarousel .carousel-control:hover,#landingCarousel .carousel-control{ width:100% !important;}
	#otherCarousel .carousel-control:focus,#otherCarousel .carousel-control:hover,#otherCarousel .carousel-control{  width:100% !important;}
/*===about content section ends//===*/

/*===press section starts===*/
#press-section { text-align:center;padding-bottom:75px;}
#press-section ul { list-style:none; margin:30px auto 0 auto; padding:0; max-width:500px;}
#press-section ul li { margin-bottom:30px;}
#press-section ul li:last-child { margin-bottom:0;}
#press-section ul li a {font-family: 'Work Sans'; font-weight:bold;color:#124559;}
#press-section ul li a:hover { color:#f9b348;}
#press-section ul li a:after { content:url(../images/right-blue-arrow.png); margin-left:5px; position:relative; top:2px;}
/*===press section ends//===*/

/*===profile section starts===*/
#profile-section { text-align:center; margin:70px 0;}
#profile-section img { margin-bottom:30px;}
#profile-section h6 { font-size:16px; color:#54bcab;}
/*===profile section ends//===*/

/*===pricing banner starts===*/
#pricing-banner { background:url(../images/pricing-banner-bg.png) no-repeat center top; background-size:contain; height:750px; overflow:hidden; margin-bottom:0; position:relative;}
#pricing-banner .top-banner-img { padding:140px 0 0 260px;}
#pricing-banner h1 { float:right; font-size:65px; background:#54bcab; display:inline-block; padding:0 40px; margin:40px 0 0 0; color:#fff;}
/*===pricing banner ends//===*/

/*===pricing content block starts===*/
#pricing-lets-talk { margin-bottom:70px;}
#pricing-lets-talk .content-block { text-align:center; background:#54bcab; border-top:10px solid #1b998b; padding:30px; color:#fff; padding:30px 90px 35px 90px;}
#pricing-lets-talk .content-block img { margin-bottom:30px;}
#pricing-lets-talk .content-block h6 { color:#124559; margin-bottom:30px; font-size:16px;}
#pricing-lets-talk .content-block .btn.btn-primary { background:#124559;}
#pricing-lets-talk .content-block .btn.btn-primary:hover { background:#f9b348;}
/*===pricing content block ends//===*/

/*===package section starts===*/
#package-section { background:url(../images/self-packages-bg.jpg) no-repeat left 250px; background-size:cover; text-align:center; padding-bottom:70px;}
#package-section .content-list { background:#f9b348; color:#fff; padding:30px 15px; border-top:10px solid #e29a27;}
#package-section .content-list h3 { font-size:18px; font-family: 'Work Sans'; font-weight: 300; text-transform:uppercase; padding:0 15px; margin:0;}
#package-section .content-list img { margin:30px 0;}
#package-section .content-list .content { min-height:285px;}
#package-section .content-list .content p { margin-bottom:0;}
#package-section .content-list h6 { margin-bottom:30px; color:#124559;}
/*===package section ends//===*/

/*===what we do banner starts===*/
#services-banner {background:#acdcf5 url(../images/what-we-do-banner-bg.png) no-repeat center bottom; background-size:100% 640px; text-align:center; color:#fff; padding:15px 0 0 0; margin-bottom:50px; height:670px; padding-top:65px;}
#services-banner h1 { float:left; font-size:65px; display:inline-block; background:#54bcab; padding:0 30px; margin:0; color:#fff;}
#services-banner .container { position:relative;}
.services-content { margin-bottom:45px;}
.services-content a { color:#54bcab;}
.services-content a:hover { color:#124559;}
.services-content .container { width:1050px; text-align:center;}
#services-banner .top-banner-img { background:url(../images/what-we-do-top-img.png) no-repeat left top; width:402px; height:315px; position:absolute; top:100px; right:120px;}
#services-section { background:#f9b348 url(../images/what-we-do-bg.jpg) no-repeat center top; background-size:100% 123px; padding:121px 0 25px 0; text-align:center;}
#services-section img { margin-bottom:15px;}
#services-section .col-md-4 { margin-bottom:45px;}
#services-section p { background:#07a3d3; color:#fff; padding:30px 10px; min-height:138px; margin-bottom:0; -webkit-transition: all 0.4s;-webkit-transition: all 0.2s;transition: all 0.2s; font-family: 'Work Sans'; font-weight: 600 }
#services-section p:hover { background: #124559;}
/*===what we do banner ends//===*/

/*===contact us starts===*/
#contact-banner { background:#acdcf5 url(../images/contact-banner-bg.png) no-repeat center bottom; min-height:210px; background-size:100% 444px; text-align:center;}
#contact-banner h1 {font-size:65px; display:inline-block; background:#54bcab; padding:0 30px; margin:0; color:#fff; margin-top:60px;}
#contact-section { background:#07a3d3 url(../images/contact-section-bottom-bg.jpg) no-repeat center bottom; background-size:100% 223px; color:#fff; margin-bottom:70px;}
#contact-section .heading { margin-bottom:40px;}
#contact-section .heading h2 { background:#07a3d3;}
#contact-section .heading:before { border-color:#fff;}
#contact-section .content { margin:50px 0;}
#contact-section .form-group { margin-bottom:35px;}
#contact-section form { margin-bottom:73px;}
#contact-section .contact-box { background:#f9b348; text-align:center; border-top:10px solid #e29a27; padding:17px; color:#fff; font-family: 'Work Sans'; font-weight: bold}
#contact-section .contact-box a { color:#fff;}
#contact-section .contact-box a:hover { color:#124559;}
#contact-section .contact-box p { margin-bottom:0;}
#contact-section .contact-box .icon-img { margin-bottom:20px;}
/*===contact us ends//===*/