body {
height: 100%;
max-width: 100%;
margin: 0;
overflow-y: scroll;
overflow-x: hidden;
background: #fff;
::-webkit-scrollbar { display: none; }

}




/*
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath fill-rule='evenodd' d='M11 0l5 20H6l5-20zm42 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM0 72h40v4H0v-4zm0-8h31v4H0v-4zm20-16h20v4H20v-4zM0 56h40v4H0v-4zm63-25a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM53 41a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-30 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-28-8a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zM56 5a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zm-3 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM21 0l5 20H16l5-20zm43 64v-4h-4v4h-4v4h4v4h4v-4h4v-4h-4zM36 13h4v4h-4v-4zm4 4h4v4h-4v-4zm-4 4h4v4h-4v-4zm8-8h4v4h-4v-4z'/%3E%3C/g%3E%3C/svg%3E");
*/




::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}




.mobile-nav-outer {
height: 35px;
width: 100%;
background-color: #fff;
 position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  box-shadow: rgba(0, 0, 0, 0.239216) 0px 2px 4px 0px;
}


.left-mobile-nav {
height: 35px;
width: 80px;
float: left;
}


.mobile-nav-logo {
height:  17px;
width:61px;
margin-top: 10px;
margin-left: 10px;
}


.right-mobile-nav {
height: 35px;
width: 30px;
float: right;
}

.mobile-nav-dropdown-icon {
height: 20px;
width: 20px;
margin-top: 9px;
cursor: pointer;
}



.mobile-top-demo-section {
height: 450px;
width: 100%;
background-color: #fff;
}

.mobile-top-demo-section-buttons {
height: 60px;
width: 310px;
margin-top: 5px;
background-color: #fff;
}

.mobile-top-demo-section-bot-holder {
height: 470px;
width: 100%;
margin-top: 0px;
}


.test-bot-mobile {
margin-top: 50px;
}



.sub-top-nav {
height: 35px;
width: 100%;
background-color: rgba(44, 62, 80, 1);
 position: fixed;
  top: 0px;
  left: 0;
  z-index: 9999;
}

.sub-nav-option-text{
font-size: 12px;
color:  #fff;
font-weight: lighter;
display: inline-block;
font-family: 'Karla', sans-serif;
text-decoration: none;
}


.sub-nav-option-text:hover {
opacity: .7;
}



.inner-sub-top-nav {
height: 15px;
width: 1100px;
margin-left: 14px;
margin-top: 11px;
}


.right-inner-sub-top-nav {
height: 15px;
float: right;
width: 50%;
}

.sub-nav-option {
height: 15px;
width: 100px;
float: right;
}


.top-nav {
height: 60px;
width: 100%;
background-color: #fff;
 position: fixed;
  margin-top: -60px;
  left: 0;
  z-index: 9999;
  box-shadow: rgba(0, 0, 0, 0.239216) 0px 2px 4px 0px;
}




.top-nav-learn-dropdown-holder {
height: 356px;
width: 465px;
background-color: #fff;
border-radius: 4px;
position: fixed;
z-index: 9999;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 32px 0px;
margin-top: 32px;
margin-left: 1036px;
display: none;
}






.top-nav-integrations-dropdown-holder {
height: 356px;
width: 465px;
background-color: #fff;
border-radius: 4px;
position: fixed;
z-index: 9999;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 32px 0px;
margin-top: 32px;
margin-left: 949px;
display: none;
}





.top-nav-templates-dropdown-holder {
height: 356px;
width: 465px;
background-color: #fff;
border-radius: 4px;
position: fixed;
z-index: 9999;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 32px 0px;
margin-top: 32px;
margin-left: 755px;
}





.top-nav-dropdown-holder {
height: 356px;
width: 465px;
background-color: #fff;
border-radius: 4px;
position: fixed;
z-index: 9999;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 32px 0px;
margin-top: 66px;
margin-left: 443px;
display: none;
}

.top-nav-dropdown-holder-circle {
height: 25px;
width: 25px;
border-radius: 100px;
background-color: #fff;
display: inline-block;
position: absolute;
margin-left: 0px;
margin-top: -8px;
}




.top-nav-dropdown-individual-small {
height: 45px;
width: 420px;
margin-top: 20px;
margin-left: 0px;
border-radius: 4px;
cursor: pointer;
border: 1px solid #DADFE1;
}




.top-nav-lessons-scroll-holder {
height: 334px;
overflow-y: scroll;
padding-bottom: 20px;
margin-left: 13px;
}



.top-nav-dropdown-individual-big {
height: 90px;
width: 420px;
margin-top: 20px;
margin-left: 0px;
border-radius: 4px;
cursor: pointer;
border: 1px solid #DADFE1;
}


.top-nav-dropdown-individual-big:hover {
opacity: .85;
}



.top-nav-dropdown-individual-bottom {
height: 60px;
width: 420px;
margin-top: 30px;
margin-left: 0px;
border-top: 1px solid #DADFE1;
padding-top: 10px;
}


.top-nav-dropdown-individual-bottom-one {
height: 60px;
width: 130px;
float: left;
margin-left: 15px;
cursor: pointer;
}



.top-nav-dropdown-individual-bottom-one:hover {
opacity: .7;
}


.top-nav-dropdown-individual-bottom-one-left {
height: 60px;
width: 30px;
float: left;
}


.top-nav-dropdown-individual-bottom-text {
font-size: 17px;
color: rgba(2, 0, 32, .8);
font-family: 'Karla', sans-serif;
margin-top: 10px;
text-align:left;
}


.top-nav-dropdown-individual-big-left {
height: 80px;
width: 80px;
float: left;
border-radius: 4px 0px 0px 4px;
}


.top-nav-dropdown-individual-small-left {
height: 80px;
width: 80px;
float: left;
border-radius: 4px 0px 0px 4px;
margin-top: -21px;
}



.top-nav-dropdown-individual-big-right {
height: 60px;
width: 340px;
float: right;
border-radius: 0px 4px 4px 0px;
}


.top-nav-dropdown-individual-big-right-small {
height: 60px;
width: 340px;
float: right;
border-radius: 0px 4px 4px 0px;
margin-top: -7px;
}


.top-nav-dropdown-individual-big-right-top {
height: 35px;
width: 340px;
float: right;
margin-top: 9px;
border-radius: 0px 4px 4px 0px;
}

.top-nav-dropdown-header-text {
font-size: 18px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
margin-top: 10px;
text-align:left;
}


.top-nav-dropdown-header-emoji-text {
font-size: 30px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
margin-top: 24px;
text-align:left;
margin-left: 18px;
}


.top-nav-dropdown-individual-big-right-bottom {
height: 35px;
width: 340px;
float: right;
margin-top: 7px;
border-radius: 0px 4px 4px 0px;
}

.top-nav-dropdown-header-subtext {
font-size: 13px;
color: rgba(255, 255, 255, .8);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: -3px;
text-align: left;
}


.top-pricing-header {
height: 430px;
width: 100%;
background:  #2a5cdb;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath fill-rule='evenodd' d='M11 0l5 20H6l5-20zm42 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM0 72h40v4H0v-4zm0-8h31v4H0v-4zm20-16h20v4H20v-4zM0 56h40v4H0v-4zm63-25a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM53 41a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-30 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-28-8a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zM56 5a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zm-3 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM21 0l5 20H16l5-20zm43 64v-4h-4v4h-4v4h4v4h4v-4h4v-4h-4zM36 13h4v4h-4v-4zm4 4h4v4h-4v-4zm-4 4h4v4h-4v-4zm8-8h4v4h-4v-4z'/%3E%3C/g%3E%3C/svg%3E");display: block;

}


.top-pricing-header-text-holder {
height: 35px;
width: 1140px;
margin-top: 120px;
display: inline-block;
}


.bottom-pricing-holder-outer {
width: 100%;
background: #fff;
margin: auto;
display: block;
margin-top: 0px;
position: absolute;
}

.bottom-pricing-holder {
height: 410px;
width: 1110px;
margin: auto;
margin-top: -140px;
display: block;
}


.bottom-pricing-holder-pricing-content {
height: 386px;
width: 1110px;
border-radius: 14px;
float: right;
}


.pricing-plan-holder {
height: 622px;
width: 655px;
border-radius: 4px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
float: left;
margin-left: 20px;
margin-top: 50px;
}


.normal-pricing-plan-inner-holder {
height: 370px;
width: 525px;
margin-top: 0px;
}


.normal-pricing-plan-holder-top{
height: 33px;
width: 525px;
background-color: #22313F;
margin-top: -15px;
margin-left: 0px;
border-radius: 4px 4px 0px 0px;
}

.pricing-plan-title-text {
font-size: 13px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 10px;
display: inline-block;
}


.pricing-plan-subtitle-text {
font-size: 14px;
color: rgb(2, 0, 32);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 7px;
display: inline-block;
}

.normal-pricing-plan-inner-holder-left {
height: 370px;
width: 263px;
float: left;
}

.normal-pricing-plan-inner-within-holder-left {
height: 510px;
width: 262px;
float: right;
border-right: 1px solid #EEEEEE;
}

.normal-pricing-price-holder {
height: 51px;
width: 262px;
margin-top: 19px;
}

.pricing-plan-holder-monthly-visitors-holder {
height: 134px;
width: 262px;
margin-top: 5px;
border-bottom: 1px solid #EEEEEE;
}

.pricing-plan-holder-monthly-visitors-top-holder {
height: 24px;
width: 262px;
margin-top: 0px;
}

#pricingtext1 {
}

#pricingtext2 {
display: none;
}

#pricingtext3 {
display: none;
}

#pricingtext4 {
	display: none;
}



.multi-price-selector {
height: 27px;
width: 300px;
margin-top: 10px;
box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 1px 0px;
border: 1px solid #ECF0F1;
border-radius: 4px ;
cursor: pointer;
z-index: 1;
}

.pricing-plan-holder-monthly-visitors-text {
font-size: 18px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: bold;
display: inline-block;
margin-top: -0px;
}


.pricing-plan-holder-monthly-visitors-text-inside-active {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: bold;
display: inline-block;
margin-top: 4px;
}

.pricing-plan-holder-monthly-visitors-text-inside {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: lighter;
display: inline-block;
margin-top: 5px;
}


.multi-price-selector-1-active {
height: 27px;
width: 100px;
float: left;
background-color: #ECF0F1;
}

.multi-price-selector-1 {
height: 27px;
width: 100px;
float: left;
display: none;
}

.multi-price-selector-1:hover {
background-color: #ECF0F1;
}






.multi-price-selector-2-active {
height: 27px;
width: 100px;
float: left;
background-color: #ECF0F1;
display: none;
}

.multi-price-selector-2 {
height: 27px;
width: 100px;
float: left;
}

.multi-price-selector-2:hover {
background-color: #ECF0F1;
}








.multi-price-selector-3-active {
height: 27px;
width: 100px;
float: left;
background-color: #ECF0F1;
display: none;
}

.multi-price-selector-3 {
height: 27px;
width: 100px;
float: left;
}

.multi-price-selector-3:hover {
background-color: #ECF0F1;
}






.multi-price-selector-4-active {
height: 27px;
width: 54px;
float: left;
background-color: #ECF0F1;
display: none;
}

.multi-price-selector-4 {
height: 27px;
width: 54px;
float: left;
}

.multi-price-selector-4:hover {
background-color: #ECF0F1;
}






.pricing-plan-selector-small {
height: 27px;
width: 152px;
margin-top: 10px;
box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 1px 0px;
border: 1px solid #ECF0F1;
border-radius: 4px ;
cursor: pointer;
z-index: 1;
}

.pricing-plan-selector:hover {
opacity: .7;
}

.pricing-plan-selector-icon {
height: 23px;
width: 23px;
position: absolute;
margin-top: -21px;
margin-left: 30px;
}

.pricing-plan-selector-big {
height: 144px;
width: 152px;
margin-top: 10px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 1px 0px;
border: 1px solid #ECF0F1;
border-radius: 4px;
cursor: pointer;
margin-top: 5px;
margin-left: 54px;
position: absolute;
z-index: 2;
}

.pricing-plan-selector-row {
height: 30px;
width: 152px;
margin-top: 5px;
}

.pricing-plan-selector-row:hover {
background-color: #ECF0F1;
}




.pricing-plan-holder-monthly-visitors-bottom-holder {
height: 50px;
width: 262px;
margin-top: 0px;
}

.pricing-plan-holder-monthly-visitors-subtext {
font-size: 14px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: lighter;
display: inline-block;
margin-top: 3px;
}

.tooltip-activate {
height: 14px;
width: 14px;
border-radius: 100px;
background-color: #95A5A6;
float: right;
margin-left: 5px;
margin-top: 2px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 1px 1px 0px;
cursor: pointer;
}


.tooltip-activate:hover {
background-color: #6C7A89;
}

.tooltip-activate-text {
font-size: 9px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
display: inline-block;
margin-top: 1px;
}


.tooltip {
width: 240px;
background-color: rgb(247, 248, 250);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
position: absolute;
border-radius: 6px;
display: none;
}

.top-tooltip {
height: 40px;
width: 210px;
border-bottom: 1px solid #BDC3C7;
}


.top-tooltip-text {
font-size: 14px;
color: #2a5cdb;
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: lighter;
display: inline-block;
margin-top: 13px;
text-align: left;
margin-left: -57px;
}


.bottom-tooltip {
width: 200px;
}

.bottom-tooltip-text {
font-size: 13px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: lighter;
display: inline-block;
margin-top: 13px;
text-align: left;
margin-left: -5px;
}

#monthly-chats {
margin-left: 120px;
margin-top: -30px;
}


#thirtyk-chats {
margin-left: -300px;
margin-top: -30px;
}

.press-page-holder {
height: 150px;
width: 100%;
background-color: #fff;
}


.main-legal-holder {
height: 11500px;
width: 100%;
background-color: #fff;
}

.inside-legal-holder {
height: 11340px;
width: 900px;
background-color: #fff;
margin: auto;
padding-top: 100px;
}



.main-academy-holder {
height: 2000px;
width: 100%;
background-color: #fff;
}


.top-academy-holder {
height: 410px;
width:  100%;
border-bottom: 1px solid #DADFE1;
}


.academy-top-icon {
height: 132px;
width: 165px;
margin-top: 69px;
}

.inner-first-top-academy-holder {
height: 202px;
width:  800px;
margin-top: 60px;
}


.inner-second-top-academy-holder {
height: 45px;
width:  800px;
margin-top: 18px;
background-color: green;
}

.inner-third-top-academy-holder {
height: 65px;
width:  800px;
margin-top: 10px;
background-color: purple;
}

.inner-fourth-top-academy-holder {
height: 13px;
width:  800px;
margin-top: 10px;
background-color: purple;
}


.academy-lessons-holder {
height:  1000px;
width: 800px;
background-color: red;
margin-top: 50px;
}


.inner-academy-lessons-title-holder{
height:  20px;
width: 800px;
background-color: green;
}


.plan-call-to-action-holder{
height: 54px;
width: 262px;
margin-top: 8px;
}

.all-extra-features-holder {
margin-top: 30px;
}

.extra-features-holder {
height: 30px;
width: 200px;
margin-top: 4px;
}

.plan-call-to-action {
height: 32px;
width: 200px;
background-color: rgb(254, 210, 0);
border-radius: 6px; 
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
cursor: pointer;
}

.plan-call-to-action:hover {
opacity: .7;
}

.plan-call-to-action-text {
font-size: 14px;
color: #020020;
margin-top: 8px;
display: inline-block;
font-family: 'Karla', sans-serif;
text-transform: uppercase;
}

.enterprise-pricing-plan-inner-holder-top {
height: 30px;
width: 100%;
float: left;
background-color: rgb(247, 248, 250);
}


.normal-pricing-plan-inner-holder-left-top {
height: 30px;
width: 267px;
float: left;
background-color: rgb(247, 248, 250);
}



.normal-pricing-plan-inner-holder-left {
height: 196px;
width: 262px;
float: left;

}


.enterprise-pricing-plan-inner-within-holder-center {
height: 196px;
width: 500px;
margin-left: 140px;
margin-top: 50px;
}


.normal-pricing-plan-inner-within-holder-right {
height: 196px;
width: 392px;
float: left;
}


.normal-pricing-plan-inner-holder-right-top {
height: 30px;
width: 262px;
float: right;
background-color: rgb(247, 248, 250);
}




.pricing-plan-holder-2 {
height: 622px;
width: 400px;
border-radius: 4px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
float: left;
margin-top: 50px;
margin-left: 23px;
}



.pricing-plan-holder-top {
height: 172px;
width: 260px;
border-bottom: 1px solid rgba(242, 241, 239, .6);
}

.pricing-plan-holder-top-headline {
height: 30px;
width: 525px;
margin-top: 30px;
}

.pricing-plan-holder-top-headline-text {
font-size: 27px;
color:rgb(2, 0, 32);
font-family: 'Karla', sans-serif;
text-align: center;
margin-top: 3px;
}

.pricing-plan-holder-top-subheadline {
height: 38px;
width: 525px;
margin-top: 0px;

}

.pricing-plan-holder-top-subheadline-text {
font-size: 17px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: lighter;
margin-top: 9px;
}

.pricing-plan-price-holder {
height: 40px;
width: 525px;
margin-top: 0px;
}

.pricing-plan-holder-top-price-text {
font-size: 43px;
color: #2a5cdb;
font-family: 'Karla', sans-serif;
text-align: center;
margin-top: 5px;
}

