/*==============================
            INDEX
--------------------------------
- HOME
--HOME - SECTION SERVICES
--HOME - SECTION TESTIMONIALS
--HOME - CALL TO ACTION
--HOME - CALL TO ACTION FORM
--HOME - NEWS .section-partner-col12
--HOME - PARTNER
- FOOTER
- INSIDE PAGE
- MOBILE
- BLOG
- BLOG-POST
- CONTACT
- WHITEPAPERS
- JOBS
- CBM
- FLOATING CONTACT BUTTON
- GLOBAL
================================*/
/* adjust body when menu is open */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,300);

/* Font Noto Sans styles */
@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-LightItalic.ttf);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-Medium.ttf);
  font-weight: 500;
}

@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: notoSans;
  src: url(../fonts/NotoSans-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}

html{
  overflow-x: hidden;
}

body.slide-active {
    overflow-x: hidden
}
@-ms-viewport {
    width: extend-to-zoom;
    zoom: 1.0;
}
/*first child of #page-content so it doesn't shift around*/

.no-margin-top {
    margin-top: 0px!important
}
.slice {
    padding: 1px 0!important;
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */

#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}

header{
    height:100px!important;
}

.slice.section-form-content.section-testimonial-content{
    display:none!important;
}

header nav li.dropmenu li a{
    padding: 10px 12px!important;
}

header nav ul ul{
    background: #f9f6f6!important;
        border-radius: 0 0px 0px 0px;

}
/* put toggle bars on the left :: not using button */

#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: right;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}

.hide-on-xs{
	display: block;
}

.show-on-xs{
	display: none;
}

body {
	font-family: 'Open Sans', Regular !important;
}

.body-fixed {
    position: fixed;
    width: 100%;
}

@media only screen and (min-width: 1200px){
    header.fixed {
        height: 70px!important;
    }
}

.blue-strong {
    background-color: #80d672!important;
}
.white-text {
    color: white;
}

h2 {
    font-size: 23px;
}

.home section.services-partners{
	padding: 0px 50px!important;
}

section#clients .container{
   width: 74% !important;
}
.black-text {
    font-family: 'Open Sans', Light;
    font-size: 24px;
    color: #656262;
}
.transparent-strong {
    background-color: rgba(255, 255, 255, 0)!important;
}
.half-color {
    background-image: url('/assets/img/white.jpg');
    background-repeat: repeat-x;
    background-size: 30% auto;
    background-color: #80d672!important;
}
/* icon bar prettyup - optional */

#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */

.navbar.navbar-fixed-top.slide-active {
    position: relative
}
.soft-bold{
	font-weight:600 !important;
}
.text-uk-format{
	font-size: 16px;
	line-height: 30px;
	font-weight:100;
}
.align-block{
	text-align:left;
}
.align-block-list{
	margin-left:27%;
}

/*Telephon number above menu*/
.phone{
	float:right;
	margin-right: 1em;
	margin-top: 1em;
}

div.phone > a > span{
	font-weight:400;
	font-size:15px;
	color:#515151 !important;
}

.menu-icon{
	width: 15px !important;
	margin-top: -3px;
}

body > header > div.wrap > nav > ul {
	margin-top:-1.5em;
}


@media (max-width: 767px) {
	.phone{
		display:none !important;
	}

	body > header > div.wrap > nav > ul {
		margin-top: 0 !important;
	}
}

/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */

@media (max-width: 767px) {

	.defaultopen{
		border-top: 1px solid #383838!important;
		text-transform: uppercase!important;
		font-family: 'Roboto'!important;
		font-size: 12px!important;
		padding-bottom: 10px!important;
		padding-top: 10px!important;
	}

	.defaultopen > a:hover{
		color: #76c259!important;
		background-color: transparent!important;
	}

	.defaultopen .dropdown-menu{
		position: static!important;
		float: none!important;
		width: auto!important;
		margin-top: 0!important;
		background-color: transparent!important;
		border: 0!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
	}

	.defaultopen .dropdown-menu>li>a{
		line-height: 20px!important;
		padding: 5px 15px 5px 25px!important;
	}

	.defaultopen > .dropdown-menu{
		display:block !important;
	}

	.defaultopen .dropdown-menu>li>a:hover{
		background-color: transparent!important;
	}


	.hide-on-xs {
		display: none !important;
	}

	.show-on-xs
	{
		display: block !important;
	}

    header.fixed{
        height:58px!important;
    }
    .navbar-toggle{
        display:block!important;
    }

    #slide-nav .container {
        margin: 0!important;
        padding: 0!important;
        height: 100% !important;
    }

    #slide-nav .navbar-header {
        margin: 0 auto !important;
        padding: 0 15px;
    }

    #slide-nav .navbar.slide-active {
        position: absolute !important;
        width: 80% !important;
        top: -1px !important;
        z-index: 1000 !important;
    }

    #slide-nav #slidemenu {
      background: #f7f7f7 !important;
		  right: -100%;
      width: 55% !important;
      height: 1200px !important;
      min-width: 0 !important;
      padding-top: 50px !important;
      z-index: 2 !important;
      top: 0px !important;
      margin: 0 !important;
      position: fixed;
    }

    #slide-nav #slidemenu .navbar-nav {
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #slide-nav #slidemenu a{
        color: #e6e6e6 !important;
        padding-left: 20px !important;
    }

    #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
        min-width: 0 !important;
        width: 90% !important;
        white-space: normal !important;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
        color: #76c259!important;
        background-color:transparent!important;
    }

    #slide-nav #slidemenu li{
        border-top:1px solid #383838 !important;
        text-transform:uppercase !important;
        font-family: 'Roboto' !important;
        font-size: 12px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    #slide-nav #slidemenu li:last-child{
        border-bottom:1px solid #383838 !important;
    }

    #slide-nav #slidemenu .close-menu{
        text-align: right !important;
        padding-bottom: 20px !important;
        margin-top: -35px !important;
        padding-right: 20px !important;
    }

    #slide-nav #slidemenu .close-menu img{
        width: 20px !important;
        cursor:pointer !important;
    }

    #slide-nav {
        border-top: 0 !important;
    }

    #slide-nav.navbar-inverse #slidemenu {
        background: #434949 !important;
    }

    /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/

    #navbar-height-col {
        position: fixed !important;
        top: 0 !important;
        height: 100% !important;
        bottom: 0 !important;
        width: 27.8% !important;
        left: -80% !important;
        background: #f7f7f7 !important;
    }

    #navbar-height-col.inverse {
        background: #434949 !important;
        z-index: 1 !important;
        border: 0 !important;
    }

    #slide-nav .navbar-form {
        width: 100% !important;
        margin: 8px 0 !important;
        text-align: center !important;
        overflow: hidden !important;
        /*fast clearfixer*/
    }

    #slide-nav .navbar-form .form-control {
        text-align: center !important;
    }

    #slide-nav .navbar-form .btn {
        width: 100% !important;
    }


	.title-section {
	    font-weight: 500 !important;
	    font-size: 20px!important;
	}

	.section-services p, .section-services em{
		font-size: 18px !important;
	}
}


@media (min-width: 768px) {
    #page-content {
        left: 0 !important;
    }

    .navbar.navbar-fixed-top.slide-active {
        position: fixed
    }

    .navbar-header {
        left: 0 !important;
    }
}

/*          Menu
--------------------------*/


@media all and (max-width: 900px) {
    .gallery_product{
       width: 100% !important;
    }

    section#clients .container{
      width: 100% !important;
    }

    .featured{
      padding: 10px;
    }

    .gallery_product {
    	margin-bottom: 15px !important;
	}

    .collapse .img-responsive {
    	min-height: 165px!important;
	}
}

.title-section {
    font-family: 'Open Sans', light;
    text-align: -webkit-auto;
    text-align: inherit;
    padding-bottom: 18px;
    font-weight: 500;
    font-size: 29px;
}

.lateral-navmenu {
    display: none!important;
}

.navbar-inverse {
    background-color: #fff!important;
    border-color: #ffffff!important;
}

@media all and (max-width: 800px) {
    .lateral-navmenu {
        display: block !important;
    }

    .lightbox,
    .play-close,
    .top_header,
    .wrap {
        display: none !important;
    }

    body header {
        height: 58px!important;
    }

    header .logo {
        float: left !important;
        margin: 10px auto 0 auto !important;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: black!important;
    }

}

body .SnapABug_Button{

    display:none !important;
}

/*    HOME
-------------------------*/

.caption {
    position: absolute;
    width: 100%;
    text-align: right;
    padding-right: 250px;
    color: white;
    margin-top: -10px;
    font-size: 38px;
    font-family: 'Roboto Slab', Light!important;
}
.caption p {
    font-size: 38px;
}

.caption-text p {
	font-size: 18px;
    font-family: 'Open Sans';
    text-align: center;
    padding: 10px;
	background: -moz-linear-gradient(left, rgba(0,198,72,0.8) 0%, rgba(81,215,252,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,198,72,0.8) 0%,rgba(81,215,252,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,198,72,0.8) 0%,rgba(81,215,252,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc00c648', endColorstr='#cc51d7fc',GradientType=1 ); /* IE6-9 */
    color: #fff;
    overflow: hidden;
}

.slider-container {
    background-image: url(https://www.salesupply.com/assets/img/try/29.png);
    background-size: cover;
    color: #fff;
    overflow: hidden;
    padding: 257px 1px;
    position: relative;
    text-align: center;
    z-index: 4;
    margin-top: -405px;
    opacity: 1;
}

.slider-container .caption a{
    color:white!important;
}

.carousel-control.left,
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0001) 100%)!important;
}
/*.slider-container:before{
	content: '';
    position: absolute;
    left: 15px;
    top: 27px;
    width: 95.2%;
    height: 73px;
  background: -webkit-linear-gradient(-90deg, #20bdfb, #7cc451 72%);
    background: -o-linear-gradient(-90deg, #20bdfb, #7cc451 72%);
    background: -moz-linear-gradient(-90deg, #20bdfb, #7cc451 72%);
    background: linear-gradient(-90deg, #20bdfb, #7cc451 72%);
    background-size: cover;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
}*/

.carousel-control.left {
    background: none;
}
.carousel {
    z-index: 2;
}
.carousel-caption {
    position: absolute;
    right: 0%!important;
    bottom: 0%!important;
    left: 0%!important;
    z-index: 10;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background: #80d672!important;
}
.carousel {
    height: auto;
}
.carousel-inner .pattern {
    min-height: 532px;
}
.carousel-control.right {
    background: none;
}
.carousel-control {
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: auto;
    color: #fff;
    text-align: center;
    opacity: 1;
    text-shadow: none;
}
.carousel-control:hover {
    color: #000;
}
.carousel-indicators {
    bottom: -50px;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #16a085;
    border-radius: 50%;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #16a085;
}
.carousel-caption {
    font-size: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 44px!important;
    padding-bottom: 33px!important;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}
.carousel-inner>.item>img {
    width: 100%!important;
}
@media all and (max-width: 800px) {
    .carousel-inner .pattern {
        max-height: 532px !important;
        height: 213px !important;
        min-height: 213px !important;
    }

    .carousel-caption {
        font-size: 14px !important;
    }
}

/*        HOME - SECTION SERVICES
--------------------------------------------*/
.services-page section.section-cta div.section-cta-inner div.container div.row{
	margin-top: 3%;
    margin-bottom: 3%;
}

.section-testimonial-content .container {
    width: 85%!important;
}

#services > div > div:nth-child(1) > div > h2{
	padding-bottom:0;
}

