
/* Table of content */


/* 1) Header Css Start */
/* 2) Home Page Css Start Here */
/* 3) Footer Css Start Here */

* {
	margin:0;
	padding:0;
	outline:0;
}
@font-face {
  font-family: 'CaeciliaLTStd-Bold';
  src: url('../fonts/CaeciliaLTStd-Bold.eot');
  src: url('../fonts/CaeciliaLTStd-Bold.woff2') format('woff2'),
       url('../fonts/CaeciliaLTStd-Bold.woff') format('woff'),
       url('../fonts/CaeciliaLTStd-Bold.ttf') format('truetype'),
       url('../fonts/CaeciliaLTStd-Bold.svg#CaeciliaLTStd-Bold') format('svg'),
       url('../fonts/CaeciliaLTStd-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CaeciliaLTStd-Light';
  src: url('../fonts/../fonts/CaeciliaLTStd-Light.eot');
  src: url('../fonts/CaeciliaLTStd-Light.woff2') format('woff2'),
       url('../fonts/CaeciliaLTStd-Light.woff') format('woff'),
       url('../fonts/CaeciliaLTStd-Light.ttf') format('truetype'),
       url('../fonts/CaeciliaLTStd-Light.svg#CaeciliaLTStd-Light') format('svg'),
       url('../fonts/CaeciliaLTStd-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



body,html{height: 100%;}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#47443a;
    background:#2c79d1 url(../images/body-bg.png) center 10px repeat;
}

input, select, textarea {
	box-sizing:border-box;
	color:#919396;
	padding:0 14px;
	font-size:18px;
	border:1px solid #c0c3c6;
	background:#f4f8fd;
	height:50px;
	border-radius:12px;
	width:100%;
	font-family: 'Open Sans', sans-serif;
    margin: 0 0 7px;
     box-shadow: 1px 4px #e8ebef inset;
}
textarea {
	height:120px;
}
input[type="submit"], input[type="button"], button {
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #919396; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #919396; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #919396; }

input::placeholder,
textarea::placeholder {
  color: #919396; }


.clear {
	clear:both;
}
img.alignleft {
	float:left;
	display:block;
}
img.alignright {
	float:right;
	display:block;
}
img.alignnone {
	float:none;
	clear:both;
}
img.aligncenter {
	float:none;
	margin:0 auto;
	display:block;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
}
ul {
	margin:0 0 0 22px;
	list-style:outside disc;
}
ol {
	margin:0 0 0 22px;
	list-style:outside decimal;
}
ul li, ol li {
	margin:0 0 10px;
	color: #c5c3c3;
	font-size: 14px;
	line-height: 20px;
}
ol li {
	padding:0 0 0 4px;
}
h1.page_title {
}/* page title */
h1 {
	font-size:45px;
	color:#242323;
	margin:0 0 25px 0;
	font-weight:400;
	text-transform:uppercase;
}
h2 {
	font-size:21px;
	color:#f55959;
	margin:0 0 10px 0;
	font-weight:700;
     font-family: 'CaeciliaLTStd-Bold';
}
h3 {
	text-transform:uppercase;
	font-size:19px;
	color:#e94e1b;
	margin:0 0 25px 0;
	font-weight:300;
}
h4 {
	font-size:17px;
	color:#030100;
	margin:0 0 10px 0;
	font-weight:300;
}
h5 {
	font-size:16px;
	color:#641095;
	margin:0 0 10px 0;
	font-weight:600;
}
h6 {
	font-size:12px;
	color:#641095;
	margin:0 0 25px 0;
	font-weight:600;
}
#header {
	 display: inline-block; width: 100%; padding: 8px 0 0 0;
    background: #fff;
}

.logo{
	height:auto;
	padding:0px 0 8px 23px;;
}
.logo img{ display: inline-block;}
#content{min-height: 100%; display: inline-block; width: 100%;}

#footer{background: #2a2a2a; text-align: center; padding: 32px 0 45px 0; clear: both; text-align: left;}
#footer ul{ margin: 0px 0 20px 10px;}
#footer li{font-family: 'CaeciliaLTStd-Light';list-style: none; font-size: 14px; margin: 0px;}
#footer li a{color: #fff;}
#footer li a:hover{text-decoration: underline;}
#footer .large-3{ border-left: 1px solid #555; min-height: 182px; margin-bottom: 30px;}
#footer p{font-family: 'CaeciliaLTStd-Light'; color: #fff; font-size: 14px; line-height: 18px; margin-top: 15px; text-align: justify;}
#footer h4{ font-family: 'CaeciliaLTStd-Bold';font-size: 24px; color: #fff; margin-left: 10px; margin-top: 15px;}
#footer img{display: inline-block;}
#footer .copyright p{text-align: center;}
#my-account{ text-align: right; padding-top: 7px;}
.logo-footer,.copyright p{ text-align: center;}
.logo-footer img{display: inline-block;}
.copyright{border-top:1px solid #555555; text-align: center;}
.my-account,.click-here a {background: url("../images/click-bg.jpg") repeat-x scroll center center;
    color: #fff;
    display: inline-block;
    line-height: 38px;
    padding: 0 20px; font-size: 18px; font-weight: bold;}
.my-account:hover,.my-account:focus{ color: #fff; }
#video-section{ text-align: center; padding: 15px 0 0 0;}
#video-section h2{ word-spacing: -2px;  font-family: 'CaeciliaLTStd-Light';color: #fefefe; font-size: 40px; line-height: normal; border-bottom: 1px dashed #80aee3; padding-bottom: 15px;}
#video-section h2 strong{ font-family: 'CaeciliaLTStd-Bold';}
#video-section h3{  word-spacing: -2px;color: #fefefe; font-size: 34px; line-height: normal;font-family: 'CaeciliaLTStd-Light'; text-transform: none;}
.video{width: 763px; height: 429px;  display: inline-block; position: relative;}  
.links,.click-here{list-style: none; margin:35px 0 0 0; display: inline-block; max-width: 790px;}
.links li{font-family: 'CaeciliaLTStd-Light'; text-align: left;display: inline-block; width: 53.3%; background: url(../images/li-bg.png) left center no-repeat; padding: 12px 0 12px 57px; color: #fefefe; font-size: 23px; word-spacing: -1px; letter-spacing: -0.3px;}
.links li a{color: #fefefe;}
.links li:nth-child(even){width: 46%;}

.software-logos,.featured-software,.our-story{ background: #fff; text-align: center; padding: 40px 0; clear: both;}
.software-logos h2,.featured-software h2,.testimonials-software h2,.our-story h2{ font-family: 'CaeciliaLTStd-Light';color: #2f2f2f; font-size: 42px; line-height: normal; border-bottom: 1px dashed #2f2f2f; padding-bottom: 15px; word-spacing: -3px; letter-spacing: -2px;}
.software-logos h2 strong,.featured-software h2 strong,.testimonials-software h2 strong,.our-story h2 strong{ font-family: 'CaeciliaLTStd-Bold';color: #2c79d1;}
.software-logos h3{ word-spacing: -3px; margin-bottom: 8px; color: #2f2f2f; font-size: 36px; line-height: normal;font-family: 'CaeciliaLTStd-Light'; text-transform: none;} 
.featured-software h2{ margin: 0 10% 30px; border-bottom: 1px dashed #979797;}
.logos,.logos li{ display: inline-block; margin: 0px; list-style: none;}


.container {width: 100%; height: 100%;margin: 0;padding: 0;overflow-y:scroll;}
#software-logos {width: 100%; height: auto; padding-bottom: 20px;}

.logos li{ margin: 20px 2.6%;}
.logos li:first-child{ margin-left: 15px;}
.logos li:last-child{ margin-right:15px;}
.logos li span{ display: table-cell; height: 74px; vertical-align: middle; }
.row{max-width: 960px;}
.video-container{position: relative; text-align: center; background: url(../images/banner-bg.png) center center no-repeat; overflow: hidden;}
.link-wrp,.click-here{ text-align: center;}
.link-wrp{ padding-bottom: 35px;}
.click-here{ padding: 15px 0 0 0;}
.link-wrp .click-here{ margin-top: 10px;}
.click-here a {font-family: 'CaeciliaLTStd-Light';background: url("../images/click-bg2.jpg") repeat-x scroll center center; line-height: 64px; font-size: 25px;text-transform: uppercase;}
.click-here a strong{font-family: 'CaeciliaLTStd-Bold';}
.software-logos .large-12{ padding: 0px;}
.happy-marketers{ background: #2f2f2f; clear: both; overflow: hidden; padding: 40px 0; text-align: center;}
.happy-marketers h2{font-family: 'CaeciliaLTStd-Light';color: #fff; font-size: 42px; line-height: normal; border-bottom: 1px dashed #979797; padding-bottom: 15px; word-spacing: -3px; letter-spacing: -2px;}
.happy-marketers ul{margin: 30px 0 0 0; }
.happy-marketers li{display: inline-block; width: 24.6%; text-align: left;
}
.happy-marketers .row{max-width: 980px;}
.happy-marketers li span{font-family: 'CaeciliaLTStd-Light';font-size: 20px; color: #fff; line-height: normal;float: left;width: 154px; margin-left: 10px;}
.happy-marketers li span strong{font-family: 'CaeciliaLTStd-Bold';display: block; font-size: 30px;}
.happy-marketers li i{ display: inline-block;float: left;}
.happy-marketers li.msg i{background: url(../images/msg-icon.png) left center no-repeat;width: 71px; height: 69px;}
.happy-marketers li.fb i{background: url(../images/fb-icon.png) left center no-repeat;width:59px; height: 59px;}
.happy-marketers li.twitter i{background: url(../images/twitter-icon.png) left center no-repeat;width: 65px;height: 53px;}
.happy-marketers li.team i{background: url(../images/team-cion.png) left center no-repeat;width: 63px; height: 63px;}
.slider-wrp h3{text-transform: none;font-family: 'CaeciliaLTStd-Light'; font-size: 36px; color: #2f2f2f; margin: 0px 0 20px; text-align: center;}
.slider-wrp .slide{border: 1px solid #cfcfcf; overflow: hidden; padding: 42px 0; text-align: left; box-sizing: border-box; min-height:266px;}
.slider-wrp .slide p{ font-size: 16px; color: #393a3e;font-family: 'CaeciliaLTStd-Light'; line-height: normal; text-align: justify;}
.slider-wrp{margin: 0px;}
.featured-software .bx-wrapper {
    margin: 0 -50%;
}

.bx-pager{display: none;}
.des-img {
    padding-left: 5%; box-sizing: border-box;
}
.inner-des {
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 5%;
}
.featured-software{ position: relative; overflow: hidden;}
.featured-software .click-here{ margin-top: 20px;}
.bx-prev,.bx-next{ width: 45px; height: 350px; position: absolute; top: 17%; text-indent: -9999px; z-index: 2;}
.bx-prev{background:#2c79d1 url(../images/arrow-left.png) center center no-repeat;left: 0px;}
.bx-next{background:#2c79d1 url(../images/arrow-right.png) center center no-repeat;right: 0px;}
.testimonials-software{position: relative;background: #2c79d1 url(../images/quate-left.png) 6% 20px no-repeat; padding:60px 0 150px; text-align: center; overflow: hidden;}

.testimonials-software:after{background:url(../images/quate-right.png) right top no-repeat;width: 132px; height: 120px; position: absolute; right: 6%; bottom: 10px;content: "";}
.testimonial-box p{color: #393a3e; line-height: 22px; text-align: justify;}
.testimonials-software h2,.testimonials-software h2 strong{color: #fff;}
.testimonial-box{width: 24.39%; margin: 0 0.3%;float: left;background: #fff; border-radius: 20px; padding: 20px; text-align: left;font-family: 'CaeciliaLTStd-Light';position: relative;}
.testimonial-box:before{ content: ""; background: url(../images/testi-arrow.png) 30px bottom no-repeat; position: absolute; bottom: -78px;width: 120px; height: 78px;}
.testimonials-software .bx-viewport{ height: 300px !important;}
.testimonials-software .bx-controls{display: none;}
.testimonials-software .bx-wrapper{border:none; margin: 0 -10%;}
.testimonials-software h2{border-bottom: 1px dashed #96bce8; margin-bottom: 50px; margin-left: 5%; margin-right: 5%;}
.bottom{overflow: hidden;}
.testi-img{float: left;}
.testi-img img{width: 61px; height: 61px; border-radius: 50%;}
.author{float: left; margin-left: 10px;}
.author span,.author strong{display: block;}
.author strong{font-family: 'CaeciliaLTStd-Bold';}
.our-story{text-align: center; background:#fff url(../images/our-story-bg.png) center top repeat-x; padding-bottom: 25px;}
.our-story h4{ font-size: 30px;font-family: 'CaeciliaLTStd-Bold'; margin: 10px 0 0 0; text-align: left;}
.our-story p{text-align: left;font-size: 15px;font-family: 'CaeciliaLTStd-Light';color: #393a3e; line-height: normal; margin-bottom: 20px;}
.border{border: 1px solid #d2d2d2; border-top:none;}
.man{ margin-top: 25px;}
.our-story .click-here{ margin-top: 0px; padding-top: 20px;}
.bx-viewport::before {
    background:rgba(255,255,255,0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 33.2%;
      z-index: 1;
}

.bx-viewport::after {
    background:rgba(255,255,255,0.4);
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    width: 33%;
    z-index: 1;
}




@media screen and (max-width: 1024px) {
    .testimonial-box{ padding: 15px;}
    .testi-img img{width: 45px; height: 45px;}
    .author{width: 72%; font-size: 14px;}
    body{font-size: 15px;}
}

@media screen and (max-width: 1023px) {
    #footer ul{ margin-bottom: 0px;}
    #footer .large-3{border-left: none; margin-bottom: 10px; border-bottom: 1px solid #555;}
    .copyright{border: none;}
    .testimonial-box{width: 49.39%; margin-bottom: 85px;}
    .happy-marketers li{width: 46%;}
    #video-section h2{font-size: 34px;}
    #video-section h3,.software-logos h3{ font-size: 30px;}
    .video{max-width: 660px; height: 370px;}
    .links, .click-here{width: 660px;}
    .links li,.click-here a{font-size: 20px;}
    .software-logos h2, .featured-software h2, .testimonials-software h2, .our-story h2,.happy-marketers h2{ font-size: 32px; letter-spacing: 0px; word-spacing: 0px;}
    .video-container{ background-size: 100%;}
    #video-section h2,#video-section h3{ word-spacing: 0px;}
    #footer ul, #footer h4{ margin-left: 0px;}
    
}
@media screen and (min-width: 1601px) {
    .featured-software .bx-wrapper{ margin:0  -500px;}    
    
}
@media screen and (max-width: 767px) {
    .bx-prev, .bx-next{top: 20%;width: 36px; background-size: 10px;}
    .happy-marketers li{width: 100%; margin-bottom: 15px;}
    .click-here a{ font-size: 14px; background: #1bb479; line-height: normal; padding: 10px;}
    .links li,.links li:nth-child(2n){width: 100%;}
    #header,#my-account{ text-align: center;}
    #my-account{ padding: 14px 0;}
    #video-section h2 {
    font-size: 24px;
}
      .software-logos h2, .featured-software h2, .testimonials-software h2, .our-story h2,.happy-marketers h2,.slider-wrp h3,.our-story h4{ font-size:24px;}
    #video-section h3, .software-logos h3 {
    font-size: 20px;
}
    .slider-wrp .slide{ padding-top: 13px; padding-bottom: 13px;}
    .slider-wrp .slide p{ font-size: 14px; padding: 10px 10px 0;}
    .video{height: 228px; max-width: 450px}
    .links, .click-here{ max-width: 450px;}
    .testimonial-box{width: 99%;}
    #footer p{ text-align: left;}
    .testimonials-software,.testimonials-software::after{ background-size: 42px;}
    .testimonials-software{ background-position: 4% 80px; padding-bottom: 40px;}
    .testimonials-software::after{bottom: -23px;}
    #footer h4,.happy-marketers li span strong {font-size: 20px;}
    .happy-marketers li span{ font-size: 18px;}
    
}

@media screen and (max-width: 479px) {
    .logos li{width: 80%;}
    .video{height: 169px; max-width: 300px}
    .links, .click-here{ max-width: 300px;}
    .bx-prev, .bx-next{top: 26%;}
    .software-logos h2, .featured-software h2, .testimonials-software h2, .our-story h2, .happy-marketers h2, .slider-wrp h3,.our-story h4{font-size: 20px;}
    #video-section h3, .software-logos h3{ font-size: 15px;}
    .links li, .click-here a, #footer h4{ font-size: 18px;}
    #video-section h2{ font-size: 16px;}
    
    }

@media screen and (min-width: 2400px) {
    .featured-software .bx-wrapper{ margin:0  -50%;}   
    
    .bx-viewport::before {
    width: 40%;
    }

    .bx-viewport::after {
    width: 39.7%;
    }
    
}