.pricing-feature-section {
height: 18px;
width: 525px;
margin: auto;
margin-top: 15px;
display: block;
}


.pricing-plan-holder-feature-text {
font-size: 14px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: lighter;
margin-top: 9px;
}


.pricing-bottom-call-to-action-button {
height: 56px;
width: 185px;
border-radius: 28px;
background-color: rgb(254, 210, 0);
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
cursor: pointer;
margin-top: 20px;
}

.pricing-bottom-call-to-action-button:hover {
opacity: .7;
}




.pricing-plan-holder-popular {
height: 456px;
width: 260px;
border-radius: 4px;
background-color: rgb(44, 62, 80);
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 18px 0px;
float: left;
margin-top: 10px;
margin-left: 23px;
}

.pricing-plan-holder-top-popular-header {
height: 40px;
width: 260px;
border-radius: 6px 6px 0px 0px;
background-color: #fff;
margin-top: 0px;
}

.pricing-plan-holder-top-popular-text {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: center;
font-weight: lighter;
display: inline-block;
margin-top: 10px;
}


.pricing-plan-holder-4 {
height: 416px;
width: 260px;
border-radius: 4px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
float: left;
margin-left: 23px;
margin-top: 50px;
}



.money-back-guarantee-section {
height: 80px;
width: 1170px;
background-color: red;
margin-top: 360px;
}



.not-ready-section {
height: 80px;
width: 1170px;
background-color: red;
margin-top: 20px;
}

.faq-section-outer {
height: 1200px;
width: 100%;
background-color: #fff;
margin-top: 2150px;
margin-bottom: -60px;
}

.faq-section {
height: 1200px;
width: 100%;
background-color: #fff;
margin-top: 0px;
margin-bottom: 0px;
}


.faq-section-header-holder {
height: 30px;
width: 1020px;
margin-bottom: 30px;
}

.faq-row {
height: 273px;
width: 1020px;
}

.faq-row-left {
height: 273px;
width: 485px;
float: left;
}


.faq-row-right {
height: 273px;
width: 485px;
float: right;
}


.faq-row-top {
height: 80px;
width: 485px;
margin-top: 0px;
}

.faq-header {
font-size: 29px;
color: #020020;
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
margin-top: 20px;
text-align: left;
}

.faq-row-bottom {
height: 193px;
width: 485px;
margin-bottom: 0px;
}

.faq-text {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
margin-top: 0px;
line-height: 26px;
font-weight: lighter;
text-align: left;
float: left;

}


.top-pricing-header-text {
font-size: 29px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: -10px;
}

.top-pricing-monthly-annual-holder {
height: 48px;
width: 274px;
background-color: #fff;
border-radius: 11px;
box-shadow: rgba(0, 0, 0, 0.198039) 0px 4px 60px 0px;
margin-top: 58px;
}


.top-pricing-monthly {
height: 44px;
width: 135px;
background-color: #2C3E50;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
float: left;
border-radius: 9px 0px 0px 9px;
cursor: pointer;
}

.top-pricing-monthly:hover {
opacity: .7;
}


.top-pricing-annual {
height: 48px;
width: 137px;
background-color: #fff;
float: right;
border-radius: 0px 6px 6px 0px;
cursor: pointer;
}


.top-pricing-annual:hover {
opacity: .7;
}



.top-pricing-chooser-text-active {
font-size: 16px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 14px;
margin-left: 7px;
}


.top-pricing-chooser-text-inactive {
font-size: 16px;
color: #2C3E50;
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 16px;
margin-left: 7px;
}




.inner-top-nav {
height: 40px;
width: 1110px;
margin-top: 10px;
}


.logo-holder {
height: 38px;
width: 100px;
float: left;
}

.right-options-holder {
height: 38px;
width: 1000px;
float: right;
margin-top: 2px;
}

.log-in-button-holder {
height: 38px;
width: 76px;
float: right;
padding-left: 12px;
}

.log-in-button {
height: 36px;
width: 76px;
border: 1px solid rgb(42, 92, 219);
border-radius: 4px;
cursor: pointer;
}


.log-in-button:hover {
opacity: .7;
}


.log-in-button-text {
font-size: 13px;
color:  rgb(42, 92, 219);
margin-top: 11px;
margin-left: 2px;
display: inline-block;
font-weight: lighter;
font-family: 'Karla', sans-serif;
}

.sign-up-button-holder {
height: 38px;
width: 160px;
float: right;
margin-right: -5px;
padding-left: 7px;
}

.sign-up-trial-button {
height: 38px;
width: 170px;
background-color: rgb(254, 210, 0);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
cursor: pointer;
margin-left: -20px;
}

.sign-up-trial-button-text {
font-size: 14px;
color:  black;
margin-top: 11px;
display: inline-block;
font-family: 'Karla', sans-serif;
text-transform: uppercase;
}


.blog-section-holder {
height: 38px;
width: 55px;
float: right;
padding-left: 7px;
margin-right: 10px;
}


.customers-section-holder {
height: 38px;
width: 95px;
float: right;
padding-left: 7px;
margin-right: 5px;
}


.pricing-section-holder {
height: 38px;
width: 60px;
float: right;
padding-left: 17px;
margin-right: 5px;
}

.nav-section-text-inactive {
font-size: 15px;
color:  rgb(2, 0, 32);
margin-top: 12px;
display: inline-block;
font-weight: lighter;
font-family: 'Karla', sans-serif;
cursor: pointer;
}


.nav-section-text-inactive:hover {
font-weight: bold;
}



.nav-section-text-active {
font-size: 14px;
color:  rgb(2, 0, 32);
margin-top: 12px;
display: inline-block;
font-family: 'Karla', sans-serif;
text-transform: uppercase;
cursor: pointer;
}




.top-nav-logo {
height:  24px;
width: 86px;
margin-top: 8px;
}

.top-nav-logo-beta-text {
font-size: 12px;
color: #4183D7;
font-family: 'Karla', sans-serif;
text-align: left;
margin-top: -11px;
margin-left: 102px;
}

.features-page-outer {
height: 100%;
width: 100%;
background-color: rgb(247, 248, 250);
}


.let-me-show-you-section {
height: 200px;
width: 900px;
margin: auto;
display: block;
padding-top: 40px;
margin-top: 60px;
}

.let-me-show-you-text {
font-size: 48px;
color: rgb(39, 50, 60);
font-family: 'Karla', sans-serif;
text-align: left;
margin-top: 25px;
text-align: center;
line-height: 70px;
}

.compare-section-holder-outer {
height: 570px;
margin: auto;
display: block;
}

.its-simple-features-holder {
height: 570px;
width: 550px;
background-color: rgb(42, 92, 219);
margin-top: 80px;
border-radius: 6px;
float: right;
}

.fed-up-holder {
height: 575px;
width: 700px;
background-color: #fff;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.239216) 0px 2px 4px 0px;
}


.solution-holder-outer {
height: 880px;
width: 100%;
background-color: rgb(42, 92, 219);
margin-top: 50px;
padding-top: 10px;
padding-bottom: 60px;
}

.its-simple-top-holder {
height: 73px;
width: 235px;
border-bottom: 1px solid rgb(42, 92, 219);
}

.its-simple-top-holder-text {
font-size: 23px;
color: rgb(42, 92, 219);
font-family: 'Karla', sans-serif;
text-align: center;
display: inline-block;
margin-top: 25px;
font-weight: lighter;
}

.its-simple-features-list-holder {
height: 280px;
width: 255px;
margin-top: 30px;
}

.its-simple-feature {
height: 32px;
width: 255px;
}

.its-simple-feature-text {
font-size: 18px;
color: rgb(39, 50, 60);
font-family: 'Karla', sans-serif;
text-align: center;
margin-top: 6px;
display: inline-block;
font-weight: lighter;
 float: left;
 margin-left: 30px;
}

.its-simple-feature-check {
height: 30px;
width: 30px;
display: inline-block;
position: absolute;
float: left;
margin-left: -30px;
margin-top: -1px;
}


.case-studies-section {
height: 1400px;
width: 100%;
background-color: rgb(247, 248, 250);
}

.case-studies-header-holder {
height:  80px;
width: 940px;
display: inline-block;
margin-top: 120px;
}

.case-studies-header-top-holder {
height: 36px;
width: 940px;
}

.case-studies-header {
font-size: 40px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 0px;
}

.case-studies-subheader {
font-size: 20px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
}

.case-studies-header-bottom-holder {
height: 30px;
width: 940px;
margin-top: 37px;
}

.case-studies-row {
height: 470px;
width: 960px;
margin-top: 74px;
}

.case-studies-outside-holder {
height: 470px;
width: 300px;
float: left;
}

.case-studies-outside {
height: 470px;
width: 300px;
border-radius: 4px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
float: left;
cursor: pointer;
}


.case-studies-top-holder {
height: 300px;
width: 300px;
}

.case-studies-image {
height: 300px;
width: 300px;
border-radius: 4px 4px 0px 0px;
}

.case-studies-bottom-holder {
height: 170px;
width: 300px;
}

.case-studies-bottom-upper-holder {
height: 60px;
width: 300px;
}

.case-studies-company-name-text {
font-size: 20px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 20px;
display: inline-block;
}

.case-studies-company-name-text:hover {
color: #2a5cdb;
}


.case-studies-explainer-text {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-align: left;
width: 250px;
display: inline-block;
line-height: 21px;
}


.case-studies-bottom-lower-holder {
height: 110px;
width: 300px;
margin-top: -15px;

}



.integration-section {
height: 1400px;
width: 100%;
background-color: rgb(247, 248, 250);
margin-top: 20px;
}


.endless-possibilities-holder {
height: 140px;
width: 100%;
background-color: #fff;
}

.use-cases-ebook-download-section {
height: 300px;
width: 100%;
background-color: #2c3e50;
}



.use-cases-ebook-download-section-inner-container {
height: 240px;
width: 800px;
margin-top: 30px;
display: inline-block;
}


.email-course-outer-holder {
height: 100%;
width: 100%;
background-color: #fff;
}

.email-course-top {
height: 520px;
width: 100%;
background-color: #2a5cdb;
}

.email-course-middle {
height: 1420px;
width: 100%;
background-color: #fff;
}

.email-course-bottom {
height: 200px;
width: 100%;
background-color: #2a5cdb;
}


.email-course-call-to-action {
height: 45px;
width: 230px;
border-radius:;
background-color: rgb(254, 210, 0);
border-radius: 4px;
margin-top: 30px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
cursor: pointer;
}

.email-course-call-to-action:hover {
opacity: .7;
}

.use-cases-ebook-download-section-inner-container-left {
height: 240px;
width: 300px;
background-color: green;
float: left;
display: inline-block;
}


.use-cases-ebook-download-section-inner-container-right {
height: 240px;
width: 500px;
float: right;
background-color: purple;
display: inline-block;
}



.endless-possiblities-text {
font-size: 27px;
color: #020020;
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
margin-top: 57px;
}


.footer-section {
height: 59px;
width: 100%;
padding-top: 4px;
background-color: rgba(44, 62, 80, 0.9601961);
display: inline-block;
position: absolute;
}

.footer-section-left-holder {
height: 32px;
width: 250px;
float: left;

}

.footer-logo-text {
font-size: 13px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
margin-top: 20px;
line-height: 26px;
font-weight: lighter;
text-align: left;
text-decoration: none;
display: inline-block;
}

#footer-logo-text:hover {
text-decoration: underline;
}

.footer-holder-inner{
height: 32px;
width: 1200px;
margin: auto;
}

.footer-section-right-holder {
height: 32px;
width: 300px;
float: right;
}

.footer-section-right-holder-individual {
height: 32px;
width: 32px;
float: right;
}

.social-media-icon {
height: 32px;
width: 32px;
}

.pinterest-button {
height: 32px;
width: 32px;
background-color: #C92228;
border-radius: 100px;
margin-top: 14px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
cursor: pointer;
}


.pinterest-button:hover {
opacity: .7;
}



.facebook-button {
height: 32px;
width: 32px;
background-color:  #3b5998;
border-radius: 100px;
margin-top: 14px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
cursor: pointer;
}


.facebook-button:hover {
opacity: .7;
}


.googleplus-button {
height: 32px;
width: 32px;
background-color:  #d34836;
border-radius: 100px;
margin-top: 14px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
cursor: pointer;
}


.googleplus-button:hover {
opacity: .7;
}


.linkedin-button {
height: 32px;
width: 32px;
background-color:  #0077B5;
border-radius: 100px;
margin-top: 14px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
cursor: pointer;
}


.linkedin-button:hover {
opacity: .7;
}



.twitter-button {
height: 32px;
width: 32px;
background-color:  #00aced;
border-radius: 100px;
margin-top: 14px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
cursor: pointer;
}


.twitter-button:hover {
opacity: .7;
}



.free-account-section {
height: 140px;
width: 100%;
margin-top: -390px;
padding-top: 10px;
padding-bottom: 10px;
}

.free-account-section-inner {
height: 140px;
width: 1110px;
margin-top: 115px;
}

.free-account-section-left {
height: 140px;
width: 390px;
float: left;
margin-top: 50px;
}

.free-account-section-icon-holder {
height: 110px;
width: 110px;
float: left;
margin-top: 8px;
}


.free-account-section-text-holder {
height: 55px;
width: 250px;
margin-top: 44px;
margin-left: 130px;
}

.free-account-section-text {
font-size: 25px;
color: rgb(68, 68, 68);
font-family: 'Karla', sans-serif;
margin-top: 23px;
line-height: 26px;
font-weight: lighter;
text-align: left;
}

.free-account-section-right {
height: 55px;
width: 545px;
float: right;
margin-top: 44px;
}

.free-account-section-explainer-text {
font-size: 16px;
color: rgb(68, 68, 68);
font-family: 'Karla', sans-serif;
margin-top: 6px;
line-height: 26px;
font-weight: lighter;
text-align: left;
}

.free-account-section-icon {
height: 128px;
width: 128px;
float: left;
}


.uses-title-section {
height: 110px;
width: 100%;
background:  #2a5cdb;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath fill-rule='evenodd' d='M11 0l5 20H6l5-20zm42 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM0 72h40v4H0v-4zm0-8h31v4H0v-4zm20-16h20v4H20v-4zM0 56h40v4H0v-4zm63-25a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM53 41a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-30 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-28-8a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zM56 5a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zm-3 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM21 0l5 20H16l5-20zm43 64v-4h-4v4h-4v4h4v4h4v-4h4v-4h-4zM36 13h4v4h-4v-4zm4 4h4v4h-4v-4zm-4 4h4v4h-4v-4zm8-8h4v4h-4v-4z'/%3E%3C/g%3E%3C/svg%3E");
margin-top: 133px;
}

.long-form-video {
height: 600px;
width: 1080px;
background-color: red;
margin-top: 0px;
}

.long-form {
height: 100%;
width: 100%;
background-color: rgb(247, 248, 250);
}


.uses-title-text {
font-size: 41px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
margin-top: -9px;
font-weight: lighter;
text-align: center;
position: relative;
}


.uses-main-section-outer {
height: 590px;
width: 100%;
background-color: rgb(247, 248, 250);
}

.uses-main-section-inner {
height:  590px;
width: 1080px;
padding-top: 30px;
}

.long-form-text {
font-size: 19px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
line-height: 26px;
font-weight: lighter;
text-align: left;
margin-top: 24px;
}


.what-gobot-can-do-holder {
height: 250px;
width: 1080px;
background-color: #fff;
border-radius: 6px;
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 1px 3px 0px;
margin-top: 50px;
border-radius: 6px;
}


.get-demo-holder {
height: 655px;
width: 100%;
padding-top: 17px;
background-color: #fff;
}

.get-demo-inner-holder {
height: 655px;
width: 920px;
background-color: red;
}

.get-demo-inner-left-holder {
height: 655px;
width: 555px;
float: left;
background-color: green;
}

.get-demo-inner-right-holder {
height: 655px;
width: 340px;
float: right;
background-color: purple;
}

.get-demo-bottom-holder {
height: 225px;
width: 100%;
padding-top: 17px;
background-color: #2a5cdb;
}


.integrations-view-all-holder {
height: 70px;
width: 100%;
margin-top: 135px;
margin-bottom: -10px;
}

.view-all-integrations-button {
height: 36px;
width: 220px;
margin-top: -80px;
display: inline-block;
border-radius: 6px;
border: 1px solid #4183D7;
cursor: pointer;
}

.view-all-integrations-button:hover {
opacity: .7;
}



.numbers-dont-lie-section {
height: 543px;
width: 100%;
padding-top: 17px;
background-color: #fff;
}


.numbers-dont-lie-header-holder {
height: 40px;
width: 700px;
margin-top: 30px;
display: inline-block;
}

.numbers-dont-lie-header-text {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
}

.case-studies-outer-holder {
height: 402px;
width: 942px;
margin-top: 30px;
}


.case-studies-outer-holder-1 {
height: 151px;
width: 471px;
margin-top: 0px;
float: left;
}



.case-studies-outer-holder-2 {
height: 151px;
width: 471px;
float: right;
}


.case-studies-outer-holder-3 {
height: 201px;
width: 471px;
margin-top: 0px;
float: left;
}



.case-studies-outer-holder-4 {
height: 201px;
width: 471px;
margin-top: 0px;
float: right;
}



.case-studies-block {
height: 120px;
width: 410px;
border-radius: 6px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
margin-top: 60px;
}


.case-studies-left-holder {
height: 95px;
width: 124px;
float: left;
margin-top: 13px;
margin-left: 13px;
}