div.container-services-inner{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.container {
    width: 75%!important;
    border: none;
    margin-top: 0px!important;
	  margin-bottom: 0px!important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: rgba(255, 255, 255, 0)!important;
}
.section-services p {} .db-bk-color-one {
    background-color: white;
}
.db-bk-color-one p {
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (max-device-width: 1199px) and (min-device-width: 500px){

    .section-news .container{
        padding-bottom: 15px !important;
    }

    #carousel-partner-new .item .row .col-md-3 a img {width: 150px !important;}

    .three-blogpost .container .row .col-lg-4:nth-child(3){
		margin-top: 100px !important;
	}
}

@media only screen and (max-device-width: 1500px) and (min-device-width: 1200px){

    .db-pricing-eleven .type{
        padding:40px 20px !important;
    }

}

@media only screen and (max-width: 1280px) and (min-width: 1200px){

    .box-inside-page .box-services-one:after{
        bottom: -55px !important;
        height: 50px !important;
    }

}


/*============================================================
PRICING STYLES
==========================================================*/

.db-padding-btm {
    padding-bottom: 50px;
}
.db-button-color-square {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.db-button-color-square:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
}
.services-row {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.box-services-title {
    color: #00b1e4;
    font-size: 26px;
    font-family: 'Open Sans', regular;
}
.service-box-tick {
    width: 28px;
}
.box-services-description {
    font-size: 13px;
    font-family: 'Open Sans', Regular;
}
.db-pricing-eleven {
    margin-bottom: 30px;
    margin-top: 28px;
    text-align: center;
    color: black;
    line-height: 30px;
    background-color: #f2f2f2;
}

.box-services-one, .box-services-two {
	position: relative;
}

.box-services-one:before {
    content: '';
    position: absolute;
    left: 0;
    top: -15px;
    width: 100%;
    height: 35px;
    background: #f2f2f2;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
}

.box-services-one:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 100%;
    height: 35px;
    background: #f2f2f2;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
}

.pricing-footer a.btn-lg-box-services {
    border-radius: 0px!important;
    background-color: #00B1E4 !important;
    border: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    font-family: 'Roboto'!important;
    font-size: 15px!important;
    font-weight: bold!important;
    padding-top: 25px!important;
    padding-bottom: 25px!important;
    padding-right: 77px;
    padding-left: 77px;
}

.header-menu a.btn-lg-box-services {
    border-radius: 0px!important;
    background-color: #91d06d!important;
    border: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;

    font-family: 'Roboto'!important;
    font-size: 15px!important;
    font-weight: bold!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    padding-right: 77px;
    padding-left: 77px;
}

header nav{
    text-align:right!important;
}

header nav li a {
    font-family: 'Roboto', regular!important;
    text-transform: uppercase!important;
    font-weight: normal!important;
    padding: 0px 12px!important;
}

header nav li a:hover{
    color: #00b1e4 !important;
}

header nav .current a{
    color: #00b1e4 !important;
}

.box-services-two:before {
    content: '';
    position: absolute;
    left: 0;
    top: -15px;
	bottom: -15px;
    width: 100%;
    height: 35px;
    background: #f2f2f2;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
}
.box-services-two:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 100%;
    height: 35px;
    background: #f2f2f2;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
}

.db-pricing-eleven .type {
    font-size: 21px;
    color: black;
}

.db-pricing-eleven ul {
    color: black;
    list-style: none;
    margin: 0;
    padding-left: 0px;
    display: inline-block;
    margin: auto 0;
    padding-bottom: 50px;
}

.db-pricing-eleven ul li {
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: justify;
    font-family: 'Open Sans', regular;
}

.db-pricing-eleven ul li i {
    margin-right: 5px;
}

.db-pricing-eleven .price {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 40px 20px 20px 20px;
    font-size: 60px;
    font-weight: 900;
    color: #FFFFFF;
}

.db-pricing-eleven .price small {
    color: #B8B8B8;
    display: block;
    font-size: 12px;
    margin-top: 22px;
}

.db-pricing-eleven .type {
    padding: 0px 20px 40px 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.db-pricing-eleven .type img{
    margin-top: 25px;
}

.db-pricing-eleven .pricing-footer {
    padding: 20px;
}
.db-pricing-eleven .pricing-footer .btn-lg {} .db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 424px) {

    .db-pricing-eleven {
        margin: 0% !important;
    }

    .services-box{
        overflow:hidden !important;

    }

    .box-services-two:before{
        height:30px !important;
        top: -10px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .box-services {
      padding-bottom: 27px !important;
      width: 100%;
  }
}

@media only screen and (min-device-width: 900px) and (max-device-width: 1500px) {

    .services-page .box-inside-page .box-services-one:before{
    	width: 100%!important;
    }

    .services-page .box-inside-page .box-services-one:after{
        width: 100%!important;
        height: 100px!important;
    }

    .services-page .section-cta{
        margin-top:70px!important;
    }
}

/*        HOME - SECTION TESTIMONIALS
--------------------------------------------*/

.section-testimonial-content .row{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    flex-direction: row;
}

.section-testimonial-content .row:last-child{
    margin-top:0px!important;
}

.color4,
.slice.color4,
.bulle.color4,
.ctaBox.color4 {
    background-color: #43b64e;
    color: #fff;
}

.slice {
    background-color: #fff;
}

@media (min-width: 768px) {

    .slice {
        padding-bottom: 33px !important;
    }
}

h1 {
    font-size: 44px;
    line-height: 44px;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.1em;
    margin-bottom: 17px;
}

h2.subTitle {
    font-size: 34px;
    line-height: 24px;
    font-weight: 300;
    font-style: normal;
    padding: 0;
    margin-bottom: 90px;
    text-align: center;
}
.boxFeature-2 {
    text-align: -webkit-center;
}
.boxFeature-2 p {
    padding-top: 13px;
    font-size: 100%;
   font-family: 'Roboto Slab',Regular;
}
.testimonial-box {
    height: auto;
    max-height: 272px;
}
.title-section-testimonial {
    padding-bottom: 60px;
}
.testimonial-text {
    color: #00B1E4;
    font-size: 100%!important;
    font-family: 'Roboto Slab', Regular;
}
.testimonial-box:after {
    display: block;
    height: 1px;
    width: 100px;
    content: '';
    bottom: 73px;
    position: absolute;
    margin-left: -50px;
    left: 50%;
}

.testimonials-boxse {
    padding: 32px;
    color: #7d7d7d;
    width: 20%!important;
    margin-left: 0px;
}

.section-cta::before {} .color4 h2.subTitle:after,
.color4 h1.noSubtitle:after {
    background: #fff;
}

h2.subTitle:after,
h1.noSubtitle:after {
    background-color: #ffffff;
}

h2.subTitle:after,
h1.noSubtitle:after {
    display: block;
    height: 1px;
    width: 100px;
    content: '';
    bottom: 53px;
    position: absolute;
    margin-left: -50px;
    left: 50%;
}

.img-circle {
    border-radius: 50%;
}

.img-circle {
    border-radius: 0;
}

.ratio {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 77%;
    position: relative;
    width: 77%;
}

.img-circle {
    border-radius: 50%;
}

#whitepapers{
    background-color: #f2f2f2;
}

.whitepapers-name{
margin-top:13px;
margin-bottom:50px;
}

img.img-responsive.whitepapers{
    display: block;
    height: auto;
    max-width: 100%;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    .section-testimonial-content {
        padding: 30px !important;
    }

    .section-testimonial-content .container {
        width: 100%!important;
    }

    .testimonials-boxse {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 21px !important;
        padding: 0;
    }
}

/*        HOME - CALL TO ACTION
--------------------------------------------*/

.cta-button a.btn-lg-box-services:hover {
    color: #21bcf8!important;
}

.cta-button a.btn-lg-box-services {
    border-radius: 0px!important;
    background-color: #ffffff!important;
    border: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    font-family: 'Roboto', Bold!important;
    font-size: 16px!important;
    font-weight: bold!important;
    padding-top: 32px!important;
    padding-bottom: 32px!important;
    padding-right: 15%;
    padding-left: 15%;
    color: #21bcf8;
}

.home section.section-cta div.section-cta-inner div.container div.row{
	margin-top: 8%;
    margin-bottom: 8%;
}

#section-cta-scroll {
  padding-top: 75px;
  margin-top: -115px;
}

.section-cta-inner {
    background-color: #00B1E4;
    background-size: cover;
}

.section-cta-inner:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -40px;
    width: 100%;
    height: 80px;
    background-color: #00B1E4;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);
    -webkit-backface-visibility: hidden;
    visibility: visible;
}
.section-cta-inner .container {
    min-height: 315px;
}
.section-cta {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    margin: -54px 0;
    overflow: hidden;
    padding: 2px 1px;
    min-height: 457px;
    text-align: center;
    width: 100%;
}

.section-cta .cta-button a:hover{
    color:black!important;
}

 #carousel-partner-new > div:last-child{
	padding-bottom:0px!important;
}

.container-inner-page {
    margin-top: -115px;
    z-index: 1;
}
.container-inner-page .row .section-cta {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    margin: -88px 0;
    overflow: hidden;
    padding: 2px 1px;
    height: 457px!important;
    text-align: center;
    width: 100%;
}
h1 {
    font-size: 32px;
}
p {
    font-size: 15px;
    font-weight: 300;
    margin-top: 0.5em;
}
}
.bs-calltoaction {
    position: relative;
    width: auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.bs-calltoaction > .row {
    display: table;
    width: calc(100% + 30px);
}
.bs-calltoaction > .row > [class^="col-"],
.bs-calltoaction > .row > [class*=" col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.cta-contents {
    padding-top: 10px;
    padding-bottom: 10px;
}
.cta-title {
    margin: 0 auto 15px;
    padding: 0;
    font-size: 38px;
    text-align: center;
    font-family: 'Open Sans', Light;
}
.cta-desc {
    padding: 0;
}
.cta-desc p:last-child {
    margin-bottom: 0;
}
.cta-button {
    padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 991px) {
    .bs-calltoaction > .row {
        display: block !important;
        width: auto !important;
    }

    .bs-calltoaction > .row > [class^="col-"],
    .bs-calltoaction > .row > [class*=" col-"] {
        float: none !important;
        display: block !important;
        vertical-align: middle !important;
        position: relative !important;
    }

    .cta-contents {
        text-align: center !important;
    }
}

.bs-calltoaction.bs-calltoaction-default {
    color: #fff !important;
    background-color: #ff6347 !important;
    border-color: #ccc !important;
    box-shadow: 0 0 36px rgba(105, 104, 104, 0.5) !important;
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.bs-calltoaction.bs-calltoaction-danger .cta-button .btn {
    border-color: #fff !important;
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    .section-cta .container .col-sm-12 {
        padding: 7px !important;
    }

    .section-cta .container {
        width: 100% !important;
    }

}


/*        HOME - CALL TO ACTION FORM
--------------------------------------------*/

.section-cta {
	overflow: visible;
	margin-bottom: 20px;
	min-height: initial;
}

.section-cta-inner .container{
	min-height: initial;
}

.home section.section-cta div.section-cta-inner div.container div.row {
	margin-top: 3% ;
    margin-bottom: 3%;
}

.cta-form {
	margin-bottom: 8%;
}

.cta-form .contactFm {
	position:relative;
	display:block;
	clear:both;
	padding:48px 0 32px 0;
	margin:14px 0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:url(../img/shadow-bottom.png) no-repeat top center;
	text-align: left;
}

.cta-form .contactFm label {
	font-weight: 300;
	font-size: 14px;
}

.cta-form .contactFm label span {
	width: 100%;
}

.cta-form .contactFm label input:not([type="checkbox"]) {
	width: 100%;
}

.cta-form .contactFm p.error{
	margin-left: 30px;
	display: inline-block;
	font-size: 14px;
}

.cta-form .contactFm label input[type='text'],
.cta-form .contactFm label input[type='number'],
.cta-form .contactFm label input[type='email'],
.cta-form .contactFm label textarea {
	border-radius: 0px;
	font-size: 15px;
	color: black;
	box-shadow: none;
}

.cta-form .contactFm label textarea {
	width: 100%;
	height: 60px;
}

.cta-form .contactFm .checkbox {
	text-align: left;
}

.cta-form .contactFm .checkbox .checkbox-title-inline {
	width: 100%;
	float: none;
}

.cta-form .contactFm .checkbox .checkbox-list.checkbox-list-inline {
	float: none;
	width: 100%;
	margin: 15px 0 0 20px;
}

.cta-form .btn-contact-form{
    border-radius: 0px!important;
    background-color: #656262!important;
    border: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    font-family: 'Roboto'!important;
    font-size: 15px!important;
    font-weight: bold!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    padding-right: 77px;
    padding-left: 77px;
    color: white;
    margin-top: 24px;
    margin-right: 35px;
    cursor:pointer;
 }

.cta-show-form {
	font-size: 25px;
	color: white;
	transition: 1s;
}

.cta-show-form:hover,
.cta-show-form:active,
.cta-show-form:visited,
.cta-show-form:focus {
	color: #dcdcdc!important;
	text-decoration: none !important;
}

.af-message-success { background-color: green !important; border: 0;}
.af-message-error { background-color: brown !important; border: 0;}
.af-message-info { background-color: black !important; border: 0; }

/*        HOME - NEWS
--------------------------------------------*/

.section-news {
    background-color: #f2f2f2;
}

.services-page .section-news {
  margin-top: 50px;
}

.section-news .container {
    padding-top: 23px!important;
    padding-bottom: 70px!important;
    margin-top: 50px;
}

@media (min-width: 992px) {

    .news-row {
        width: 31% !important;
    }

}


.news-row {
    margin-top: 40px;
    background: rgb(255, 255, 255);
    margin: 1%;
    text-align: center;
    padding-right: 0px!important;
    padding-left: 0px!important;
    min-height: 375px!important;
    cursor: pointer;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
    width:442px;

}
/*
.section-news .container{
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: center!important;
    justify-content: center!important;
}
*/
.section-news .title-section{
    text-align: center;
    margin-top: 50px;
}


.news-row h4:hover {
    text-decoration: none;
}
.news-row h4 {
	color: #3b3b3b;
	font-size: 1.1em;
	font-family: 'Open Sans', regular;
	padding: 0 27px 0 27px;
	line-height: 25px;
	text-transform: uppercase;
}

a:hover {
    color: #515151;
    -webkit-transition: color 200ms ease-in;
    -ms-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
    text-decoration: none!important;
}
.news-row img {
    position: relative;
    float: left;
    width: 100%;
    height: 237px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 34px;
}
.section-news::before {} @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .section-news .container {
        width: 100%!important;
    }
}
/*        HOME - PARTNER
--------------------------------------------*/

h2{
  font-weight: 100;
}

.services-partners-title {
    padding-bottom: 40px;
}

/*.home > .services-partners .services-partners-title{
    padding-top: 60px;
    padding-bottom: 100px;
}*/

.services-partners:before {
    /*content: '';*/
    position: absolute;
    width: 97%;
    height: 73px;
    margin-top: -31px;
    background: white;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
}
#carousel-partner-new .item {
    display: block;
    text-align: -webkit-center;
    padding-bottom: 40px;
}

#carousel-partner-new .item img{
	width: 150px;
}

.home .services-partners .section-partner-col12{
    padding-bottom: 25px;
}

#services-partners .carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}

/* The controlsy */
section.services-partners{
  padding: 50px 50px 20px!important;
  margin-top: 10px;
}

#services-partners .carousel-control {
    left: -12px;
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
#services-partners .carousel-control.right {
    right: -12px;
}
/* The indicators */

#services-partners .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
/* The colour of the indicators */

#services-partners .carousel-indicators li {
    background: #cecece;
}
#services-partners .carousel-indicators .active {
    background: #428bca;
}

#services > div > div > div > p.black-text,#services > div > div > div > ul,#services > div > div > div > h2 > strong{
	text-align: left;
	font-size: 22px;
}
#services > div > div > div > p.black-text,#services > div > div > div > ul{
	text-align:center;
	padding-top:2%;
}

/*        HOME - FOOTER
--------------------------------------------*/

.container-inner-page footer .row {
    margin-top: 0px;
}

footer .container .footerleft .secondary-address{
    margin-top:35px!important;
}

.section-fast-contact:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 73px;
    margin-top: -72px;
    background: #f2f2f2;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
}
.section-fast-contact {
    background-color: #f2f2f2;
    padding-top: 36px;
    padding-bottom: 18px;
    margin-top:30px;
}
.section-fast-contact .links li a {
    color: #666666!important;
}

.section-fast-contact .separator-contact{
    margin-left:15px;
    margin-right:15px;
}

.section-fast-contact .links {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    float: left;
    font-family: 'Roboto', Regular;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 27px;
}
.section-fast-contact .logosfooter {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    float: right;
}

.section-fast-contact .container .row{
   /* display: flex;*/
    align-items: center;
}

.section-fast-contact .container .row .links{
    flex: 1.3 1 0%;
}

.section-fast-contact .container .row .logosfooter{
    flex: 1 1 0%;
}

.section-fast-contact .container .row .links li, .section-fast-contact .container .row .logosfooter li {
    display: -moz-inline-box;
}


footer {
    background-color: #666666;
    min-height: 350px;
    font-family: 'Open Sans', regular;
    font-size: 14px;
}

footer h6 {
    color: #ffffff;
    font-family: 'Roboto', regular;
}

footer a {
    color: #ffffff;
    font-family: 'Open Sans', regular;
}

