@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,700i&display=swap");
body
{
	font-family: 'Roboto', sans-serif;
	background-color:#fff;
	overflow-x:hidden;
}

@media (min-width: 768px)
{
.d-md-block {
    display:block !important;
}
}

.bannerWrapper #bannerForm {
    padding: 0 20px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    border-top:none;
    position: relative;
}

.bannerWrapper #bannerForm:before, .bannerWrapper #bannerForm:after {
    content: '';
    display: block;
    width: 2px;
    height: 8px;
    background-color:transparent;
    position: absolute;
    top: 3px;
}

.bannerWrapper #bannerForm .form-group {
    padding: 0 10px;
    margin-bottom:20px;
}

.read-more::after {
    content: '';
    display: inline-block;
    background: url(../images/read-more.png);
    width: 27px;
    height: 27px;
    margin-left: 10px;
    vertical-align: middle;
}

@media (min-width: 992px)
{
		
.bannerWrapper #bannerForm .form-group .form-control {
    border-radius:5px;
}

.bannerWrapper #bannerForm .form-button .buttonCta {
    border-radius:5px;
    width: 100%;
    padding: 12px 15px;
}

}

.bannerWrapper hr
{
	width:90%;
	background-color:rgb(255 255 255 / 16%);
	margin-bottom:40px;
}

.statusWrapper
{
	padding:40px 0px 20px 0px;
}

ul.status
{
	text-align:center;
	padding-left:0;
}

ul.status li
{
	display:block;
	font-size:16px;
	line-height:22px;
	font-weight:500;
	margin-bottom:10px;
	color:#373f3c;
}

li.year
{
	background:url(../images/status-bg.png) no-repeat center;
	width:110px;
	height:100px;
	font-size:30px !important;
	font-weight:700 !important;
	color:#fff !important;
	padding-top:35px;
	margin:0 auto;
}

li.certified
{
	background:url(../images/status-bg.png) no-repeat center;
	width:110px;
	height:100px;
	font-size:30px !important;
	font-weight:700 !important;
	color:#fff !important;
	padding-top:35px;
	margin:0 auto;
}

li.migration
{
	background:url(../images/status-bg.png) no-repeat center;
	width:110px;
	height:100px;
	font-size:30px !important;
	font-weight:700 !important;
	color:#fff !important;
	padding-top:35px;
	margin:0 auto;
}

li.support
{
	background:url(../images/status-bg.png) no-repeat center;
	width:110px;
	height:100px;
	font-size:30px !important;
	font-weight:700 !important;
	color:#fff !important;
	padding-top:35px;
	margin:0 auto;
}

.clientLogoWrapper {
    margin:0px;
	background-color: #f3f5f9;
    padding-bottom:10px;
    padding-top: 60px;
}

.cta {
    font-size: 16px;
    padding: 12px 40px;
    background-color:#0678BD;
    display: inline-block;
    border-radius:5px;
    border: 0;
    cursor: pointer;
}

.cta:hover
{
	background-color:#000000;
}

.cta-2:hover
{
	background-color:#00456e;
	color:#ffffff;
	text-decoration:none;
}

.cta-3 {
    font-size: 16px;
    padding: 12px 40px;
    background-color: #0678BD;
	color:#ffffff;
    display: inline-block;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
}

.cta-3:hover
{
	background-color: #ffffff;
	color:#000000;
	text-decoration:none;
}

.innerCta .cta {
    background-color:#0678bd;
    border-radius:5px;
}