.case-studies-left {
height: 95px;
width: 124px;
background-color: rgb(7, 58, 90);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 4px 0px;
float: left;
border-radius: 4px;
margin-left: 5px;
}

.case-studies-top {
height: 50px;
width: 94px;
margin-top: 12px;
}

.case-studies-top-left {
height: 50px;
width: 20px;
margin-left: 4px;
float: left;
}

.case-studies-increase-icon {
height: 40px;
width: 40px;
float: left;
margin-top: 6px;
margin-left: -10px;
}


.case-studies-top-right {
height: 50px;
width: 60px;
float: right;
margin-right: 4px;
}

.case-studies-increase-text {
font-size: 27px;
color: #26A65B;
font-family: 'Karla', sans-serif;
margin-top: 10px;
}

.case-studies-bottom {
height: 20px;
width: 100px;
float: left;
margin-top: -15px;
margin-left: 8px;
}

.case-studies-bottom-text {
font-size: 13px;
color: rgba(255, 255, 255, .6);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-left: 9px;
}

.case-studies-right-holder {
height: 95px;
width: 229px;
float: left;
margin-top: 13px;
margin-left: 37px;
}

.case-studies-right-holder-1 {
height: 36px;
width: 219px;
display: inline-block;
}

.case-studies-right-holder-2 {
height: 40px;
width: 219px;
}

.case-studies-right-holder-3 {
margin-bottom: 0px;
}



.case-studies-right-company-name-text {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-align: left;
margin-left: -1px;
margin-top: -1px;
}


.case-studies-right-company-explainer-text {
font-size: 13px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-align: left;
margin-top: 6px;
display: inline-block;
}

.case-studies-right-more-text {
font-size: 11px;
color: #3e94e0;
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-align: left;
margin-left: -134px;
margin-top: 3px;
display: inline-block;
cursor: pointer;
}




.written-testimonial-section {
height: 483px;
width: 100%;
background-color: rgb(247, 248, 250);
padding-top: 20px;
}


.written-testimonial-header-holder {
height: 40px;
width: 800px;
margin-top: 30px;
display: inline-block;
}


.written-testimonial-header-text {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
}



.written-testimonial-content-holder {
height: 194px;
width: 1000px;
margin-top: 90px;
}


.written-testimonial-content-holder-left  {
height: 194px;
width: 500px;
float: left;
}


.written-testimonial-content-picture-holder {
height: 194px;
width: 114px;
float: left;
}


.written-testimonial-content-picture-holder-right {
height: 194px;
width: 114px;
float: right;
}

.written-testimonial-picture {
height: 114px;
width: 114px;
margin-top: 80px;
display: inline;
}


.written-testimonial-content-messaging-bubble-holder {
height: 154px;
width: 386px;
float: left;
margin-top: 0px;
display: inline-block;
}





.written-testimonial-content-messaging-bubble {
height: 140px;
width: 345px;
background-color: #2a5cdb;
float: left;
border-radius: 17px 17px 17px 0px;
margin-left: 17px;
text-align: left;
box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
}


.written-testimonial-content-messaging-bubble-text{
font-size: 17px;
width: 300px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
font-weight: lighter;
line-height: 27px;
margin-left: 20px;
}


.written-testimonial-content-messaging-bubble-source-text{
font-size: 15px;
width: 300px;
color: rgb(118, 125, 130);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-left: 20px;
margin-top: 10px;
}


.written-testimonial-content-messaging-bubble-bottom-holder {
height: 40px;
width: 364px;
margin-bottom: 0px;
float: left;
display: block;
}


.written-testimonial-content-holder-right  {
height: 194px;
width: 500px;
float: right;
margin-top: 40px;
}




.call-to-action-section {
height: 290px;
width: 100%;
background: #2a5cdb;
display: block;
}


.call-to-action-top-holder {
height: 60px;
width: 800px;
margin-top: 30px;
display: inline-block;
}


.call-to-action-headline {
font-size: 30px;
color: #fff;
font-family: 'Karla', sans-serif;
font-weight: lighter;
}


.call-to-action-subheadline {
font-size: 17px;
color: rgba(255, 255, 255, .7);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: -10px;
}



.bottom-demo-button {
height: 56px;
width: 177px;
border-radius: 28px;
background-color: rgb(254, 210, 0);
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
cursor: pointer;
margin-left: 2px;
margin-top: 90px;
}


.bottom-call-to-action-button {
height: 56px;
width: 287px;
border-radius: 28px;
background-color: rgb(254, 210, 0);
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
cursor: pointer;
margin-left: 2px;
margin-top: 90px;
}

.bottom-call-to-action-button:hover {

}




.bot-demo-use-cases-holder {
height: 680px;
width: 430px;
float: right;
margin-right: -460px;
margin-top: -670px;
position: ;
margin-left: 980px;
}

.bot-view-all-cases-holder {
height: 60px;
width: 516px;
margin-top: -5px;
}

.bot-view-all-cases-button {
height: 56px;
width: 266px;
border-radius: 36px;
border: 1px solid #4183D7;
cursor: pointer;
float: left;
margin-left: 30px;
margin-top: 30px;
}


.bot-view-all-cases-button:hover {
opacity: .7;
}

.bot-demo-button-play-circle {
height: 23px;
width: 23px;
background-color: #fff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
position: absolute;
margin-top: 17px;
margin-left: 45px;
}

.bot-demo-button-play-icon {
height: 18px;
width: 21px;
margin-top: 3px;
margin-left: 2px;
}


.bot-change-case-holder {
height: 60px;
width:  516px;
cursor: pointer;
}

.bot-change-case-holder-left {
height: 40px;
}



.bot-use-case-holder-expanded-active {
height: 130px;
width:  516px;
background-color: rgba(44, 62, 80, 0.9601961);
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
cursor: pointer;
}

.additional-bullets-holder {
height: 110px;
width: 500px;
margin-top: 20px;
}

.individual-additional-bullets-holder {
height: 20px;
width: 500px;
}

.individual-bullet-text {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 10px;
}


.and-so-much-more {
height: 20px;
width: 200px;
margin-top: 20px;
margin-bottom: -10px;
}




.use-cases-explainer-top {
height: 370px;
width: 100%;
background-color: #2a5cdb;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath fill-rule='evenodd' d='M11 0l5 20H6l5-20zm42 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM0 72h40v4H0v-4zm0-8h31v4H0v-4zm20-16h20v4H20v-4zM0 56h40v4H0v-4zm63-25a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM53 41a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-30 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-28-8a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zM56 5a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zm-3 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM21 0l5 20H16l5-20zm43 64v-4h-4v4h-4v4h4v4h4v-4h4v-4h-4zM36 13h4v4h-4v-4zm4 4h4v4h-4v-4zm-4 4h4v4h-4v-4zm8-8h4v4h-4v-4z'/%3E%3C/g%3E%3C/svg%3E");
margin-top: 60px;
}


.use-cases-explainer-top-text-holder {
height: 40px;
width: 100%;
margin-top: -180px;
}

.use-cases-explainer-top-text {
font-size: 30px;
color: #fff;
text-align: center;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 0px;
}


.use-cases-explainer-bottom-text-holder {
height: 60px;
width: 100%;
margin-top: -3px;
padding-bottom: 50px;
border-bottom: 1px solid #ecf0f1;
}


.use-cases-explainer-bottom-text-inner-holder {
height: 30px;
width: 946px;
}


.use-cases-explainer-bottom-text {
font-size: 16px;
color: rgba(255, 255, 255, .6);
text-align: center;
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
}



.use-cases-explainer-type-selector {
height: 70px;
width: 958px;
padding-top: 70px;
}


.use-cases-explainer-text {
font-size: 19px;
color: rgb(73, 82, 89);
text-align: center;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 25px;
}

.use-cases-explainer-type-selector-1-active {
height: 70px;
width: 222px;
background-color: #fff;
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 5px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 2px 0px;
cursor: pointer;
}


.use-cases-explainer-type-selector-1-inactive {
height: 70px;
width: 222px;
background-color: rgba(236, 240, 241, .3);
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 5px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 2px 0px;
cursor: pointer;
}



.use-cases-explainer-type-selector-2-active {
height: 70px;
width: 212px;
background-color: #fff;
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 14px;
cursor: pointer;
}


.use-cases-explainer-type-selector-2-inactive {
height: 70px;
width: 212px;
background-color: rgba(236, 240, 241, .3);
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 14px;
cursor: pointer;
}




.use-cases-explainer-type-selector-3-active {
height: 70px;
width: 226px;
background-color: #fff;
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 14px;
cursor: pointer;
}



.use-cases-explainer-type-selector-3-inactive {
height: 70px;
width: 226px;
background-color: rgba(236, 240, 241, .3);
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 14px;
cursor: pointer;
}




.use-cases-explainer-type-selector-4-active {
height: 70px;
width: 232px;
background-color: #fff;
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 14px;
cursor: pointer;
}



.use-cases-explainer-type-selector-4-inactive {
height: 70px;
width: 232px;
background-color: rgba(236, 240, 241, .3);
border: 1px solid rgb(208, 208, 208);
border-radius: 6px;
float: left;
margin-left: 14px;
cursor: pointer;
}




.use-case-individual-holder-outer {
height: 426px;
width: 100%;
background-color: #fff;
margin-top:0px;
display: inline-block;
}



.use-case-individual-holder-inner {
height: 426px;
width: 946px;
display: inline-block;
}

.use-case-individual-holder-inner-left {
height: 426px;
width: 356px;
float: left;
display: inline-block;
}

.use-case-bot-image {
float: left;
margin-left: -45px;
}

.use-case-individual-holder-inner-right {
height: 400px;
width: 410px;
float: right;
display: inline-block;
}


.use-case-individual-holder-inner-right-top {
height: 40px;
margin-top: 46px;
width: 420px;
float: right;
display: inline-block;
}

.use-case-individual-holder-top-text {
font-size: 24px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 10px;
text-align: left;
}


.use-case-individual-holder-bottom-text {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 10px;
text-align: left;
}


.use-case-individual-holder-inner-right-bottom {
height: 300px;
width: 420px;
margin-top: 10px;
float: right;
display: inline-block;
line-height: 23px;
}


.test-bot-button {
height: 45px;
width: 150px;
background-color: #2a5cdb;
margin-top: -100px;
margin-left: -7px;
border-radius: 6px;
float: left;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}


.test-bot-button:hover {
background-color: #2C3E50;
}


 .run-button-icon {
height: 31px;
width: 33px;
float: left;
margin-top: -7px;
margin-left: 10px;
margin-right: -18px;
opacity: .9;
 }




.bot-use-case-holder-expanded {
height: 123px;
width:  516px;
border-radius: 6px;
cursor: pointer;
}


.bot-use-case-see-all {
height: 104px;
width:  516px;
border-radius: 6px;
cursor: pointer;
}

.bot-use-case-see-all-button {
height: 40px;
width: 516px;
border-radius:  6px;
border: 1px solid rgba(44, 62, 80, 0.901961);
margin-top: 45px;
}

.bot-use-case-see-all-button:hover {
opacity: .7;
}

.bot-use-case-see-all-text{
font-size: 15px;
color:rgba(44, 62, 80, 0.901961);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 12px;
}

#convert-2:hover {
opacity: .2;
}


.bot-use-case-text-holder-expanded {
height: 118px;
width:  480px;
background-image: #fff;
border-radius: 8px;
margin-left: 10px;
margin-top: 24px;
margin-right: 20px;
}

.top-button-section-right {
height: 30px;
width:  240px;
float: right;
margin-top: 10px;
padding-right: 9px;
}




.partner-program-top-holder {
height: 235px;
width: 800px;
display: inline-block;
margin-top: 100px;
}


.partner-program-top-holder-upper {
height: 70px;
width: 100%;
}

.partner-program-header-text {
font-size: 45px;
color: #fff;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 6px;
}


.partner-program-subheader-text  {
font-size: 16px;
color: rgba(255, 255, 255, .87);
font-family: 'Karla', sans-serif;
margin-top: 5px;
line-height: 32px;
font-weight: lighter;
text-align: left;
} 


.partner-program-top-holder-middle {
height: 60px;
width: 100%;
}


.partner-program-top-holder-bottom {
height: 70px;
width: 100%;
margin-top: 100px;
}


.partner-program-join-button {
height: 50px;
width: 260px;
background-color: #fff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
margin-top: 10px;
display: inline-block;
cursor: pointer;
}


.partner-program-join-button-text {
font-size: 16px;
color: #2A5CDB;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 17px;
cursor: pointer;
}


.partner-program-options-holder {
height: 300px;
width: 800px;
margin-top: 160px;
}



.partner-program-options-holder-left {
height: 300px;
width: 330px;
background-color: #fff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
float: left;
}


.partner-program-options-holder-right {
height: 300px;
width: 330px;
background-color: #fff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
float: right;
}

.top-bot-templates-header-section {
height: 225px;
width: 100%;
background-image: linear-gradient(to top, #3D5AFE 30%, #04befe 135%);
margin-top: 90px;
display: inline-block;
}

.top-bot-templates-header-text-section {
height: 140px;
width: 800px;
margin-top: 70px;
}

.top-bot-templates-header-text-section-upper {
height: 50px;
width: 100%;
}

.top-headline-bot-store {
font-size: 40px;
color: rgba(255, 255, 255, .9);
font-family: 'Karla', sans-serif;
margin-top: 31px;
}


.top-headline-about-us {
font-size: 40px;
color: rgba(255, 255, 255, .9);
font-family: 'Karla', sans-serif;
margin-top: 91px;
display: inline-block;
}


.agency-main-holder {
height: 800px;
width: 800px;
background-color: #fff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
margin-top: 110px;
}

.inner-agency-main-holder {
height: 400px;
width: 80%;
}


.agency-text-line {
font-family: 'Questrial';
font-size: 19px;
color: rgba(2, 0, 32, .8);
margin-bottom: 20px;
line-height: 30px;
margin-top: -8px;
display: inline-block;
font-weight: lighter;
text-align: left;
float: left;
}



.content-image {
position: relative; 
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.341176) 0 2px 7px;
margin-top: 20px;
margin-bottom: 20px;
height: 300px;
width: 300px;
}


@media(max-width: 1360px) {

.content-image {
height: auto;
width: 100%;
}

}



.top-bot-templates-header-text-section-lower {
height: 70px;
width: 100%;
margin-top: 60px;
}

.top-explainer-bot-store {
font-size: 17px;
color: rgba(255, 255, 255, .86);
font-family: 'Karla', sans-serif;
font-weight: lighter;
line-height: 26px;
margin-top: 4px;
}


.bot-templates-user-addition-holder {
height: 55px;
width: 100%;
background-color: #fff;
display: inline-block;
border-bottom: 1px solid #DADFE1;
}

.bot-templates-user-addition-text {
font-size: 14px;
color: #6C7A89;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 20px;
font-weight: lighter;
}


.bot-templates-user-addition-text-link {
font-size: 14px;
color: #3D5AFE;
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
text-decoration: none;
}


.bot-templates-user-addition-text-link:hover {
text-decoration: underline;
}


.bot-templates-holder {
height: 100%;
width: 1130px;
margin-top: 90px;
}

.bot-templates-left-hand-nav-holder {
height: 100%;
width: 190px;
float: left;
margin-top: 50px;
position: fixed;
}


.bot-templates-left-hand-nav-individual-holder {
height: 50px;
width: 100%;
}

.bot-templates-left-hand-nav-top-holder{
height: 45px;
width: 100%;
margin-bottom: 20px;
}


.bot-templates-left-hand-nav-top-holder-left {
height: 45px;
width: 45px;
background-color: rgba(108, 122, 137, .8);
float: left;
border-radius: 4px;
cursor: pointer;
}


.bot-templates-left-hand-nav-top-holder-left:hover {
opacity: .7;
}

.bot-templates-home-icon {
height: 34px;
width: 38px;
margin-top: 6px;
margin-left: 2px;
}

.bot-templates-gray-search-icon {
height: 30px;
width: 30px;
margin-top: 4px;
margin-left: 2px;
}


.bot-templates-left-hand-nav-top-holder-right {
height: 35px;
width: 133px;
float: right;
margin-top: 5px;
}

.bot-templates-left-hand-nav-top-holder-right-one {
height: 35px;
width: 35px;
float: left;
}


.bot-templates-left-hand-nav-top-holder-right-two {
height: 35px;
width: 98px;
float: right;
}

.bot-templates-search-text {
font-size: 14px;
color: #95A5A6;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 10px;
float: left;
margin-left: 4px;
}

.bot-templates-left-hand-nav-individual-active {
height: 70px;
width: 100%;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
margin-top: 20px;
cursor: pointer;
}


.bot-templates-choice-holder {
height: 35px;
width: 235px;
border-radius: 4px;
margin-top: 40px;
display: inline-block;
}


.bot-templates-choice-holder-left {
height: 35px;
width: 91px;
background-color: #3D5AFE;
border: 1px solid #3D5AFE;
border-radius: 4px 0px 0px 4px;
float: left;
cursor: pointer;
}

.bot-templates-choice-holder-text-active {
font-size: 14px;
color: #fff;
font-family: 'Karla', sans-serif;
margin-top: 10px;
display: inline-block;
font-weight: lighter;
}

.bot-templates-choice-holder-active {
height: 35px;
border: 1px solid #3D5AFE;
background-color: #fff;
border-radius: 0px 4px 4px 0px;
float: left;
cursor: pointer;
}

.bot-templates-choice-holder-text {
font-size: 14px;
color: #3D5AFE;
font-family: 'Karla', sans-serif;
margin-top: 10px;
display: inline-block;
font-weight: lighter;
}