footer a:hover {
    color: #00b1e4;
}

.footerleft {
    margin-top: 50px;
    padding: 0 36px;
}

.logofooter {
    margin-bottom: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}

.footerleft p {
    color: #fff;
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}
.footerleft p i {
    width: 20px;
    color: #999;
}
.paddingtop-bottom {
    margin-top: 50px;
}
.footer-ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 2px;
}
.footer-ul li {
    line-height: 29px;
    font-size: 12px;
}
.footer-ul li a {
    color: #a0a3a4;
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
}
.footer-ul i {
    margin-right: 10px;
}
.footer-ul li a:hover {
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
    color: #ff670f;
}
.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.icon-ul {
    list-style-type: none !important;
    margin: 0px;
    padding: 0px;
}
.icon-ul li {
    line-height: 75px;
    width: 100%;
    float: left;
}
.icon {
    float: left;
    margin-right: 5px;
}
.copyright hr {
    width: 75%;
    border-top: 1px solid #777777;
}
.copyright {
    min-height: 40px;
    background-color: #666666;
}
.copyright p {
    text-align: left;
    color: #FFF;
    padding: 10px 0;
    margin-bottom: 0px;
    font-family: 'Open Sans', regular;
    font-size: 14px;
}
.heading7 {
    color: #ffffff;
    font-family: 'Roboto', Regular;
    font-size: 17px;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.post p {
    font-size: 12px;
    color: inherit;
    line-height: 20px;
}
.post p span {
    display: block;
    color: #8f8f8f;
}
.bottom_ul {
    list-style-type: none;
    float: right;
    margin-bottom: 0px;
}
.bottom_ul li {
    float: left;
    line-height: 40px;
}
.bottom_ul li:after {
    content: "";
    color: #FFF;
    margin-right: 8px;
    margin-left: 8px;
    border-right: 1px #ffffff73 solid;
}
.bottom_ul li a {
    color: #FFF;
    font-size: 12px;
}
.bottom_ul li a img {
    /*height: : block;*/
    width: initial;
}
.social-link-text {
    padding-top: 20px;
}
.social-link {
    display: -webkit-inline-box;
    display: -webkit-inline-box;
    display: inline-flex;
}
.social-link li {
    padding-right: 4px;
}

.social-link li img {
    width: 42px;
}

.post {
    clear: both;
    padding-bottom: 15px;
    display: -webkit-inline-box;
    display: inline-box;
}

.post ul {
    margin-right: 13px;
}

/*   		INSIDE PAGE
 * --------------------------------
 */
.services-page .container > .col-lg-6 > div > img{
    border-radius:50%!important;
    margin-bottom: 40px;
}

@media (max-width: 767px){
  .services-page .section-fast-contact{
      padding-top:0;
  }
}

.services-page .slider-container{
    background-image: url(https://www.salesupply.com/assets/img/try/29.png);
    background-size: 100% 340px;
    color: #fff;
    background-position-y: 125px;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 257px 1px;
    position: relative;
    text-align: center;
    z-index: 4;
    margin-top: -398px;
    opacity: 1;
}

.services-page .caption{
    margin-top:15px;
}
.services-page .section-cta{
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    margin-top: -35px;
    padding: 2px 1px;
    text-align: center;
    width: 100%;
    overflow: visible;
	margin-bottom: 20px;
	min-height: initial;
}

.services-page .container-inner-page .container-fluid .row:first-child{
    margin-top:50px!important;
}

.services-page .pricing-footer a.btn-lg-box-services{
    margin-top: 30px;
    margin-bottom: 30px;
}

.slider-container-inner {
    background-image: url(https://www.salesupply.com/assets/img/inner-page/ecommerce_02.png);
    background-size: cover;
    color: #fff;
    overflow: hidden;
    padding: 227px 1px;
    position: relative;
    text-align: center;
    z-index: 15;
    margin-top: -333px;
    opacity: 0.8;
}

.box-inside-page {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.container-services-inner div {
    text-align: -webkit-auto;
}

.container-services-inner p {
    font-size: 15px!important;
    font-family: 'Open Sans', Regular;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 21px;
}

.box-inside-page .box-services-one:before {
    width: 100%;
    left: 0px;
    top: -40px;
    height: 99px;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(-3.5deg);
    -ms-transform: skewY(-3.5deg);
    -o-transform: skewY(-3.5deg);
    transform: skewY(-2deg);
}

.container-inner-page .row > .box-inside-page {
    margin-top: 100px;
}

.box-services-before-cta:after {
    display: none!important;
}
.container-services-inner .pricing-footer p {
    font-family: 'Roboto', regular;
    font-size: 17px;
    text-transform: uppercase;
    color: #5a5957;
    padding-top: 11px;
}
.container-services-inner div .type img {
    max-width: 100%;
}
.container-services-inner div h4 {
    font-size: 25px;
    font-family: 'Open Sans', Light;
}


.box-inside-page .box-services-one:after {
    left: 0px;
    bottom: -35px;
    width: 100%;
    height: 81px;
    -webkit-transform: skewY(2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);
}

.box-services-one .container-services-inner div .type {
    text-align: -webkit-center;
    text-align: center;
}
.box-services-one .container-services-inner div .type img {
	max-width: 402px;
}
body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(1) > h3{
	width:143%;
}

#whitepapers > div > div > div:nth-child(6){
	clear:left;
}

#services > div > div:nth-child(8){
	clear:left;
}

/*        MOBILE
 * ----------------------*/

@media only screen and (max-width: 767px) and (min-width:320px) {
    header.fixed, .navbar-fixed-top{
        width:100%!important;
    }

    .news-row{
        width:100%!important;
    }

   section.join-section > section.section-cta > div > div > div.row > div.col-md-12.cta-contents > a > h5, section.section-cta > div > div > div.row > div.col-md-12.cta-contents > a > h5, section.section-cta > div > div > div.row > div.col-md-12.cta-contents > a > h5{
       font-size:22px!important;
   }
   body > section.container.full-post-page > section{
    width:100%!important;
    }

   #ctaFromSubmit{
    margin-left: 30px!important;
    width: 85% !important;
    }

	.logosfooter{
	  display: flex!important;
	  flex-wrap: wrap!important;
	  align-content: center!important;
	  margin-top: 110px!important;
	}

	.logosfooter > li{
		flex: 1!important;
	}

	body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(1){
		margin-bottom:0px !important;
	}

	body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p:nth-child(5),body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(2) > div{
    	display:none !important;
	}

	body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div,body > div.container-inner-page > div:nth-child(7) > div > div > div > div > div:nth-child(2) > div,body > div.container-inner-page > div:nth-child(8) > div > div > div > div > div:nth-child(2) > div,body > div.container-inner-page > div:nth-child(9) > div > div > div > div > div:nth-child(2) > div{
		padding: 0px 20px 20px 20px;
		margin-top:-20px!important;
	}

	body > div.container-inner-page > div:nth-child(4) > div > div > div > div > div:nth-child(2) > div,body > div.container-inner-page > div:nth-child(6) > div > div > div > div > div:nth-child(2) > div,body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div,body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(2) > div{
		padding: 20px 20px 20px 20px;
	}

	body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(1) > div{
		padding: 0px 20px 20px 20px;
		margin-top:-20px!important;
	}

	body > div.container-inner-page > div:nth-child(5) > div > div > div > div > div:nth-child(1) > p:nth-child(4),body > div.container-inner-page > div:nth-child(6) > div > div > div > div > div:nth-child(1) > p:nth-child(4){
		display:none !important;
	}

	.section-testimonial-content {
	margin-top: 0px !important;
	margin-bottom: -60px !important;
	}

	body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(2) > p {
    margin-bottom: -9px!important;
	}

	.box-inside-page .box-services-one:after {
		bottom: -13px !important;
	    height: 60px !important;
	}

	body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(1) > div{
		margin-bottom: -20px !important;
	}

	body > section.join-section > section.section-cta{
		margin-bottom: -10px !important;
	}

	#services > div > div > div > p.black-text,#services > div > div > div > ul{
		margin-left: 0px !important;
	}

	body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(2){
    margin-bottom: -75px !important;
	}

	body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(1) > h4:nth-child(3),body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(1) > p{
	   width: 100% !important;
	}

	#services > div > div > div > h2{
  	font-size:26px !important;
	}

	#services > div > div > div > p.black-text,#services > div > div > div > ul{
	font-size: 15px;
	}

	body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(1) > h3{
		width:100%;
	}

	div.align-block-list{
		text-align:center;
		margin-left:2% !important;
		margin-right:0 !important;
	}

	body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(1) > div > img{
	width:100%;
	margin-top:-10px;
	}
	body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p:nth-child(4) > a:nth-child(2) > img{
		margin-left: 20px;
	}

}

@media only screen and (max-width: 900px) {



    img.img-responsive.whitepapers {
    display: block;
    height: auto;
    max-width: 95%!important;
    }
    .services-partners:before{

        display:none!important;
    }
    .services-partners:after{
       display:none!important;
    }
    .floating-contact{
        /*display:none!important;*/
    }
    .services-page .row, .home .row, .blog-page .row{
        margin-right: 0px!important;
        margin-left: 0px!important;
    }

    .dropdown-menu > li{
        padding-left:10px!important;
    }

    .navbar-nav>li>a{
        padding-top: 5px!important;
        padding-bottom: 5px!important;
        line-height: 20px!important;
    }

    .home .box-services-one:after, .box-services-two:before{
        width: 100%;
        left:0px;
    }

    .home .box-services-one:before{
        left: 0px;
        top: -10px;
        width: 100%;
    }

    .home .box-services-one:after{
        left: 0px;
        bottom: -20px;
        width: 100%;
        height: 30px;
    }

    .home .box-services-two:after{
        left: 0px;
        bottom: -20px;
        width: 100%;
        height: 32px;
    }

    .home .col-lg-5{
        padding:0;
    }

    .home .slider-container {
        background-image: url(https://www.salesupply.com/assets/img/try/30.png)!important;
        background-size: cover!important;
        color: #fff!important;
        overflow: hidden!important;
        padding: 103px 1px!important;
        position: relative!important;
        text-align: center!important;
        z-index: 4!important;
        margin-top: -205px!important;
        margin-left: -20px;
        width: 67%;
        opacity: 1!important;
    }

    .home .caption{
        position: absolute!important;
        width: 84%!important;
        text-align: center!important;
        padding-right: 15px!important;
        color: white!important;
        margin-top: -9px!important;
        font-size: 38px!important;
        font-family: 'Roboto Slab', Light!important;
        margin-left: 25px;
    }

    .home .section-fast-contact{
        padding-top: 0px;
    }

    .section-fast-contact:before{
        height: 25px;
        margin-top: -39px;
        position: relative;
    }

    .services-page .container-inner-page{
        margin-top: 20px !important;
    }

    .db-pricing-eleven ul li{
        text-align:inherit!important;
    }

    .services-page .btn-lg-box-services{
        padding-right: 45px!important;
        padding-left: 45px!important;
    }

    .container-services-inner div h4{
        font-size:18px!important;
		text-align:center;
    }

    .services-page .box-services-title{
        margin-top: 5px;
    }

    .services-page .slider-container {
        background-image: url(https://www.salesupply.com/assets/img/try/30.png)!important;
        background-size: cover!important;
        color: #fff!important;
        overflow: hidden!important;
        padding: 140px 1px!important;
        position: relative!important;
        text-align: center!important;
        z-index: 4!important;
        margin-top: -280px!important;
        margin-left: -150px;
            width: 95%;
        opacity: 1!important;
    }

    .services-page .caption{
        position: absolute!important;
        width: 55%!important;
        text-align: center!important;
        padding-right: 15px!important;
        color: white!important;
        margin-top: 20px!important;
        font-size: 38px!important;
        font-family: 'Roboto Slab', Light!important;
        margin-left: 160px;
    }

    .caption p {
        font-size: 15px;
    }

	.tpl-post article {
    padding-top: 84px!important;
    }

    .blog-page .second-caption-text-post .bottom-text-post ul li:nth-child(1) p{
        font-size: 12px;
    }

	.bottom-text-post {
    position: inherit!important;}

	/*.tpl-post{
		padding-top: 474px!important;
	}*/

	.section-fast-contact .separator-contact{
	    margin-right:2px;
	    margin-left:2px;
	}

	.first-post{
		height: 248px!important;
		    margin-bottom: 205px;
	}
    .container {
        width: 100%!important;
    }

    .home .box-services{
        margin-top: 40px;
    }

    .services-page .box-services-title{
        text-align:center!important;
    }

    .services-page .container-inner-page .row .col-lg-6 p:last-child{
         padding-bottom: 25px;
    }

    .services-page .section-cta{
        margin-top:0px;
    }

    .services-page section.section-cta div.section-cta-inner div.container div.row{
        margin-top: 5%;
    }

    .container-services-inner div .type img {
        width: 250px;
		margin-bottom: -10px !important;
    }

    .container-inner-page .row .section-cta {
        margin-top: 0px;
    }

    .section-cta-inner .container {
        min-height: 200px;
    }

    .cta-title {
        font-size: 29px;
    }

    .cta-button a.btn-lg-box-services {
        padding-right: 30px;
        padding-left: 30px;
        font-size: 14px!important;
    }

    .box-inside-page .box-services-one:after {
        /*height: 25px;*/
       bottom: -13px;
    }

    .box-inside-page .box-services-one:before {
        /*height: 25px;*/
       top: -25px;
    }

    .testimonials-boxse {
        width: 49%!important;
        float: left;
        padding-right: 0px!important;
        padding-left: 0px!important;
    }

    .boxFeature-2 p {
        font-size: 13px;
    }

    .section-fast-contact .links {
        font-size: 14px;
        margin-left: 25px;
    }

    .section-fast-contact .logosfooter {
        display: -webkit-inline-box;
        margin-left: 15px;
        float: none;
    }

    .section-fast-contact .logosfooter li a img {
        width: 58px;
    }

    .title-section-testimonial {
        padding-bottom: 0px;
    }

    .section-testimonial-content .container .row {
		    margin-bottom:40px;
    }

  	#services > div > div.row.text-center.section-services > div > h2{
  		margin-top:0px;
  		margin-bottom:-10px;
  	}

    footer .container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .blog-page .bottom-text-post .social-buttons li, .blog-page .first-caption-text-post .bottom-text-post .social-buttons li{
        width:20%!important;
    }

    .blog-page .three-blogpost .first-post .bottom-text-post{
        padding:0!important;
    }

    .blog-page .paging{
        margin-bottom: 50px;
        margin-top: 75px;
    }

    .blog-page .first-caption-text-post h3{
        font-size:18px;
    }

    #carousel-partner-new .item .row .col-md-3:not(:last-child){
        margin-bottom:50px;
    }

    footer .col-md-4.col-sm-6.paddingtop-bottom ul li{
        margin-bottom:10px;
    }

    footer .heading7{
        text-align:center;
    }

    .footerleft p{
        font-size: 14px !important;
    }

    footer .social-link{
        width:100%;
    }

    footer .social-link .fb{
        margin-left:25%;
    }

    .bottom_ul li:after {
        content: none;
    }

    .bottom_ul, .bottom_ul li{
        float: none;
        margin-bottom: 15px;
    }

    .copyright p { text-align: center; }

    .section-cta-inner:after {
        content: none;
    }

    .checkbox-title-inline {
        float: none !important;
        width: 100% !important;
    }

    .checkbox .checkbox-list-inline {
        width: 100%;
    }

    .services-page .btn-contact-form {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #about h2, #services h2{
        font-size: 20px !important;
    }

    .job-list .job-list-content {
        margin-left: 10px !important;
    }

    .job-list .job-list-content .full-time {
        display: block;
        width: 150px;
        text-align: center;
    }

    .pricing-footer {
        padding: 20px 0 20px 0 !important;
        text-align: center !important;
		    margin-bottom: 0px !important;
    }

    .services-page .pricing-footer a.btn-lg-box-services {
        margin-bottom: 30px;
        font-size: 14px !important;
    }

    .section-cta {
    	height: initial !important;
    }

    .container-services-inner div .box-services-title {
		margin-top: 20px;
		font-size: 20px;
	}

	.whitepapper-item img, .whitepapper-item a {
		margin: auto;
		text-align: center;
	}

	.tpl-post article .date {
		margin-top: 15px;
	}

	.dropdown.active ul li .active {
		background-color: #989898;
    	font-weight: bold;
	}

	.section-fast-contact .logosfooter {
		display: block;
		width: 100%;
		margin-left: 0;
	}

	.section-fast-contact .logosfooter li {
		text-align: center;
	}

	.section-fast-contact .logosfooter li a img {
		width: 100px;
	}

	.section-fast-contact .links {
		display: block;
		width: 100%;
		margin-left: 0;
	}

	.section-fast-contact .links li {
		text-align: center;
	}

	body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(1){
	margin-bottom:0px !important;
	}



}