.innerCta {
    padding:80px 0;
	background-color:#142524;
    background-image:none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.drupal8Benefits {
    margin: 70px 0 40px;
    padding: 70px 0;
    background-image:none;
	background-color:#142524;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #eee;
}

.drupal8Benefits .beniftWrapper {
    padding: 40px 30px;
    text-align: center;
    border:none;
	border-right:1.5px dashed #747474;
    border-radius:0;
    max-width:220px;
    height:220px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

.drupal8Benefits .col-lg-3,.drupal8Benefits col-md-4 
{
	padding-left:0;
	padding-right:0;
}

.benift-1
{
	text-align:center;
	padding:40px 20px;
	border-right:1.5px dashed #747474;	
	border-bottom:1.5px dashed #747474;
}

.benift-2
{
	text-align:center;
	padding:40px 20px;
	border-right:1.5px dashed #747474;
	border-bottom:1.5px dashed #747474;
}

.benift-3
{
	text-align:center;
	padding:40px 20px;
	border-right:1.5px dashed #747474;
	border-bottom:1.5px dashed #747474;	
}

.benift-4
{
	text-align:center;
	padding:40px 20px;
	border-bottom:1.5px dashed #747474;	
}

.benift-5
{
	text-align:center;
	padding:40px 20px;
	border-right:1.5px dashed #747474;
}

.benift-6
{
	text-align:center;
	padding:40px 20px;
	border-right:1.5px dashed #747474;
}

.benift-7
{
	text-align:center;
	padding:40px 20px;
	border-right:1.5px dashed #747474;	
}

.benift-8
{
	text-align:center;
	padding:40px 20px;	
}

.upgrade
{
	padding:50px 0px;
}

h4.personalization
{
	color:#0678ae;
}

.sucessStoriesWrapper .caseWrap .imgWrapper img {
    border: 8px solid #28A0D8;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

@media (min-width: 1368px){
	
}

@media (min-width: 991px) and (max-width: 1200px) {
	
	    
}

@media (min-width: 1203px) and (max-width: 1399px) {
	
    
}

@media (max-width: 1024px) {	
	
}

@media (max-width: 991px){
	
	.arrow-down-5
	{
		display:none;
	}
	
	.benift-3
	{
		text-align:center;
		padding:40px 20px;
		border-right:none;
	}	
	
	.benift-4
	{
		text-align:center;
		padding:40px 20px;
		border-right:1.5px dashed #747474;		
		border-bottom:1.5px dashed #747474;
	}	
	
	.benift-5
	{
		text-align:center;
		padding:40px 20px;
		border-right:1.5px dashed #747474;		
		border-bottom:1.5px dashed #747474;
	}	
	
	.benift-6
	{
		text-align:center;
		padding:40px 20px;
		border-right:none;
		border-bottom:1.5px dashed #747474;
	}	
	
	.benift-7
	{
		text-align:center;
		padding:40px 20px;
		border-right:1.5px dashed #747474;
		border-bottom:1.5px dashed #747474;
	}	
	
	.benift-8
	{
		text-align:center;
		padding:40px 20px;
		border-bottom:1.5px dashed #747474;
	}	
	
	
	
	
	
}

@media (max-width: 768px) {
	
	
	.benift-2
	{
		text-align:center;
		padding:40px 20px;
		border-right:none;
	}	
	
	.benift-3
	{
		text-align:center;
		padding:40px 20px;
		border-right:1.5px dashed #747474;
	}	
	
	.benift-4
	{
		text-align:center;
		padding:40px 20px;
		border-right:none;
	}
	
	.benift-7
	{
		text-align:center;
		padding:40px 20px;
		border-bottom:none;
	}	
	
	.benift-8
	{
		text-align:center;
		padding:40px 20px;
		border-bottom:none;
	}		
	
	.upgrade p
	{
		text-align:center;
	}
	
	.upgrade h4
	{
		text-align:center;
	}
	
	p.banne-text
	{
		padding-top:20px;
		text-align:center;
	}
	
	
			
}

@media (max-width: 581px) {
	
	p.banne-text
	{
		padding-top:20px;
		text-align:center;
	}
	
	.bannerWrapper p {
    text-align: center;
	}
	
	.bannerWrapper h1, .bannerWrapper li {
    color: #fff;
	text-align: center;
	}
	
	.benift-1,.benift-2,.benift-3,.benift-4,.benift-5,.benift-6,.benift-7
	{
		width:60%;
		margin:0 auto;
		text-align:center;
		padding:40px;
		margin-bottom:0px;
		border-right:none;
		border-bottom:1.5px dashed #747474;
	}	
	
	ul.status
	{		
		text-align:center;
		margin-bottom:30px;
	}
	
	
}

@media (max-width:480px) {
	

}


@media (max-width:380px) {
	
}


@media (max-width:320px) {
	
	
}

.tech-sections {
    /*margin: 60px 0;*/
    padding: 60px 0 20px 0;
}
.tech-sections p{font-size: 20px;}
@media (max-width: 991px) {
    .tech-sections {
        text-align: center;
    }
}
@media (max-width: 560px) {
    .tech-sections h2 {
        font-size: 32px;
    }
}
.tech-sections h2 span.sub-tag {
    display: block;
    font-size: 16px;
    color: #746d6d;
    margin-bottom: 15px;
    font-weight: 700;
}
.tech-sections .col-5 {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 20%;
    flex: none;
    margin: 0 auto;
}
@media (max-width: 991px) {
    .tech-sections .col-5 {
        float: none;
        display: inline-block;
        width: 32.33%;
        margin-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .tech-sections .col-5 {
        width: 39.77%;
    }
}
@media (max-width: 620px) {
    .tech-sections  {
        width: 100%;
        /*max-width: 320px;*/
    }
}
@media (max-width: 420px) {
    .tech-sections .col-5 {
        width: 100%;
        max-width: 100%;
    }
}
.tech-sections .tech-img-wrap {
    height: 90px;
}
.font-weight-bold{font-weight: bold;}
.tech-sections p {
    text-align: center;
    margin-top: 25px;
    font-size: 16px;
}
@media (max-width: 767px) {
    .tech-sections p {
        margin-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.tech-sections .cta {
    margin-top: 50px;
}
.tech-sections .cta:hover {
    color: #fff;
}
@media (max-width: 991px) {
    .tech-sections .cta {
        margin-top: 20px;
    }
}

.drupalBlue{color: #0678BD;font-weight: bold;}

.faqWrapper {
  padding: 60px 0 60px 0;
  background:transparent;
  position: relative;
  color: #2B2B2B; }
 .md-accordion h4 {
    font-size: 18px;
}
.card-header {
    padding: 10px 20px;
    float: left;
    width: 100%;
    background: #fff;
}
.md-accordion .card .fa-angle-down {
    float: right;
}

.fa-angle-down {
    font-size: 25px;
    font-weight: 700;
    margin-right: 10px;
}
.card a {
    color: #0678BD;
}
.card {
    margin-bottom: 20px;
}
.md-accordion .card a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.md-accordion .card .fa-angle-down {
    float: right;
}
.card-body p{margin-bottom: 8px;}
.card-body ol li{padding-bottom: 20px;}


ul.status li {
    display: inline-block;
}

.statusWrapper {
    background-color: #f3f5f9;
    padding: 40px 0px 20px 0px;
}

.clientLogoWrapper {
    margin: 0px;
    background-color: #fff;
    padding-bottom: 40px;
    padding-top: 60px;
}

.unleash
{
	background:url(../images/path.png) bottom right #001F31 no-repeat;
	padding:80px 0px 0px 0px;
}

.unleash h2
{
	color:#fff;
	padding-bottom:0px;
	margin-bottom:20px;
}

.unleash p
{
	color:#fff;
	padding-bottom:20px;
}

.expertise-1
{
	position:absolute;
	z-index:-1;
	right:0;
}

.expertise-2
{
	position:absolute;
	z-index:-1;
	left:0;
}

.expertise-rotate {
  animation: rotation 8s infinite linear;
}

@keyframes expertise-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.expertise-3 {
    position: absolute;
    z-index: -1;
    top: 10px;
    left: -110px;
}

.expertise-rotate3 {
  animation: rotation 8s infinite linear;
}

@keyframes expertise-rotate3 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.unleash ul 
{
}

.unleash ul li
{
	font-size:22px;
	color:#fff;
	list-style-type:none;
	text-align:left;
	float: left;
    width: 27%;
    margin-right: 25px;
}

ul li.migration8
{
	 width:18%;
}

.unleash ul li img
{
	width:84px;
	float:left;
	margin-right:15px;
}

.products-menu ul li
{
	list-style-type:none;
	color:#000;
	font-size:18px;
	line-height:36px;
}

.products-menu ul li a
{
	color:#000;
}

.products-menu ul li a.active
{
	color:#0678BD;
}

.confidence
{
	padding:80px 0px 0px 0px;
}

.scalability-shadow
{
	padding:20px;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 30px 10px #e9e9ef;
    -moz-box-shadow: 0px 0px 30px 10px #e9e9ef;
    box-shadow: 0px 0px 30px 10px #e9e9ef;
	min-height:270px;
	margin-top:25px;
}

.scalability-shadow img
{
	margin-top:-60px;
}

.guarantees-8
{
	background-color:#001F31;
	padding:60px 0px;
}

.guarantees-8 h2
{
	color:#fff;
}

.guarantees-8 h4
{
	color:#fff;
	font-weight:500;
	margin-top: 25px;
	font-size:20px;
}

.budget-friendly-1
{
	border-right: 1px solid #ffffff2b;
}

.budget-friendly-2
{
	border-right: 1px solid #ffffff2b;
}

.budget-friendly-3
{
	border-right: 1px solid #ffffff2b;
}

.budget-friendly-4
{
	border-right: 1px solid #ffffff2b;
}

.portfolio-bg-6
{
	background:url(../images/portfolio-bg.png) top center no-repeat;
	padding:40px 0px;
	background-size: contain;
}

ul.customer-success-list-1 li
{
	list-style-type:none;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:2px  solid #000; 
}

ul.customer-success-list-1 li:last-child
{
	border-bottom:none;
}


.cta-2 {
    font-size: 16px;
    padding: 12px 40px;
    background-color: #fff;
	color:#000;
    display: inline-block;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
	text-decoration:none;
}

.cta-5 {
    font-size: 16px;
    padding: 12px 40px;
    background-color: #fff;
	color:#000;
    display: inline-block;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
	text-decoration:none;
}

.cta-5:hover
{
	background-color: #000000;
	color:#ffffff;
	text-decoration:none;
}

#footerFormWrapper
{
	margin: 70px 0 0px 0;
	background:url(../images/path-2.png) top left no-repeat;
	background-size: cover;
}

.mini-container
{
	-webkit-box-shadow: 0px 0px 30px 10px #3a3a3a24;
    -moz-box-shadow: 0px 0px 30px 10px #3a3a3a24;
    box-shadow: 0px 0px 30px 10px #3a3a3a24;
	background-color:#fff;
	padding:25px;
	border-radius:15px;
	margin-top:50px;
}

.budget-5
{
	display:none;
}

.extensive-expertise
{
	padding:80px 0px;
}


.products-menu-2 ul
{
	
	margin-left:0;
	padding-left:0;
}

.products-menu-2 ul li
{
	list-style-type:none;
}

.products-menu-2 ul li a
{
	text-decoration:none;
	color:#000;
	margin-bottom:30px;
	display:block;
	border-left: 3px solid #ccc;
    padding-left: 25px;
}

.products-menu-2 ul li a.active {
    border-left: 3px solid #0678BD;
	opacity:1;
}

.products-menu-3 ul
{
	
	margin-left:0;
	padding-left:0;
}

.products-menu-3 ul li
{
	list-style-type:none;
}

.products-menu-3 ul li a
{
	text-decoration:none;
	color:#000;
	margin-bottom:30px;
	display:block;
	border-left: 3px solid #ccc;
    padding-left: 25px;
}

.products-menu-3 ul li a.active {
    border-left: 3px solid #0678BD;
	opacity:1;
}


.products-menu-4 ul
{
	
	margin-left:0;
	padding-left:0;
}

.products-menu-4 ul li
{
	list-style-type:none;
}

.products-menu-4 ul li a
{
	text-decoration:none;
	color:#000;
	margin-bottom:30px;
	display:block;
	border-left: 3px solid #ccc;
    padding-left: 25px;
}

.products-menu-4 ul li a.active {
    border-left: 3px solid #0678BD;
	opacity:1;
}


.you-prepared
{
	background:url(../images/you-prepared-bg.jpg) center no-repeat;
	background-size:cover;
	padding:40px 0px;
}

.you-prepared h2
{
	font-size:40px;
	color:#fff;
	margin-bottom:0;
}

.customer-success-2 h4
{
	font-size:20px;
}

.gtco-testimonials {
  position: relative;
  margin-top: 30px;
} 


.gtco-testimonials .center .card-img-top {
    max-width: 100%;
    height: 120px;
    width: 120px;
}

.gtco-testimonials .card .card-img-top {
    max-width: 100px;
    border-radius: 50%;
    margin: 15px auto 0;
    box-shadow: 0 8px 20px -4px #95abbb;
    width: 100px;
    height: 100px;
}
  

h2 {
    font-size: 30px;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
  }
  
  h3
  {
	  color: #000;
  }
  
   h4
  {
	  color: #000;
  }

  .owl-stage-outer {
    padding: 30px 0;
  }

  .owl-nav {
    display: none;
  }

  .owl-dots {
    text-align: center;

    span {
      position: relative;
      height: 10px;
      width: 10px;
      border-radius: 50%;
      display: block;
      background: #fff;
      border: 2px solid #01b0f8;
      margin: 0 5px;
    }

    .active {
      box-shadow: none;

      span {
        background: #01b0f8;
        box-shadow: none;
        height: 12px;
        width: 12px;
        margin-bottom: -1px;
      }
    }
  }

  .card {
    background:transparent;
    margin: 0 10px;
    padding:0px;
    border: 0;

    .card-img-top {
      max-width: 100px;
      border-radius: 50%;
      margin: 15px auto 0;
      box-shadow: 0 8px 20px -4px #95abbb;
      width: 100px;
      height: 100px;
    }

    h5 {
      color: #01b0f8;
      font-size: 21px;
      line-height: 1.3;

      span {
        font-size: 18px;
        color: #666666;
      }
    }

    p {
      font-size: 18px;
      color: #555;
      padding-bottom: 15px;
    }
  }

  .active {
    opacity:1;
    transition: all 0.3s;
  }

  .center {
    opacity: 1;

    h5 {
      font-size: 24px;

      span {
        font-size: 20px;
      }
    }

    .card-img-top {
      max-width: 100%;
      height: 120px;
      width: 120px;
    }
  }
}

@media (max-width: 767px) {
  .gtco-testimonials {
    margin-top: 20px;
  }
}

.owl-carousel {
  .owl-nav button {
    &.owl-next, &.owl-prev {
      outline: 0;
    }
  }

  button.owl-dot {
    outline: 0;
  }
}

.products-menu-5 ul
{
	text-align:center;
}

.products-menu-5 ul li
{
	list-style-type:none;
	display:inline-block;
	margin-right:40px;
}

.products-menu-5 ul li a.active
{
	padding-bottom: 40px;
    border-bottom: 2px solid #0678AE;
}

.success-is
{
	background-color:#0678BD;
	padding:60px 120px;
	border-radius:10px;
	margin-bottom:30px;
}

.success-is h5
{
	color:#fff;
}

.success-is p
{
	color:#fff;
}

@media (min-width: 1600px)
{
	
	h2
	{
		font-size:40px;
	}
}

@media (min-width: 1203px) and (max-width: 1520px) {
	
	ul.status li {
    display:block;
}

ul.status li {
    display:block;
}

.unleash ul li {
    font-size: 22px;
    color: #fff;
    list-style-type: none;
    text-align: left;
    float: left;
    width: 42%;
    margin-right: 25px;
	margin-bottom:25px;
	
}

ul li.migration8
{
	 width: 42%;
}
    
}

@media (min-width: 991px) and (max-width: 1202px) {
	
	ul.status li {
    display:block;
}

ul.status li {
    display:block;
}

.unleash ul li {
    font-size: 22px;
    color: #fff;
    list-style-type: none;
    text-align: left;
    float: left;
    width: 42%;
    margin-right: 25px;
	margin-bottom:25px;
}

ul li.migration8
{
	 width: 42%;
}
    
}

@media (max-width: 1024px) {
	
	

}

@media (max-width: 991px){
	
	ul.customer-success-list-1 li {
    list-style-type: none;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #000;
    text-align: center;
}
	
	.expertise-2
	{
		display:none;
	}
	
	.expertise-1
	{
		display:none;
	}
	
	.expertise-3
	{
		display:none;
	}
	
	ul.call-top-2 li {
    list-style-type: none;
    float: left;
    margin-right: 20px;
	margin-bottom:20px;
}


	
		.budget-4
{
	display:none;
}
	
	.budget-5
{
	display:block;
}
	
	.scalability-shadow {
    min-height:auto;
    margin-top: 60px;
}

.guarantees-8 h4 {
    color: #fff;
    font-weight: 500;
    margin-top: 25px;
    font-size: 16px;
}

.budget-friendly-1
{
	border-right:none;
	border-bottom: 1px solid #ffffff2b;
	padding-bottom: 40px;
}

.budget-friendly-2
{
	border-right:none;
	border-bottom: 1px solid #ffffff2b;
	padding-top: 40px;
	padding-bottom: 40px;
}

.budget-friendly-3
{
	border-right:none;
	border-bottom: 1px solid #ffffff2b;
	padding-top: 40px;
	padding-bottom: 40px;
}

.budget-friendly-4
{
	border-right:none;
	border-bottom: 1px solid #ffffff2b;
	padding-top: 40px;
	padding-bottom: 40px;
}

.budget-friendly-5
{
	padding-top: 40px;
}



ul.status li {
    display:block;
}

.unleash ul li {
    font-size: 22px;
    color: #fff;
    list-style-type: none;
    text-align: left;
    float: left;
    width: 42%;
    margin-right: 25px;
	margin-bottom:25px;
}

ul li.migration8
{
	 width: 42%;
}

.unleash {
    background: #001F31;
}	

.portfolio-bg-6 {
    background: url(../images/portfolio-bg.png) top center no-repeat;
    padding: 40px 0px;
    background-size: cover;
}
	
}

@media (max-width: 768px) {
	
	.unleash ul li {
    font-size: 20px;
    color: #fff;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 42%;
    margin-right: 25px;
    margin-bottom: 39px;
}

.unleash ul li img {
    width: 60%;
    float: none;
    display: block;
    margin: 0 auto;
	margin-bottom: 19px;
    /* margin-right: 15px; */
}

.success-is {
    background-color: #0678BD;
    padding: 60px 40px;
    border-radius: 10px;
    margin-bottom: 30px;
}
	

}

@media (max-width: 581px) {
	
.unleash ul li {
    font-size:18px;
    color: #fff;
    list-style-type: none;
    text-align: center;
    float: left;
    width: 42%;
    margin-right: 25px;
    margin-bottom: 39px;
}

.unleash ul li img {
    width: 60%;
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-right: 15px; */
}

.bannerWrapper h3 {
    color: #fff;
	text-align:center;
	background: url(../images/rectangle-bottom.jpg) center bottom no-repeat;
}

.read-w-80 {
    width:100%;
}

ul.call-top-2
{
	text-align:center;
}

ul.call-top-2 li {
    list-style-type: none;
    float:none;
    margin-right: 20px;
}

.success-is {
    background-color: #0678BD;
    padding: 60px 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

}

@media (max-width:480px) {
	

	
}


#container-in,#container-in1,#container-in2,#container-in3 {
  perspective: 30px;
}

#inner,#inner1,#inner2,#inner3 {
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  box-shadow: 2px 2px 50px rgba(0, 0, 0, 0.2);
}

#container-in:hover ,#container-in1:hover,#container-in2:hover,#container-in3:hover{
  cursor: pointer;
}


.scalability-shadow:hover {
    background-color:#0678BD;
	color:#fff;
}

.scalability-shadow:hover h4 {
	color:#fff;
}

.aos-init:not(.aos-animate):after {
position: fixed;
}

@media only screen and (max-width: 768px) {
  .aos-animate {

    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;

    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;

    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}

.bannerWrapper h1
{
	font-size:42px;
    color: #fff;
}

.bannerWrapper-5 p
{
	width:94%;
}

.bannerWrapper {
    padding:100px 0px 100px 0px !important;
}

.bannerWrapper #bannerForm .form-button .buttonCta {
    border-radius: 5px;
    width: 100%;
    padding: 10px 15px;
    font-size: 18px;
}

.global-brands
{
	padding:60px 0px;
}

.to-drupal-10-2
{
	display:none;
}

.border
{
	border: 1px solid #449ACD !important;
	padding:40px;
	border-right:none !important;
}

.border-2
{
	border-right: 1px solid #449ACD !important;
	padding:40px;
}

.global-brands ul li
{
	line-height:36px;
	list-style-image:url('../images/arrow-11.png');
}

.core-version-1
{
	padding:40px;
	background-color:#0678BD;
}

.core-version-1 h4{
	color:#fff;
	width: 100%;
	margin:15px 0px;
}

.core-version-1 p{
	color:#fff;
}

.core-version-2
{
	padding:40px;
	background-color:#00426A;
}

.core-version-2 h4{
	color:#fff;
	width: 100%;
	margin:15px 0px;
}

.core-version-2 p{
	color:#fff;
}

.core-version-3
{
	padding:40px;
	background-color:#0678BD;
}

.core-version-3 h4{
	color:#fff;
	width: 100%;
	margin:15px 0px;
}

.core-version-3 p{
	color:#fff;
}

.core-version-4
{
	padding:40px;
	background-color:#00426A;
}

.core-version-4 h4{
	color:#fff;
	width: 100%;
	margin:15px 0px;
}

.core-version-4 p{
	color:#fff;
}

.core-version-5
{
	padding:40px;
	background-color:#0678BD;
}

.core-version-5 h4{
	color:#fff;
	width: 100%;
	margin:15px 0px;
}

.core-version-5 p{
	color:#fff;
}

.core-version-6
{
	padding:40px;
	background-color:#00426A;
}

.core-version-6 h4{
	color:#fff;
	width: 100%;
	margin:15px 0px;
}

.core-version-6 p{
	color:#fff;
}

.you-prepared {
    background:#0678BD;
    background-size: cover;
    padding: 40px 0px;
}

.you-prepared h3{
	color:#fff;
	padding-top:5px;
}

.global-brands-2
{
	padding:60px 0px 80px 0px;
}

.global-brands-2 ul li {
    line-height: 36px;
    list-style-image: url(../images/6-check.png);
	color:#fff;
}

.audit-checklist1
{
	padding:30px 50px;
	border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
	background-color:#0678BD;
	border-right:1px solid #0c91e1;
}

.audit-checklist2
{
	padding:30px 50px;
	background-color:#0678BD;
	border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}

.testimonialWrapper {
    margin:0px 0 0;
    padding: 60px 0;
    background-color: #E4F0F4;
}

.sign-up-1
{
	border:1px solid #0678AE;
	padding:20px;
	border-radius:40px;
	text-align:center;
}

.sign-up-2
{
	border:1px solid #0678AE;
	padding:20px;
	border-radius:40px;
	text-align:center;
}

.sign-up-3
{
	border:1px solid #0678AE;
	padding:20px;
	border-radius:40px;
	text-align:center;
}

.b-arrow
{
	display:none;
}

.benefits-1
{
	padding-top:40px;
}

.clientLogoWrapper {
    margin: 0px;
    background-color: #fff;
    padding-bottom: 40px;
    padding-top:0px;
}

#footerFormWrapper
{
	margin:0;
	padding-bottom:70px;
}


.what-will-happen
{
	
	padding:70px 0px;
	background: url(../images/what-will-bg.jpg) no-repeat top center;
	background-size:cover;
}

.what-will-happen h2{
	color:#fff;
	margin-bottom:50px !important;
}

.what-will-happen h4{
	color:#fff;
	margin-bottom:20px;
}

.what-will-happen p{
	color:#fff;
	margin-bottom:30px;
}

.whats-new-in-drupal-10
{
	padding:70px 0px;
	background-color:#F3F2F2;
}

.whats-new
{
	padding:50px 30px;
	background-color:#fff;
	border-radius:40px;
	
}

.w1
{
	background-color:#F4F8FF;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w1 img
{
	float:left;
	margin-top:-8px;
}

.w2
{
	background-color:#FAECF9;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w2 img
{
	float:left;
	margin-top:-8px;
}

.w3
{
	background-color:#FCF6ED;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w3 img
{
	float:left;
	margin-top:-8px;
}

.w4
{
	background-color:#EAF9EB;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w4 img
{
	float:left;
	margin-top:-8px;
}

.w5
{
	background-color:#F4F4FB;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w5 img
{
	float:left;
	margin-top:-8px;
}

.w6
{
	background-color:#F4F8FF;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w6 img
{
	float:left;
	margin-top:-8px;
}

.w7
{
	background-color:#FAECF9;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w7 img
{
	float:left;
	margin-top:-8px;
}

.w8
{
	background-color:#FCF6ED;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w8 img
{
	float:left;
	margin-top:-8px;
}

.w9
{
	background-color:#EAF9EB;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w9 img
{
	float:left;
	margin-top:-8px;
}

.w10
{
	background-color:#F4F8FF;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w10 img
{
	float:left;
	margin-top:-8px;
}

.w11
{
	background-color:#F4F4FB;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w11 img
{
	float:left;
	margin-top:-8px;
}

.w12
{
	background-color:#E1F5FF;
	padding:20px 20px 10px 20px;
	border-radius:12px;
	margin-bottom:20px;
}

.w12 img
{
	float:left;
	margin-top:-8px;
}

@media (min-width: 768px)
{
#footerFormWrapper #footerForm {
    max-width: 1200px;
}
}


@media (max-width: 1024px) {
	
	

}

@media (max-width: 991px){
	
	.b-arrow
{
	display:block;
}

	
	.r-arrow
{
	display:none;
}
	
	.audit-checklist1
{
	padding:30px 50px;
	border-top-left-radius: 40px;
border-bottom-left-radius:0px;
	background-color:#0678BD;
	border-bottom:1px solid #0c91e1;
}

.audit-checklist2
{
	padding:30px 50px;
	background-color:#0678BD;
	border-top-right-radius: 0px;
border-bottom-right-radius: 40px;
}

	
	.benefits h2{
		margin-bottom:20px;
	}
	
	.global-brands h3{
		margin-top:30px;
		text-align:center;
	}
	
	.benefits-1 p
	{
		text-align:center;
	}
	
	.border
{
	border: 1px solid #449ACD !important;
	padding:40px;
	border-right:1px solid #449ACD !important;
	border-bottom:none !important;
}

.border-2
{
	border-bottom: 1px solid #449ACD !important;
	padding:40px;
}
	
	
.to-drupal-10-1
{
	display:none;
}
	
.to-drupal-10-2
{
	display:block;
}

}

@media (max-width: 768px) {
	
	.bannerWrapper h1 {
    font-size: 42px;
    color: #fff;
    margin-top: 40px;
}

.bannerWrapper-5 p {
    width:100%;
}
	

}

@media (max-width: 581px) {
	
.bannerWrapper h1 {
    font-size: 42px;
    color: #fff;
    margin-top: 60px;
}

.w1
{
	padding:20px;
	margin-bottom:20px;
}

.w1 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w1 p
{
	margin-bottom:0;
}

.w2
{
	padding:20px;
	margin-bottom:20px;
}

.w2 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w2 p
{
	margin-bottom:0;
}

.w3
{
	padding:20px;
	margin-bottom:20px;
}

.w3 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w3 p
{
	margin-bottom:0;
}

.w4
{
	padding:20px;
	margin-bottom:20px;
}

.w4 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w4 p
{
	margin-bottom:0;
}

.w5
{
	padding:20px;
	margin-bottom:20px;
}

.w5 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w5 p
{
	margin-bottom:0;
}

.w6
{
	padding:20px;
	margin-bottom:20px;
}

.w6 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w6 p
{
	margin-bottom:0;
}

.w7
{
	padding:20px;
	margin-bottom:20px;
}

.w7 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w7 p
{
	margin-bottom:0;
}

.w8
{
	padding:20px;
	margin-bottom:20px;
}

.w8 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w8 p
{
	margin-bottom:0;
}

.w9
{
	padding:20px;
	margin-bottom:20px;
}

.w9 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w9 p
{
	margin-bottom:0;
}

.w10
{
	padding:20px;
	margin-bottom:20px;
}

.w10 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w10 p
{
	margin-bottom:0;
}

.w11
{
	padding:20px;
	margin-bottom:20px;
}

.w11 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w11 p
{
	margin-bottom:0;
}

.w12
{
	padding:20px;
	margin-bottom:20px;
}

.w12 img {
    float: left;
    width: 38px;
    margin-top: -8px;
}

.w12 p
{
	margin-bottom:0;
}
	

}

@media (min-width: 992px)
{
.col-lg-block {
    display: block;
}
}

@media (max-width:480px) {
	

	
}

@media (min-width: 1024px) and (max-width: 1366px) {
	
	.bannerWrapper h1 {
    font-size: 34px;
    color: #fff;
}
	
.bannerWrapper #bannerForm p {
    font-size: 18px !important;
    letter-spacing: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sign-up-1 {
    border: 1px solid #0678AE;
    padding: 20px;
    border-radius: 40px;
    min-height: 160px;
}

.sign-up-2 {
    border: 1px solid #0678AE;
    padding: 20px;
    border-radius: 40px;
    min-height: 160px;
}

.sign-up-3 {
    border: 1px solid #0678AE;
    padding: 20px;
    border-radius: 40px;
    min-height: 160px;
}
    
}

.clientLogoWrapper {
    margin: 0px;
    background-color: #fff;
    padding-bottom: 0;
    padding-top: 0px;
}

.testimonialWrapper h2 {
    font-size: 36px;
	margin-bottom:0;
}

.bannerWrapper {
    padding: 180px 0 40px;
    background: url(../images/banner.jpg) #001f33;
    background-size: cover;
    background-repeat: no-repeat;
}

.upgrade-list-1
{
	background-color: #F4F8FF;
    padding:30px;
    border-radius: 12px;
	min-height:310px;
}

.upgrade-list-2
{
	background-color: #FAECF9;
    padding:30px;
    border-radius: 12px;
	min-height:310px;
}


.upgrade-list-3
{
	background-color: #FCF6ED;
    padding:30px;
    border-radius: 12px;
	min-height:310px;
}


.upgrade-list-4
{
	background-color: #EAF9EB;
    padding:30px;
    border-radius: 12px;
	min-height:310px;
}

@media (max-width:991px) {

	.upgrade-list-1
	{
		background-color: #F4F8FF;
		padding:30px;
		border-radius: 12px;
		min-height:auto;
	}

	.upgrade-list-2
	{
		background-color: #FAECF9;
		padding:30px;
		border-radius: 12px;
		min-height:auto;

	}


	.upgrade-list-3
	{
		background-color: #FCF6ED;
		padding:30px;
		border-radius: 12px;
		min-height:auto;

	}


	.upgrade-list-4
	{
		background-color: #EAF9EB;
		padding:30px;
		border-radius: 12px;
		min-height:auto;

	}

}

.bannerWrapper #bannerForm .form-button .buttonCta {
    cursor: pointer;
    box-shadow: none;
    outline: none;
    padding: 12px 25px;
    border: none;
    background-color: #1ea5f7;
    color: #fff;
    width: 100%;
    border-radius: 0;
	
	border-radius:6px;
}

.bannerWrapper #bannerForm {
    padding: 20px 30px 40px 30px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    border-top: none;
    position: relative;
    background: #0000002e;
    border-radius: 10px;
}

@media (min-width:1360px) and (max-width: 1500px) {

.container {
	max-width: 1200px;
}

.upgrade-list-1
{
	background-color: #F4F8FF;
	padding:30px;
	border-radius: 12px;
	min-height: 355px;
}

.upgrade-list-2
{
	background-color: #FAECF9;
	padding:30px;
	border-radius: 12px;
	min-height: 355px;
}


.upgrade-list-3
{
	background-color: #FCF6ED;
	padding:30px;
	border-radius: 12px;
	min-height: 355px;
}


.upgrade-list-4
{
	background-color: #EAF9EB;
	padding:30px;
	border-radius: 12px;
	min-height: 355px;
}

}

@media (min-width:991px) and (max-width: 1200px) {

	.core-version-1 {
		padding: 40px 40px 94px 40px;
		background-color: #0678BD;
	}

	.core-version-3 {
		padding: 40px 40px 94px 40px;
		background-color: #0678BD;
	}

}


/*@media (min-width: 991px) {

	.core-version-1
	{
		min-height: 430px;
	}

	.core-version-2
	{
		min-height: 430px;
	}

	.core-version-3
	{
		min-height: 430px;
	}

	.core-version-4
	{
		min-height: 430px;
	}

	.core-version-5
	{
		min-height: 430px;
	}

	.core-version-6
	{
		min-height: 430px;
	}

}

@media (min-width: 1360px) {
    .container {
        max-width: 1300px;
    }


	.core-version-1
	{
		min-height: 340px;
	}

	.core-version-2
	{
		min-height: 340px;
	}

	.core-version-3
	{
		min-height: 340px;
	}

	.core-version-4
	{
		min-height: 340px;
	}

	.core-version-5
	{
		min-height: 340px;
	}

	.core-version-6
	{
		min-height: 340px;
	}

}


@media (min-width: 1500px) {
    .container {
        max-width: 1300px;
    }


	.core-version-1
	{
		min-height:auto;
	}

	.core-version-2
	{
		min-height:auto;
	}

	.core-version-3
	{
		min-height:auto;
	}

	.core-version-4
	{
		min-height:auto;
	}

	.core-version-5
	{
		min-height:auto;
	}

	.core-version-6
	{
		min-height:auto;
	}

}*/