.bot-templates-left-hand-nav-individual {
height: 26px;
width: 100%;
margin-top: 25px;
cursor: pointer;
display: block;
}



.bot-templates-left-hand-nav-individual-text-active {
font-size: 15px;
color: #333;
font-family: 'Karla', sans-serif;
margin-top: 10px;
text-align: left;
float: left;
display: block;
border-bottom: 1px solid #333;
padding-bottom: 3px;
display: inline-block;
}


.bot-templates-left-hand-nav-individual-text {
font-size: 15px;
color: #333;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 5px;
text-align: left;
float: left;
}


.bot-templates-left-hand-nav-individual-text-headline {
font-size: 12px;
color: #333;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 5px;
text-align: left;
float: left;
text-transform: uppercase;
font-weight: lighter;
}


.bot-templates-center-inner-holder {
height: 100%;
width: 860px;
margin-left: 193px;
margin-bottom: 160px;
}



.bot-templates-center-inner-holder-individual {
height: 100%;
width: 270px;
background-color: #fff;
float: left;
display: inline-block;
margin-left: 20px;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 14px 0px;
border: 1px solid #d0d0d0;
}




.bot-tempaltes-center-row {
height: 300px;
width: 100%;
display: inline-block;
margin-top: 50px;
}





.top-about-us-holder {
height: 225px;
width: 100%;
background-image: linear-gradient(to top, #3D5AFE 30%, #04befe 135%);
}




.gobot-features-page-main-holder {
height: 1000px;
width: 100%;
}

.gobot-features-page-top-title-holder {
height: 400px;
width: 100%;
margin-top: 100px;
border-bottom: 1px solid #DADFE1;
}


.gobot-features-page-top-inner-icon-holder {
height: 80px;
width:  100%;
display: inline-block;
margin-top: 100px;
}

.gobot-features-page-icon {
height: 71px;
width: 71px;
}


.gobot-features-page-top-inner-title-holder {
height: 80px;
width:  100%;
}


.gobot-features-page-title-text {
font-size: 37px;
color: #020020;
font-family: 'Karla', sans-serif;
display: inline-block;
}


.gobot-features-page-top-inner-subtitle-holder{
height: 40px;
width:  100%;
}

.gobot-features-page-title-subtext {
font-size: 19px;
color: #020020;
font-family: 'Karla', sans-serif;
font-weight: lighter;
display: inline-block;
}


.main-top-hold {
height: 670px;
width: 100%;
display: block;
margin-top: 110px;
padding-bottom: 10px;
background-image: linear-gradient(to top, #3D5AFE 30%, #04befe 165%);
}


.main-top-hold-features {
height: 700px; 
width: 100%;
display: block;
margin-top: 110px
padding-bottom: 10px;
background-color: #fff;
}





.top-browser-bar {
height: 60px;
width: 100%;
background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
border-bottom: 1px solid #ecf0f1;
display: inline-block;

}


.inner-top-browser-bar {
height: 40px;
width: 98%;
margin-top: 10px;
}

.inner-top-browser-bar-left {
height:  40px;
width: 100px;
float: left;
}

.inner-top-browser-bar-left-one {
height:  40px;
width: 33%;
float: left;
}

.inner-top-browser-bar-circle {
height: 20px;
width: 20px;
border-radius: 100px;
background-color: #939595;
margin-top: 11px;
}

.inner-top-browser-bar-left-two {
height:  40px;
width: 33%;
float: left;
}

.inner-top-browser-bar-left-three {
height:  40px;
width: 33%;
float: left;
}

.inner-top-browser-bar-middle {
height:  39px;
width: calc(100% - 170px);
background-color: #fff;
margin-left: 60px;
border-radius: 4px;
border: 1px solid #ecf0f1;
}


.inner-top-browser-bar-right {
height:  40px;
width: 40px;
float: right;
display: inline-block;
margin-top: -40px;
}

.demo-website-menu {
height:  34px;
width:  34px;
opacity: .5;
margin-top: 5px;
}


.center-text-holder {
height: 100px;
margin-top: 200px;
}

.center-text-holder {
font-size: 50px;
color: #34495e;
font-family: 'Karla', sans-serif;
margin-top: 302px;
margin-left: 98px;
}

/** live chat handoff page css */



.features-page-support-top-section {
height:  135px;
width: 100%;
margin-top: 90px;
position: absolute;
display: block;
}


.customers-view-holder-section {
height: 460px;
width: 100%;
margin-top: 25px;
display: inline-block;
}

.customers-view-holder-section-top {
height:  35px;
width:  100%;
}

.customers-view-header-text {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
margin-top: 70px;
}


.customers-view-holder-section-bottom {
height:  430px;
width:  100%;
margin-top: 50px;
}

.customers-view-bot {
margin-top: 40px;
}


.how-it-works-title-section {
height: 120px;
width: 100%;
border-top: 1px solid #e2ebf0;
border-bottom: 1px solid #e2ebf0;
margin-top: 120px;
display: inline-block;
}

.how-it-works-section-holder {
height: 360px;
width: 100%;
margin-top: 170px;
}

.how-it-works-section-inner {
height: 100%;
width: 750px;
}

.how-it-works-section-inner-rest {
height: 100%;
width: 780px;
margin-top: 100px;
margin-left: 30px;
}

.how-it-works-section-inner-left {
height: 100%;
width:  50%;
float: left;
}


.how-it-works-section-inner-left-switch {
height: 100%;
width:  50%;
float: right;
}

.how-it-works-section-inner-left-top {
height: 90px;
width:  100%;
float: left;
}

.how-it-works-section-step-number-text {
font-size: 16px;
color: #3954EC;
font-weight: lighter;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 14px;
float:  left;
}

.how-it-works-section-title-text {
font-size: 28px;
color: #3954EC;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 24px;
float:  left;
margin-left: -43px;
}


.how-it-works-section-inner-left-bottom {
height: 180px;
width:  100%;
float: left;
}


.how-it-works-section-subtext {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
display: block;
float:  left;
text-align: left;
font-weight: lighter;
line-height: 22px;
}


.how-it-works-section-inner-right {
height: 100%;
width:  40%;
float: right;
}


.how-it-works-section-inner-right-swtich {
height: 100%;
width:  40%;
float: left;
}

.how-it-works-section-graphic {
float: right;
}

.how-it-works-section-graphic-switch {
float: left;
}

.how-it-works-title {
font-size: 33px;
color: #020020;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 46px;
}

.helpdesk-widget-top-section {
height: auto;
width: 100%;
background-image: #fff;
position: absolute;
}




.outer-testimonials-section-holder-3 {
height: 290px;
width: 110%;
margin-left: -2%;
background-color: #fff;
margin-top: 230px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
    transform: rotate(-7deg);
}


.outer-testimonials-section-holder-2 {
height: 290px;
width: 110%;
margin-left: -2%;
background-color: #179CFE;
margin-top: -245px;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Safari */
    transform: rotate(8deg);
}



.outer-testimonials-section-holder-4 {
height: 260px;
width: 110%;
margin-left: -2%;
background-color: #179CFE;
margin-top: -30px;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Safari */
    transform: rotate(7deg);
box-shadow: 0 83px 423px 122px rgba(0,0,0,.18);
}


.outer-testimonials-section-holder-5 {
height: 290px;
width: 110%;
margin-left: -6%;
background-color: #F7F8FA;
margin-top: -325px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
    transform: rotate(-7deg);
}





.templates-section-home {
height: 1360px;
width: 100%;
background-color: #fff;
position: static;
margin-top: 700px;
}


.main-integrations-page-holder-outer {
height: 100px;
width: 100%;

}



.main-integrations-page-holder-inner {
height: auto;
width: 1050px;

}


.main-integrations-page-holder-inner-row {
height: 230px;
width: 1050px;
margin-top: 60px;
}



.main-integrations-page-holder-inner-row-individual-center {
height: 230px;
width: 252px;
background-color: #fff;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 6px 0px;
display: inline-block;
margin-left: 20px;
}




.main-integrations-page-holder-inner-row-individual {
height: 230px;
width: 252px;
float: left;
background-color: #fff;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 6px 0px;
display: inline-block;
margin-left: 20px;
}


.main-integrations-page-holder-inner-row-individual-top {
height: 110px;
width: 252px;
}


.main-integrations-page-holder-inner-row-individual-bottom {
height: 109px;
width: 252px;
background-color: #F8FAFB;
border-top: 1px solid #ECF0F1;
padding-top: 20px;
margin-top: -10px;
border-radius: 0px 0px 4px 4px;
}


.main-integrations-page-holder-inner-row-individual-bottom-first {
height:  90px;
width: 81%;
margin-top: -19px;
}


.main-integraitions-page-individual-header {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-align: left;
}


.main-integrations-page-logo {
margin-top: 33px;
}

.integrations-category-bar {
height: 60px;
width: 100%;
background-color: #F8FAFB;
border-top: 1px solid #ecf0f1;
border-bottom: 1px solid #ecf0f1;
}


.integrations-category-bar-text {
font-size: 16px;
color: #020020;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 20px;
}

.all-integrations-section {
height: 760px;
width: 100%;
margin-top: -200px;
position: absolute;
background-color: #F8FAFB;
}




.four-integration-pages-holder {
height: 630px;
width: 1000px;
margin-top: 80px;
}


.four-integration-pages-holder-row {
height: 180px;
width: 1000px;
}

.four-integration-pages-individual-left {
height: 275px;
width: 500px;
float: left;
}


.four-integrations-pages-individual {
height: 272px;
width: 470px;
background-color: #fff;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}


.four-integrations-pages-individual-upper {
height: 38px;
width: 100%;
margin-top: 27px;
}

.four-integrations-pages-individual-upper-headline {
font-size: 26px;
color: rgba(61, 90, 254, .98);
font-family: 'Karla', sans-serif;
display: block;
margin-top: 0px;
text-align: left;
margin-left: 25px;
}



.four-integrations-pages-individual-upper-subheadline {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
display: block;
margin-top: 7px;
text-align: left;
line-height: 22px;
margin-left: 25px;
font-weight: lighter;
}


.four-integrations-pages-individual-middle {
height: 60px;
width: 100%;
}


.four-integrations-pages-individual-icons {
height: 75px;
width: 100%;
padding-top: 8px;
padding-bottom: 13px;
}

.four-integrations-pages-individual-icons-upper {
height: 55px;
width: 100%;
}


.integrations-section-icon {
height: 45px;
width: 80px;
display: inline-block;
float:  left;
margin-left: 25px;
}

.four-integrations-pages-individual-icons-lower {
height: 20px;
width: 100%;
}


.four-integrations-pages-individual-upper-subheadline-more {
font-size: 13px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
display: block;
margin-top: 7px;
text-align: left;
margin-left: 25px;
}

.four-integrations-pages-individual-bottom {
height: 42px;
width: 100%;
background-image: linear-gradient(to top, #3D5AFE 30%, #04befe 135%);
border-radius: 0px 0px 4px 4px;
margin-top: 11px;
cursor: pointer;
}



.four-integrations-pages-individual-view-more-text {
font-size: 15px;
color: #fff;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 12px;
margin-left: 0px;
font-weight: lighter;
}


.four-integration-pages-individual-right {
height: 240px;
width: 500px;
float: right;
}


.inner-all-integrations-section {
height: 800px;
width: 80%;
margin-top: -20px;
}



.all-integrations-outer-logo-holder {
height: 350px;
width:  1020px;
margin-top: 180px;
}



.all-integrations-outer-logo-holder-left {
height: 350px;
width:  500px;
float: left;
}



.all-integrations-outer-logo-holder-right {
height: 350px;
width:  500px;
float: right;
}

.automate-support-top-section {
height: auto;
width: 100%;
background-color: #fff;
z-index: 1; 
display: inline-block;
position: absolute;
margin-top: -160px;
}



.facebook-messenger-handoff-separator {
height: 140px;
width: 100%;
background-color: #0084FF;
display: inline-block;
position: absolute;
margin-top: 3428px;
border-top: 1px solid #E2EBF0;
border-bottom: 1px solid #E2EBF0;
}


.live-chat-handoff-top-section {
height: auto;
width: 100%;
background-image: #fff;
z-index: 1; 
display: inline-block;
position: absolute;
margin-top: -160px;
}

.feature-page-top-icon {
height:  50px;
width: 50px;
margin-top: -30px;
}


.all-integrations-header-text-section {
height: 37px;
margin-top: 20px;
margin-bottom: -10px;
padding-top: 20px;
}

.all-integrations-logo-holders-text {
font-size: 13px;
color: #020020;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 0px;
margin-bottom: -40px;
}

.gobot-main-video-holder-text {
font-size: 13px;
color: #020020;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 122px;
margin-bottom: -40px;
} 

.all-integrations-logo-holders {
height: 299px;
width: 478px;
margin-top: 60px;
background-color: #fff;
border-radius:  4px;
border: 1px solid #F7F8FA;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}

.all-integrations-logo-holders-row {
height:  99px;
width:  100%;
background-color: #fff;
float: left;
border-bottom: 1px solid #ECEFF3;
}

.all-integrations-logo-holders-row-individual {
height: 99px;
width: 160px;
float: left;
}


.small-text-outline-holder {
height: 24px;
width: 150px;
border-top:  1px solid rgba(255, 255, 255, .7);
border-bottom:  1px solid rgba(255, 255, 255, .7);
margin-top: 80px;
}

.small-text-outline {
font-size: 14px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top:  3px;
}


.header-text-section-2 {
height: 37px;
margin-top: 60px;
margin-bottom: -10px;
}

.header-text-2 {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
}

.header-text-2-step {
font-size: 14px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 52px;
line-height: 41px;
font-weight: lighter;
}


.subheader-text-section-2 {
height: 100px;
width: 1150px;
margin-top: 148px;
}

.subheader-text-section-2-header {
height: 100px;
width: 1100px;
margin-top: 100px;
}


.open-video-link {
color: rgba(61, 90, 254, .8);
text-decoration: none;
font-weight: bold;
}

.open-video-link:hover {
border-bottom: 1px solid rgba(61, 90, 254, .8);
}



.subheader-text-demo {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
margin-top: -76px;
line-height: 28px;
font-weight: lighter;
text-align: left;
}


.subheader-text-demo-features {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
margin-top: -76px;
line-height: 28px;
font-weight: lighter;
text-align: left;
}



.messenger-image-holder {
height: 100px;
width: 1100px;
margin-top: 40px;
}



.gobot-live-chat-integrations-image {
margin-left: -60px;
}


@media(max-width: 1200px) {

.gobot-live-chat-integrations-image {
height: auto;
width: 100%;
margin-left: -40px;
}

#more-integrations {
margin-top: 520px;
}

}






@media(max-width: 1150px) {

.messenger-image-holder {
height: auto;
width: 100%;
}

#more-integrations {
margin-top: -320px;
}

}




.section-features-breakdown-holder {
height: 120px;
width: 700px;
margin-top: 150px;
}



.section-screencast-buttons-holder {
height: 30px;
width: 760px;
margin-top: 45px;
display: inline-block;
margin-bottom: -60px;
}



.section-screencast-buttons-holder-text {
font-size: 13px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
display: block;
margin-top: 95px;
margin-bottom: -80px;
font-weight: lighter;
}


.section-screencast-buttons-holder-full {
height: 70px;
width: 760px;
margin-top: 45px;
display: inline-block;
margin-bottom: -60px;
}



.section-screencast-buttons-holder-individual-chatbot {
height: 30px;
width: 16.6%;
float: left;
display: inline-block;
margin-bottom: -6px;
}


.section-screencast-buttons-holder-individual-chatbot-bottom {
height: 30px;
width: 16.6%;
display: inline-block;
margin-bottom: -6px;
}



.section-screencast-button {
height: 30px;
width:  auto;
padding-left: 10px;
padding-right: 10px;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, .9);
cursor: pointer;
}

.section-screencast-button-dark {
height: 30px;
width:  auto;
padding-left: 10px;
padding-right: 10px;
border-radius: 4px;
border: 1px solid #3650E2;
cursor: pointer;
}

.section-screencast-button-text {
font-size: 15px;
color: #fff;
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 6px;
}

.section-screencast-button-text-dark {
font-size: 15px;
color: #3650E2;
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 6px;
}




.details-image-holder {
height: 650px;
width: 800px;
background-color: green;
margin-top: 50px;
}



.messenger-screencast-holder {
height: 650px;
width: 1100px;
margin-top: 90px;
margin-left: -90px;
}



@media(max-width: 1150px) {

.messenger-screencast-holder {
height: 460px;
width: 720px;
margin-top: 0px;
}

}


@media(max-width: 840px) {

.messenger-screencast-holder {
height: 360px;
width: 550px;
margin-top: 0px;
}

}



@media(max-width: 600px) {

.messenger-screencast-holder {
height: 260px;
width: 420px;
margin-top: 0px;
}

}


@media(max-width: 495px) {

.messenger-screencast-holder {
height: 200px;
width: 320px;
margin-top: 0px;
}

}



@media(max-width: 395px) {

.messenger-screencast-holder {
height: 140px;
width: 230px;
margin-top: 0px;
}

}






.screencast-explainer-text-holder {
height: 50px;
width: 744px;
margin-top: -10px;
margin-bottom: 40px;
}


.screencast-explainer-header-text {
font-size: 25px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 42px;
}

.screencast-explainer-text-holder-bottom {
height: 50px;
width: 794px;
}



.desktop-inner-messenger-holder {
height: 500px;
width:92%;
}

.crm-messenger-text-explainer {
font-size: 12px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 22px;
margin-bottom: -30px;
display: inline-block;
}


.features-page-separator {
height: 100px;
width: 100%;
background-color: #fff;
}


.mobile-inner-messenger-holder {
height: 500px;
width:92%;
display: none;
}


@media(max-width: 1150px) {

.desktop-inner-messenger-holder {
display: none;
}

.mobile-inner-messenger-holder {
height: 500px;
width:92%;
}

}



.messenger-benefits-holder {
height: 150px;
width: 1000px;
}


.inner-live-chat-image-holder {
height: 600px;
width: 1050px;
}




.holder-laptop-section {
height: 600px;
width: 100%;
margin-top: 90px;
background-color: red;
}


.inner-live-chat-handoff-holder {
height: 1200px;
width: 900px;
}


.inner-live-chat-integrations-holder {
height: 770px;
width: 1050px;
}






@media(max-width: 1150px) {

.inner-live-chat-handoff-holder {
height: 1200px;
width: 100%;
}

.inner-live-chat-image-holder {
height: 690px;
width: 100%;
}





.header-text-2 {
width: 80%;
}

.subheader-text-section-2 {
width: 80%;
margin-top: 150px;
}

}








@media(max-width: 650px) {

.gobot-and-chat-image {
height: 90%;
width: 90%;
}

}


@media(max-width: 600px) {

.gobot-and-chat-image {
height: 80%;
width: 90%;
}

}

@media(max-width: 520px) {

.gobot-and-chat-image {
height: 70%;
width: 90%;
}

}


@media(max-width: 465px) {


.messenger-and-gobot-section {
padding-bottom: 40px;
}


.gobot-and-chat-image {
height: 70%;
width: 90%;
}

}


@media(max-width: 430px) {

.messenger-and-gobot-section {
padding-bottom: 70px;
}



.gobot-and-chat-image {
height: 60%;
width: 90%;
}

}


@media(max-width: 377px) {

.messenger-and-gobot-section {
padding-bottom: 70px;
}



.gobot-and-chat-image {
height: 52%;
width: 90%;
}

}

@media(max-width: 345px) {

.messenger-and-gobot-section {
padding-bottom: 110px;
}



.gobot-and-chat-image {
height: 52%;
width: 90%;
}

}

@media(max-width: 325px) {

.messenger-and-gobot-section {
padding-bottom: 140px;
}



.gobot-and-chat-image {
height: 48%;
width: 90%;
}

}





@media(max-width: 530px) {


.subheader-text-section-2 {
margin-top: 170px;
}

}



@media(max-width: 390px) {


.subheader-text-section-2 {
margin-top: 200px;
}

}


@media(max-width: 343px) {


.subheader-text-section-2 {
margin-top: 234px;
}

}


.messenger-macbook-demo {
height: 570px;
width: 100%;
margin-top: 20px;
margin-left: -5px;
}

.desktop-messenger-gobot-interact-arrow {
height: 120px;
float: right;
margin-left: 392px;
margin-top: -437px;
padding-right: 20px;
position: absolute;
}



.big-laptop-screencast {
height:471px;
width: 770px;
margin-top: -100px;
margin-left: -273px;
}


.chatbot-laptop-gif {
height:  440px;
width: 685px;
margin-top: -100px;
margin-left: -256px;
}


.desktop-messenger-top-demo-iframe {
height: 380px;
width:350px;
margin-right: 12%;
border: none;
float: right;
position: relative;
border-radius: 4px;
}

.mobile-messenger-top-demo-iframe {
height: 380px;
width:350px;
border: none;
border-radius: 4px;
margin: auto;
position: static;
}







.live-chat-messenger-features-section {
height: auto;
width: 100%;
background-color: #F8FAFB;
display: inline-block;
margin-top: 0px;
padding-bottom: 110px;
padding-top: 50px;
}


.live-chat-messenger-canned-features-section {
height: auto;
width: 100%;
background-color: #fff;
display: inline-block;
margin-top: 0px;
padding-bottom: 110px;
padding-top: 50px;
}




.live-chat-convo-history-section {
height: auto;
width: 100%;
background-color: #F8FAFB;
display: inline-block;
margin-top: -60px;
padding-bottom: 110px;
padding-top: 50px;
}


.crm-messenger-features-section {
margin-top: 60px;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;

}


.messenger-features-section {
margin-top: 60px;
}





.automate-support-features-section {
height: auto;
width: 100%;
background-image: linear-gradient(to top, #3D5AFE 30%, #04befe 135%);
margin-top: 0px;
padding-bottom: 90px;
padding-top: 50px;
}


.live-chat-crm-section {
height: auto;
width: 100%;
background-color: #fff;
display: inline-block;
margin-top: 0px;
padding-bottom: 90px;
padding-top: 50px;
}




.messenger-crm-image {
height: 100%;
width: 100%;
margin-top: 30px;
}




.all-languages-section {
height: 450px;
width: 100%;
}


.outer-testimonials-section-holder-6 {
height: 260px;
width: 110%;
margin-left: -2%;
background-color: #179CFE;
margin-top: 0px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
    transform: rotate(-7deg);
}

.automate-support-features-section {
height: 275px;
width: 100%;
background-image: linear-gradient(to top, #3D5AFE 30%, #04befe 135%);
padding-top: 0px;
margin-top: -130px;
padding-bottom: 50px;
position: absolute;
}

.automate-support-features-section-inner {
height:  275px;
width: 900px;
margin-top: 50px;
display: inline-block;
}

.automate-support-features-section-inner-row {
height:  225px;
width: 950px;
background-color: purple;
display: inline-block;
}


.automate-support-features-section-inner-row-individual {
height:  225px;
width: 30%;
float: left;
background-color: maroon;
display: inline-block;
margin-left: 24px;
}

.automate-support-features-section-inner-row-individual-icon-holder {
height: 100px;
width: 100%;
background-color: orange;
}

.automate-support-features-section-inner-row-individual-header-holder {
height: 35px;
width: 100%;
background-color: pink;
}

.details-page-three-section-header {
font-size: 24px;
color: #020020;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 0px;
}


.details-page-three-section-subheader {
font-size: 14px;
color: rgb(101, 113, 12);
font-family: 'Karla', sans-serif;
text-align: left;
margin-top: 3px;
font-weight: lighter;
line-height: 19px;
}


.automate-support-features-section-inner-row-individual-subheader-holder {
height: 90px;
width: 100%;
background-color: red;
}





.lead-qualify-section {
height: auto;
width: 100%;
background-color: #fff;
display: inline-block;
margin-top: -155px;
position: absolute;
}



@media(max-width: 1150px) {


.live-chat-crm-section {
height: auto;
width: 100%;
background-color:#F8FAFB;
display: inline-block;
margin-top: -285px;
padding-top: 50px;
}

.lead-qualify-section {
height: auto;
width: 100%;
background-color: #fff;
display: inline-block;
margin-top: -555px;
padding-top: 50px;
}

}




.messenger-and-gobot-section {
height: auto;
width: 100%;
background-color: rgba(44, 62, 80, 1);
display: inline-block;
padding-top: 50px;
padding-bottom: 0px;
}

.live-chat-integrations-section {
height: auto;
width: 100%;
background-color: rgba(44, 62, 80, 1);
margin-top: -375px;
padding-top: 50px;
}

.integrations-image {
margin-top: 50px;
}



.message-type-header-section {
height: 130px;
width: 100%;
background-color: #fff;
display: inline-block;
margin-top: -120px;
padding-bottom: 90px;
padding-top: 70px;
}


.message-type-holder-left-desktop {
height: 460px;
width: 100%;
background-color:#F8FAFB;
display: inline-block;
margin-top: -360px;
}


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


.message-type-header-section {
padding-bottom: 110px;
}


.message-type-holder-left-desktop {
margin-top: -345px;
}

.subheader-text-demo {
margin-top: -60px;
}


}



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


.message-type-header-section {
padding-bottom: 160px;
}


.message-type-holder-left-mobile {
  margin-top: 50px;
}

.subheader-text-demo {
margin-top: -20px;
}


}





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


.message-type-header-section {
padding-bottom: 190px;
}


.message-type-holder-left-mobile {
  margin-top: 80px;
}

.subheader-text-demo {
margin-top: -60px;
}


}






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


.message-type-header-section {
padding-bottom: 220px;
}


.message-type-holder-left-mobile {
  margin-top: 110px;
}

.subheader-text-demo {
margin-top: -20px;
}


}




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