@media only screen and (max-width: 500px) {

    .checkbox-list .checkbox-group {
        float: none;
        width: 100%;
    }

	body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(1){
	margin-bottom:0px !important;
	}



}

/*iPhone 5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 350px) {

    .home .slider-container {
        background-image: url(https://www.salesupply.com/assets/img/try/30.png)!important;
        background-size: cover!important;
        color: #fff!important;
        overflow: hidden!important;
        padding: 103px 1px!important;
        position: relative!important;
        text-align: center!important;
        z-index: 4!important;
        margin-top: -205px!important;
        margin-left: -75px;
        width: 85%;
        opacity: 1!important;
    }

    .home .caption {
        position: absolute!important;
        width: 60%!important;
        text-align: center!important;
        padding-right: 0px!important;
        color: white!important;
        margin-top: -20px!important;
        font-size: 38px!important;
        font-family: 'Roboto Slab', Light!important;
        margin-left: 76px;
    }


    .services-page .slider-container {
        background-image: url(https://www.salesupply.com/assets/img/try/30.png)!important;
        background-size: cover!important;
        color: #fff!important;
        overflow: hidden!important;
        padding: 140px 1px!important;
        position: relative!important;
        text-align: center!important;
        z-index: 4!important;
        margin-top: -280px!important;
        margin-left: -160px;
        width: 105%;
        opacity: 1!important;
    }

    .services-page .caption {
        position: absolute!important;
        width: 50%!important;
        text-align: center!important;
        padding-right: 15px!important;
        color: white!important;
        margin-top: 41px!important;
        font-size: 38px!important;
        font-family: 'Roboto Slab', Light!important;
        margin-left: 160px;
    }

    #slide-nav #slidemenu a {
        padding-left: 6px;
    }

    .blog-page .paging{
        margin-top: 145px!important;
    }

	body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(1){
	margin-bottom:0px !important;
	}

}

/****************landing minutus ES*****************/
#contact-minutus > div > div > #cta-form > div.col-md-12 > div:nth-child(5){
	display:none;
}
@media (min-width: 319px) and (max-width: 900px){
	body > div.container-inner-page > div > div > div > div > div > div:nth-child(2) > div{
		margin-bottom: 4.5em;
	}

	#chat-scroll{
		width:100% !important;
	}
}

/*TABLET*/
@media (max-width: 801px) {
	ul.navbar-nav>li {
		float: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
     header.fixed{
        height:58px!important;
    }
    .navbar-toggle{
        display:block!important;
    }

    #slide-nav .container {
        margin: 0!important;
        padding: 0!important;
        height: 100%;
    }
    #slide-nav .navbar-header {
        margin: 0 auto;
        padding: 0 15px;
        width:100%;
    }
    #slide-nav .navbar.slide-active {
        position: absolute;
        width: 80%;
        top: -1px;
        z-index: 1000;
    }
    #slide-nav #slidemenu {
        background: #f7f7f7;
		right: -100%;
        width: 50%;
        height:1200px;
        min-width: 0;
        position: absolute;
        padding-top: 50px;
        z-index: 2;
        top: 0px;
        margin: 0;
    }
    #slide-nav #slidemenu .navbar-nav {
        min-width: 0;
        width: 100%;
        margin: 0;
    }

    #slide-nav #slidemenu a{
        color:#e6e6e6!important;
        padding-left:20px;
    }

    #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
        min-width: 0;
        width: 80%;
        white-space: normal;
    }

    #slide-nav #slidemenu li{
        border-top:1px solid #383838;
        text-transform:uppercase;
        font-family: 'Roboto';
        font-size: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #slide-nav #slidemenu li:last-child{
        border-bottom:1px solid #383838;
    }

    #slide-nav #slidemenu .close-menu{
        text-align: right;
        padding-bottom: 20px;
        margin-top: -35px;
        padding-right: 20px;
    }

    #slide-nav #slidemenu .close-menu img{
        width: 20px;
        cursor:pointer;
    }

    #slide-nav {
        border-top: 0
    }
    #slide-nav.navbar-inverse #slidemenu {
        background: #434949
    }
    /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/

    #navbar-height-col {
        position: fixed;
        top: 0;
        height: 100%;
        bottom: 0;
        width: 27.8%;
        left: -80%;
        background: #f7f7f7;
    }
    #navbar-height-col.inverse {
        background: #434949;
        z-index: 1;
        border: 0;
    }
    #slide-nav .navbar-form {
        width: 100%;
        margin: 8px 0;
        text-align: center;
        overflow: hidden;
        /*fast clearfixer*/
    }
    #slide-nav .navbar-form .form-control {
        text-align: center
    }
    #slide-nav .navbar-form .btn {
        width: 100%
    }

    .close-menu{
        display:none;
    }

    .home .slider-container{
        width: 55%;
        margin-top: -373px!important;
        padding: 110px 1px!important;
    }

    .caption p {
        font-size: 20px;
    }

    .home .caption{
        margin-top: -60px!important;
    }

    .home .box-services-one:after, .home .box-services-two:after{
        height: 54px;
    }

    .home .section-news .col-sm-6{
        width:48%;
    }

    .home .section-partner-col12 #carousel-partner-new .col-md-3{
        width: 49%;
        display: inline-block;
    }

    .section-fast-contact:before{
        height: 32px;
    }

    .services-page .slider-container{
        width: 100%;
        margin-top: -405px!important;
        padding: 175px 1px!important;
    }

    .services-page .caption{
        margin-left: 190px;
        margin-top: 15px!important;
    }
    .services-page .caption p{
        font-size: 24px;
    }

    .services-page .container-inner-page{
        margin-top: -80px;
    }

    .services-page .box-inside-page .box-services-one:before{
        top: -30px;
        height: 65px;
    }

    .services-page .box-inside-page .box-services-one:after{
        height: 72px;
    }

    .services-page .container-inner-page .row{
        margin-top: 50px;
    }

    .services-page .container-inner-page > .row:first-child{
        margin-top: 90px;
    }

    .services-page .container-inner-page .row .col-lg-6 p:last-child{
        padding-bottom: 15px;
    }

    .services-page .cta-title{
        margin: 40px auto 30px;
    }

    .contact-de .row{
        margin-left:0;
        margin-right:0;
    }

	body > div.container-inner-page > div:nth-child(1) > div > div > div > div > div:nth-child(1){
	margin-bottom:0px !important;
	}

	body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p:nth-child(5),body > div.container-inner-page > div:nth-child(6) > div > div > div > div > div:nth-child(1) > p:nth-child(4){
	display:none !important;
	}
	body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(1) > h3,body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(1) > h4:nth-child(3),body > div.container-inner-page > div:nth-child(3) > div > div > div > div > div:nth-child(1) > p{
		width:100% !important;
	}

}

@media(max-width: 800px) {
	nav.navbar-nav>li {
		float: none;
	}
}


/*   		BLOG
 * ------------------*/

.blog-page .blog-logo-container{
    margin-bottom: 20px;
}
.blog-page .blog-logo-container #blog-logo{
    padding: 15px;
}

.three-blogpost{
	   height: auto;
	   background-color: #f2f2f2;
	   color: white!important;
}

.three-blogpost .container .row .col-lg-4:nth-child(4){
    margin-top: 80px;
}

.blog-page .three-blogpost a{
        color: white!important;
}

