/*===============================
	1. Google Fonts
===============================*/

@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700');



/*===============================
	2. Global Settings
===============================*/

* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, html {
	height: 100%;
	background: #fff;
	color: #2C3038;
	font-family: "Segoe UI","Segoe WP","Segoe Regular",sans-serif;
}
span.underline {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #e6e6e6;
	border-radius: 50%;
	display: inline-block;
	height: 16px;
	position: relative;
	width: 16px;
	z-index: 1;
	margin-bottom: 25px;
}
span.underline::before, span.underline::after {
	background: #e6e6e6 none repeat scroll 0 0;
	content: "";
	height: 1px;
	position: absolute;
	top: 5px;
	width: 50px;
	z-index: -1;
}
span.underline::before {
	left: 14px;
}
span.underline::after {
	right: 14px;
}
[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
	margin: 0;
}
p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}
a:hover, a:focus {
	text-decoration: none;
	outline: 0;
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI","Segoe WP","Segoe Regular",sans-serif;
	color: #000;
}
.title {
	padding-bottom: 10px;
}
.title.title-medium {
    padding: 0;
}
.title h2 {
    line-height: 32px;
    font-size: 28px;
    color: #ababab;
    font-family: "Segoe UI","Segoe WP","Segoe Regular",sans-serif;
}
.h3-description {
    font-weight: 400;
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.title-white {
    color: #ffffff;
}
.custom-btn {
	background: #eee;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 12px 40px;
	border: 1px solid #ddd;
	font-size: 17px;
	color: #000;
	margin-top: 20px;
}
.data-btn {
	background: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	padding: 12px 40px;
	border: 1px solid #fff;
	font-size: 17px;
	color: #fff;
}
a.data-btn.data-scroll {
    position: absolute;
    bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 170px;
}
a.data-btn.data-scroll.btn-corp {
    position: static;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.btn-learn {
    color: #000;
    border-color: #000;
}
.btn-corp-yes {
    position: static;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0;
    color: #000;
    border: 1px solid #000;	
}
a.data-btn.data-scroll.btn-corp-no {
    position: static;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    color: #000;
    border: 1px solid #000;	
	    margin-bottom: 50px;
}
.data-btn:hover, .data-btn:focus {
	border: 1px solid #FF8E1A;
	color: #FF8E1A;
	background: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 12px 40px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;	
}
.clearfix10 {
    height: 10px;
}
.clearfix5 {
    height: 5px;
}

/*===============================
	3. Header Section
===============================*/
.top-header.navbar-fixed-top img.display-logo {
	position:absolute;
	opacity:1;
}
.top-header.navbar-fixed-top.sticky-menu img.display-logo {
	opacity:0;
}
.top-header.navbar-fixed-top img.display-logo-sticky {
	opacity:0;
}
.top-header.navbar-fixed-top.sticky-menu img.display-logo-sticky {
	opacity:1;
}
header {
	padding-bottom: 140px;
    background: #ffffff;	
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	/*height: 100%;*/
}

header:before {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
    /*background: rgba(75, 0, 255, 0.7);*/
}
header .container {
	z-index: 9 !important;
	position: relative;
}
.shortinfo-slide {
    text-align: center;
    /*top: 21%;*/
    position: relative;
        padding-top: 185px;
}
.shortinfo-slide h1 a, .shortinfo-slide h1 {
    color: #000;
    font-size: 34px;
    cursor: default;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 17px;
    border-radius: 10px 10px 0 0;	
}
.shortinfo-slide h1 a:hover, .shortinfo-slide h1 a:focus {
	text-decoration: none;
}

.logo-holder img {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.only-mobile {
    display: none;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1001;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 60px;
    font-family: Arial, Baskerville, monospace;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-iframe-holder .mfp-close {
    top: -50px;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: #000;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
	transition: all 0.3s;	
}
.mfp-bg.mfp-ready.hidden{
    opacity: 0;	
		transition: all 0.3s;
	}
/*===============================
	4. Nav Section
===============================*/

.sticky-menu {
	background: rgba(255, 255, 255, 0.98);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
    border-bottom: 1px solid #d8d6d6;	
}
.top-header {
	margin-top: 0px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
	font-family: 'Muli', sans-serif;
}
.sticky-menu .custom-menu {
	margin-top: 0px;
}
.navbar {
	margin-top: 0px;
	border: 0px;
}
.navbar-brand {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
}
.navbar-nav li {
	float: none;
	display: inline-block;
    margin-top: -15px;	
}
.navbar-nav li a {
	font-size: 16px;
	padding: 0 17px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	    font-family: "Muli", sans-serif;
}
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
	background: none;
	color: #bbb;
}
.custom-menu .navbar-nav li.active a {
	color: #FF8E1A;
}
.custom-nav {
    margin: 60px 15px 0 0;
    text-align: right;
		transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
.sticky-menu .navbar {
	border: 0px;
	margin: 12px 0 7px 0;
}
.sticky-menu .logo-holder img {
	width: 190px;
}
.sticky-menu .custom-nav {
    margin: 0 15px 0 0;
		transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}

.sticky-menu .navbar-nav li a {
	font-size: 15px;
	color: #2f2f2f;
}
li button.btn.btn-new-account.btn-lg {
    margin-right: 15px;
}
.btn-new-account {
    color: #fff;
    border: 2px solid #ffffff;
    background: transparent;
    border-radius: 25px;
    padding: 10px 30px;
    text-transform: uppercase;	
}
.btn-new-account:hover {
    color: #fff;
    border-color: #eea236;
background: #f6951d;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;		
}
.btn-login {
    color: #fff;
    border: 2px solid #ffffff;
    background: transparent;
    border-radius: 25px;
    padding: 10px 30px;
    text-transform: uppercase;	
}
.btn-login:hover {
border-color: #06d110;	
background: #06d110;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;	
	color:#fff;
}
.sticky-menu .btn-new-account,.sticky-menu .btn-login {
	color: #000000;
    border: 2px solid #2f2f2f;	
}
.video-parallax {
    position: relative;
}
.video-parallax .container {
    position: absolute;
    z-index: 100;
    top: 43%;
    right: 0;
    left: 0;
    margin-top: -80px;
    color: #fff;
}

.video-parallax .container+.video-wrap {
    z-index: 1;
}
.video-wrap {
    position: relative;
    width: 100%;
    overflow:hidden;
}
.home-video {
    margin-left: 0;
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
@supports (-ms-ime-align:auto) {
.home-video {
    margin-left: -22%;
    height: 100%;
    width: 150%;
    object-fit: cover;
}
}
video.lo-video {
    position: absolute;
    top: 0;
    width: 100%;
}
video.lo-video-example {
    width: 100%;
}
.banner-overaly, .video-overlay {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
}
.video-overlay {
    opacity: 0.7;
    /*background-image: linear-gradient(120deg, #1e7aca 0%, #224e88 100%);*/
	        background-image: linear-gradient(120deg, #0885f1 0%, #2b2f9e 100%);
}
.light-txt {
    color: #fff!important;
}
.banner-title h1 {
    font-size: 60px;
    font-weight: 400;	
}
.btn-light-solid {
    color: #222;
    background: #fff;
}
.btn-circle {
    border-radius: 34px;
    padding: 20px 40px;
    font-size: 16px;
}
.btn.btn-large.btn-light-solid.btn-circle.text-uppercase.mg-none {
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Muli", sans-serif;
    font-size: 20px;
}
.btn.btn-large.btn-light-solid.btn-circle.text-uppercase.mg-none:hover {
    color: #fff;
    border-color: #eea236;
background: #f6951d;
    border: 1px solid #eea236;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;		
}
.btn.btn-large.btn-light-solid.btn-circle.text-uppercase.mg-none.btn-re:hover {
    color: #fff;
border-color: #ea0708;
    background: #e5090a;
    border: 1px solid #b5191e;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;		
}
.play-on-phone {
    width: 75px;
    height: 75px;
    padding: 0px 0 0 7px;
    text-align: center;
    margin: 60px auto 67px;
    font-size: 47px;
    background: transparent;
    color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid #ffffff;
	transition: all 0.3s;
}
.play-on-phone:hover {
 transform: scale(1.1);
}
/*===============================
	5. Intro Section
===============================*/

.section-dark {
    background: #000;
    padding: 50px 0 90px;
}
.person-introduction {
    padding: 100px 0;
    background: url(../../images/socialbot-home/home/background-light.jpg) left top repeat fixed;
    overflow: visible !important;
    position: relative;
    z-index: 1;
}
section.person-introduction.xs-no-padding {
    padding: 30px;
}
.person-introduction.easy-steps {
    padding: 0 0 20px;
}
.person-introduction h4 {
	margin-top: 40px;
}
.person-introduction h4 a {
	color: #333;
}
.person-introduction img {

}
.title.title-medium h2 {
    font-size: 42px;
    line-height: 56px;
    float: none;
    margin-top: 0;
    text-transform: none;
    text-align: center;
    padding: 20px 0;
    color: #000;	
}
.person-introduction.section-grey {
background: #ffffff;
}
.person-introduction.section-white {
background: #ffffff;
}
.person-introduction.section-black {
background: #000000;
}
section.person-introduction.section-black p,
section.person-introduction.section-black h2,
section.person-introduction.section-black h3 {
    color: #ffffff;	
}
section.person-introduction.section-black h2 {
    color: #ababab;
}
.img-packaging-left {
    margin-top: -182px;
    margin-left: -10px;
    width: 200px;
    height: auto;
    float: left;
	margin-right: 20px;
}
.img-packaging-right {
    margin-top: -182px;
    margin-right: -1px;
    width: 200px;
    height: auto;
    float: right;
	margin-left: 20px;
}
.text-right{
	text-align:right;
	}
	

button.btn.btn-warning.btn-xlg {
    font-size: 40px;
    padding: 20px 40px 26px;
    margin: 24px auto;
    display: block;
    border-radius: 50px;
    text-transform: uppercase;
}
.hidden-desktop{
display:none;	
}
/*===============================
	6. Service Section
===============================*/


.services {
	padding: 90px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	background: #f7f7f7;
}
.services .row {
	margin-top: 50px;
}
.services .col-md-4 {
	border: 1px solid #e2e2e2;
	background: #fff;
	margin-left: -1px;
	margin-top: -1px;
	max-height: 330px;
	min-height: 330px;
	padding: 20px;
	-webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.6s ease;/* Firefox 4-15 */
	-o-transition: all 0.6s ease;/* Opera 10.5-12.00 */
	transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */
	overflow: hidden;
}
.services .col-md-4:hover {
	background: #f6f6f6;
}
.services .col-md-4:nth-child(1) {
	border-left: 1px solid rgba(0, 0, 0, 0);
	border-top: 1px solid rgba(0, 0, 0, 0);
}
.services .col-md-4:nth-child(2) {
	border-top: 1px solid rgba(0, 0, 0, 0);
}
.services .col-md-4:nth-child(3) {
	border-top: 1px solid rgba(0, 0, 0, 0);
	border-right: 1px solid rgba(0, 0, 0, 0);
}
.services .col-md-4:nth-child(4) {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(0, 0, 0, 0);
}
.services .col-md-4:nth-child(5) {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.services .col-md-4:nth-child(6) {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-right: 1px solid rgba(0, 0, 0, 0);
}
.service-blog .fa {
	color: #333;
	display: inline-block;
	font-size: 50px;
	margin-bottom: 15px;
}
.services h3 {
	color: #333;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: normal;
}
.services p {
	font-size: 17px;
	line-height: 28px;
	color: #777;
}
.icon {
	height: 80px;
	padding: 20px 0;
}

/*===============================
	7. Corp Section
===============================*/
.section-corp{
    max-height: 0;
    overflow: hidden;
		-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
.section-corp.corp-open{
    max-height: 1750px;
		-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}



/*===============================
	7. Skill Section
===============================*/


.skill {
	padding: 90px 0;
	text-align: center;
}
.skill-bar h4 {
	text-align: left;
	margin-top: 40px;
}
.skill .row {
	margin-top: 40px;
}
.skillbar {
	position: relative;
	display: block;
	margin-bottom: 15px;
	width: 100%;
	background: #eee;
	height: 15px;
	-webkit-transition: 0.4s linear;
	-moz-transition: 0.4s linear;
	-ms-transition: 0.4s linear;
	-o-transition: 0.4s linear;
	transition: 0.4s linear;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.skillbar-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	background: #6adcfa;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.skillbar-title span {
	display: block;
	background: rgba(0, 0, 0, 0.1);
	padding: 0 20px;
	height: 15px;
	line-height: 15px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.skillbar-bar {
	height: 15px;
	width: 0px;
	background: #6adcfa;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.skill-bar-percent {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 11px;
	height: 15px;
	line-height: 15px;
	color: #222;
	color: rgba(0, 0, 0, 0.7);
}




/*===============================
	8. Work Gallery Section
===============================*/


@media (min-width: 768px) {
  .modal-dialog {
    width: 980px;
  }
}
.customNavigation a {
  position: absolute;
  top: 35;
  left: 0;
  right: auto;
  padding: 30px;
  float: left;
  font-size: 3em;
  cursor: pointer;
  z-index: 1;
}
.customNavigation a.next {
  left: auto;
  right: 0;
}
@media (min-width: 320px) {
  .customNavigation a {
    top: 20%;
  }
}
@media (min-width: 480px) {
  .customNavigation a {
    top: 25%;
  }
}
@media (min-width: 768px) {
  .customNavigation a {
    top: 30%;
  }
}
@media (min-width: 992px) {
  .customNavigation a {
    top: 35%;
  }
}

#sync1 .item {
  background: #0c83e7;
  margin: 5px;
  color: #FFF;
  border-radius: 3px;
  text-align: center;
}

#sync2 .owl-item .item {
  background: #333;
  margin: 5px;
  color: #FFF;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#sync2 .owl-item .item img {
  opacity: 0.5;
}
#sync2 .owl-item.synced .item img {
  opacity: 1;
}

.modal.in .modal-dialog {
  border-radius: 0px;
}
.modal.in .modal-dialog .modal-content {
  border-radius: 0px;
}
.modal.in .modal-dialog .modal-content .modal-header {
  border-radius: 0px;
  text-align: center;
}

/*===============================
	8. Video
===============================*/
.losocial-video {
	opacity:1;	
    width: 100%;
    height: auto;
    border-radius: 10px;
	  transition-property: top;
  transition-duration: 1s, 1s;
  transition-delay: 0s, 1s;	
}
.losocial-video.main-nav-scrolled {
	opacity:1;
    position: fixed;
    top: -150px;
    left: 0;
    width: 275px;
    border: 1px solid #ccc;
	  transition-property: top;
  transition-duration: 1s, 1s;
  transition-delay: 0s, 1s;	

}
.losocial-video.main-nav-scrolled.main-nav-scrolled2 {
	opacity:1;
    position: fixed;
    top: 70px;
    left: 0;
    width: 275px;
    border: 1px solid #ccc;
  transition-property: top, left;
  transition-duration: 1s, 1s;
  transition-delay: 0s, 1s;
}

/*===============================
	9. Testimonials Section
===============================*/


.testimonial-text p {
    color: #000;
}
.client-testimonials {
	padding: 40px 0 40px;
	text-align: center;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 39%, rgba(219,219,219,1) 99%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 39%,rgba(255,255,255,1) 39%,rgba(219,219,219,1) 99%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 39%,rgba(255,255,255,1) 39%,rgba(219,219,219,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
	    border-top: 1px solid #d8d6d6;	
}
.client-testimonials .owl-theme .owl-controls {
	margin-top: 15px;
}
.testimonial-text {
	background: #FCFCFC;
	border: 1px solid #f7f7f7;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 90px;
	cursor: move;
}
.testimonial-text p {
    font-size: 16px;
    line-height: 28px;
}
.testimonial-text img {
	position: relative;
	margin-top: -80px;
	margin-bottom: 15px;
}
.testimonial-text img {
	width: 100px;
	height: 100px;
	border: 4px solid #F8F8F8
}
.testimonial-text h5 {
	line-height: 30px;
	font-size: 20px;
	margin-top: 40px;
	color: #000;
	font-weight: 600;
}
.testimonial-text h5 span {
	display: block;
	width: 100%;
	color: #333;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 400;
}
.owl-item {
    max-width: 364px;
    margin: 0 7px;
}



/*===============================
	10. Contact Form Section
===============================*/


.contact-form {
	padding: 90px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	background: #f7f7f7;
}
.contact-form h1 span {
	color: #999;
}
.contact-form .form {
	margin-top: 50px;
}
.contact-form .form-control {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: none;
	color: #000;
	display: block;
	font-size: 15px;
	height: 54px;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
	width: 100%
}
.contact-form textarea.form-control {
	height: 200px;
	padding-top: 20px
}

/*===============================
	10. Pricing
===============================*/
.section-dark.section-before-footer {
    z-index: 1;
    position: relative;
    /*margin-bottom: 200px;*/
    background: #000000;
    color: #ffffff;	
    padding: 85px 0;	
}
.clearfix20 {
    clear: both;
    height: 20px;
}
.clearfix40 {
    clear: both;
    height: 40px;
}
.h2-top {
    font-size: 48px;
    color: #ffffff;
    line-height: 56px;
    font-weight: 400;
    margin-top: 0;	
}
.col-md-4.pricing-table.belize-hole.bordered {
    margin-top: 32px;
}
.pricing-table.bordered ul {
    border: 1px solid #f5f7f7;
    border-radius: 6px;
    background: #e0e0e0;
    position: relative;
    list-style: none;
    margin: 0;
    z-index: 1;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
}
.pricing-table .title {
    color: #ecf0f1;
    font-size: 26px;
    font-weight: bold;
    padding: 32px 0;
    text-align: center;
}
.belize-hole .title, .belize-hole .alt .title, .belize-hole .alt-dark .title {
    background-color: #989898;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.pricing-table .price {
    position: relative;
    font-size: 40px;
    font-weight: 100;
    background-color: #ffffff;
    padding: 15px;
    text-align: center;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
li.price.price-corp {
    font-size: 28px;
    font-weight: bold;
    height: 180px;
    padding-top: 28px;
    color: #000;
}
.pricing-table .price .currency-symbol {
    position: relative;
    top: -49px;
    color: #2b2b2b;
}
.pricing-table .price strong {
    font-size: 110px;
    line-height: 150px;
    display: inline-block;
    font-weight: 100;
    color: #2b2b2b;
}
.pricing-table .price em {
    position: relative;
    bottom: 0px;
    font-size: 32px;
    font-weight: normal;
    color: #2b2b2b;
    left: -16px;
    font-style: normal;
}
span.txt-member {
    font-size: 24px;
    padding: 30px 0;
    display: block;
    color: #4c4c4c;
    line-height: 32px;
	height:92px;
}
span.txt-corp {
    font-size: 24px;
    padding: 5px 0;
    display: block;
    color: #4c4c4c;
    line-height: 29px;
    height: 92px;
}
.btn-warning {
    color: #fff;
    border-color: #eea236;
    background: #ffc706;
    background: -moz-linear-gradient(top, #ffc706 1%, #f6951d 99%);
    background: -webkit-linear-gradient(top, #ffc706 1%,#f6951d 99%);
    background: linear-gradient(to bottom, #ffc706 1%,#f6951d 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc706', endColorstr='#f6951d',GradientType=0 );
}
.btn-warning:hover {
    color: #fff;
    border-color: #eea236;
background: #f6951d;
background: -moz-linear-gradient(top, #f6951d 1%, #ffc706 99%);
background: -webkit-linear-gradient(top, #f6951d 1%,#ffc706 99%);
background: linear-gradient(to bottom, #f6951d 1%,#ffc706 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6951d', endColorstr='#ffc706',GradientType=0 );
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;		
}
.btn-success {
    color: #fff;
	border-color: #06d110;
    background: #06d110;
}
.btn-success:hover {
background: #0bef18;
}
.btn-success:active, .btn-success:focus {
    color: #fff;
	border-color: #06d110;
    background: #06d110;
}
button.btn.btn-warning.btn-xlarge {
    font-size: 38px;
    padding: 20px 84px 24px;
    margin-bottom: 30px;
}
a.home-next-page {
    margin-top: 10px;
    display: inline-block;
    color: #c3edfd;
}
.btn:focus {
  outline: none;
}
/*===============================
	11. Footer Section
===============================*/
.footer-main {
    background: #f25400;
    background: -moz-linear-gradient(top, #f25400 0%, #f7991b 28%);
    background: -webkit-linear-gradient(top, #f25400 0%,#f7991b 28%);
    background: linear-gradient(to bottom, #f25400 0%,#f7991b 28%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25400', endColorstr='#f7991b',GradientType=0 );
    border: none;
    padding: 0;
    margin-top: 0;
    /*height: 184px;*/
}
.footer-main {
    bottom: 0px;
    width: 100%;
    z-index: 0;
    /*position: fixed;*/
	    min-height: 200px;
}
.footer-back {
    background-image: url(https://losocialbot.com/images/site/footer.png);
    background-repeat: no-repeat;
    background-position: 100% -86px;
    background-size: 521px 286px;
    min-height: 127px;
}
.footer-back.footer-back-re {
    background-image: url(https://losocialbot.com/images/site/footer-re.png);
    background-repeat: no-repeat;
    background-position: 100% -86px;
    background-size: 521px 286px;
    min-height: 127px;
}
.col-footer {
    padding-top: 21px;
    min-height: 200px;
}
.col-footer h4 {
    padding-bottom: 0px;
    font-size: 20px;
	color: #ffffff;
}
.footer-main a {
    color: #ffffff;
}
.p-footer {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
	    color: #fff;	
}
.main-footer ul.social {
	list-style: none;
	padding-top: 20px;
	margin-bottom: 0;
}
.main-footer ul.social li {
	display: inline;
	padding: 0;
	margin: 0 10px;
}
.main-footer ul.social li a {
	display: inline-block;
	margin: 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 16px;
	position: relative;
	background-color: #D3D3D3;
}
.main-footer ul.social li a i {
	color: #2C3038;
	text-align: center;
	margin: 0;
	line-height: 30px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.main-footer ul.social li a:hover i {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	color: #fff;
}
.main-footer .social li a.facebook:hover {
	background-color: #3B5998;
}
.main-footer .social li a.twitter:hover {
	background-color: #33ccff;
}
.main-footer .social li a.googleplus:hover {
	background-color: #BD3518;
}
.main-footer .social li a.linkedin:hover {
	background-color: #007bb7;
}

.p-footer {
    margin: 0;
}
.footer-main h4 {
    text-align: left;
	margin-top: 0;
}

/*===============================
	12. Scroll Top Section
===============================*/

.return-to-top {
    position: fixed;
    right: 10px;
    bottom: 50px;
    display: none;
    font-size: 22px;
    cursor: pointer;
    z-index: 9;
    background: rgb(127, 127, 127);
    color: #fff;
    padding: 15px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}
.return-to-top:hover {
	background: rgba(0, 0, 0, 0.9);
}




/*===============================
	14. Corp
===============================*/
.section-corp {
    background: #ffffff;
    width: 100%;
    background: url(../../images/socialbot-home/home/background-light.jpg) left top repeat fixed;
    text-align: center;
    overflow: hidden;
}
.fa-contact {
    font-size: 84px;
    color: #ff9200;
}
.h3-contact-page {
    font-size: 46px;
    color: #000;
}
.h4-contact-page {
    font-size: 38px;
    color: #000;
}

video#exampleVideo1 {
    cursor: pointer;
}