.message-type-header-section {
padding-bottom: 220px;
}


.message-type-holder-left-mobile {
  margin-top: 110px;
}

.subheader-text-demo {
margin-top: -50px;
}


}




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


.message-type-header-section {
padding-bottom: 270px;
}


.message-type-holder-left-mobile {
  margin-top: 180px;
}

.subheader-text-demo {
margin-top: -50px;
}


}


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


.message-type-header-section {
padding-bottom: 300px;
}


.message-type-holder-left-mobile {
  margin-top: 210px;
}

.subheader-text-demo {
margin-top: -50px;
}


}


.message-type-holder-right-desktop {
height: 460px;
width: 100%;
background-color: #fff;
display: inline-block;
margin-top: 0px;
}


.message-type-center-holder-desktop {
height:  400px;
width: 1000px;
margin-top: 30px;
}

.message-type-holder-inner-left-desktop {
height: 400px;
width: 400px;
float: left;
}


.message-type-holder-inner-left-desktop-switch {
height: 400px;
width: 400px;
float: right;
}

.message-type-holder-inner-right-desktop {
height: 400px;
width: 600px;
float: right;
}

.message-type-holder-inner-right-desktop-switch {
height: 400px;
width: 600px;
float: left;
}


.message-type-holder-inner-right-top-desktop {
height: 40px;
width: 600px;
margin-top: 90px;
}


.message-type-holder-inner-right-bottom-desktop {
height: 100px;
width: 600px;
}


.message-type-holder-inner-right-bottom-call-to-action-desktop {
height: 50px;
width: 600px;
margin-top: 20px;
}

.message-type-header-text {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 42px;
}


.message-type-subheader-text {
font-size: 16px;
width: auto;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
}



.part-chooser-footer-call-to-action {
height: 45px;
width: 300px;
background-color: #fed200;
border-radius: 6px;
margin-top: 0px;
display: inline-block;
box-shadow: rgba(0, 0, 0, 0.341176) 0 2px 7px;
cursor: pointer;
}


.part-chooser-footer-call-to-action-text {
font-family: 'Karla', sans-serif;
font-size: 14px;
text-transform: uppercase;
}


.message-type-holder-mobile-outer {
height: 500px;
width: 100%;
background-color: #fff;
display: none;
padding-bottom: 20px;
}



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


.message-type-holder-left-desktop {
height: 500px;
width: 100%;
background-color: #fff;
display: none;
}

.message-type-holder-right-desktop {
height: 500px;
width: 100%;
background-color: #fff;
display: none;
}

.message-type-holder-mobile-outer {
height: 570px;
width: 100%;
background-color: #fff;
display: block;
margin-top: -354px;
padding-top: 20px;
}

}





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


.message-type-holder-left-desktop {
height: 500px;
width: 100%;
background-color: #fff;
display: none;
}

.message-type-holder-right-desktop {
height: 500px;
width: 100%;
background-color: #fff;
display: none;
}

.message-type-holder-mobile-outer {
height: 570px;
width: 100%;
background-color: #fff;
display: block;
margin-top: -354px;
padding-top: 20px;
}

}


.message-type-holder-mobile {
height: 570px; 
width: 70%;
display: inline-block;
}

.message-type-holder-center-top-mobile {
height:  50px;
width: 100%;
}


.message-type-holder-center-middle-mobile {
height:  auto;
width: 100%;
margin-top: -10px;
}

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


.message-type-holder-center-middle-mobile {
margin-top: 40px;
}

}


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


.message-type-holder-center-middle-mobile {
margin-top: 70px;
}

}




.message-type-holder-center-bottom-mobile {
height:  auto;
width: 100%;
margin-top: 50px;
}



















































.inner-convert-engage-support-area {
height: 130px;
width: 1110px;
}

.convert-engage-support-area {
height: 150px;
width: 100%;
}


.convert-button-section {
height: 130px;
width: 25%;
float: left;
margin-top: -30px;
}


.view-all-bot-templates-text-holder {
height: 30px;
width: 600px;
margin-top: 220px;
display: inline-block;
}

.view-all-bot-templates-text {
font-size: 20px;
color: #020020;
font-family: 'Karla', sans-serif;
}


.view-example-bot-button-holder {
height: 110px;
width: 262px;
position: absolute;
background-image: linear-gradient(to bottom, transparent, #2a5cdb);
float: left;
position: relative;
margin-top: 130px;
}


.view-example-bot-button {
height: 35px;
width: 262px;
background-color:#2a5cdb;
border-radius: 0px 0px 6px 6px;
cursor: pointer;
margin-top: 66px;
border: 1px solid #2a5cdb;
z-index: 3;
display: block;
box-shadow: rgba(0, 0, 0, 0.541176) 0px 2px 9px 0px;
}

.view-example-bot-button:hover {
background-color: #2C3E50;
border: 1px solid #2C3E50;
}

.template-section-image {
height: 280px;
width: 220px;
margin-top: 60px;
z-index: 1;
}



.view-example-bot-button-text {
font-size: 14px;
color: #fff;
font-family: 'Karla', sans-serif;
margin-top: 9px;
font-weight: lighter;
}


.convert-button {
height: 230px;
width: 262px;
background-color: rgba(255, 255, 255, .97);
border-radius: 6px;
display: inline-block;
overflow: hidden;
}

.engage-button {
height: 130px;
width: 262px;
background-color: rgba(255, 255, 255, .97);
border-radius: 6px;
display: inline-block;
overflow: hidden;
}

.support-button {
height: 30px;
width: 262px;
background-color: rgba(255, 255, 255, .97);
border-radius: 6px;
display: inline-block;
overflow: hidden;
}


.top-button-call-to-action {
height: 44px;
width: 200px;
background-color: rgb(254, 210, 0);
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
border-radius: 8px;
margin-top: 100px;
margin-left: 30px;
position: absolute;
}

.top-button-section {
height: 30px;
width: 250px;
margin-top: 15px;
}


.top-button-section-features-page {
height: 47px;
width: 50px;
background-color: #4F5D73;
padding: 6px;
border-bottom: 4px solid rgba(189, 195, 199, .7);
border-radius: 8px;
margin-top: 12px;
box-shadow: 0 1px 6px 0 rgba(0,0,0,.18);
}

.top-button-section-left {
height: 47px;
width: 50px;
float: left;
background-color: #4F5D73;
padding: 6px;
border-bottom: 4px solid rgba(189, 195, 199, .7);
border-radius: 8px;
margin-left: 97px;
margin-top: -52px;
box-shadow: 0 1px 6px 0 rgba(0,0,0,.18);
}

.top-button-section-left-inactive {
height: 37px;
width: 40px;
float: left;
background-color: #4F5D73;
padding: 6px;
border-bottom: 4px solid rgba(44, 62, 80, .9);
border-radius: 8px;
margin-left: 97px;
margin-top: -52px;
box-shadow: 0 1px 6px 0 rgba(0,0,0,.18);
}


.top-button-section-right {
height: 30px;
width:  240px;
float: right;
margin-top: 10px;
padding-right: 9px;
}

.top-button-section-text {
font-size: 18px;
color: #3954EC;
font-family: 'Karla', sans-serif;
text-align: left;
margin-top: 3px;
font-weight: lighter;
}

.top-button-section-subtext {
font-size: 14px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: left;
margin-top: -13px;
font-weight: lighter;
line-height: 19px;
}

.engage-button-section {
height: 130px;
width: 25%;
float: left;
margin-top: -30px;

}

.support-button-section {
height: 130px;
width: 25%;
float: right;
margin-top: -30px;

}



.main-top-inner-hold {
height: 350px;
width: 940px;
display: block;
margin-left: 445px;
margin-top: -15px;
}





.main-top-hold-demo-area {
height: 820px;
width: 100%;
margin-top: -250px;
}



.top-demo-iframe {
height: 380px;
width:350px;
margin-top:  -456px;
margin-right: 12%;
border: none;
float: right;
position: relative;
border-radius: 4px;
}




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

   .main-top-hold-demo-area {
height: 720px;
width: 70%;
float: left;
margin-left: -100px;
margin-top: -260px;
position: absolute;
}


}







@media screen and (min-width: 1490px) {

   .main-top-hold-demo-area {
height: 720px;
width: 71%;
float: left;
margin-left: -220px;
margin-top: -260px;
position: absolute;
}

}




/*

.main-top-hold-demo-area {
height: 720px;
width: 67%;
float: left;
background-image: ul("macbook.png") no-repeat center top;
margin-left: -160px;
margin-top: -260px;
position: absolute;
background-color: red;
}

*/


.top-macbook-demo {
height: 672px;
width: 100%;
margin-top: 20px;
margin-left: -5px;
}

.inside-macbook {
height: 472px;
width: 87.5%;
background-color: rgba(34, 49, 63, .71);
display: inline-block;
margin-top: -550px;
}

.top-macbook-section-holder{
height: 60px;
width: 90%;
margin-top: 50px;
margin-left: -150px;
}

.top-macbook-section-holder-right {
height:  60px;
width: 66%;
float: right;
margin-left: 310px;
}

.top-macbook-section-holder-right-text {
font-size: 31px;
color: rgba(255, 255, 255, .27);
font-family: 'Karla', sans-serif;
line-height: 26px;
margin-top: 16px;
display: inline-block;
text-align: right;

}