.blog-page .social-buttons li{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.blog-page .social-buttons li:hover{
    transform: scale(0.85);
}

.three-blogpost:after{
content: '';
    left: 0px;
    bottom: -32px;
    position: relative;
    width: 100%;
    height: 82px;
    background-color: #f2f2f2;

    -webkit-transform: skewY(1.5deg);
    -moz-transform: skewY(1.5deg);
    -ms-transform: skewY(1.5deg);
    -o-transform: skewY(1.5deg);
    transform: skewY(-1.5deg);
    -webkit-backface-visibility: hidden;
    visibility: visible;
    z-index: 1;
}

.three-blogpost .container .row{
	margin-top: 20px;
}

.first-post{
    height: 555px;
    background-repeat: no-repeat;
    background-size: cover;
}

.first-caption-text-post{
    z-index: 2;
    background-image: url(/assets/img/preview-blog/Blog_02.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 270px;
    opacity: 0.9;
    position: relative;
    top: 68%;
}

.seconds-three-post{
    background-repeat: no-repeat;
    background-size: cover;
    height: 248px;
    z-index: 3;
    position: relative;
      }


.first-caption-text-post .bottom-text-post ul li:nth-child(1) p{
    text-align: left;
    width: 80%;
    font-size: 14px;
}

.first-caption-text-post .bottom-text-post .social-buttons li{
    width: 8%!important;
}

 .first-caption-text-post.bottom-text-post{
      position: initial;
  right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    font-family: 'Open Sans';
    font-weight: 600;
    padding: 5px;
  }
.first-caption-text-post{

 padding: 7px;

}
.first-caption-text-post h3{
	    font-size: 25px;
    color: white;
    font-family: 'Open Sans';

}
.blog-page .three-blogpost a:hover{
    text-shadow:1px 1px 0px #515151;
    -webkit-transition: text-shadow 150ms ease-out;
    -ms-transition: text-shadow 150ms ease-out;
    transition: text-shadow 150ms ease-out;
    text-decoration: none!important;
}

.first-caption-text-post .date{
font-size: 100%;
    color: white;
    font-family: 'Open Sans';
    font-weight: 600;
     padding-top: 70px;

}
.second-caption-text-post .bottom-text-post ul li:nth-child(1) p{
    text-align: left;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

.second-caption-text-post .bottom-text-post .social-buttons li{
    width: 12%!important;
}

 .second-caption-text-post .bottom-text-post{
      position: initial;
  right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    font-family: 'Open Sans';
    font-weight: 600;
    padding: 5px;
  }
.second-caption-text-post{

 padding: 7px;

}
.second-caption-text-post h3{
	    font-size: 100%;
    color: white;
    font-family: 'Open Sans';

}

.second-caption-text-post .date{
font-size: 100%;
    color: white;
    font-family: 'Open Sans';
    font-weight: 600;
     padding-top: 13px;
    padding: 5px;
    margin-top:5px;
}
.second-caption-text-post{
    z-index: 2;
    background-image: url(/assets/img/preview-blog/Blog_04.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 150px;
    position: relative;
    top: 68%;
    opacity: 0.9;
}


.tpl-post{
	height: auto;
    background-color: #ffffff;
    padding-top: 40px;
    padding-bottom: 20px;
}

.tpl-post a{
    color:#333333!important;
}
 .post-text{
 	height: 289px;
    min-height: 289px;
 }

 .bottom-text-post ul{
 	    display: -webkit-box;
    display: inline-flex;
 }

 .bottom-text-post ul{
    width: 100%;
 }
.bottom-text-post ul li:nth-child(1){
	text-align: left;
    width: 95%;
 }
 .bottom-text-post ul li:nth-child(2){
text-align: right;
    width: 50%;
 }
 .bottom-text-post ul li img{
    width: 32px;
 }

 .bottom-text-post .social-buttons li{
     width: 8%!important;
    text-align: center!important;
 }

 .bottom-text-post .social-buttons{
     justify-content: flex-end;
 }


 .bottom-text-post{
 position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
        font-family: 'Open Sans';
    font-weight: 600;
 }

 .tpl-post .blog-row-img{
 width: 100% !important;
 }

 .tpl-post article{
 	padding-top: 50px;
 }

 .tpl-post .bottom-text-post a:hover,.tpl-post h3 a:hover{
    color: #00b1e4 !important;
    -webkit-transition: color 100ms ease-in;
    -ms-transition: color 100ms ease-in;
    transition: color 100ms ease-in;
    text-decoration: none !important;
 }

 .tpl-post article .date{
 	font-family: 'Open Sans';
    font-weight: 600;
 }
  .tpl-post article h3{
     font-family: 'Open Sans','Light';
 }

.tpl-post article .intro-post {
    font-family: 'Open Sans';
    font-size: 14px;
/*     padding-top: 10px; */
   /*  line-height: 27px; */
}

 .blog-page .paging {
 	margin-bottom: 50px !important;
 }

 .blog-page .paging .pagination > li a{
     color: #2d3032!important;
     font-family: 'Open Sans', semibold;
     font-weight: 600;
     transition:color 0.2s ease;
  }

 .blog-page .pagination > li a:hover{
    background-color: #eee;
    border-color: #ddd;
    color: #00b1e4 !important;
 }

  .blog-page .paging .pagination > li a.active{
    background-color: #eee;
    border-color: #ddd;
    color: #00b1e4 !important;
 }



 /*      BLOG-POST
 * ------------------*/

 .full-post-page{
     margin-bottom:30px;
 }

 .article-post{
     background-color: #ffffff!important;
 }

 .full-post-page .social-media li, .full-post-page .social-buttons li{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
 }

 .full-post-page .social-media li:hover, .full-post-page .social-buttons li:hover{
     transform: scale(0.85);
 }

 .article-post article h1, .blog-logo-container > h1, .featured h1.title-section{
    margin-top: 45px;
    font-family: 'Open Sans','Light';
    font-size: 30px;
    text-transform: none!important;
    text-align: left;
    letter-spacing: 0px;
    color: #00B1E4;

 }

  .article-post .post-image img{
      width:70%!important;
    }

  .article-post .post-image{
      text-align:center;
  }

  .article-post article .date-container{
    margin-top: 20px;
 }

 .article-post .date-container ul{
 	display: -webkit-box;
    display: flex;
    align-items: flex-end;
 }

 .article-post article .date-container ul li:first-child{
    flex:1;
 }

 .article-post article .date-container ul li:first-child span:first-child{
    margin-right:15px;
 }

 .article-post article .date-container ul li:first-child span:last-child{
    margin-left:15px;
 }

 .article-post article .date-container .social-buttons img:first-child,.article-post article .date-container .social-buttons img:nth-child(2){
     margin-right:15px;
 }


 .article-post article .date{
    font-family: 'Open Sans','Semibold';
    font-weight: 600;
 }

 .article-post .post-content{
    margin-top: 30px;
    font-family: 'Droid Sans', sans-serif;
 }

 .article-post .post-content .post-entry{
     font-family: 'Droid Sans';
     margin-top: 30px;
 }
 .article-post .post-content .post-entry p{
     font-size: 16px;
 }

 .article-post .post-content img{
    max-width: 100%;
    height: auto;
 }

 .article-post .newsletter{
    background: -webkit-linear-gradient(-90deg, #20bdfb, #7cc451 92%);
    background: -o-linear-gradient(-90deg, #20bdfb, #7cc451 92%);
    background: -moz-linear-gradient(-90deg, #20bdfb, #7cc451 92%);
    background: linear-gradient(-90deg, #20bdfb, #7cc451 92%);
    background-size: cover;
    height: 250px;
    margin-top: 30px;
    font-family:'Open Sans',Light;
    color:white;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
 }

 .article-post .newsletter h3{
     margin-bottom: 35px;
 }

 .article-post .newsletter .button-newsletter{
    background-color:white;
    border:none;
    color:black!important;
    width: 50%;
    height: 35px;
    font-family: 'Open Sans', Bold!important;
    font-weight: 700;
    margin-bottom: 20px;
 }

 .article-post .newsletter .email-newsletter{
    background: transparent;
    border: 2px solid white;
    box-shadow: none;
    border-radius: 0;
    width: 300px;
    text-align: center;
    color: white;
    height: 40px;
    margin-bottom: 15px;
 }

 .article-post .newsletter .email-newsletter:focus{
     outline:none;
 }

 .article-post .newsletter .email-newsletter::placeholder{
     color:white!important;
 }

 .article-post .newsletter .terms-newsletter{
     margin-bottom:0!important;
 }

  .article-post .newsletter .terms-newsletter a{
    color: white!important;
    font-weight: 100;
    text-decoration: underline;
    font-size: 12px;

 }




  .article-post .social-media{
    background-color: white;
    height: 250px;
    margin-top: 30px;

 }

 .article-post .social-media ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
 }

  .article-post .social-media li{
    display:inline-block;
 }

  .article-post .social-media ul{
    text-align: center;
    margin-top: 30px;
 }

 .article-post .social-media ul img{
    width: 40px;
 }



 .article-post .social-media ul li:first-child,.article-post .social-media ul li:nth-child(2){
      margin-right: 20px;
 }




 .article-post .social-media h1{
    font-family:'Open Sans',Light;
    font-size:26px;
    text-transform: none;
    padding-top: 25px;
 }



  .article-post .searchbox{
    background-color: white;
    height: 200px;
    margin-top: 20px;
 }

 .article-post .categories-blog{
    background-color: white;
    height: 300px;
    margin-top: 20px;
 }

 .article-post .article-bottom{
    margin-bottom: 50px;
 }

/*   REFERENCES
-----------------------------*/

.featured .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */

}

.featured .accordion-toggle:after {
    display: none;
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
        color: #1fb1a0;
}
.gallery_product{
    margin-bottom: 35px;
}
.gallery_product .card{
        color: #1fb1a0;
   margin-top: 10px;
    box-sizing: border-box;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.gallery_product img{
       border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    position: relative;
    z-index: -1;
    display: block;
    max-width: 100%;
    height: auto;

}

.gallery_product h4{
  padding: 6px;
  text-align: -webkit-center;
  text-align: center;
      color: #4e4d4d;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    bottom: 0;
    left: 0;
    padding: 16px;
}
.collapse{
      padding-top: 24px;
}
.collapse  .img-responsive{
    min-height: auto;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
  /*    JOBS
 * ------------------*/

 div.center-section h2{

       text-align: -webkit-center;
        text-align: center!important;
 }
.title-jobs-full{
   text-align: -webkit-center;
   text-align: center;
    color: #303030;
    margin-bottom: 40px;
    padding-top: 25px;
}
.job-list {
    border: 1px solid #ded7d7;
    padding: 15px;
    display: inline-block;
    margin-bottom: 15px;
        width: 100%;
}
.job-list .thumb {
    float: left;
    display: none;
}
.job-list .job-list-content {
    display: block;
    margin-left: 55px;
    position: relative;
}
.job-list .job-list-content h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.full-time {
    font-size: 12px;
    color: #fff;
    background: #2c3e50!important;
    border-radius: 4px;
    margin-left: 10px;
    padding: 7px 18px;
}
.job-list .job-list-content p {
    margin-bottom: 20px;
}
.job-list .job-tag {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    line-height: 35px;
}
  /*    CONTACT-PAGE
 * ------------------*/
 @media only screen and (max-width: 900px) {

     #maps-address div.address-block h4{
            font-size: 19px!important;
    text-transform: uppercase!important;
     }
    .usp-points{
        width: 100%!important;
    }
   .usp-points li{
     width: 100%!important;
         margin: 2px 0px!important;
   }
 #form-contact aside{
 min-height: 105px!important;
 background:none!important;
}
   #form-contact .content ul {
    margin: 2px 0px 29px 0px!important;
}

body.services-page .checkbox input[type=checkbox]{
    margin-left: 8px!important;

}
#form-contact .contactFm .col-lg-12, #form-contact .contactFm .col-lg-6, #form-contact .contactFm .col-lg-8{
padding-right: 0px!important;
padding-left: 0px!important;
}
#form-contact .col-lg-8 {
 width: 100%;
     padding-right: 4px!important;
    padding-left: 4px!important;
}

 }
#form-contact .content ul {
    margin: 11px 7px 28px 61px;
}
#form-contact aside{
 width: 100%;
}
#form-contact .col-lg-8 .content{
 width: 100%;
}
#page-contact #services .container aside{
    background: none;
}
#page-contact #services .container .col-md-12 p{
   font-size: 19px;
    line-height: 1.375em;
    color: #303030;
    font-weight: 400;
    text-align: -webkit-center;
}

#page-contact #services.container-fluid{
    padding-bottom: 3px;
}
  form.contactFm label span, .addCommentFm label span{
    width: 25%;
  	font-size: 14px;
    font-weight: 300;
  }
#form-contact .input-text-msg {
  display: block;
  width: 100%;

  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

#form-contact .input-text {
  display: block;
  width: 100%;
  height: 36px;

  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
#form-contact .input-text:focus {
  outline: none;
}
#form-contact .input-text:focus + .label, .contact-form .input-text.not-empty + .label {
  transform: translateY(-24px);
}
#form-contact{
    margin-bottom: 100px;
}
#maps-address{
     background-color: #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
}
#maps-address .map-before-after{
     position: relative;
         z-index: 2;
}
#maps-address .map-before-after:before{
-webkit-transform: skewY(2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);
    content: '';
    position: absolute;
    left: 0px;
    top: -53px;
    width: 100%;
    height: 90px;
    background: #f2f2f2;
}

#maps-address .map-before-after:after{
-webkit-transform: skewY(1deg);
    -moz-transform: skewY(-1deg);
    -ms-transform: skewY(-1deg);
    -o-transform: skewY(-1deg);
    transform: skewY(-1deg);
    content: '';
    position: absolute;
    left: 0px;
    top: 480px;
    width: 100%;
    height: 60px;
    background: #f2f2f2;
    z-index: -1;
}


#maps-address div.address-block h4{
     font-size: 24px;
    line-height: 1.375em;
    color: #303030;
    font-weight: 400;
    margin-bottom: 12px;
      text-transform: uppercase;
 }
 #maps-address div.address-block p{
   font-size: 16px;
 }


 .contact-de aside{
     margin-top:35px;
     background:none!important;
 }
 .contact-de aside .usp-points li{
     margin-top:5px;
     font-family: 'Roboto';
 }

 .contact-de .content{
     font-family:'Open Sans', 'Regular';
 }

 .contact-de .content ul{
    margin: 0 0 24px 25px;
 }
 .contact-de .content .title1{
    font-weight:600;
    margin-bottom:10px;
 }

 .contact-de .content .intro{
    margin-bottom:18px!important;
 }

 .contact-de form{
     margin-bottom:30px!important;
 }

 .contact-de .btn-contact-form{
    border-radius: 0px!important;
    background-color: #91d06d!important;
    border: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    font-family: 'Roboto'!important;
    font-size: 15px!important;
    font-weight: bold!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    padding-right: 77px;
    padding-left: 77px;
    color: white;
    margin-top: 10px;
    margin-right: 35px;
    cursor:pointer;
 }

 .contact-de .checkbox-list .checkbox-group{
    margin-bottom:0!important;
 }
  .contact-de form input[type='text'], form textarea{
    box-shadow:none!important;
    border-radius:0!important;
    font-weight: 600;
    color:#000;
 }

 .contact-de form textarea{
    font-size: 16px;
 }

 .contact-de .checkbox .checkbox-group input[type='checkbox'], .checkbox .checkbox-group input[type='radio']{
    top:1px!important;
 }

@media only screen and (max-width: 899px) {
    .contact-de aside{
        display:none;
    }

    .contact-de .content{
        width:100%
    }

    .contact-de .checkbox .checkbox-title-inline{
        width: 40%;
    }

    .contact-de .checkbox .checkbox-list-inline{
        width:100%;
    }

    .contact-de .content ul{
        margin: 0 0 25px 25px;
    }

    .contact-de .checkbox-list .checkbox-group{
        margin-bottom:8px!important;
    }

    .contactFm label span, .addCommentFm label span{
        width: 100%!important;
    }

    .contactFm label input[type='text'], .contactFm label input[type='email'], .contactFm label textarea, .addCommentFm label input[type='text'], .addCommentFm label textarea{
        width: 100%;
        font-size: 1.3rem;
    }

    #callback-form .contactFm label span, #mailback-form .contactFm label span {
        width: 15% !important;
    }

    #callback-form .contactFm label input[type='text'],
    #mailback-form .contactFm label input[type='text']{
        width: 65% !important;
    }

    .cta-form .btn-contact-form {
    	padding-left: 5px;
    	padding-right: 5px;
    }
}


/*   CBM
-----------------------*/

#cbm-content #about{
    background-color: #f2f2f2;
}

#about .row .col-sm-7{
    text-align: -webkit-center;
    text-align: center;

}

.services-page .container-fluid.bg-grey .col-sm-12:nth-child(1){
	text-align: center;
}

.services-page .container-fluid.bg-grey .col-sm-12 img{
	border-radius: 50%;
	width: initial !important;
}

#about ul {
	margin-left: 20px;
    list-style-type: initial;
}


/*     WHITEPAPERS
---------------------------------- */


.modal-whitepapers {
	border-radius: 0px !important;
	margin-top: 15%;
}´

body.modal-open { position: fixed; width: 100%; }


/*         FORM INSIDE SERVICE
-----------------------------------*/

body.services-page .section-form-content aside{
 width: 90%;
}


body.services-page form input[type='text'], form textarea, form input[type='email'] {
    box-shadow: none!important;
    border-radius: 0!important;
    font-weight: 600;
    color: #000;
}

body.services-page .checkbox-list .checkbox-group {
    margin-bottom: 0!important;
}

body.services-page .content ul {
    margin: 0 0 24px 25px;
}

body.services-page .checkbox .checkbox-group input[type='checkbox'], .checkbox .checkbox-group input[type='radio'] {
    top: 1px!important;
}

body.services-page .checkbox .checkbox-title-inline{
width: 28%;
}
body.services-page .section-form-content{
    margin-top: 10%;
}


body.services-page .btn-contact-form {
    border-radius: 0px;
    background-color: #656262;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 77px;
    padding-left: 77px;
    color: white;
    margin-top: 24px;
    margin-right: 35px;
    cursor: pointer;
}

.container-services-inner .btn-contact-form {
  margin-bottom: 10px;
}

/*FLOATING CONTACT*/
.floating-contact, .floating-contacteee{
    position: fixed;
    top: 25%;
    left: 0;
    margin-top: -36px;
    z-index: 150;
    max-height:10000px;
}

.floating-contact #menu-toggle, .floating-contacteee #menu-toggleee{
    display: block;
    max-width: 120px;
    min-width: 80px;
    word-break: break-word;
    padding: 7px 15px 10px 15px;
    background: #00b1e4;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 1.17;
    font-family: inherit;
}
.floating-contact, .floating-contacteee{
height:0px;
}