.top-macbook-lines{
height: 17px;
width: 100%;
background-color: rgba(255, 255, 255, .2);
border-radius: 5px;
margin-top: 30px;
}

.inside-macbook-bottom-1 {
height: 218px;
width: 250px;
float: left;
background-color: #fff;
opacity: .15;
margin-top: 30px;
border-radius: 6px;
display: inline-block;
position: absolute;
}

.inside-macbook-bottom-2 {
height: 218px;
width: 250px;
float: left;
background-color: #fff;
opacity: .15;
margin-top: 30px;
margin-left: 280px;
border-radius: 6px;
display: inline-block;
position: absolute;
}



.gobot-interact-arrow-top-demo {
height: 120px;
float: right;
margin-left: 60px;
margin-top: 14px;
padding-right: 20px;
position: absolute;
}

.gobot-interact-arrow-icon-top-demo {
height: 70px;
width: 70px;
float: right;
   -ms-transform: rotate(40deg); /* IE 9 */
    -webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */
    transform: rotate(40deg);
}


.gobot-interact-arrow-icon-top-side {
height: 70px;
width: 70px;
float: right;
margin-top: -10px;
   -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}



.gobot-interact-arrow-icon-text-top-demo {
font-size: 16px;
color: #fff;
font-family: 'Karla', sans-serif;
margin-top: 48px;
position: absolute;
margin-left: -32px;
padding-left: 7px;
}




.gobot-interact-arrow-demo {
height: 120px;
float: right;
margin-left: 686px;
margin-top: 102px;
padding-right: 20px;
position: absolute;
}

.gobot-interact-arrow {
height: 120px;
float: right;
margin-left: 505px;
margin-top: 37px;
padding-right: 20px;
position: absolute;
}

.gobot-interact-arrow-icon {
height: 80px;
width: 80px;
float: right;
   -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.gobot-interact-arrow-icon-text {
font-size: 16px;
color: #fff;
font-family: 'Karla', sans-serif;
margin-top: 48px;
position: absolute;
margin-left: 26px;
padding-left: 7px;
}

.shopping-item-macbook-image-holder {
height: 180px;
width: 80%;
margin: auto;
margin-top: 19px;
}

.shopping-item-macbook-image-holder-top {
height: 130px;
width: 80%;
margin: auto;
margin-top: 0px;
}

.shopping-item-macbook-image {
height: 135px;
width: 115px;
margin: auto;
}

.shopping-item-macbook-image-holder-bottom {
height: 50px;
width: 80%;
margin: auto;
}

.shopping-image-macbook-purchase-button {
height: 33px;
width: 120px;
background-color: #446CB3;
border-radius: 6px;
margin-top: 16px;
}


.shopping-image-macbook-purchase-button-text {
font-size: 16px;
color: rgba(255, 255, 255, .9);
font-family: 'Karla', sans-serif;
line-height: 26px;
margin-top: 4px;
display: inline-block;
} 

.use-cases-area-separator {
height: 1px;
width: 48px;
background-color: rgb(76, 81, 93);
margin-top: 40px;
}

.choose-your-type-holder {
height: 20px;
width: 200px;
margin-top: 20px;
}

.choose-your-type-text {
font-size: 17px;
color: rgb(224, 78, 80);
font-family: 'Karla', sans-serif;
}


.use-cases-main-section-holder {
height: 400px;
width: 100%;
background-color: #f7f8fa;
margin-top: -170px;
}


.use-cases-main-section-center-holder {
height: 400px;
width: 1100px;
background-color: #f7f8fa;
}

.use-cases-main-section-individual-holder {
height: 260px;
width: 33%;
background-color: orange;
float: left;
}




.existing-trigger-section {
height: 800px;
width: 100%;
background-color: #fff;
padding-top: ;
}



.outer-testimonials-section-holder-7 {
height: 330px;
width: 110%;
background-color: #F8FAFB;
margin-top: 325px;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Safari */
    transform: rotate(8deg);
    margin-left: -8%;
}


.outer-testimonials-section-holder {
height: 330px;
width: 110%;
background-color: #fff;
margin-top: -385px;
margin-left: -10%;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Safari */
    transform: rotate(8deg);
}


.product-image {
position: absolute;
}

.inner-testimonials-section-holder {
height: 180px;
width: 110%;
margin-top: 360px;
margin-left: -90px;
display: inline-block;
background-color: #fff;
border-bottom: 1px solid #F7F8FA;
}


.builder-section {
height: 920px;
width: 100%;
padding-top: 35px;
padding-bottom: 20px;
z-index: 1; 
display: inline-block;
position: absolute;
}



.testimonials-section-holder-top {
height: 29px;
width: 800px;
margin-top: 30px;
display: inline-block;
}


.testimonials-section-holder-top-text {
font-size: 20px;
color: #020020;
font-family: 'Karla', sans-serif;
display: inline-block;
}


.testimonials-section-holder-bottom {
height: 40px;
width: 800px;
margin-top: 38px;
}

.testimonials-section-holder-bottom-individual {
height: 40px;
width: 140px;
float: left;
margin-left: 20px;
}

.testimonial-section-logo {
margin-top: 10px;
}


.gobot-two-views-section {
height: 1500px;
width: 100%;
padding-top: 70px;
padding-bottom: 5px;
margin-top: -140px;
background-color: #fff;
}






.gobot-new-templates-main-holder {
height: 1100px;
width: 100%;
background-color: #fff;
margin-top: 60px;
}





.gobot-top-video-section-desktop {
height: 564px;
width: 100%;
background-color: #fff;
margin-top: 70px;
padding-top: 60px;
}


.gobot-top-video-section-header {
height: 95px;
width: 100%;
display: inline-block;
margin-top: 60px;
}


.header-text-video-section {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 0px;
}


.header-text-video-subsection {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
margin-top: -5px;
line-height: 26px;
font-weight: lighter;
}


.gobot-main-video-holder {
height: 400px;
width: 100%;
margin-top: -55px;
position: absolute;
z-index: 2;
}


.gobot-main-video-holder-text {
font-size: 13px;
color: #020020;
font-family: 'Karla', sans-serif;
display: block;
margin-top: 122px;
margin-bottom: -40px;
}

.example-video {
height:  350px;
width: 600px;
margin-top: 60px;
display: inline-block;
background-color: red;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;

}


.gobot-functions-holder {
height: 70px;
width: 1050px;
margin-top: 50px;
}


.gobot-functions-holder-learn-more-button {
height: 35px;
width: 173px;
background-image: linear-gradient(to top, #3D5AFE 30%, #04befe 135%);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
border-radius: 4px;
margin-top: 15px;
cursor: pointer;
float: left;
margin-left: 54px;
}

.gobot-functions-holder-learn-more-button:hover {
opacity: .9;
}


.gobot-functions-holder-learn-more-button-dark {
height: 35px;
width: 173px;
background-color: rgba(2, 0, 32, .8);
border-radius: 4px;
margin-top: 15px;
cursor: pointer;
float: left;
margin-left: 26px;
}

.gobot-functions-holder-learn-more-button-dark:hover {
opacity: .9;
}



.gobot-functions-holder-learn-more-button-text {
font-size: 14px;
color: #2A5CDB;
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
margin-top: 9px;
}


.gobot-functions-holder-learn-more-button-light {
height: 35px;
width: 173px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
border-radius: 4px;
margin-top: 15px;
cursor: pointer;
float: left;
margin-left: 26px;
}

.gobot-functions-holder-learn-more-button-light:hover {
opacity: .9;
}

.gobot-functions-holder-learn-more-button-text-light {
font-size: 14px;
color: #fff;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 9px;
font-weight: lighter;
}


.main-gobot-features-holder-outer {
height: 500px;
width:  1100px;
margin-top: -62px;
}


.gobot-functions-holder-and-button {
height:  55px;
width:  55px;
background-color: #F8FAFB;
border: 1px solid #ecf0f1;
border-radius: 100px;
position: absolute;
margin-top: 188px;
margin-left: 338px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 5px 0px;
}

.gobot-functions-holder-and-button-text {
font-size: 22px;
color: #6E7985;
font-family: 'Karla', sans-serif;
margin-top: 14px;
margin-left: 3px;
font-weight: lighter;
}

.gobot-functions-holder-individual {
height: 350px;
width:  340px;
float: left;
padding-top: 55px;
border-radius: 4px;
border: 1px solid #DADFE1;
cursor: pointer;
}

.gobot-functions-holder-individual:hover  {
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 32px 0px;
}

/**
.gobot-functions-holder-individual:hover {
border-bottom: 2px solid #2C3E50;
}
*/

.gobot-functions-holder-individual-top {
height: 50px;
width:  100%;
margin-top: 78px;
}



.gobot-functions-holder-individual-upper-text-holder {
height: 80px;
width: 200px;
margin-top: -15px;
margin-left: -67px;
}

.gobot-functions-holder-individual-upper-text-holder-top {
height: 30px;
width: 100%;
}

.gobot-functions-holder-individual-upper-text-subheader {
font-size: 18px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: -6px;
text-align: left;
}

.gobot-functions-holder-individual-upper-text-holder-bottom {
width: 100%;
margin-top: 1px;
}

.gobot-functions-holder-individual-upper-text-header {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: -6px;
text-align: left;
}


.gobot-functions-icon {
margin-top: -50px;
}

.gobot-functions-holder-individual-bottom {
height: 20px;
width:  100%;
}

.gobot-functions-holder-text {
font-size: 16px;
color: #020020;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: -6px;
text-align: left;
line-height: 22px;
}


.gobot-functions-holder-subtext {
font-size: 14px;
font-weight: lighter;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 0px;
margin-left: 13px;
text-align: left;
}


.learn-more-button-play-icon {
height: 25px;
width: 25px;
display: inline-block;
margin-top: -4px;
position: absolute;
margin-left: -25px;
}


.learn-more-button-main-first {
height: 40px;
width: 160px;
background-color: #fff;
border-radius: 20px;
margin-top: 150px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
display: inline-block;
position: absolute;
margin-left: -75px;
}


.learn-more-button-main-first:hover {
opacity: .7;
}


.learn-more-button-text-main-first {
font-size: 14px;
color: #2A5CDB;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 11px;
}



.learn-more-button-main-second {
height: 40px;
width: 280px;
background-color: #fff;
border-radius: 20px;
margin-top: 100px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}


.learn-more-button-main-second:hover {
opacity: .7;
}


.learn-more-button-text-main-second {
font-size: 14px;
color: #2A5CDB;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 11px;
}



.already-use-live-chat {
height: 247px;
width:  820px;
border-radius: 4px;
margin-top: 90px;
border: 1px solid #2A5CDB;
}

.already-use-live-chat-top {
height: 40px;
width:  100%;
margin-top: 21px;
}


.already-use-live-chat-top-headline {
font-size: 22px;
color: #2A5CDB;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 10px;
}


.already-use-live-chat-top-subheadline {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 10px;
font-weight: lighter;
line-height: 22px;
text-align: left;
}


.already-use-live-chat-middle {
height: 50px;
width:  88%;
margin-top: 28px;
}

.already-use-live-chat-bottom {
height: 40px;
width:  80%;
margin-top: 31px;
}




.already-use-live-chat-bottom-button {
height: 40px;
width: 258px;
border-radius: 4px;
margin-top: 10px;
cursor: pointer;
border: 1px solid #2A5CDB
}


.already-use-live-chat-bottom-button:hover {
opacity: .7;
}


.already-use-live-chat-bottom-button-text {
font-size: 14px;
color: #2A5CDB;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 11px;
}





.learn-more-button-main-third {
height: 40px;
width: 218px;
background-color: #2A5CDB;
border-radius: 20px;
margin-top: 100px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}


.learn-more-button-main-third:hover {
opacity: .7;
}


.learn-more-button-text-main-third {
font-size: 14px;
color: #fff;
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
margin-top: 11px;
}




.learn-more-button-main-fourth {
height: 40px;
width: 258px;
background-color: #2A5CDB;
border-radius: 20px;
margin-top: 210px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}


.learn-more-button-main-fourth:hover {
opacity: .7;
}


.learn-more-button-text-main-fourth {
font-size: 14px;
color: #fff;
font-family: 'Karla', sans-serif;
display: inline-block;
font-weight: lighter;
margin-top: 11px;
}






.learn-more-button {
height: 40px;
width: 250px;
background-color: #2A5CDB;
border-radius: 20px;
margin-top: 120px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}


.learn-more-button:hover {
background-color: #2C3E50;
}

.learn-more-button-text {
font-size: 14px;
color: #fff;
font-weight: lighter;
font-family: 'Karla', sans-serif;
display: inline-block;
margin-top: 11px;
}


.top-choose-demo-bot-text {
font-size: 14px;
color:rgb(73, 82, 89);
font-family: 'Karla', sans-serif;
margin-left: 26px;
margin-top: -30px;
font-weight: lighter;
display: inline-block;
}



.seven-tools-in-one-holder {
height: 100px;
width: 880px;
display: block;
margin-top: 137px;
margin-left: 30px;
}


.individual-tool-holder-big {
height: 80px;
width: 250px;
float: left;
cursor: pointer;
display: none;
margin-top: 50px;
}


.individual-tool-holder {
height: 80px;
width: 250px;
float: left;
margin-top: 50px;
cursor: pointer;
}


.individual-tool-holder:hover {
opacity:  .7;
}

.individual-tool-title {
font-size: 16px;
color: #020020;
font-family: 'Karla', sans-serif;
font-weight: lighter;
display: inline-block;
margin-top: 10px;
margin-left: 4px;
}



.gobot-one-view-bot-holder {
height: 590px;
width:  400px;
margin-top: 210px;
display: none;
}


.gobot-one-view-bot-holder-top {
height: 60px;
width:  400px;
margin-top: -50px;
}


.gobot-one-view-bot-holder-top-upper {
height: 60px;
width:  400px;
}

.gobot-one-view-explainer-text {
font-size: 16px;
color: #020020;
font-family: 'Karla', sans-serif;
font-weight: lighter;
display: inline-block;
margin-top: 40px;
margin-left: 4px;
width: 300px;
}


.gobot-one-view-bot-holder-middle {
height: 540px;
width:  400px;
margin-top: 120px;
}


.gobot-one-view-bot-holder-bottom {
  height: 50px;
width:  400px;
background: pink;
}




.gobot-two-views-video-holder {
height: 450px;
width:  1160px;
margin-top: 205px;
}

.gobot-two-views-video-holder-left {
height: 495px;
width:  680px;
margin-top: -70px;
margin-left: 20px;
float: left;
}


.gobot-two-views-video-holder-right {
height: 475px;
width:  420px;
margin-top: -20px;
float: right;
margin-right: 24px;
}

.final-bot-screencast-holder {
height: 475px;
width: 380px;
padding-top: 15px;
background: #fff;
margin-top: -80px;
box-shadow: 9px 9px 16px -7px #ddd;
}

.gobot-two-views-video-explainer-holder {
height: 23px;
width: 360px;
float: right;
margin-right: 34px;
}

.gobot-two-views-video-explainer-text {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: right;
margin-top: 20px;
}


.gobot-two-views-video-explainer-subtext {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: right;
font-weight: lighter;
}


.gobot-two-views-videos {
border: none;
}


.in-between-explainer-text-section {
height: 300px;
width: 100%;
margin-top: -230px;
background-color: rgba(44, 62, 80, 1);
}

.explainer-video-section {
height: 480px;
margin-top: -225px;
margin-bottom: 65px;
background-color: #2a5cdb;
}

.in-between-explainer-text-section-text {
font-size: 23px;
font-weight: lighter;
width: 1000px;
color: #fff;
margin-top: 55px;
display: inline-block;
font-family: 'Karla', sans-serif;
}

.explainer-video-section-inner {
height: 420px;
width: 1096px;
}


.explainer-video-section-inner-left {
height: 400px;
width: 440px;
float: left;
}


.explainer-video-section-inner-left-top {
height: 125px;
width: 420px;
float: left;
margin-top: 50px;
}


.explainer-video-section-inner-left-bottom {
height: 350px;
width: 420px;
float: left;
}


.explainer-video-section-inner-right {
height: 400px;
width: 636px;
float: right;
}



.demo-bot-video-section-outer {
width: 100%;
background-color: #2a5cdb;
}

.demo-bot-video-section-inbetween {
height: 480px;
margin-top: 2px;
margin-bottom: 65px;
background-color: #2a5cdb;
}

/*
background-color: rgb(247, 248, 250);

*/

.demo-bot-video-left-holder {
height: 480px;
width: 598px;
float: left;
background-color: green;
margin-top: 12px;
}



.demo-bot-video-flip-right-holder {
height: 510px;
width: 578px;
float: right;
margin-top: 12px;
background-color: #2a5cdb;
margin-left: 20px;
}




.demo-bot-video-play-button {
height: 120px;
width: 120px;
background-color: rgba(255, 255, 255, .7);
border-radius: 6px;
margin-top: -300px;
position: relative;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
cursor: pointer;
}

.demo-bot-video-play-button:hover {
background-color: rgba(255, 255, 255, 1)
}


.demo-bot-video-play-button-icon {
height: 63px;
width: 93px;
margin-top: 28px;
margin-left: 10px;
opacity: .9;
}

.demo-bot-video-placeholder {
height: 100%;
width: 100%;
cursor: pointer;
}

.demo-bot-video-right-holder {
height: 510px;
width: 50%;
background: #8ac8fb;
float: right;
margin-top: -122px;
}

.demo-bot-video-flip-left-holder {
height: 510px;
width: 50%;
background:#8ac8fb;
float: right;
margin-top: -122px;
margin-right: 10px;
}

.demo-bot-video-right-middle-holder {
height: 200px;
width: 400px;
margin-top: 40px;
margin-right: 80px;
}

.demo-bot-video-right-middle-top-holder {
height: 70px;
width: 420px;
margin-top: 88px;
}


.header-text-demo {
font-size: 30px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
margin-top: 42px;
font-weight: lighter;
text-align: left;
}

.subheader-text-demo-individual {
font-size: 18px;
color: rgba(255, 255, 255, .8);
font-family: 'Karla', sans-serif;
margin-top: 23px;
line-height: 26px;
font-weight: lighter;
text-align: left;
}


.demo-bot-video-call-to-action {
height: 47px;
width: 375px;
border: 2px solid rgb(255, 255, 255);
border-radius: 6px;
float: left;
margin-top: 60px;
cursor: pointer;
}


.demo-bot-video-call-to-action:hover {
background-color: rgba(255, 255, 255, .1)
}


.demo-bot-video-call-to-action-text {
font-size: 17px;
color: rgba(255, 255, 255, .9);
font-family: 'Karla', sans-serif;
margin-top: 11px;
line-height: 26px;
font-weight: lighter;
}

.demo-bot-video-right-middle-mid-holder {
height: 90px;
width: 481px;
}

.demo-bot-video-right-middle-bottom-holder {
height: 40px;
width: 440px;
}

.demo-bot-video-testimonial-pic-holder {
height: 40px;
width: 50px;
float: left;
}

.demo-bot-video-testimonial-pic-text-holder {
height: 40px;
width: 275px;
float: left;
}

.demo-testimonial-pic {
height: 34px;
width: 34px;
border-radius: 100px;
float: left;
}

.different-use-cases-area {
height: 145px;
width:  930px;
margin-bottom: 80px;
margin-top:300px;
}


.clarify-click-holder {
height: 90px;
width: 300px;
float: left;
margin-top: -210px;
position: absolute;
}


#usecaseactive1 {
}

#usecaseinactive1 {
display: none;
}


#usecaseactive2 {
display: none;
}

#usecaseinactive2 {
}

#usecaseactive3 {
display: none;
}

#usecaseinactive3 {
}



.use-cases-blogs-holder {
margin-top: -438px;
}






.choose-demo-bot-text {
font-size: 18px;
color:rgb(73, 82, 89);
font-family: 'Karla', sans-serif;
text-align: left;
margin-left: 26px;
margin-top: 30px;
}



.use-cases-ecommerce-holder {
display: none;
}


.use-cases-sales-holder {
display: none;
}



.blogs-use-case-button-active {
height: 104px;
width: 290px;
background-color: #fff;
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
border-radius: 6px;
float: left;
margin-top: -59px;
margin-right: 13px;
cursor: pointer;
}



.blogs-use-case-button-inactive {
height: 74px;
width: 290px;
background-color: rgba(236, 240, 241, .1);
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.27) 0px 1px 1px 0px;
border-radius: 6px;
float: left;
margin-top: -43px;
margin-right: 13px;
cursor: pointer;
}


.blogs-use-case-button-inactive:hover {
background-color: #fff;
}




.ecommerce-use-case-button-inactive {
height: 88px;
width: 290px;
background-color: rgba(236, 240, 241, .1);
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
border-radius: 6px;
float: left;
margin-top: -43px;
margin-right: 13px;
cursor: pointer;
}


.ecommerce-use-case-button-inactive:hover {
background-color: #fff;
}


.ecommerce-use-case-button-active {
height: 104px;
width: 290px;
background-color: #fff;
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
border-radius: 6px;
float: left;
margin-top: -59px;
margin-right: 13px;
cursor: pointer;
}



.ecommerce-use-case-button-active:hover {
background-color: #fff;
}



.saas-use-case-button-active {
height: 104px;
width: 290px;
background-color: #fff;
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
border-radius: 6px;
float: left;
margin-top: -59px;
margin-right: 13px;
cursor: pointer;
}


.saas-use-case-button-inactive {
height: 88px;
width: 290px;
background-color: rgba(236, 240, 241, .1);
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
border-radius: 6px;
float: left;
margin-top: -43px;
margin-right: 13px;
cursor: pointer;
}

.saas-use-case-button-inactive:hover {
background-color: #fff;
}




.main-bottom-hold-demo-area {
height: 590px;
width: 50%;
float: left;
margin-top: 15px;
}



.bot-features-outer-holder {
	height: 900px;
	width: 100%;
background-color: rgb(247, 248, 250);
margin-top: -145px;
}



.autoplay-demo {
margin-top: -486px;
margin-left: 59px;
height: 590px;
}


.sales-demo-iframe {
height: 370px;
width:350px;
margin-top:  -364px;
margin-left: 645px;
background-color: rgba(255, 255, 255, .0);
border: none;
border-radius: 4px;
}

.main-top-hold-text-area {
height: 400px;
width: 430px;
float: left;
margin-right: -55px;
margin-top: 40px;
}

.top-headline-area {
height: 100px;
width: 490px;
margin-top: -80px;
margin-left: 290px;
}


.logo-in-header {
height: 30px;
width: 110px;
display: inline-block;
}

.top-headline {
font-size: 26px;
color: rgba(255, 255, 255, .9);
font-family: 'Karla', sans-serif;
text-align: left;
margin-top: 23px;
margin-left: 60px;
line-height: 37px;
}

.top-try-free-area {
height: 40px;
width:  400px;
margin-top: 7px;
display: inline-block;
}

.try-free-text {
font-size: 22px;
color: #e04e50;
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-transform: uppercase;
}

.top-enter-url-box {
height: 55px;
width: 360px;
background-color: rgb(250, 251, 252);
border-radius: 8px;
border: 1px solid rgb(221, 229, 237);
margin-top: 34px;
}

.top-enter-url-button {
height: 54px;
width: 157px;
float: right;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#258dc8+0,258dc8+100;Blue+Flat+%231 */
background: #258dc8; /* Old browsers */
background: -moz-linear-gradient(top, #258dc8 0%, #258dc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #258dc8 0%,#258dc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #258dc8 0%,#258dc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */border-radius: 0px 8px  8px 0px;
cursor: pointer;
border: 1px solid rgb(18, 113, 196);
}

.top-enter-url-button:hover {
opacity: .9;
}

.top-enter-url-button-text {
font-size: 17px;
color: #fff;
font-family: 'Karla', sans-serif;
font-weight: lighter;
margin-top: 17px;
}

.top-enter-url-area {
height:  215px;
width: 430px;
margin-top: 29px;
border-radius: 5px;
border: 1px solid rgb(221, 229, 237);
background-color: #fff;
display: none;
}


.top-enter-url-more-text-holder {
height: 30px;
width: 360px;
margin-top: 20px;
}

.top-enter-url-more-text-left {
height: 30px;
width: 142px;
float: left;
}

.top-enter-url-more-text-separator {
height: 30px;
width: 10px;
float: right;
display: inline-block;
margin-top: -38px;
}

.top-enter-url-more-text-middle {
height: 30px;
width: 73px;
float: left;
margin-left: 1px;
}


.top-enter-url-more-text-right {
height: 30px;
width: 142px;
float: right;
}

.top-enter-url-more-text-headline {
font-size: 12px;
color: rgb(141, 162, 181);
font-family: 'Karla', sans-serif;
text-align: left;
font-weight: lighter;
}

.text-dot-separator {
height: 3px;
width: 3px;
background-color:  rgb(141, 162, 181);
border-radius: 70px;
margin-top: 18px;
margin-left: -2px;
}


.top-video-area {
height: 120px;
width: 200px;
margin-top: 60px;
}


.bottom-explainer-area {
height: 35px;
width:  1096px;
float: left;
margin-top: 17px;
background-color: rgb(7, 58, 90);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 2px 0px;
border-radius: 4px;
padding-top: 10px;
}


.bottom-explainer-area-check-hold {
height: 27px;
width: 27px;
float: left;
}


.bottom-explainer-area-check-hold {
height: 20px;
width: 20px;
border-radius: 69px;
border: 1px solid #2ECC71;
}

.bottom-explainer-area-check-icon {
height: 18px;
width: 18px;
margin-top: 2px;
margin-left: 1px;
}


.bottom-explainer-area-text{
font-size: 13px;
color: rgba(255, 255, 255, 1);
font-family: 'Karla', sans-serif;
font-weight: lighter;
display: inline-block;
margin-top: -1px;
margin-left: 10px;
}


.bottom-explainer-area-one {
height: 27px;
width:  243px;
float: left;
margin-left: 16px;
margin-top: 3px;
}



.bottom-explainer-area-two {
height: 27px;
width:  137px;
float: left;
margin-left: 12px;
margin-top: 3px;
}




.bottom-bar-landing-bar {
height: 41px;
 position: fixed;
 bottom: 0;
width: 100%;
background-color: rgba(255, 255, 255, 1);
border-top: 1px solid rgba(149, 165, 166, .3);
position: fixed;
}



.top-explainer-area {
height:  80px;
width: 430px;
margin-top: -22px;
margin-left: 350px;
}

.top-explainer {
font-size: 17px;
color: rgba(255, 255, 255, .86);
font-family: 'Karla', sans-serif;
text-align: left;
font-weight: lighter;
line-height: 26px;
margin-top: 4px;
}

.top-call-to-action-area {
height: 56px;
width: 424px;
margin-top: 23px;
}



.top-call-to-action-area-right-image-holder {
height: 560px;
width: 600px;
position: absolute;
margin-left: -605px;
margin-top: -250px;
z-index: 2;
}

.top-call-to-action-area-right-first-image {
height: 370px;
width: 325px;
margin-bottom: 0px;
margin-right: 0px;
float: right;
margin-top: 100px;
margin-left: 215px;
z-index: 2;
position: absolute;
}


.top-call-to-action-area-right-second-image {
height: 330px;
width: 325px;
margin-bottom: 60px;
margin-left: 100px;
float: left;
margin-top: 65px;
z-index: 1;
position: absolute;
}




.top-call-to-action-area-right-third-image {
height: 370px;
width: 325px;
margin-bottom: 60px;
margin-left: -27px;
float: left;
margin-top: 10px;
z-index: 0;
position: absolute;
}

.top-call-to-action-image {
float: right;
margin-left: -20px;
}


.top-call-to-action-image-second {
height: 300px;
width: 265px;
float: left;
}




.top-call-to-action-image-third {
height: 300px;
width: 265px;
float: left;
}




.top-beta-signup-area-1 {
height: 62px;
width: 424px;
margin-top: 22px;
background-color: rgba(255, 255, 255, .3);
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, .1);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
display: block;
}


.top-beta-signup-watch-video-section {
height: 23px;
width: 170px;
margin-top: 40px;
margin-left: 15px;
display: inline-block;
}

.top-beta-signup-area-two {
height: 242px;
width: 424px;
margin-top: -98px;
background-color: #fff;
border-radius: 6px;
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
display: inline-block;
display: none;
}

.beta-signup-thanks-section{
height: 26px;
width: 364px;
margin-top: 20px;
}

.beta-signup-thanks-text {
font-family: 'Questrial';
font-size: 17px;
color: #2C3E50;
font-family: 'Karla', sans-serif;
font-weight: bold;
text-align: center;
}

.enter-email-outer-beta-signup-area {
height: 40px;
width: 424px;
margin-top: 10px;
}
























.beta-enter-email-form {
border: none;
height: 34px;
background-color: rgba(255, 255, 255, .94);
width: 220px;
margin-top: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
border-radius: 4px;
float: left;
display: inline-block;
margin-left: 17px;
border-radius: 6px;
outline: none;
font-family: 'Questrial';
padding-left: 13px;
padding-top: 2px;
font-size: 14px;
}

.right-enter-email-outer-beta-signup-area {
height: 35px;
width: 161px;
margin-top: 4px;
border-radius: 0px 6px 6px 0px;
background-color: rgb(254, 210, 0);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
float: right;
display: inline-block;
margin-right: 18px;
cursor: pointer;
border: none;
font-size: 13px;
color:  rgb(2, 0, 32);
padding-top: 3px;
margin-top: 3px;
display: inline-block;
font-family: 'Karla', sans-serif;
text-transform: uppercase;
font-weight: bold;
outline: none;
}


.right-enter-email-outer-beta-signup-area:hover {
opacity: .7;
}


.top-beta-signup-area-2 {
height: 250px;
width: 424px;
margin-top: -98px;
background-color: #fff;
border-radius: 6px;
border: 1px solid rgb(208, 208, 208);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
display: inline-block;
display: none;
}


.top-call-to-action-area-left {
height: 56px;
width: 148px;
float: left;
}

.top-call-top-action-button-left {
height: 56px;
width: 160px;
border-radius: 6px;
cursor: pointer;
float: left;
border: 1px solid rgba(255, 255, 255, .7);
}

.top-call-top-action-button-left:hover {
background-color: rgba(255, 255, 255, .1);
}



.top-button-section-icon {
height: 57px;
width: 57px;
margin-left: -3px;
margin-top: -4px;
}

.top-call-to-action-area-right {
height: 56px;
width: 254px;
float: right;
}

.top-call-to-action-button {
height: 56px;
width: 247px;
border-radius: 6px;
background-color: rgb(254, 210, 0);
box-shadow: rgba(0, 0, 0, 0.317647) 0px 1px 3px 0px;
cursor: pointer;
margin-left: 2px;
}


.top-call-to-action-text {
font-size: 14px;
color: #020020;
margin-top: 30px;
display: inline-block;
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-decoration: none;
}


.top-call-to-action-text:hover {
text-decoration: underline; 
}







.on-my-site-website-holder {
height: 100%;
width: 100%;
background-color: #fff;
}










.top-buttons-area {
height: 60px;
width: 430px;
margin-top: 74px;
}

.left-top-buttons-area {
height: 60px;
width: 140px;
float: left;
}

.right-top-buttons-area {
height: 60px;
width: 285px;
float: right;
}

.watch-video-button {
height: 50px;
width: 130px;
border: 1px solid #208DC5;
border-radius: 30px;
float: left;
cursor: pointer;
}

.start-building-button {
height: 50px;
width: 284px;
border-radius: 30px;
float: left;
background-color: #f5873f;
box-shadow: 0px 3px 0 0px #9d5220;
cursor: pointer;
}

.product-gif {
height: 378px;
width: 672px;
margin-left: -160px;
}

.client-logos-holder-outer{
height: 80px;
width: 100%;
background-color: rgb(247, 248, 250);
}

.client-logos-holder-inner {
height: 70px;
width: 1096px;
margin-left: 3px;
 }

.client-logo-bottom-holder {
height: 20px;
width: 1096px;
margin-top: -3px;
display: inline-block;
}

.client-logo-bottom-holder-text {
font-size: 13px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
margin-top: 1px;
font-weight: lighter;
}

.client-logo {
height: 60px;
width: 14.26%;
float: left;
 }

.client-logo-img {
height: 33px;
width: 142px;
}

.see-how-it-works-section {
height: 1000px;
width: 100%;
margin-top: -110px;
background-color: rgb(247, 248, 250);
border-top: 1px solid #DADFE1;
border-bottom: 1px solid #DADFE1;
}




.try-it-yourself-section {
height: 260px;
width: 100%;
padding-bottom: 10px;
background: #fff;
border-top: 1px solid #ECF0F1;
padding-bottom: 120px;
}


.try-it-yourself-section-holder {
height: 30px;
width: 500px;
display: inline-block;
margin-top: 33px;
background:  #fff;

}


.try-it-yourself-text {
font-size: 29px;
color: #2C3E50;
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-align: center;
}


.enter-url-section-outer {
height: 80px;
width: 650px;
border-radius: 6px;
margin-top: 60px;
background-color: #2C3E50;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 4px 0px;
}

.enter-url-section-inner {
height: 45px;
width: 580px;
margin-top: 19px;
display: inline-block;
}


.enter-url-section-inner-left {
height: 45px;
width: 400px;
float: left;
display: inline-block;
}

.enter-url-section {
height: 45px;
width: 400px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 1px 0px;
border-radius: 4px;
float: left;
}

.enter-url-section-enter-area {
height: 32px;
width: 370px;
float: left;
margin-left: 14px;
margin-top: 7px;
resize: none;
border: none;
overflow: hidden;
font-size: 14px;
color: #6C7A89;
font-family: 'Karla', sans-serif;
font-weight: lighter;
outline: none;
}

.enter-url-section-inner-right {
height: 45px;
width: 180px;
float: right;
display: inline-block;
}

.enter-url-section-submit-button {
height: 45px;
width: 150px;
float: right;
border-radius: 4px;
background-color: rgb(254, 210, 0);
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 4px 0px;display: inline-block;
cursor: pointer;
}

.enter-url-section-submit-button:hover {
opacity: .7;
}

.enter-url-section-submit-button-text {
font-size: 14px;
color: rgb(2, 0, 32);
font-family: 'Karla', sans-serif;
margin-top: 12px;
line-height: 26px;
text-transform: uppercase;
}