.floating-contact.active, .floating-contacteee.active{
height:auto;

}
.floating-contact #sidebar-wrapper, .floating-contacteee #sidebar-wrapper{
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: -100px;
    left: 0;
    font-size: 16px;
    line-height: 1.47;
    font-family: inherit;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.floating-contact #sidebar-wrapper, .floating-contacteee #sidebar-wrapper{
    background-color: #fafafa;
    background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#e9e9e9));
    background: -webkit-linear-gradient(top,#fafafa,#e9e9e9);
    background: -moz-linear-gradient(top,#fafafa,#e9e9e9);
    background: -ms-linear-gradient(top,#fafafa,#e9e9e9);
    background: -o-linear-gradient(top,#fafafa,#e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa,endColorstr=#e9e9e9,GradientType=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 26px 0 26px 16px;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    position: relative;
}
.floating-contact #sidebar-wrapper .sidebar-nav .btn-close{
        box-sizing: border-box;
    background: 0;
    border: 0;
    font-size: 11px;
    height: 37px;
    line-height: 52px;
    padding: 0 5px;
    position: absolute;
    right: 14px;
    top: 0px;
}

.floating-contact.active #sidebar-wrapper{
     -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

}

.floating-contact #sidebar-wrapper .sidebar-nav:before{
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 16px;
    background: #00b1e4;
}

.floating-contact .contact-title{
    color: #000;
    font-size: 19px;
    line-height: 24px;
    margin: 0 60px 28px 0;
    padding: 0 15px;
}

.floating-contact .contact-set{
    padding: 0 35px 3px 35px;
    display: table;
    margin: 0 auto;
    table-layout: fixed;
}

.floating-contact .contact-title .contact-local-phones{
    font-size: 12px;
    line-height: 17px;
}

.floating-contact .contact-set .col:first-child{
    border-left: 0;
}

.floating-contact .contact-set .col{
    padding: 0 20px 4px 20px;
    border-left: 1px solid #ddd;
    display: table-cell;
    max-width: 202px;
    min-width: 202px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.floating-contact .heading{
    cursor: pointer;
}
.floating-contact .heading .h-text{
        display: block;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 0 0 6px;
}

.floating-contact .heading p {
	font-size: 13px;
}

.floating-contact #sidebar-wrapper a {
    color: #00b1e4 !important;
}

.floating-contact p{
    margin: 0;
    text-align: center;
    color: #000;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.floating-contact #chatimg{
        display: block;
    margin: 0 auto 11px;
}

.floating-contact #callback-form, .floating-contact #mailback-form{
    margin-top:20px!important;
    display:none;
}

.floating-contact .col.contact{
    cursor:pointer;
}

.floating-contact #callback-form .btn, .floating-contact #mailback-form .btn {
    border-radius: 0px!important;
    background-color: #00b1e4 !important;
    border: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    font-family: 'Roboto'!important;
    font-size: 15px!important;
    font-weight: bold!important;
    color: white;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    padding-right: 35px;
    padding-left: 35px;
}

.icon-floating{
    width: 100%;
    position: fixed;
    top: 40%;
    left: 0;
    margin-top: -36px;
    z-index: 150;
    max-height: 10000px;
    display:none;
}

.icon-floating #menu-toggle2, .icon-floating #menu-toggleee2  {
    display: block;
    max-width: 120px;
    min-width: 80px;
    word-break: break-word;
    padding: 7px 15px 10px 15px;
    background: #00b1e4;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 1.17;
    font-family: inherit;
}
.call-back-img{
      padding-bottom: 26px;

}

.person-name{
    margin-bottom: 20px;
}
@media all and (max-width: 900px) {
    .icon-floating {
        display: block;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        top:initial!important;
    }

    .floating-contact #menu-toggle, .floating-contacteee #menu-toggleee{
        display:none;
    }
    .floating-contact #callback-form, .floating-contact #mailback-form{
      width: 92.5%!important;
      padding: 0 !important;
    }
   .floating-contact .col.contact{
       border-top: 1px solid #ddd;
       border-bottom: 1px solid #ddd;
   }
   .floating-contact .col {
       border-left:none !important;
   }
  .floating-contact .col.chat  , .floating-contact .col.contact, .floating-contact .col.email{
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        max-width: 100%;
        padding-top: 15px;
    padding-bottom: 17px;
    }
    .floating-contact{
          width: 96%;
          max-width: 100%;
           top: 24%;
    }
    .call-back-img, .person-name {
       display:none;
    }

}

.services-page.contact-nl .section-cta{
    margin-top: 80px!important;
}

.blog-page.blog-nl .tpl-post .col-lg-4 img{
    width: 65%;
}

#snapengage-button{

    display:none!important;
}
.captcha-cnt{
        margin-left:15px;
}

@media only screen and (min-width: 1024px) {
    .captcha-cnt{
        margin-bottom:-60px!important;
    }

}

#clients .card.card-body{
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1200px) and (max-width:1440px){
    body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p > a:nth-child(9) > img,
    body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p > a:nth-child(10) > img,
    body > div.container-inner-page > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p > a:nth-child(11) > img{
        width: 130px!important;
        margin-bottom: 25px!important;
    }

}

@media only screen and (min-width: 768px){
    .swiper-container {
        width: 474px;
        height: 213px;
    }

    .swiper-button-next{
        right: 80px!important;
    }
    .swiper-button-prev{
        left: 80px!important;
    }

    .swiper-button-next,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next{
        fill: #4FB64C;
        opacity: 0.85;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 18px!important;
        height: 30px!important;
        z-index: 10!important;
        background-size: 18px 35px!important;
    }

}

body > section.container.full-post-page > section{
    width:90%;
}

.article-post .post-entry > div > ul{
    margin: inherit!important;
    padding: 5px 0px 0px 50px!important;
    list-style: inherit!important;
    list-style-image: inherit!important;
}
.article-post .post-entry > div > ul > li {
    margin-bottom: 15px;
}

.section-cta div.row > div.col-md-12.cta-button, .section-cta div.row > div.col-md-12.cta-button > a:nth-child(1) > h5{
    margin-top:0!important;
    padding-top:0!important;
}

.section-cta div.row > div.col-md-12.cta-contents{
    padding-bottom:0!important;
}


body > section.container > section > div > h4{
    width: 100%;
    padding: 5px 0px 5px 15px;
    border-radius: 0px;
    border-bottom: 1px solid #234c22;
    text-transform: uppercase;
    font-size: 24px;
}

body > section.container > section > div > div .whitepapper-item img{
    max-width: 100px;
    display:inline-block;
}

body > section.container > section > div > div .whitepapper-item a{
    width: 100%;
    margin-left: 30px;
        font-size: 16px;
}

body > section.container > section > div > div .whitepapper-item{
    width: 100%;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-bottom: 16px;
    border-bottom: 1px solid #808287;
}
body > section.container > section > div > div .whitepapper-item:last-child{
    border-bottom:0px;
}

body > section.container > section > div > div .whitepapper-item .whitepapers-name{
    margin-top: 35px;
    color: #00b1e4;
    font-weight: 400;
}

.btn-blogwidget{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #fff;
    background-color: #00B1E4;
    font-size: 0.9rem;
    font-size: 1.4rem;
    font-weight: bold;
    padding: .6rem 3rem .6rem;
    border:none;
    border-radius: 4px;
    box-shadow: none!important;
    cursor: pointer;
    width:100%;
    font-size:16px;
    text-align:center;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.btn-blogwidget:hover{
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    color:white;
    text-decoration: underline !important;
}

.article-post.modal-open #whitepapersFromSubmit{
    border-radius: 0px;
    background-color: #91d06d;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 77px;
    padding-left: 77px;
    color: white;
    margin-top: 10px;
    margin-right: 35px;
    cursor: pointer;
}

body > section.container > section > div{
    margin-top:40px;
}

@media only screen and (min-width: 320px) and (max-width: 1200px){
    body > section.container > section > div > h4{
        width:100%;
    }

    body > section.container > section > div{
        padding: 0px 30px 0px 30px;
    }

    body > section.container > section > div > div .whitepapper-item{
        width:100%;
    }

   .btn-blogwidget{
        width:100%;
        margin-bottom: 35px;
    }

    body > section.container > section > div > div .whitepapper-item img{
        max-width: 60px;
    }

    body > section.container > section > article{
        padding: 0px 30px 0px 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px){
    body > section.container > section > div > div .whitepapper-item .whitepapers-name{
        font-size:12px!important;
    }
    body > section.container > section > div > div .whitepapper-item a{
        margin-left:5px;
    }
}

.cc-window{
    z-index: 9999999999!important;
}

.post-content ul{
    list-style:inherit!important;
    padding-left: 40px!important;
}

.post-content ul li{
    font-size:16px!important;
}

.adv-privacy > span{
    margin-left:0!important;
}

input[name="news-updates"], input[name="no-news-updates"]{
    width: 4%!important;

}

label#y-news, label#n-news{
   min-height: 20px!important;
}

.slice.services-box#services{
   margin-bottom:50px;
}

.section-testimonial-content{
    padding-left: 15px!important;
    padding-right: 15px!important;
	  margin-top:60px;
}

/******CSS OVERFLOW NL******/

.bg-image-full-overflow {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.img-fluid{
  max-width: 100%;
  height: auto;
}

.overflow-page .container-fluid ul{
	list-style: inherit!important;
	margin-top:40px;
	margin-left: 18%;
}

body.overflow-page > div.container-fluid > div{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.overflow-page .container-fluid li{
	font-size:18px;
    padding-bottom: 10px;
}

#overflow-form-data input{
	box-shadow: none!important;
    border-radius: 0!important;
    font-weight: 600;
    color: #000;
}


#overflow-form-data #overflowsubmit{
    border-radius: 0px!important;
    background-color: #91d06d!important;
    border: none!important;
    box-shadow: none!important;
    text-transform: uppercase!important;
    font-family: 'Roboto'!important;
    font-size: 15px!important;
    font-weight: bold!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    padding-right: 73px;
    padding-left: 77px;
    color: white;
    margin-top: 10px;
    margin-right: 120px;
    cursor: pointer;
}

body.overflow-page > div.container-fluid > div:nth-child(2) > div{
	text-align: center;
}

body.overflow-page #overflow-form-data label{
	text-align:right;
	max-width:92%!important;
}

body.overflow-page > div.container-fluid > div:nth-child(2){
    margin-bottom:30px;
	margin-top: 70px;
}

body.overflow-page h1{
    text-transform:none!important;
	letter-spacing:0!important;
}

body.overflow-page > div.container-fluid > div:nth-child(1) > div.col-md-8 > h1{
	margin-right: 15%;
}


body.overflow-page > div.container-fluid > div:nth-child(1) > div.col-md-2{
	margin-top:30px;
}

body.overflow-page #myCarousel > div > div > a:nth-child(2) > div, body.overflow-page #myCarousel > div > div > a:nth-child(3) > div{
display:none!important;
}

input#dollsOverflow::-webkit-input-placeholder{
	opacity:0.3!important;
}

#overflow-form-data input:not([type="submit"]){
	width: 55%!important;
}
#overflow-form-data label span{
	width: 40%!important;
}

body > div.container-fluid > div:nth-child(1) > div.col-md-8 > div:nth-child(2){
	margin-left:24%;
}



@media only screen and (min-width: 320px) and (max-width: 767px){

  .overflow-page .container-fluid ul{
	  margin-left: 2%;
  }

  body.overflow-page > div.container-fluid > div:nth-child(1) > div.col-md-2 > img{
	max-width:70%!important;
  }

  body.overflow-page #overflow-form-data label{
    text-align:left;
  }

  #overflow-form-data #overflowsubmit{
	margin-right:16px;
  }

  body.overflow-page > div.container-fluid > div:nth-child(2) > div{
	margin:0;
	padding:0;
  }

  body.overflow-page > div.container-fluid > div:nth-child(2) > div > div{
	margin-left:10px;
	padding:0px;
  }

  body.overflow-page > div.container-fluid > div:nth-child(2) > div > h2{
	font-size:28px!important;
  }

  body.overflow-page > div.container-fluid > div:nth-child(2){
	margin-top:50px;
  }

  body > div.container-fluid > div:nth-child(1) > div.col-md-2, body > div.container-fluid > div:nth-child(1) > div.col-md-8 > div > div{
	text-align:center;
  }

  body > div.container-fluid > div:nth-child(1) > div.col-md-8 > div:nth-child(2){
	margin-left:0!important;
  }

  body > div.container-fluid > div:nth-child(1) > div.col-md-8 > div:nth-child(2){
	margin-left:24%;
  }

  /* Avoid overflow */
  body{
    overflow-x: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){

  body.overflow-page > div.container-fluid > div:nth-child(1) > div.col-md-2 > img{
	max-width:50%!important;
  }
  body > div.container-fluid > div:nth-child(1) > div.col-md-8 > div:nth-child(2){
	margin-left:10%;
  }


}

.caption-text a{
  color:white!important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
  font-size:80px!important;
  margin-top:-60px!important;
}
#pl-sub{
	font-size:19px;
}

/**********************************/
.webinars-title, .webinar-description{
	text-align:center;
}
/*************************************/
body > section.container > section > div > div#pl-side-article > div.whitepapper-item{
    padding-right:0;
}
#pl-side-article > div >#wp-name-sideblock{
    display: inline-block;
	width: auto !important;
	margin-left:0;
}
#pl-side-article > div > .side-img-blog{
    display: inline-block;
}

body.job img, .job-list-content img{
height:auto!important;
width: 100%;
}

/* Hide recaptcha badge at the foot */
.grecaptcha-badge{
  display: none !important;
}


.caption h1 {
    font: 16px/20px 'Open Sans','Helvetica Neue','HelveticaNeue','Helvetica',sans-serif;
    line-height: 1.42857143;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: right;
    color: white;
    font-family: 'Roboto Slab', Light!important;
    box-sizing: border-box;
    font-weight: 300;
    margin: 0 0 10px;
    font-size: 38px;
    text-transform: none;
    letter-spacing: normal;
} 

/* .caption h1 {
    font: 16px/20px 'Open Sans','Helvetica Neue','HelveticaNeue','Helvetica',sans-serif;
    line-height: 1.42857143;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: right;
    color: white;
    font-family: 'Roboto Slab', Light!important;
    box-sizing: border-box;
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 45px;
    text-transform: none;
    letter-spacing: normal;
    font-family: 'Open Sans';
} */




.cta-form{
	display: block !important;
}

/* Styles for the new GDPR field on Whitepaper download form */
.whitepaper-gdpr-wrapper{
	margin-left: 5px;
	margin-top: 25px;
	padding-right: 45px;
}

.whitepaper-gdpr-wrapper > input{
	float: left;
}

.whitepaper-gdpr-wrapper > label{
	font-size: 13px;
	position: relative;
	font-weight: 300;
	bottom: 16.5px;
	left: 20px;
	min-height: unset;
}

#whitepapers-form .error{
	margin-left: 25px;
	display: inline-block;
	font-size: 14px;
}

.blog-logo-container > h1, .featured h1.title-section{
	padding-bottom: 50px;
	letter-spacing: initial;
	margin-left: 15px;
}

/* Styles for the privacy policy pages */
.privacy-policy ul{
	list-style: disc;
	margin-left: 50px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.privacy-policy table{
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
	width: 100%;
}

.privacy-policy table > tbody > tr:first-of-type p{
	font-weight: bold;
	color: #fff;
}

.privacy-policy table > tbody > tr:first-of-type td{
	background-color: #6aa84f;
}

.privacy-policy table td{
	border: solid 1px #cccccc;
}

/* Style to fix display of featured news images */
.section-news img{
	object-fit: cover;
}

/* Change color of blog entries links */
.post-entry a {
   color: #00b1e4;
   text-decoration: underline;
}

.post-entry a:hover {
   color: #00b1e4;
   text-decoration: none;
}

/* Change color of Swiper Sliders buttons */
.swiper-button-next:after, .swiper-button-prev:after{
    color: #50B64C;
}

/* Set pointer to blog featured posts section images */
.seconds-three-post, .first-post{
  cursor: pointer;
}

/* Changes first text block */
.first-text-block .black-text, .first-text-block .black-text p {
	font-size: 22px;
	line-height: 36px;
	padding-top: 2%;
}

.first-text-block .black-text li {
  margin-left: 25px;
}

.first-text-block .title-section{
	padding-bottom: 0;
}

/* Margin last news block on service pages */
@media (min-width:768px){
  .section-news{
  	margin-top: 67px;
  }
}

div h2 {
	text-transform: none;
}

.first-text-block a {
  font-weight: bold;
  color: #00b1e4;
  text-decoration: underline;
}

.first-text-block a:hover {
  text-decoration: underline;
  color: #00b1e4;
}

.text-justify h2{
  text-align: left;
}

/* Styles for videos as header */
@media only screen and (min-width: 768px) {
  #header-video {
    height: calc(100vh - 100px);
    width: 100vw;
  }
}

#header-video {
  max-width: 100vw;
}

/* New styles for individual job pages */
.job .container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#job-image {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  #job-image {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.bottom_ul img {
  width: initial !important;
}

/* New mailback form on floatingContact chunks */
.floating-contact label[for="gdpr"] {
  width: 350px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

/* Tests for new fonts */
.blog-test-noto-sans h1, .blog-test-noto-sans h2, .blog-test-noto-sans p,
.blog-test-noto-sans li {
  font-family: notoSans !important;
}

.blog-test-lato h1, .blog-test-lato h2, .blog-test-lato p,
.blog-test-lato li {
  font-family: Lato !important;
}

/* Styles for Active Campaign Forms */
form._form {
  margin-top: 50px !important;
  max-width: 100%;
}

form._form label, form._form ._html-code {
  font-weight: 400;
}

form._form ._html-code {
  margin-bottom: 15px !important;
}

form._form legend{
  color: #fff;
  border: none;
}

form._form a {
  text-decoration: underline;
  color: #00B1E4;
  font-size: 10px !important;
  line-height: 13px !important;
}

form._form ._checkbox-radio {
  display: flex;
}

form._form ._checkbox-radio input, form._form ._field17 {
  margin: 0 !important;
}

form._form ._checkbox-radio label {
  font-size: 10px !important;
  line-height: 13px;
}

form._form ._x78422043 {
  margin-bottom: 15px !important;
}

@media only screen and (max-width: 768px) {
  .article-post section.container > .row > .col-lg-4 {
    display: flex;
    flex-flow: column;
  }

  ._form_3 {
    margin-bottom: 50px;
    order: -1;
  }

  form._form {
    margin-top: 0 !important;
  }

  form._form ._field17 {
    margin-bottom: 0 !important;
  }
}

/* CRO Adjustments Contact and Route page */
#offices h4 {
  color: #00b1e4 !important;
}

#offices a > h4:hover {
  text-decoration: underline;
}

/* Adjustment to allow to align left forcefuly with Rich Text Editors */
.justifyleft {
  text-align: left !important;
}

/* Fixes to align center list items on the first text block of the homepages */
.first-text-block .black-text li {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .first-text-block .black-text li {
    max-width: 50%;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .first-text-block .black-text li {
    max-width: 60%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  .first-text-block .black-text li {
    max-width: 70%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-text-block .black-text li {
    max-width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .first-text-block .black-text li {
    max-width: 90%;
  }
}

/* Flip animation for the floating contact form icons */
.contact-set > .col i {
  transition: transform 0.8s;
}

.contact-set > .col:hover i {
  transform: rotateY(180deg);
  transform-style: preserve-3d;
}

/* Styles for the new textarea comment field on the floating contact widget */
#commentEmailBack {
  font-size: 1.25em;
  color: #a8a8a8;
  border-radius: 6px !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.3) !important;
}

/* Styles for new newsletter modal shown on blog pages */
#newsletter-modal form {
  width: 100%;
  margin-top: 0 !important;
}

#newsletter-modal .modal-body > button {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 999;
}

#newsletter-modal .modal-body {
  padding: 0;
}

#newsletter-modal .modal-content {
  border: 0;
}

/* New Structure Map Block for content of Service pages */
.structure-map p {
  margin: 0;
  padding: 0;
}

.structure-map {
  overflow: hidden;
  margin-top: 25px;
}

.structure-map iframe {
  border: none;
  top: -54px;
  position: relative;
}

.structure-map-container {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
}

@media only screen and (max-width:767px) {
  .structure-map-row {
    /*display: none;*/
  }
}

/* Our Clients page redesign */
#clients .articles-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1190px;
  margin-top: 116px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

#clients .article-column {
  flex: 0 0 calc(50% - 42px);
  width: calc(50% - 42px);
  max-width: calc(595px - 42px);
  height: 280px;
  margin-left: 21px;
  margin-right: 21px;
  margin-bottom: 35px;
  position: relative;
}

#clients .client img {
  max-width: 140px;
  max-height: 40px;
  position: relative;
  top: 18px;
  left: 26px;
}

#clients .client > .inner-container {
  background: rgba(0, 0, 0, 0.65);
  max-width: 295px;
  height: 196px;
  position: relative;
  top: 51px;
  left: 36px;
}

#clients .client > .inner-container > .content-client {
  position: relative;
  left: 26px;
  top: 25px;
  max-width: calc(100% - 52px);
}

#clients .client > .inner-container > .content-client > p {
  font-family: Open Sans;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 20px;
  color: #FFFFFF;
}

#clients .client > .inner-container > .read-more {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
  text-decoration-line: underline;
  color: #FFFFFF;
  position: absolute;
  left: 26px;
  bottom: 17px;
}

#clients .client > .service-tag {
  background: rgba(0, 177, 228, 0.6);
  position: relative;
  top: 11px;
  right: 12px;
  font-family: Open Sans;
  text-transform: uppercase;
  color: #FAFAFA;
  font-weight: bold;
  font-size: 14px;
  line-height: 29px;
  min-width: 155px;
  text-align: center;
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
}

#clients .title-section {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: normal;
  font-size: 35px;
  line-height: 45px;
  text-align: center;
  color: #333333;
}

#clients h4 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #333333;
  max-width: 553px;
  margin-left: auto;
  margin-right: auto;
}

#clients #filters {
  text-align: center;
  margin-top: 27px;
}

#clients #filters > button {
  background: none!important;
  border: none;
  padding: 0!important;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 35px;
  text-decoration-line: underline;
  color: #00b1e4;
  margin-left: 21px;
  margin-right: 21px;
}

@media only screen and (max-width: 767px) {
  #clients .article-column {
    flex: 0 0 calc(100% - 42px);
    width: calc(100% - 42px);
  }
}

@media only screen and (max-width: 424px) {
  #clients .client > .inner-container {
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

#header-featured-client {
  margin-bottom: 74px;
  padding: 0;
}

#header-featured-client > .row {
  display: flex;
  align-items: stretch;
}

#header-featured-client #featured-image {
  padding: 0;
  object-fit: cover;
  object-position: left;
}

#header-featured-client #featured-text {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 0;
  padding-left: 113px;
  justify-content: center;
}

#header-featured-client h1 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 35px;
  color: #333333;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  max-width: 355px;
  margin-right: auto;
}

#header-featured-client h2 {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 55px;
  color: #333333;
  margin-bottom: 45px;
  max-width: 699px;
  margin-right: auto;
}

#header-featured-client a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 70px;
  color: #fff;
  background-color: #00b1e4;
  width: 276px;
  text-align: center;
  margin-right: auto;
}

#header-featured-client a:hover {
  background-color: #333333;
}

@media only screen and (min-width:768px) and (max-width:1919px) {
  #header-featured-client h2 {
    max-width: calc(100% - 113px);
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  #header-featured-client #featured-text {
    padding-left: 50px;
  }

  #header-featured-client h2 {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (max-width:767px) {
  #header-featured-client #featured-image {
    height: 289px;
  }

  #header-featured-client > .row {
    flex-flow: column;
  }

  #header-featured-client {
    margin-bottom: 0;
  }

  #header-featured-client #featured-text {
    padding-left: 15px;
    padding-right: 15px;
    background: #F5F5F5;
    padding-bottom: 46px;
    margin-bottom: 24px;
  }

  #header-featured-client h1 {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }

  #header-featured-client h2 {
    font-size: 25px;
    line-height: 35px;
    text-align: center;
  }

  #header-featured-client a {
    margin-left: auto;
  }

  #clients .featured > .title-section {
    font-size: 25px !important;
    line-height: 45px;
    text-align: center;
  }

  #clients #filters {
    display: flex;
    flex-flow: column;
  }

  #clients #filters > button {
    margin-bottom: 20px;
  }

  #clients .featured .articles-list {
    margin-top: 16px;
  }
}

/* Landing Popup Adjustment */
#landing-popup-modal .modal-body {
  min-height: 480px;
}

#landing-popup-modal .modal-image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 480px;
  margin-top: -15px;
}

#landing-popup-modal .modal-image img {
  position: absolute;
  max-width: 65%;
}

#landing-popup-modal .modal-image img:first-of-type {
  margin-left: -5px;
  margin-top: 10px;
}

#landing-popup-modal .graph {
  position: absolute;
  width: 149px;
  height: 480px;
  background: #00B1E4;
}

#landing-popup-modal h2 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 25px;
  color: #333333;
}

#landing-popup-modal h3 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 25px;
  color: #333333;
  margin-top: 0;
  margin-bottom: 22px;
}

#landing-popup-modal br {
  display: none;
}

#landing-popup-modal button.close {
  margin-right: -15px;
}

#landing-popup-modal label > span {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

#landing-popup-modal label[for="gdpr"] {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  color: #333333;
  padding-right: 0;
}

#landing-popup-modal label[for="gdpr"] a {
  color: #00B1E4;
}

#landing-popup-modal input[type="text"] {
  background: #F3F3F3;
  border: 1px solid #DFDFDF;
}

#landing-popup-modal .whitepaper-gdpr-wrapper {
  margin-top: 25px;
}
div.whitepaper-gdpr-wrapper label {
	margin-bottom: 0;
	padding-right: 0;
}
#landing-popup-modal .submit-button-wrapper {
  display: flex;
  justify-content: center;
}

#landing-popup-modal .submit-button-wrapper > input {
  margin: 0 !important;
  margin-bottom: 22px;
  width: 205px;
  height: 35px;
  font-family: Open Sans !important;
  font-style: normal;
  font-weight: bold !important;
  background: #00B1E4 !important;
  border: 1px solid #00B1E4 !important;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) !important;
  padding-left: 37px;
  font-size: 18px !important;
  line-height: 35px;
  padding: 0 !important;
}

#landing-popup-modal .submit-button-wrapper > .icon-submit {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) !important;
}

#landing-popup-modal .icon-submit {
  width: 40px;
  height: 35px;
  background: #008bb3;
  display: flex;
  align-items: center;
  justify-content: center;
}

#landing-popup-modal .icon-submit > img {
  width: 21px;
  height: 21px;
}

@media only screen and (max-width: 1024px) {
  #landing-popup-modal .modal-image img {
    position: relative;
  }

  #landing-popup-modal .modal-image img:first-of-type {
    position: absolute;
  }
}

/* Webinar Landing Pages */
.webinar-page #webinar-text {
  max-width: 737px;
  background: rgba(0, 0, 0, 0.45);
  height: fit-content;
  padding: 21px 53px;
  margin-bottom: 100px;
}

.webinar-page #webinar-form {
  max-width: 654px;
  box-shadow: 3px 5px 5px 5px rgba(0, 0, 0, 0.1);
  padding: 0;
  z-index: 5;
  height: fit-content;
}

.webinar-page #webinar-text > p {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 45px;
  text-decoration-line: underline;
  color: #FFFFFF;
}

.webinar-page #webinar-text > h1 {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 45px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-transform: none;
  text-align: left;
}

.webinar-page #introtext {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 35px;
  color: #FFFFFF;
}

.webinar-page #introtext li {
  list-style-image: url(../landings/garrapata.png);
  margin-left: 25px;
}

#webinar-header {
  margin-bottom: 22px;
}

#webinar-header > .row::after {
  left: 0px;
  bottom: -45px;
  width: 100%;
  height: 100px;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  content: '';
  position: absolute;
  background: #fff;
  -webkit-backface-visibility: hidden;
}

#webinar-header > .row {
    display: flex;
    justify-content: center;
    margin-top: 262px;
    position: relative;
}

#webinar-form > .heading {
  padding: 30px;
  background: #4FB64C;
}

#webinar-form > .heading > h2 {
  font-family: Open Sans;
  font-weight: bold;
  font-size: 26px;
  line-height: 35px;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
}

#webinar-form form {
  margin: 0 !important;
}

#webinar-form ._form-content {
  margin-top: 10px;
}

#webinar-form form input:not([type="checkbox"]){
  max-width: 385px !important;
  background: #F3F3F3 !important;
  border: 1px solid #DFDFDF !important;
  height: 41px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  line-height: 41px !important;
}

#webinar-form form ._checkbox-radio{
  margin-left: 30px;
  margin-bottom: 25px;
  margin-top: 16px;
}

#webinar-form form ._checkbox-radio label{
  font-size: 12px !important;
  line-height: 15px !important;
}

#webinar-form form ._checkbox-radio a{
  color: #92D06D;
}