.integrations-section {
height: 780px;
width: 100%;
background: -moz-linear-gradient(top, #2a5cdb 0%, #2a4e9b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a5cdb), color-stop(100%, #2a4e9b));
ackground: -webkit-linear-gradient(top, #2a5cdb 0%, #2a4e9b 100%);
background: -o-linear-gradient(top, #2a5cdb 0%, #2a4e9b 100%);
background: -ms-linear-gradient(top, #2a5cdb 0%, #2a4e9b 100%);
background: linear-gradient(to bottom, #2a5cdb 0%, #2a4e9b 100%);
padding-bottom: 20px;
}


.integrations-long-row {
height: 135px;
width: 1056px;
margin-left: 40px;
}

.integrations-long-row-2 {
height: 135px;
width: 1056px;
margin-left: 40px;
margin-top: 20px;
}


.integrations-individual {
height: 135px;
width: 176px;
float: left;
}

.integrations-holder-row {
height: 200px;
width: 410px;
}


.integration-holder-left {
height: 200px;
width: 205px;
float: left;
}


.integration-holder-right {
height: 200px;
width: 205px;
float: right;
}


.integration-holder {
height: 135px;
width: 160px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 7px 0px;
border-radius: 6px;
}

.inner-integration-holder {
height: 113px;
width: 375px;
margin-top: 12px;
display: inline-block;
}


.inner-integration-holder-left {
height: 113px;
width: 113px;
float: left;
}

.integration-image {
height: 73px;
width: 73px;
margin-top: 23px;
}

.inner-integration-holder-right {
height: 113px;
width: 226px;
float: right;
}

.inner-integration-holder-right-top {
height: 25px;
width: 226px;
margin-top: 13px;
}

.integation-title-text {
font-size: 18px;
color: #020020;
font-family: 'Karla', sans-serif;
font-weight: bold;
text-align: left;
}

.inner-integration-holder-right-bottom {
height: 53px;
width: 226px;
margin-top: 5px;
}

.integation-title-subtext {
font-size: 16px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
font-weight: lighter;
text-align: left;
}


.more-integratrations-holder {
height: 30px;
width: 500px;
display: inline-block;
margin-top: 48px;
}

.slider-content-holder {
height: 440px;
width: 1100px;
margin-top: -30px;
}

.slider-content-below-holder {
height: 440px;
width: 1090px;
margin-top: 20px;
}



.content-screenshot-holder-integrations {
height: 470px;
width: 605px;
margin: auto;
}


.content-screenshot-image-integrations {
height: 470px;
width: 605px;
margin-top: 50px;
}




.content-screenshot-holder {
height: 400px;
width: 870px;
margin: auto;
margin-top:  75px;
}



.content-screenshot-image {
height: 400px;
width: 620px;
}

.content-screenshot-holder-quad {
height: 400px;
width: 1150px;
margin: auto;
margin-top:  0px;
}

.content-screenshot-holder-left {
height: 200px;
width: 140px;
float: left;
}

.content-screenshot-holder-icon {
height: 80px;
width: 144px;
}

.content-screenshot-holder-right {
height: 200px;
width: 390px;
position: absolute;
margin-left: 156px;
}

.content-screenshot-holder-right-top {
height: 23px;
width: 390px;
}


.content-screenshot-holder-right-top-text {
font-size: 15px;
color: rgb(76, 81, 93);
font-family: 'Karla', sans-serif;
text-align: left;
font-weight: lighter;
text-transform: uppercase;
}

.content-screenshot-holder-right-top-subtext {
font-size: 14px;
color: rgb(133, 134, 136);
font-family: 'Karla', sans-serif;
text-align: left;
font-weight: lighter;
line-height: 19px;
}


.content-screenshot-holder-right-bottom {
height: 110px;
width: 390px;
}

.content-screenshot-holder-quad-1 {
height: 200px;
width: 550px;
margin: auto;
float: left;
margin-top:  0px;
}

.content-screenshot-holder-quad-2 {
height: 200px;
width: 550px;
margin: auto;
float: right;
margin-top:  0px;
}

.content-screenshot-holder-quad-3 {
height: 200px;
width: 550px;
margin: auto;
float: left;
margin-top:  0px;
}



.content-screenshot-holder-quad-4 {
height: 200px;
width: 550px;
margin: auto;
float: right;
margin-top:  0px;
}



.slider-screenshot-holder {
height: 470px;
width: 900px;
border-radius: 8px;
cursor: pointer;
}

.build-bot-video-pic {
height: 100%;
width: 100%;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.341176) 0px 2px 9px 0px;
}

.slider-screenshot-holder-2 {
height: 440px;
width: 650px;
float: right;
margin-right: 30px;
}

.slider-screenshot {
height: 400px;
width: 652px;
margin-top: 32px;
border-radius: 0px 0px 8px 8px;
position: absolute;
margin-left: -16px;
}

.slider-text-holder {
height: 440px;
width: 310px;
float: left; 
margin-left: 24px;
}

.slider-text-holder-2 {
height: 440px;
width: 310px;
float: right; 
position: absolute;
}

.slider-text-holder-inner {
height: 180px;
width: 290px;
margin-top: 140px;
}

.slider-text-holder-inner-headline {
height: 75px;
width: 280px;
margin-left: 30px;
}

.slider-text-holder-inner-headline-text {
font-size: 29px;
color: #fff;
font-family: 'Karla', sans-serif;
text-align: left;
font-weight: lighter;
}


.slider-text-holder-inner-subheadline {
height: 80px;
width: 330px;
margin-top: 15px;
}

.slider-text-holder-inner-headline-subtext {
font-size: 15px;
color: rgba(255, 255, 255, .7);
font-family: 'Karla', sans-serif;
text-align: left;
font-weight: lighter;
margin-left: 30px;
line-height: 21px;
}



.slider-swipe-left {
height: 440px;
width: 50px;
float: left;
}

.slider-swipe-right {
height: 440px;
width: 50px;
float: right;
margin-right: 4px;
}

.slider-content-options-holder {
height: 40px;
width: 1100px;
}

.inner-slider-content-options-holder {
height:  40px;
display: inline-block;
}

.inner-slider-content-email-inactive {
height:  36px;
width: 211px;
border-radius: 4px;
border: 1px solid rgb(65, 131, 215);
cursor: pointer;
display: inline-block;
margin-right: 5px;
position: absolute;
}


.inner-slider-content-triggers-inactive {
height:  36px;
width: 174px;
border-radius: 4px;
border: 1px solid rgb(65, 131, 215);
cursor: pointer;
display: inline-block;
margin-right: 10px;
}



.inner-slider-content-bot {
height:  36px;
width: 106px;
border-radius: 4px;
background-color:rgb(65, 131, 215);
border: 1px solid rgb(65, 131, 215);
cursor: pointer;
display: inline-block;
margin-right: 5px;
}


.inner-slider-content-text-active {
font-size: 13px;
color: #fff;
font-family: 'Karla', sans-serif;
margin-top: 11px;
font-weight: lighter;
}


.inner-slider-content-text-inactive {
font-size: 13px;
color:rgb(65, 131, 215);
font-family: 'Karla', sans-serif;
margin-top: 11px;
font-weight: lighter;
}

.header-text-section {
height: 37px;
width: 100%;
margin-top: 320px;
display: inline-block;
margin-bottom: -30px;
}

.header-text {
font-size: 30px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 42px;
}


.header-text-small {
font-size: 20px;
color: #020020;
font-family: 'Karla', sans-serif;
margin-top: 42px;
font-weight: lighter;
text-align: center;
}


.subheader-text-section {
height: 100px;
width: 1100px;
margin-top: 112px;
}















































.wrap{
	max-width:1130px;
	margin: 60px auto 200px auto;
	box-sizing:border-box;
	height:100%;
}
.head-text{
	text-align:center;
	max-width:550px;
	margin:20px auto;
	font-size:1.75em;
	text-shadow:#E0E0E0 0px 2px 5px;
}
.head-text span{
	color:#F30;
}
.head-text em{
	color:#333;
}
.screen{
	display:block;
	max-width:1150px;
	margin:auto;
	padding: 0 7%;
}
.screen-outer{
	display:block;
	width:95%;
	height:0;
	padding-top:0.4%;
	padding-bottom:63%;
	margin:auto;
	background: rgb(192,193,195);
	box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	border-radius: 2em;
}
.screen-inner{
	display:block;
	width:98.7%;
	height:0;
	padding-bottom:66%;
	margin:auto;
	background-image:-webkit-linear-gradient(bottom, rgb(192,193,195), rgb(216,216,216));
	border:#333 3px solid;
	box-shadow: #fff 0px 0px 5px, inset rgba(0,0,0,0.3) 0px 0px 3px;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	border-bottom-left-radius:2% 4%;
	border-bottom-right-radius:2% 4%;
	text-align:center;
}
.camera-outer{
	display:block;
	position:relative;
	width:1.5%;
	height:0;
	padding-bottom:1.5%;
	margin: 3.5% auto 0 auto;
	background:#333;
	border-radius:100%;
	box-shadow: inset #000 0px 0px 5px, rgb(153,153,153) 0px 0px 3px, rgb(255,255,255) 0px 0px 7px;
}
.camera-inner{
	width:60%;
	height:0;
	padding-top:10%;
	padding-bottom:60%;
	margin:auto;
	background:rgba(0,0,153,0.4);
	border-radius:100%;
	box-sizing:border-box;
}

.screen-glass{
	display:block;
	width:92%;
	height:0;
	padding-bottom:55%;
	margin:1% auto;
	background-color: #333;
}
.screen-insert{
	display:block;
	width:100%;
	height:0;
	padding-bottom:60%;
	background-size: 100%;
		background-image:url(backg1.png);
	box-shadow: inset rgba(0,0,0,1) 0px 1px 20px, #fff 0px 0px 90px;
}
.screen-glass-gloss{
	display:block;
	width:100%;
	padding-bottom:60%;
	background-image: -webkit-linear-gradient(bottom left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 70%, rgba(255,255,255,0.3) 70%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(bottom left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 70%, rgba(255,255,255,0.3) 70%, rgba(255,255,255,0) 100%);
}
.macbook-text{
	min-width:10%;
	max-width:100px;
	font-size:1.15em;
	line-height:250%;
	margin:auto;
	color:#333;
	font-family:"Myriad Pro", Lucidia Grande;
}
.macbook-text strong{
	font-weight:600;
}
.base{
	display:block;
	max-width:1200px;
	margin:-1% auto;
}
.base-top{
	display:block;
	width:100%;
	height:0;
	padding-bottom:0.7%;
	background:#ccc;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px 70%;
	border-bottom-right-radius:10px 70%;
	/*
box-shadow: inset rgba(0,0,0,0.3) 0px 0px 5px;
*/
	background:-webkit-linear-gradient(left, rgb(123,123,123) 0%, rgb(255,255,255) 3%, rgb(217,217,217) 7%, rgb(226,226,226) 20%, rgb(255,255,255) 50%, rgb(226,226,226) 80%, rgb(217,217,217) 90%, rgb(255,255,255) 97%, rgb(123,123,123) 100%);
	background:-moz-linear-gradient(left, rgb(123,123,123) 0%, rgb(255,255,255) 3%, rgb(217,217,217) 7%, rgb(226,226,226) 20%, rgb(255,255,255) 50%, rgb(226,226,226) 80%, rgb(217,217,217) 90%, rgb(255,255,255) 97%, rgb(123,123,123) 100%);
}
.base-indent{
	position:relative;
	width:20%;
	height:0;
	padding-bottom:0.73%;
	margin:auto;
	background-image:-webkit-linear-gradient(left, rgb(123,123,123) 0%, rgb(255,255,255) 9%, rgb(255,255,255) 50%, rgb(255,255,255) 92%, rgb(123,123,123) 100%);
	background-image:-moz-linear-gradient(left, rgb(123,123,123) 0%, rgb(255,255,255) 9%, rgb(255,255,255) 50%, rgb(255,255,255) 92%, rgb(123,123,123) 100%);
	border-bottom-left-radius:15%;
	border-bottom-right-radius:15%;
	/*
box-shadow:inset rgba(0,0,0,0.5) 0px 0px 7px;
*/
	z-index:9999;
}
.base-bottom{
	width:99.6%;
	margin:auto;
	height:0;
	padding-bottom:2.2%;
	background-image:-webkit-linear-gradient(bottom, rgb(59,60,64) 0%, rgb(103,104,108) 40%, rgb(183,183,183) 100%);
	background-image:-moz-linear-gradient(bottom, rgb(59,60,64) 0%, rgb(103,104,108) 40%, rgb(183,183,183) 100%);
	border-bottom-left-radius:15% 100%;
	border-bottom-right-radius:15% 100%;
}

.base-shadow{
	display:block;
	width:95%;
	height:0;
	padding-bottom:0.5%;
	margin:-1% auto;
	box-shadow: #000 0px 0px 100px;
	position:relative;
	z-index:-999;
}

.info{
	max-width:500px;
	margin: 100px auto;
}
.info h1{
	text-align:center;
	font-size:2.5em;
	color:#333;
}

/* Media queries */
@media(max-width: 900px) {
	.macbook-text{
	font-size:1em !important;
}

}
@media(max-width: 800px) {
.screen-outer{
	border-radius: 1.50em !important;
}
.screen-inner{
	border:#333 2px solid !important;
	border-top-left-radius: 1.50em !important;
	border-top-right-radius: 1.50em !important;
	border-bottom-left-radius:2% 4%;
	border-bottom-right-radius:2% 4%;
}
.macbook-text{
	font-size:0.90em !important;
}

}
@media(max-width: 700px) {
	.macbook-text{
	font-size:0.80em !important;
}
}
@media(max-width: 600px) {
.screen-outer{
	border-radius: 1.25em !important;
}
.screen-inner{
	border:#333 1.75px solid !important;
	border-top-left-radius: 1.25em !important;
	border-top-right-radius: 1.25em !important;
	border-bottom-left-radius:2% 4%;
	border-bottom-right-radius:2% 4%;
}
	.macbook-text{
	font-size:0.75em !important;
}
}
@media(max-width: 550px) {
	.macbook-text{
	font-size:0.50em !important;
}
}
@media(max-width: 500px) {
.screen-outer{
	border-radius: 1em !important;
}
.screen-inner{
	border:#333 1.5px solid !important;
	border-top-left-radius: 1em !important;
	border-top-right-radius: 1em !important;
	border-bottom-left-radius:2% 4%;
	border-bottom-right-radius:2% 4%;
}
	.macbook-text{
	font-size:0.20em !important;
}

}
@media(max-width: 480px) {
.screen-outer{
	border-radius: 0.75em !important;
}
.screen-inner{
	border:#333 1.5px solid !important;
	border-top-left-radius: 0.75em !important;
	border-top-right-radius: 0.75em !important;
	border-bottom-left-radius:2% 4%;
	border-bottom-right-radius:2% 4%;
}
	.macbook-text{
	font-size:0.20em !important;
}



}




/** demo browser */


#browser {
  width:100%;
  background-color: #fff;
  margin: 30px auto 0px;
  border-radius: 0px 8px 8px 0px;
      box-shadow: 0 3px 3px 0 rgba(0,0,0,.06),0 4px 8px 0 rgba(0,0,0,.2);
      height:  510px;
  margin-left: -5px;
  margin: auto;
}

#browser-top {
  background-color: rgba(227, 229, 233, .8);
  height: 24px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 8px 15px;
}


.demo-site-pic {
height: 580px;
width: 870px;
margin-top: 56px;
margin-right: 26px;
float: right;
}

.ecommerce-bot-example {
float: right;
margin-top: -370px;
margin-right: -10px;
}


#close-btn {
  border-radius: 50%;
  width:15px;
  height:15px;
  margin-bottom:5px;
  background-color: #EC6D6B;
  display: inline-block;
}

#min-btn {
  border-radius: 50%;
  width:15px;
  height:15px;
  background-color: #E7B846;
  display: inline-block;
  margin:0 5px 5px 5px;
}

#full-btn {
  border-radius: 50%;
  width:15px;
  height:15px;
  margin-bottom:5px;
  background-color: #57BD82;
  display: inline-block;
}

#back {
	width: 0; 
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right:10px solid #9FA2A8;
  display: inline-block;
  margin-bottom:2px;
}

#forward {
	width: 0; 
	height: 0; 
  margin: 0px 5px 0 10px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-left:10px solid #b9b9b9;
  display: inline-block;
  margin-bottom:2px;
}

#url {
  border-radius: 3px;
  height: 22px;
  width: 100%;
  margin-top:  2px;
  padding-right: 10px;
  margin-left: -22px;
  background-color: #fff;
  display: inline-block;
}

#url-text {
font-size: 13px;
color: rgb(2, 0, 32);
font-family: 'Karla', sans-serif;
margin-top: -1px;
line-height: 26px; 
margin-left: -60px;
text-align: center;
font-weight: lighter;
}

#browser-menu {
  width: 18px;
  height: 18px;
  display: inline-block;
  padding:1px 4px;
}

#bmline {
  background-color: #9FA2A8;
  border-radius: 2px;
  width:17px;
  height:4px;
  margin-top:2px;
}

#full {
  display: inline-block;
  width:753px;
  vertical-align:top;
  fill:#000;
}

#page-content{
  padding:20px;
}

#content {
  width: 200px;
  height: 200px;
  border-radius: 8px;
  background-color: #D1D1D1;
  display: inline-block;
}

#content2{
  display: inline-block;
}

.textline {
  width: 340px;
  height: 20px;
  border-radius: 4px;
  background-color: #D1D1D1;
  margin: 0 0 15px 15px;
}

.textline2 {
  width: 160px;
  height: 20px;
  border-radius: 4px;
  background-color: #D1D1D1;
  margin: 0 0 15px 15px;
}

.textline3 {
  width: 240px;
  height: 20px;
  border-radius: 4px;
  background-color: #D1D1D1;
  margin: 0 0 4px 15px;
}