#webinar-form ._form_element:not(._field18) {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 14px;
}

@media only screen and (min-width:426px) {
  #webinar-form ._form_element:not(._field18) {
    height: 41px !important;
  }
}

#webinar-form ._form_element:not(._field18) > label {
  width: 35% !important;
  display: inline-block;
  line-height: 41px !important;
  margin-left: 30px;
}

#webinar-form ._form_element:not(._field18) > div {
  width: 65% !important;
  display: inline-block;
  height: 41px !important;
}

#webinar-header {
  background-size: cover !important;
  background-position: center !important;
}

.webinar-page #content {
  z-index: 99999999;
}

.webinar-page #content h2 {
  font-family: Open Sans;
  font-size: 25px;
  line-height: 35px;
  text-align: center;
  color: #82C15E;
}

.webinar-page #content ul {
  font-family: Open Sans;
  font-size: 15px;
  line-height: 35px;
  text-align: center;
  color: #000000;
  list-style-type: initial;
  list-style-position: inside;
}

.webinar-page #webinar-video {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 834px;
  min-height: 404px;
}

.webinar-page #webinar-video > video {
  display: none;
}

.webinar-page #webinar-video-layer {
  background: #818181;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 834px;
  max-height: 404px;
}

.webinar-page #webinar-video-layer h3 {
  font-family: Roboto Slab;
  font-size: 25px;
  line-height: 45px;
  color: #FFFFFF;
}

.webinar-page #webinar-video-layer p {
  font-family: Open Sans;
  font-weight: bold;
  font-size: 15px;
  line-height: 35px;
  text-align: center;
  color: #FFFFFF;
}

.webinar-page #webinar-video-layer .webinar-video-button {
  background: #92D06D;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 52px;
  text-align: center;
  color: #FFFFFF;
  width: 201px;
  margin-top: 44px;
}

.webinar-page .section-news {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1439px) {
  #webinar-form ._form_element label, #webinar-form ._checkbox-radio {
    margin-left: 0 !important;
  }

  #webinar-form ._form_element:not(._field18) label {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  #webinar-form ._form_element:not(._field18) > label {
    width: 40% !important;
  }

  #webinar-form ._form_element:not(._field18) > div {
    width: 60% !important;
  }
}

@media only screen and (max-width: 1023px) {
  #webinar-header > .row {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 131px;
  }

  #webinar-text {
    margin-bottom: 65px;
  }

  .webinar-page .section-news .news-row {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  footer .row > div{
    width: 100%;
    text-align: center;
  }

  footer .social-link {
    justify-content: center;
  }

  footer .social-link .fb {
    margin-left: initial;
  }
}

@media only screen and (max-width: 425px) {
  #webinar-video-layer {
    padding-top: 50px;
    padding-bottom: 50px;
    position: static !important;
  }

  #webinar-form ._form_element:not(._field18) > label {
    width: 100% !important;
  }

  #webinar-form ._form_element:not(._field18) > div {
    width: 100% !important;
  }

  #webinar-form ._form_element {
    flex-flow: column !important;
    height: initial !important;
  }
}

@media only screen and (min-width: 425px) and (max-width: 767px) {
  #webinar-form ._form_element:not(._field18) > label {
    width: 40% !important;
  }

  #webinar-form ._form_element:not(._field18) > div {
    width: 60% !important;
  }
}

/* Blog content headings size fixes */
.post-content h2 {
  font-size: 24px;
}

.post-content h3 {
  font-size: 22px;
}

.post-content h4 {
  font-size: 20px;
}

.post-content h5 {
  font-size: 18px;
}

.post-content h6 {
  font-size: 16px;
  font-weight: bold;
}

/* Salesupply Careers (Job Vacancies Page Redesign) */
@media only screen and (max-width:1439px) {
  .services-page #careers-video > iframe {
    transform: scale(2.5);
  }
}

@media only screen and (max-width: 768px) {
  .services-page #careers-video {
    padding-top: 10%;
    position:relative;
    overflow: hidden;
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .services-page #careers-video-caption {
    width: 90%;
  }

  .services-page #careers-video-caption > h1 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .services-page #careers-video {
    height: calc(100% - 100px);
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .services-page #careers-video-caption > h1 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 1440px) {
  .services-page #careers-video-caption {
    width: 1200px;
  }

  .services-page #careers-video > iframe {
    transform: scale(1.5);
  }
}

.services-page #careers-video {
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-page #careers-video-caption {
  position: relative;
}

.services-page #careers-video-caption > a {
  display: inline-block;
  font-size: 17px;
  padding: 15px 20px;
  border-radius: 50px;
  transition: background-color 400ms,border 400ms;
  font-family: "Poppins",Sans-serif;
  color: #fff !important;
}

.services-page #careers-video-caption > h1 {
  font-family: "Spartan",Sans-serif;
  font-weight: 900;
  text-shadow: 0 0 10px rgb(0 0 0 / 30%);
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.services-page #careers-video-caption > h2 {
  font-family: "Poppins",Sans-serif;
  text-shadow: 0 0 10px rgb(0 0 0 / 30%);
  font-weight: 400;
  font-size: 17px;
  color: #fff;
}

.services-page #careers-video-caption > #transparent-button {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  margin-bottom: 20px;
}

.services-page #careers-video-caption > #transparent-button:hover {
  background-color: rgb(103, 192, 96);
  border-color: rgb(97, 206, 112);
}

.services-page #careers-video-caption > #colored-button {
  background-color: rgb(97, 206, 112);
}

/* Contact form alerts (jGrowl library) adjustments */
#jGrowl {
  position: absolute;
  margin-left: 20px;
  margin-top: 24px;
}

form#cta-form #jGrowl, form#whitepapers-form #jGrowl {
  font-size: 14px;
}

.floating-contact #jGrowl {
  width: 50%;
}

.floating-contact #jGrowl .jGrowl-notification {
  width: 100%;
}

/* Rebranding adjustments */
.floating-contact .btn-close > i {
  color: #00b1e4 !important;
}

form input[type='text'], form input[type='email'], form input[type='number'],
form textarea {
  border: 1px solid #00b1e4;
}

.home .db-pricing-eleven .type {
    padding-bottom: 0px;
}

.cc-compliance .cc-btn.cc-dismiss,
.cc-compliance .cc-btn.cc-dismiss:hover {
    background: #00B1E4;
}

/* Landings */
.top-content-section {
	padding: 80px 0;
	color: #333;
	font-size: 15px;
	line-height: 30px;
	font-weight: 400;
}
.top-content-section h1 {
	margin-top: 0;
	color: #00B1E4;
	font-size: 30px;
	line-height: 39px;
	text-align: left;
	margin-bottom: 23px;
	text-transform: none;
	font-family: 'Roboto Slab', serif;
	letter-spacing: normal;
}
.top-content-section p {
	font-weight: 400;
}
.top-section-content ul {	
	padding-left: 20px;
	list-style-type: disc;
}
.fullwidth-thumbnail {
	width: 100%;
	height: auto;
}
.dwnld-link {
	font-weight: 700;
	color: #333;
	display: inline-block;
	position: relative;
	padding-right: 30px;
	margin-bottom: 40px;
}
.dwnld-link:hover {
	color: #333;
}
.dwnld-link:after {
	content: '';
	background: url(../image/arrow-down.svg) no-repeat;
	background-size: 100%;
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 22px;
	height: 22px;
}
.landing-contact-form-section {
	padding: 50px 0 80px;
	background: #00B1E4;
	text-align: center;
	color: #fff;
}
.landing-contact-subtitle {
	margin: 11px;
}
.contact-arrow-wrapper {
	text-align: center;
	margin-bottom: 23px;
}
.contact-form-arrow {
	display: inline-block;
	width: 54px;
	height: 30px;
	background: url(../image/contact-form-arrow.svg) no-repeat;
	background-size: 100%;
}
.bottom-content-section {
	padding: 80px 0;
}
.bottom-content-section h3 {
	color: #00B1E4;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	margin-top: 0;
}
.form-rows {
	max-width: 582px;
	margin: 0 auto;
	text-align: left;
}
.form-rows > div > * {
	display: block;
	width: 100%;
	float: none;
}
form.contactFm .form-rows label {
	min-height: auto;
	margin-bottom: 0;
}
form.contactFm .form-rows label span {
	width: auto;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 0;
}
form.contactFm .form-rows .input-text {
	margin-bottom: 15px;
}
.landing-contact-form-section .whitepaper-gdpr-wrapper {
	padding: 0;
	margin: 15px 0 30px 0;
	text-align: left;
	position: relative;
	clear: both;
}
.landing-contact-form-section .whitepaper-gdpr-wrapper a {
	color: #fff;
}
.landing-contact-form-section .whitepaper-gdpr-wrapper #gdpr {
	position: absolute;
	top: 5px;
	left: 0;
	margin: 0;
	width: 12px;
}
.landing-contact-form-section .whitepaper-gdpr-wrapper label {
	padding-left: 19px;
	position: static;
}
.landing-contact-form-section form.contactFm .btn {
	font-size: 15px;
	line-height: 21px;
	text-transform: uppercase;
	border-radius: 0;
	font-weight: 700;
	width: auto;
	margin-right: 0;
	padding: 10px;
	float: right;
}
.landing-contact-form-section form.contactFm .btn-default {
	background: #656262;
	border-color: #656262;
	color: #fff;
	box-shadow: none;
}

.columns-modal {
	display: flex;
	flex-wrap: wrap;
}
.columns-modal .lcol-modal {
	flex: 0 0 40%;
	text-align: center;
	position: relative;
	padding-bottom: 30px;
}
#thank_page.modal {
	z-index: 10000000000;
}
#thank_page .columns-modal .lcol-modal img {
	max-width: 180px;
	position: relative;	
	z-index: 2;
}
#thank_page .columns-modal .lcol-modal:after {
	content: '';
	display: block;
	background: #00B1E4;
	width: 254px;
	height: 52px;
	border-radius: 70%;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -127px;
	z-index: 1;
}
#thank_page .modal-header {
	margin-bottom: 25px;
	border-bottom: none;
}
.columns-modal .rcol-modal {
	flex: 0 0 60%;
	padding-left: 40px;
}
#thank_page h2 {
	color: #00B1E4;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	padding-top: 25px;
}
#thank_page h5 {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
}
#thank_page .modal-header .close {
	width: 18px;
	height: 18px;
	background: url(../image/modal-close-icon.svg) no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 1;
}
#thank_page .modal-header .close span {
	display: none;
}
.modal-subtitle {
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	color: #333333;
}
#thank_page .modal-body {
	border-top: 3px solid #00B1E4;
}
#thank_page h3 {
	font-size: 23px;
	line-height: 31px;
	text-align: center;
	color: #00B1E4;
	margin-bottom: 20px;
}
#thank_page .services-page .section-news {
	margin-top: 0;
}
#thank_page .services-page .section-news .container {
	width: 100%;
}
.blog-news-item {
	background: #fff;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);	
}
.blog-news-item h4 {
	color: #3b3b3b;
    font-size: 13px;    
    padding: 15px 10px;
    line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
}
.last-news-thumbnail {
	max-width: 100%;
	min-height: 149px;
}
.home-video-block {
	margin-top: 50px;
}
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}
.services-page .box-inside-page .box-services-one:before,
.services-page .box-inside-page .box-services-one:after {
	z-index: -1;
}
div.modal-form {
	padding-left: 0;
}
.partners-section {
	background: #fff;
}
.partners-section .container-fluid {
	max-width: 1440px;
	padding: 0;
}
.partners-section-thumbnail {
	width: 100%;
}
.styled-title {	
	font-family: 'Roboto Slab';
	font-weight: 400;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 0;
}
h1.styled-title,
h2.styled-title {
	font-size: 30px;
	line-height: 45px;
}
.partners-section h1.styled-title {	
	margin-top: 40px;
}
.styled-title span {
	position: relative;
	display: inline-block;
}
.styled-title span:after {
	content: '';
	position: absolute;
	height: 5px;
	background: #00B1E4;
	display: block;
	left: -20px;
	right: -20px;
	bottom: -20px;
}
.section-subtitle {
	font-size: 16px;
	line-height: 28px;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}
.know-partners-section+.section-cta {
	margin-top: -3px;	
}
.know-partners-section+.section-cta .section-cta-inner {
	padding-top: 20px;
}
.know-partners-section {
	padding: 40px 0 0 0;
}
.know-partners-section .container {
	max-width: 1215px;
}
.partners-list .partner-item {
	background: #F4F5F7;
	margin-bottom: 40px;
	color: #000;
	padding: 20px;
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
}
.partner-item-img {
	height: 30px;
	max-width: 100%;	
} 
.item-intro-text {
	margin-bottom: 22px;	
}
.readmore-link {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 18px;
	line-height: 35px;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}
.item-hidden-text {
	display: none;
	cursor: pointer;
}
.section-cta .section-cta-inner h2 {
	font-size: 26px;
	line-height: 40px;
}
.brand-name-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.brand-name-wrapper h3 {
	font-weight: bold;
	margin: 0;
}
@media (max-width: 767px) {
	.section-subtitle br {
		display: none;
	}
}
@media (min-width: 768px) {
	h1.styled-title,
	h2.styled-title {
		font-size: 40px;
		line-height: 55px;
	}
	.partners-section .section-subtitle {
		font-size: 20px;
		line-height: 35px;
	}
	.partners-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.partners-list .partner-item {
		flex: 0 0 48%;
		margin-bottom: 65px;
		padding: 20px;
	}	
	.section-cta .section-cta-inner h2 {		
		font-size: 38px;
		line-height: 54px;
	}
	.know-partners-section {
		padding: 77px 0 0 0;
	}
	.know-partners-section+.section-cta .section-cta-inner {
		padding-top: 78px;
	}
}
@media (min-width: 992px) {
	#thank_page .modal-dialog {
		width: 882px;
	}
	#thank_page .modal-dialog .modal-header {
		padding: 40px 75px 0;
	}
	#thank_page .modal-dialog .modal-body {
		padding: 0 0 40px;
		margin: 0 75px;
	}
	.home-video-block .video-container { 
		width: 80%;
		margin: 0 auto;
	}
	.home-video-block .video-container {
		padding-bottom: 49.25%;	
	}
	.service-video-block {
		margin-top: 25px;
	}
	.partners-section h1.styled-title {
		padding-top: 20%;
	}
}
@media (min-width: 1200px) {
	.partners-list .partner-item {
		flex: 0 0 45%;
		padding: 20px 50px;
	}
}

  .related h3{
        text-align:center;
    }