/* CSS Document */ 
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-16 {
    width: 25%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-16 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 992px) {
.col-md-16 {
	width: 25%;
	float: left;
}
}
@media (min-width: 1200px) {
.col-lg-16 {
	width: 25%;
	float: left;
}
}

body{font-family: 'Open Sans', sans-serif; padding-top: 0px; font-weight:400; color:#929292;}
.mr-sm-10{margin-right:10px;}
iframe{width:100%; border:none; overflow:hidden !important;}
a:hover,a:focus{text-decoration:none; outline:none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #ffffff !important; color:#FF8D08 !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a.active {background-color: #f7f7f7; color: #FF8D08;text-decoration: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Open Sans', sans-serif;}
h1{font-weight:300 !Important; font-size:38px}
.arrow{background:url('../images/connecting_arrow.png') no-repeat center top; position:relative; left:48%; width:100px; height:100px; top:-50px;}
.clrorange{color:#FF8D08;}
.clrblue{color:#568ED5;}
.hdivider{background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none;
height: 1px; margin-bottom: 0; padding-bottom: 0;}
#sec2 h1,#sec4 h1{font-size:32px; margin-bottom:20px; color:#333;}
#sec4 h1{margin-top:10px !Important;}
p{font-weight:300 !Important; font-size:20px !Important; line-height:30px !Important; margin-bottom:25px;}
#sec2 p,#sec4 p,#sec6 p{font-size:18px !Important; line-height:30px !Important; color:#666;}
p.boldtext,span.boldtext{font-weight:400 !Important; color:#333;}
#sec6 h1{margin-bottom:20px; color:#333;}
.grey{ background:#e6e5e5;}
.white{ background:#fff;}
img.img-responsive{display:inline-block;}
.darkbg { background:rgba(0,0,0,0.7); padding-left:20px; padding-bottom:9px; }
.banner#slide22 .darkbg {display:inline-block; padding-right:20px; margin-top:80px;}
#slide23 .darkbg {display:inline-block; padding-right:20px; margin-top:100px;}
.banner#slide2 .darkbg {display:inline-block; padding-right:20px; margin-top:180px;}
.navbar-default{background:rgba(255,255,255,0.95); border:none; border-bottom:1px solid #eee;}
.navbar-brand{padding:20px 80px 20px 20px;}
.navbar-nav > li > a{padding-bottom:10px; padding-top:10px; font-size:13px; color:#191919; text-transform:none; margin-top:15px;}
.navbar-nav > li > a b{font-weight:700; font-size:13px !important;}
.navbar-default .navbar-nav > li > a{color:#FFFFFF; margin-right: 10px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a.active{color:#FF8D08;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#5e5e5e; background:#f8f8f8; padding-top:21px; border-top:4px solid #f8f8f8/*ff8d08*/;}
.navbar-default .navbar-nav > .active > a:hover{color:#3372B7;}
.saffron-btn{display:block; right:0; top:0; z-index:1034}
.saffron-btn a{display:inline-block;padding:0 25px; line-height:70px;font-size:13px; background:#FF8D08; color:#fff !important; font-weight:700; text-transform:uppercase;}
.saffron-btn a.white-link{background:none;color:#FFFFFF !important;}
.saffron-btn a:hover{background:#F7F7F7; color:#FF8D08 !important;}
.banner{overflow:hidden; padding-top:4px; position:relative;}
/*.banner#slide12{background:url(../images/banner_bg12.jpg) no-repeat center center;} */
/*.banner#slide2{background:url(../images/tapcliq-mobile-advertisement.jpg) no-repeat center center;}*/
/*.banner#slide22{background:url(../images/banner_bg22.jpg) no-repeat center center;}*/
#whytq{ background:#f7f7f7;}
#whytq h1{margin:30px 0 50px 0; color:#333333; font-weight:300;}
.bgwhytq{ }
/*.banner#slide23{background:url(../images/mobile-apps-and-websites.jpg) no-repeat center center;}*/
#slide23{background:url(../images/mobile-apps-and-websites.jpg) no-repeat center center; height:300px; background-size: cover;}
#slide23 h1{ color:#ffffff; font-size:34px !important; font-weight:300;}
#slide23 h1 span{ color:#FF8D08; font-weight:100;}
#slide-conversation{padding:60px 0;}
#slide-conversation h1{ color:#333333; font-size:28px !important; line-height:36px !important; font-weight:300 !important; margin:0px 0 60px 0;}
#slide-conversation h1 span{ color:#FF8D08; font-weight:100; font-size:38px !important; line-height:56px !important; }
#slide-conversation p{ color: #666666; font-size: 18px !important; font-weight: 400; margin-bottom: 50px; }
#slide-lifecycle {/*background:url(../images/banner_lifecycle.jpg) no-repeat center center; height:588px;*/ padding:60px 0;}
#slide-lifecycle h1{ color:#333333; font-size:38px !important; font-weight:300 !important; margin:0 0 40px 0;}
#slide-lifecycle h1 span{ color:#FF8D08; font-weight:100;}
#carousel-lifecycle{text-align:center; margin-top:90px; width:100%; background:transperant; clear:both;}
#carousel-lifecycle .item,#carousel-lifecycle .item.active {min-height: 400px; margin-top:10px; }
#carousel-lifecycle .item .ad img{text-align:center; margin:0 0 10px 0; position:relative;}
#carousel-lifecycle .item .ad small{font-size:13px; color:#666666; text-align:center; display:block;}
#carousel-lifecycle .message img{text-align:center; margin:10px 0; opacity:0.7}
#carousel-lifecycle .message h3{font-size: 22px; line-height:40px; color:#333333; border: 0px dashed #cccccc; border-radius:10px; padding:10px; margin-top:30px; font-weight:300; }
#carousel-lifecycle .message h3 u{font-size: 22px; color:#FF8D08; font-weight:600; text-decoration:none; }
#carousel-lifecycle .message .links{margin-top:100px;}
#carousel-lifecycle .message a.btn-link{font-size: 22px; line-height:40px; color:#568ED5; font-weight:100; text-decoration:underline;}
#carousel-lifecycle .message p {color:#999999 !important; position: relative; margin: 20px 0; padding: 20px; background-color: #f4f4f4; border-radius: 5px; overflow: hidden; font-size: 18px;}
#carousel-lifecycle .message p:last-child { margin-bottom: 0; }
#carousel-lifecycle .message p:before, #carousel-lifecycle .message p:after { display: block; position: absolute; width: 20px; height: 20px; top: 0; right: 0; content: ""; }
#carousel-lifecycle .message p:before { border-top: solid 10px #ffffff; border-right: solid 10px #ffffff; border-left: solid 10px transparent; border-bottom: solid 10px transparent; }
#carousel-lifecycle .message p:after { border-bottom: solid 10px #EEEEEE; border-left: solid 10px #EEEEEE; border-right: solid 10px transparent; border-top: solid 10px transparent; border-radius: 0 0 0 5px; box-shadow: -1px 1px 5px #212835;}
#carousel-lifecycle .message p b{font-weight:400; color:#000000; }
#carousel-lifecycle .message p b.active{font-weight:400; color:#FF8D08;}
#slide-lifecycle .carousel-indicators{ left:16% !important; margin-left:0 !important; top: -18%; width:68% !important; height:40px;}
#slide-lifecycle .carousel-indicators li { width:22%; height:36px; text-indent: 0; cursor: pointer; border: none;  margin:2px; color:#999999; font-weight:100; display:inline-block; background:none; position:relative; border-radius:0; border-bottom: solid 2px #f4f4f4; font-size:16px;}
#slide-lifecycle .carousel-indicators .active { color:#333333; border-bottom: solid 2px #666666; font-weight:600;}
#slide-conversation h2{ font-size:22px; color:#313131; font-weight:400; line-height:42px; margin-top:6px !important; padding-left:15px;}
.banner#slide3{background:#ffffff; height:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
/*.banner#slide4{background:url(../images/mobile-apps-and-websites.jpg) no-repeat center center;}*/
.banner#slide3 h1{margin-top:0px; color:#666666;}
.banner#slide3 h1 span{font-weight:300;}
.banner#slide3 h3{margin:20px 0; color:#737373 !important; font-size:16px !IMPORTANT; border-bottom: 1px double #aaaaaa; padding-bottom:15px; font-weight:300 !important;line-height:24px !IMPORTANT;}
.banner#slide3 h3 span{margin:20px; color:#000000; font-size:24px !IMPORTANT; font-weight:500 !important;line-height:36px !IMPORTANT;} 
.banner#slide3 ul{margin:20px 0 20px 0px; line-height:24px !IMPORTANT; color:#737373; font-size:13px !IMPORTANT; font-weight:300 !important;} 
.banner#slide3 .rbdr{border-right: solid 1px #e6e6e6; margin-top:30px; margin-bottom:30px; border-bottom: solid 1px #ffffff; border-left: solid 1px #ffffff; border-top: solid 1px #ffffff;}
.banner#slide3 .rbdr:last-child { border-right:1px solid #ffffff; }
/*.banner#slide3 .bdr{border: solid 3px #ffffff; margin-top:30px; margin-bottom:30px;}*/
.banner#slide3 .bdr:hover{border: solid 1px #666666;}
.banner#slideapps{background:url(../images/banner_apps.jpg) no-repeat center center;}
.banner#slideapps h2{color: #ffffff !important; font-size: 24px; font-weight:400 !important; margin:100px 0 20px 0;}
.banner#slideapps ul li{font-size:18px; font-weight:400 !important; color:#ffffff !important; line-height:36px;}
/****************************** Retailers, Publishers & developers page *****************************/
.banner#retailers1{background:url(../images/banner_brands.jpg) no-repeat center center; height:588px; background-size: cover;} 
.banner#publishers1{background:url(../images/banner_bg12.jpg) no-repeat center center; height:588px; background-size: cover;} 
.banner#features{background:url(../images/banner_bg5.jpg) no-repeat center center; height:588px; background-size: cover;} 
.banner#examples{background:url(../images/banner_examples.jpg) no-repeat center center; height:400px; background-size: cover;} 
/****************************************************************************************************/
#banner #presl,#banner #nxtsl{display:block; width:50px; height:50px; margin-top:-25px; top:50%; position:absolute;}
#banner #presl{left:10px; background:url(../images/prev.png) no-repeat; z-index:4;}
#banner #nxtsl{right:10px; background:url(../images/next.png) no-repeat; z-index:5;}
#banner ul#ban-scroller,#banner ul#ban-scroller li{margin:0; padding:0; list-style:none;}
#banner ul#ban-scroller li{width:100%; float:left;}
.banner h1{color:#ffffff; font-weight:300; text-transform:none;}
.banner h1 span{color:#FF8D08;}
.banner p{font-weight:300; color:#ccc; font-size:24px; line-height:30px; margin-bottom:25px;}
a.getstarted-btn,span.getstarted-btn{display:inline-block;  background:none;  border:1px solid #FF8D08 !important; color:#FF8D08 !important; font-size:20px; line-height:38px;font-weight:300; text-align:center; text-transform:uppercase;}
a.getstarted-btn,span.getstarted-btn{padding:0 30px; text-transform:uppercase;}
.banner a.getstarted-btn span.arrow{display:inline-block; background:#FF8D08; padding:0 15px; text-transform:uppercase;}
a.getstarted-btn:hover,span.getstarted-btn:hover{background:#FF8D08 !important; border:1px solid #FF8D08 !important; color:#FFFFFF !important; cursor:pointer;}
.banner a.getstarted-btn:hover span.arrow{background:#3371b6;}
.dotnav{height:10px; width:75px; bottom:10px; position:absolute; left:50%; margin-left:-37px;}
.dotnav a{display:inline-block; margin-right:15px; width:15px; height:15px;border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; background:rgba(255,255,255,0.9);}
.dotnav a.active{background:rgba(155,155,155,0.9);}
.dotnav a:last-child{margin:0;}
.playPauseLink{ height: 22px; left: 50%; margin-left:52px; width: 14px; bottom:3px; position:absolute;  font-size:0px;  }
.pause {    background: url("../images/bt-pause.png") top left no-repeat !important;}
.play{  background: url("../images/bt-play.png") top left no-repeat;}
#vid-nav,#vid-nav1{position:absolute; z-index:6; width:26%; right:0; top:5%;}
#vid-nav a,#vid-nav1 a{display:block; text-align:center; margin-bottom:4px !important; background:#fff; color:#b9b9b9; font-size:15px; line-height:30px;}
#vid-nav a:hover,#vid-nav a.active,#vid-nav1 a.active{background:#b9b9b9; color:#fff;}
@media screen and (max-width: 400px) {
.banner h1{font-size:32px; margin:10px 0 20px;}
#vid-nav,#vid-nav1{display:none;}
.second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;}
.num p {padding:9px 0px !important;}
#slide2.banner .darkbg{margin-top:30px;}
#slide3 .row{margin:0;}
#slide3 .col-md-12.text-center, #slide3 .container{padding:0;}
/*.banner p{font-size:18px !important; line-height:30px!important; display:none;}*/
div#about div#team span.bio{width:200px;}
#slide3.banner .bdr:hover{border:3px solid #f4f4f4;}
#po1 img,#po2 img,#po3 img,#po4 img,#po5 img,#po6 img,#po7 img,#po8 img,#po9 img{margin-top:20px;margin-bottom:20px;}
.darkbg {padding:10px 0 20px; margin-bottom:15px;}
.navbar-default .navbar-toggle{border:none; margin-top:18px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;}
.navbar-default .navbar-toggle:hover .navbar-default .navbar-toggle .icon-bar,.navbar-default .navbar-toggle:focus .navbar-default .navbar-toggle .icon-bar{background-color:#333;}
.banner{text-align:center;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: transparent !important; color: #FF8D08 !important;}
.navbar-default .navbar-nav > li > a:hover{color:#FF8D08 !important;}
}
@media screen and (min-width: 401px) and (max-width: 767px) {

.banner h1{font-size:32px; margin:10px 0;}
.second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;}
.num p {
 padding:9px 0px !important;}
 .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: transparent !important; color: #FF8D08 !important;}
.navbar-default .navbar-nav > li > a:hover{color:#FF8D08 !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav > li > a{padding-left:10px;padding-right:10px;}
.banner h1{font-size:33px; line-height:40px; margin:60px 0 0;}
.banner p{font-size:18px; line-height:20px;}
.banner#slide4 .col-xs-7{padding-top:17px;}
#ban3-img{margin-top:0px;}
.banner{height:420px;}
a.getstarted-btn{padding:0 10px;}
.banner a.getstarted-btn span.arrow{margin-left:10px;}
#use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;}
#use-cases .row{margin-left:-2px; margin-right:-2px;}
#use-cases{min-height:620px;}
.second-content .show-bubbletip{font-size:15px;margin: 0 20px 12px 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner h1{font-size:32px; line-height:50px; margin:90px 0 0;}
#sec2 img,#sec4 img {margin-top:70px;}
#slide2.banner .darkbg h1{margin:0;}
.banner p{font-size:24px; line-height:30px;}
#ban3-img{margin-top:0px;}
.banner{height:555px;}  
.banner#slide4 .col-xs-7{padding-top:26px;}
a.getstarted-btn{padding:0 20px;}
.banner a.getstarted-btn span.arrow{margin-left:20px;}
#use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;}
#use-cases .row{margin-left:-2px; margin-right:-2px;}
.second-content .show-bubbletip{font-size:17px;margin: 0 20px 30px 0;}

}
@media (min-width: 1200px) {
.banner h1{font-size:38px; line-height:61px; margin:90px 0 0;}
.banner h1 span{color:#FF8D08;font-size:38px; font-weight:400;}
#slide3 h1{font-size:26px; line-height:50px;}
.banner#slide2 h1{margin:10px 0 10px;}
.banner#slide4 h1{margin:150px 0 0;}
.banner p{font-size:20px; line-height:30px;}
#ban3-img{margin-top:30px;}
.banner{height:658px;}
a.getstarted-btn,span.getstarted-btn{padding:0 20px;}
.banner a.getstarted-btn span.arrow{margin-left:20px;}
#use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;}
#use-cases{min-height:930px;}
#use-cases .row{margin-left:-2px; margin-right:-2px;}
.second-content .show-bubbletip{font-size:18px;margin: 0 20px 30px 0;}
}
#sec2,#sec4, .grey, .white{padding-top:30px; padding-bottom:20px; }
#sec6{position:relative}
.region.brand-dev-cta{padding:60px 0;background-color:#F7F7F7;}.region.brand-dev-cta:before{content:'';position:absolute;top:0;left:0;z-index:0;width:50%;height:100%;background-color:#fff}
.region.brand-dev-cta.hover{padding:60px 0;background-color:#F7F7F7;}.region.brand-dev-cta.hover:before{content:'';position:absolute;top:0;left:0;z-index:0;width:50%;height:100%;background-color:#ddd}
#sec6 h1 span{font-size:100px; padding:20px 0; color:#FF8D08;}
#firstpage{padding-top:30px; padding-bottom:20px;}
#firstpage .container{opacity:0;}
#firstpage h3{font-size:22px; color:#5d5d5d; font-weight:500; line-height:52px; margin-bottom:30px; border-bottom:1px solid #D8D9D9;}
#firstpage p{font-size:13px; color:#737373; line-height:24px;}
#use-cases{background:url(../images/use-cases-bg.jpg); border-top:1px solid #e2e3e6;border-bottom:1px solid #e2e3e6; padding-top:20px; }
#use-cases h1{ text-align:center; font-size:35px; color:#6e6e6e; text-transform:uppercase; background:url(../images/use-cases-title-bg.jpg) no-repeat center bottom; font-weight:400; line-height:45px; margin-bottom:50px;}
#use-cases img.img-responsive{width:100%;}
#use-cases .vpad{height:4px;}
#use-cases img.img-responsive{width:100%;}
#use-cases  .animate{margin:0 auto;}
#features{padding-top:0px; height:85px; overflow:hidden; transition: height 1.5s ease 0s; padding-bottom:50px; background:#fff;}
#features .container{overflow:hidden;}
#firstpage h1{ text-align:center; font-size:35px; color:#6e6e6e; text-transform:uppercase; background:url(../images/features-title-bg.jpg) no-repeat center bottom; font-weight:400; line-height:45px; margin-bottom:50px;}
#features .col-sm-4{ background:url(../images/features-devider.jpg) no-repeat top right; min-height:220px; padding-bottom:20px;  }
#features .col-sm-4.no-border{background:none;}
.box-bor{min-height:220px;}
#features .col-sm-4 hr{margin:0; padding:0; border:none; background:none; border-bottom:1px solid #d8d9d9;}
#features .col-sm-4 h3{font-size:22px; color:#5d5d5d;}
#features .col-sm-4 p{color:#737373; font-size:13px; line-height:24px;}
#firstpage .more-btn,#features .more-btn{ display:inline-block; line-height:50px; padding-left:25px; padding-right:25px; background:#a0a0a0; text-transform:uppercase; color:#ffffff; font-size:17px; font-weight:700; margin-top:40px; }
#showfeatures img { transition: all 0.8s ease 0s; margin-top:12px;}
#showfeatures.openfe img{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); -o-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
#showfeatures .more-text{display:inline-block; background:#c9c9c9; color:#fff; font-size:20px; line-height:38px; padding:0 20px;}
#showfeatures .more-text:hover{background:#3371b6;}
#firstpage .more-btn:hover,#features .more-btn:hover{text-decoration:none; background:#3372B7;}
#sdkforall{padding-top:20px; padding-bottom:20px; background:url(../images/1sdk-bg2.jpg) repeat;}
#sdkforall .container{overflow:hidden;}
#sdkforall .container .animate {
    margin: 0 auto;
}
#sdkforall h1{ text-align:center; font-size:26px; color:#ffffff; text-transform:none; font-weight:300; line-height:50px; margin-bottom:60px;}
#sdkforall h1 span{color:#FF8D08; font-size:38px;font-weight:400!Important;}
#sdkforall h2{font-size:38px; font-weight:400; margin-bottom: 6px; color:#fff; line-height:40px; text-align:center;}

#sdkforall p{color:#fff; margin:0 0 30px; font-weight:400!Important; font-size:20px!Important;text-transform:none !important;}
.submit-btn{display:inline-block; padding:0 30px; background:#FF8D08; color:#fff; font-size:20px; text-align:center; line-height:38px;border: solid 1px #FF8D08; font-weight:300; text-transform:uppercase;}
.submit-btn:focus,.submit-btn:hover,.submit-btn.active{text-decoration:none; color:#FF8D08; background:none; border: solid 1px #FF8D08; cursor:pointer;}
.simple-btn{display:inline-block; padding:0 30px; background:#FFFFFF; color:#FF8D08; font-size:20px; text-align:center; line-height:38px;border: solid 1px #FFFFFF;font-weight:300;}
.simple-btn:hover{text-decoration:none; color:#FFFFFF; background:#FF8D08; border: solid 1px #FF8D08; cursor:pointer;}
#sdkforall h1 span.white{color:#fff;}
#sdkforall h1 span.saffron{color:#FF8D08;}
#newslatter-signup{background:url(../images/signup-bg.jpg); padding-top:40px; padding-bottom:40px;}
#newslatter-signup h1{font-size:31px; color:#ffffff; font-weight:600; margin:0; line-height:40px;}
#newslatter-signup h1 span.saffron{color:#FF8D08;}
#newslatter-signup input{width:100%; border:1px solid #3cb7e4; background:#fff; padding:8px; color:#b6b6b6; font-size:16px;}
#newslatter-signup .submit-btn{display:block; background:#c9c9c9; color:#ffffff; font-size:20px; font-weight:600; text-transform:uppercase; line-height:38px; text-align:center; }
#newslatter-signup .submit-btn:hover{text-decoration:none; background:#FF8D08;}
#footer{background:#121212; padding-top:45px; padding-bottom:45px; font-size:14px; color:#909090;}
#footer ul li{line-height:26px;}
#footer ul li.header{line-height:60px; font-size:20px; color:#f7f7f7; font-weight:300;}
#footer ul li.note{margin-bottom:10px;}
#footer ul li.note:before{content:""; padding-right:0px;}
#footer a{color:#909090;}
#footer a:hover,#footer a.active{color:#FF8D08;}
#footer a.getstarted-btn{font-size:14px !important; color:#FF8D08 !important;}
#footer a.getstarted-btn:hover{font-size:14px !important; color:#FFFFFF !important;}
#footer a.submit-btn{font-size:14px !important; color:#FFFFFF !important;}
#footer a.submit-btn:hover{font-size:14px !important; color:#FF8D08 !important;}
#footer .copyright{font-size: 14px; color:#444444; line-height:22px; }
/*********************************************************************************************************************/
#footer .join{ background: #333333; border-radius: 5px; margin: 10px 0 20px !important; padding: 5px 15px !important; z-index: 999999;}
#footer .condition{font-size:11px; line-height:18px; color:#999999; font-weight:100;}
/*********************************************************************************************************************/
.advthead{background:#FDFDFD; padding:0px 0;}
.advthead .jcarousel-skin-tango .jcarousel-container {margin:0 auto;}
.advthead .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.advthead .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 20px 50px 20px 51px; margin:0 auto;}
.advthead .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.advthead .jcarousel-skin-tango .jcarousel-clip-horizontal {width:100%; height: 130px; }
.advthead .jcarousel-skin-tango .jcarousel-item {width: 211px;height: 130px;}
.advthead .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;}
.advthead .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.advthead .jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.advthead .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
/***  Horizontal Buttons*/
.advthead .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 65px;right: -5px;width: 50px;height: 50px;cursor: pointer;background: transparent url(../images/next-horizontal.png) no-repeat 0 0;}
.advthead .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(../images/prev-horizontal.png);}
.advthead .jcarousel-skin-tango .jcarousel-next-horizontal:hover,.advthead .jcarousel-skin-tango .jcarousel-next-horizontal:focus {background-position: -50px 0;}
.advthead .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.advthead  .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus {cursor: default;background-position: 0 0;}
.advthead .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 65px;left: -5px;width: 50px;height: 50px;cursor: pointer;background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;}
.advthead .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../images/next-horizontal.png);}
.advthead .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .advthead .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {background-position:-50px 0;}
.advthead .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.advthead .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.advthead .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus {cursor: default;background-position: 0px 0;}

    
    .grid-block {
        position: relative;
        width: 100%;
        height:100%;
        overflow:hidden;
    }
   
    .caption {
        position: absolute;
        left: 0;
        cursor:pointer;
        width: 100%;
        height: 100%;
        background: url('../images/trans-black-20.png');
    }
    .caption:hover {background: url(../images/trans-black-50.png);}
    .dis-table{width: 100%;
        height: 100%; display:table;}
        .dis-table .dis-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
    .caption h3, .caption p {
        color: #fff;
    }
    .caption:hover h3, .caption:hover p {
        color: #fff;
    }
    .caption h3 {
        margin: 0px 20px 10px;
        font-size:32px;
        font-weight:700;
        line-height:25px;
    }
    .caption p {
        margin: 0 20px 15px;
        font-size:13px;
        line-height:20px;
    }
    .caption a.learn-more {
    padding: 5px 10px;
    background: #08c;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: 600;
    text-decoration: none;
    }
    .caption a.learn-more:hover {
    background: #fff;
    color: #08c;
    }
    
#howcan{padding-top:25px; overflow:hidden;} 
#howcan h1{ text-align:center; font-size:35px; color:#6e6e6e; background:url(../images/features-title-bg.jpg) no-repeat center bottom; font-weight:400; line-height:45px;}
 .business-benefits {margin:0; padding:0; list-style:none;}

.second-content .show-bubbletip{display:block; text-align:center; background:#b9b9b9; color:#fff; line-height:40px; } 
.second-content .show-bubbletip:hover{background:#3371b6;}
 .second-panel .ipad {position:relative; top:0;}
 #contact,#contenthome{background:#F9F9F9;}
#contact{padding:70px 0;}
#contact .warning {
    background-color: #B60000;
    font-size:12px !important;
    color: #FFFFFF;
    line-height: 23px;
    padding: 10px;
    width: 600px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    margin-bottom:15px;
    }
#contact .success {
    background-color: #32A030;
    font-size:12px !important;
    color: #FFFFFF;
    line-height: 23px;
    padding: 10px;
    width: 600px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    margin-bottom:15px; 
    }

#contact label
{
    display:block;
    font-size:14px;
    margin:0 0 10px 0px;
    color:#313131;
}

#contact input[type=text],
#contact input[type=password],
#contact txtField,
#contact textarea,
#contact cjComboBox
{
    border:1px solid #E0E0E0/*#F7F9FA*/;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 12px;
    padding:8px 6px;
    width:295px;
    display:block;
}

#contact select{
    border:1px solid #F7F9FA;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 12px;
    padding:8px 6px;
    width:267px; 
    display:block;
}
#contact input[type=text]:focus,
#contact input[type=password]:focus,
#contact txtField:focus,
#contact textarea:focus,
#contact cjComboBox:focus
{
    border:1px solid #8cc0d3; 
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    color:#333;
}
#contact cjComboBox
{
    width:294px;
}
#contact cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
#contact txtField.small
{
    padding:3px 6px;
    width:200px;
}

#contact .extralink{
    color:#016990;
}
.blue-btn {
    text-align:center;
    text-shadow:none;
    background-color:#b21b36;
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d82545), color-stop(100%, #b21b36));
    background-image:-webkit-linear-gradient(#d82545, #b21b36);
    background-image:-moz-linear-gradient(#d82545, #b21b36);
    background-image:-o-linear-gradient(#d82545, #b21b36);
    background-image:linear-gradient(#d82545, #b21b36);
    -webkit-box-shadow:rgba(255, 255, 255, 0.25) -1px 1px 0 inset;
    -moz-box-shadow:rgba(255, 255, 255, 0.25) -1px 1px 0 inset;
    box-shadow:rgba(255, 255, 255, 0.25) -1px 1px 0 inset;
    display:inline-block;
    color: #FFFFFF !important;
        text-transform:uppercase;
    cursor: pointer;
    font-size: 14px;
    line-height:30px; 
    height:30px;    
    padding: 0px 12px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition:all 0.12s;
    -moz-transition:all 0.12s;
    -o-transition:all 0.12s;
    transition:all 0.12s;
    font-weight:600;
} 
.blue-btn:hover {
    text-decoration:none;
}

#contenthome h1{font-size:35px; text-align:center; background:url(../images/use-cases-title-bg.jpg) no-repeat center bottom; font-weight:300; line-height:45px; margin-bottom:20px;}
#contenthome p{font-size:13px; color:#737373; line-height:24px;}


#contactban{height:300px; background:url(../images/contact-img.jpg) no-repeat;}
.offices{
  height: 300px;
  margin-top: 0px;
  color: #656565;
}
.offices h2{
  font-size: 36px;
}
/* line 328, ../sass/style.scss */
.offices a, .offices p, .lifestyle-body .offices a, .lifestyle-body .offices p, .resources-body .offices a, .resources-body .offices p, .contact-body .offices a, .contact-body .offices p, .about-body .offices a, .about-body .offices p {
  color: #656565;
}
/* line 331, ../sass/style.scss */
.offices .weather, .lifestyle-body .offices .weather, .resources-body .offices .weather, .contact-body .offices .weather, .about-body .offices .weather {
  margin-top: 36px;
}
/* line 334, ../sass/style.scss */
.offices .weather .temperature, .offices .weather .timestamp, .lifestyle-body .offices .weather .temperature, .lifestyle-body .offices .weather .timestamp, .resources-body .offices .weather .temperature, .resources-body .offices .weather .timestamp, .contact-body .offices .weather .temperature, .contact-body .offices .weather .timestamp, .about-body .offices .weather .temperature, .about-body .offices .weather .timestamp {
  font-size: 30px;
  margin-right: 24px;
  float: left;
  line-height: 16px;
}
/* line 340, ../sass/style.scss */
.offices .weather .temperature, .lifestyle-body .offices .weather .temperature, .resources-body .offices .weather .temperature, .contact-body .offices .weather .temperature, .about-body .offices .weather .temperature {
  margin-top: 6px;
}
/* line 343, ../sass/style.scss */
.offices .weather .weather-condition, .lifestyle-body .offices .weather .weather-condition, .resources-body .offices .weather .weather-condition, .contact-body .offices .weather .weather-condition, .about-body .offices .weather .weather-condition {
  text-transform: uppercase;
  font-size: 13px;
}
/* line 347, ../sass/style.scss */
.offices .weather .ap, .lifestyle-body .offices .weather .ap, .resources-body .offices .weather .ap, .contact-body .offices .weather .ap, .about-body .offices .weather .ap {
  font-size: 13px;
  vertical-align: text-top;
  margin-left: -4px;
}
.offices .icon-mail{
  padding: 0 0 0 25px;
  background: url("../images/offices/icon-offices-email-blue.png") no-repeat center left;
}
/* line 364, ../sass/style.scss */
.offices .icon-phone{
  padding: 0 0 0 25px;
  background: url("../images/offices/icon-offices-phone-blue.png") no-repeat center left;
}
/* line 354, ../sass/style.scss */
.offices.offices-yellow, .lifestyle-body .offices.offices-yellow, .resources-body .offices.offices-yellow, .contact-body .offices.offices-yellow, .about-body .offices.offices-yellow {
  background-color: #3371B6;
  color: #fff;
}
/* line 357, ../sass/style.scss */
.offices.offices-yellow a, .offices.offices-yellow p, .lifestyle-body .offices.offices-yellow a, .lifestyle-body .offices.offices-yellow p, .resources-body .offices.offices-yellow a, .resources-body .offices.offices-yellow p, .contact-body .offices.offices-yellow a, .contact-body .offices.offices-yellow p, .about-body .offices.offices-yellow a, .about-body .offices.offices-yellow p {
  color: #fff;
}
/* line 360, ../sass/style.scss */
.offices.offices-yellow .icon-mail, .lifestyle-body .offices.offices-yellow .icon-mail, .resources-body .offices.offices-yellow .icon-mail, .contact-body .offices.offices-yellow .icon-mail, .about-body .offices.offices-yellow .icon-mail {
  padding: 0 0 0 25px;
  background: url("../images/offices/icon-offices-email-white.png") no-repeat center left;
}
/* line 364, ../sass/style.scss */
.offices.offices-yellow .icon-phone, .lifestyle-body .offices.offices-yellow .icon-phone, .resources-body .offices.offices-yellow .icon-phone, .contact-body .offices.offices-yellow .icon-phone, .about-body .offices.offices-yellow .icon-phone {
  padding: 0 0 0 25px;
  background: url("../images/offices/icon-offices-phone-white.png") no-repeat center left;
}
/* line 410, ../sass/style.scss */
.offices .office-container {
  height: 300px;
}
/* line 413, ../sass/style.scss */
.offices .office-container .row .office-text, .lifestyle-body .offices .office-container .row .office-text{
  padding-top: 10px;
  left: -100px;
}
/* line 420, ../sass/style.scss */
.map-container {
  position: absolute;
  right: 0px;
  height: 300px; overflow:hidden;
}
/* line 424, ../sass/style.scss */
.map-container iframe {
  height: 280px;
  margin:10px 0;
}

/************************************************************************************/
.numbered-circle {
  position: relative;
  left: -3%;
  background: none;
  border-radius: 1.8em;
  -moz-border-radius: 1.8em;
  -webkit-border-radius: 1.8em;
  color: #FFF;
  border:1px solid #fff;
  display: inline-block;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.8em;
  margin-right: 3px;
  text-align: center;
  width: 1.9em;
  float:left;
}
.num { position: relative;
  margin: 3% 0 11% 0;
  background: none;
  padding-top:2px !important;
  /* border-radius: top-left top-right bottom-right bottom-left 
  -webkit-border-radius: 28px 8px 8px 28px;
  -moz-border-radius: 28px 8px 8px 28px;
  border-radius: 28px 8px 8px 28px;
  border:1px solid #fff;*/
}
.num p { line-height:28px!important; color:#fff!important; padding:0px 0px !important; line-height:45px!Important; text-align:left; margin:0;text-transform:none !important;}
a.blocklink{display:block;}
#sdkforall .scal-ico, #sdkforall .built-ico{display:inline-block; width:315px; height:95px; padding:0 0 0 87px; background:url(../images/scal-ico.png) no-repeat center left; text-align:left;}
#sdkforall .built-ico{background:url(../images/built-ico.png) no-repeat center left;}
#sdkforall .scal-ico p,#sdkforall .built-ico p{margin:18px 0 0;}
#sdkforall .scal-ico p span,#sdkforall .built-ico p span{font-size:15px !Important; display:block; font-weight:300; text-transform:none; color:#eaeaea!Important;}
.updatingtext1{color:#FF8D08;}
.updatingtext{font-weight:400;}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/*======================================DARK SHADES======================================*/
/*----------DARK NAVYBLUE----------------*/
.alert-navyblue {background-color: #2C3E4F; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-navyblue h4 {color: #FFFFFF !important;}
.alert-navyblue a,.alert-navyblue a:hover,.alert-navyblue a h1,.alert-navyblue a h1:hover{color: #FFFFFF !important; display:block;}
.alert-navyblue:hover {background-color: #1F303F;}
/*----------PURPLE----------------*/
.alert-darkpurple {background-color: #8C4F9F; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkpurple h4 {color: #FFFFFF !important;}
.alert-darkpurple a,.alert-darkpurple a:hover,.alert-darkpurple a h1,.alert-darkpurple a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkpurple:hover {background-color: #7A3E8F;}
/*----------DARK BLUE----------------*/
.alert-darkblue {background-color: #3681AF; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkblue h4 {color: #FFFFFF !important;}
.alert-darkblue a,.alert-darkblue a:hover,.alert-darkblue a h1,.alert-darkblue a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkblue:hover {background-color: #31759F;}
/*----------MAROON----------------*/
.alert-maroon {background-color: #8F2B23; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-maroon h4 {color: #FFFFFF !important;}
.alert-maroon a,.alert-maroon a:hover,.alert-maroon a h1,.alert-maroon a h1:hover{color: #FFFFFF !important; display:block;}
.alert-maroon:hover {background-color: #7F1F17;}
/*----------DARK PARROT----------------*/
.alert-darkparrot {background-color: #4CAF6A; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkparrot h4 {color: #FFFFFF !important;}
.alert-darkparrot a,.alert-darkparrot a:hover,.alert-darkparrot a h1,.alert-darkparrot a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkparrot:hover {background-color: #459F60;}
/*----------DARK YELLOW----------------*/
.alert-darkyellow {background-color: #EFC63B; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkyellow h4 {color: #FFFFFF !important;}
.alert-darkyellow a,.alert-darkyellow a:hover,.alert-darkyellow a h1,.alert-darkyellow a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkyellow:hover {background-color: #DFB629;}
/************************************************************************************************************/
.feature-block{margin-bottom: 2.25rem; padding:0; border:solid 1px #666666;}
.feature-block .feature-image{padding:2em 0 1em 0}
.feature-block .feature-image h4{color:#fff !important; text-transform:none; font-size:30px; line-height:60px;}
.feature-block .feature-desc{height:20em; padding:30px 0;}
.feature-block .feature-desc p{color:#333333/*#EFEFEF;*/; text-align:center; /* padding-left:40px;*/ }
.bg-darkblue .feature-image{background:#31759F;}
.bg-darkblue{background:#4792BF;}
.bg-darkmaroon .feature-image{background:#7F1F17;}
.bg-darkmaroon{background:#9F3931;}
.bg-navyblue .feature-image{background:#1F303F;}
.bg-navyblue{background:#3B4E5F;}
.bg-darkgrey .feature-image{background:#666666;}
.bg-darkgrey{background:#ffffff;}
.bg-purple {background-color: #885491;}
.bg-parrot {background-color: #0C9D4D;}
.bg-blue {background-color: #008D97;}
.bg-grey {background-color: #585858;}
.bg-lightgrey{background-color:#f4f4f4;}
.bg-greydesign{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #ffffff repeat; margin:0 15px !important; border:solid 1px #eeeeee;}
.bg-whitedesign{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #ffffff repeat;}
.bg-whitedesign:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWOYveWSMQNRAKdKANCSBKk36wTkAAAAAElFTkSuQmCC) #333333 repeat;}
.bg-blue1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #B9CDE5 repeat;}
.bg-blue2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #CBDAEC repeat;}
.bg-blue3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #C3D0DF repeat;}
/*.bg-blue1:hover,.bg-blue2:hover,.bg-blue3:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWOYveWSMQNRAKdKANCSBKk36wTkAAAAAElFTkSuQmCC) #31759F repeat;}*/
/*****************************************************ABOUTUS********************************************************/
.bubbletip {
    border: 0 none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 50;
}
.bubbletip, .bubbletip table, .bubbletip tr {
    background-color: transparent !important;
}
.bubbletip td {
    padding: 0;
}
.bubbletip td.bt-topleft {
    background: url("../images/bubbletip.png") no-repeat scroll 0 0 transparent;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip td.bt-top {
    background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 0 transparent;
    height: 33px;
    margin: 0;
    padding: 0;
}
.bubbletip .bt-top {
    margin-bottom: 0;
}
.bubbletip td.bt-topright {
    background: url("../images/bubbletip.png") no-repeat scroll -73px 0 transparent;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip td.bt-left-tail div.bt-left-tail {
    background: url("../images/bubbletip.png") no-repeat scroll 0 -33px transparent;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip td.bt-left-tail div.bt-left, .bubbletip td.bt-left {
    background: url("../images/bubbletip-L-R.png") repeat-y scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip td.bt-right-tail div.bt-right, .bubbletip td.bt-right {
    background: url("../images/bubbletip-L-R.png") repeat-y scroll -33px 0 transparent;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip td.bt-right-tail div.bt-right-tail {
    background: url("../images/bubbletip.png") no-repeat scroll -73px -33px transparent;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip td.bt-bottomleft {
    background: url("../images/bubbletip.png") no-repeat scroll 0 -73px transparent;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip td.bt-bottom {
    background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 -33px transparent;
    height: 33px;
    margin: 0;
    padding: 0;
}
.bubbletip td.bt-bottomright {
    background: url("../images/bubbletip.png") no-repeat scroll -73px -73px transparent;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 33px;
}
.bubbletip table.bt-top th {
    background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    width: 50%;
}
.bubbletip table.bt-bottom th {
    background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 -33px transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 50%;
}
.bubbletip table.bt-top td div {
    background: url("../images/bubbletip.png") no-repeat scroll -33px 0 transparent;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 40px;
}
.bubbletip table.bt-bottom td div {
    background: url("../images/bubbletip.png") no-repeat scroll -33px -73px transparent;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 40px;
}
.bubbletip td.bt-content {
    background-color: #fff;
    color: #72a7ed;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
}
.bubbletip table.bt-top, .bubbletip table.bt-bottom {
    border: 0 none;
    width: 100%;
}
.bubbletip .tip {
    color: #72a7ed;
    display: none;
}
div#about img {
    border: 0 none;
    max-width: 100%;
    vertical-align: sub;
}
div#about div.title {
    margin: 0 60px;
    padding: 54px 0;
}
div#about div.title h1 {
    color: #222;
    font-size: 31px;
    font-weight: 600;
    margin: 6px 0;
}
div#about div.title p {
    color: #aaa;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 6px;
}
div#about div#team .thumbnailbdr {
    border: 1px solid #eeeeee;
    padding: 5px;
}
div#about div#team a {
    display: inline-block;
    margin: 0px 20px 20px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}
div#about div#team span.frame {
    background: none repeat scroll 0 0 #333;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 2px 5px rgba(0, 0, 0, 0.85);
    height: 98%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
}
div#about div#team span.shadow {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75);
    content: "";
    display: block;
    height: 98%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 200ms ease 0s, transform 0s ease 0s;
}
div#about div#team img {
    margin-bottom: 4px;
    position: relative;
    z-index: 20;
}
div#about div#team strong {
}
div#about div#team span.bio {
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top , #ffffff, #dedede);
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.75);
    color: #313131;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    margin-top: -10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    width: 400px;
    z-index: 100;
}
div#about div#team span.bio span.inner {
    display: block;
    padding: 18px 20px;
}
div#about div#team span.bio em {
    color: #313131;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
div#about div#team span.bio h4 {
    color: #313131;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
div#about div#team span.bio span.arrow {
    background: url("../images/popover_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -16px;
    display: block;
    height: 16px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    width: 22px;
}
div#about div#team a:hover, div#about div#team a.force-hover {
}
div#about div#team a:hover span.shadow, div#about div#team a.force-hover span.shadow {
    opacity: 1;
}
div#about div#team a:hover span.bio, div#about div#team a.force-hover span.bio {
    display: block;
    opacity: 1;
}
div#about div#team a.faded img {
    opacity: 0.5;
}
div#about div#team a.slide_in {
    opacity: 1;
}
/*******************************************************************************************************************/
.icon-smartphone{background: url("../images/icon_adsizes.png") no-repeat scroll 0px -55px rgba(0, 0, 0, 0); display: inline-block; height: 55px; line-height: 55px; vertical-align: text-top; width: 55px; }
.icon-tablet{background: url("../images/icon_adsizes.png") no-repeat scroll -55px -55px rgba(0, 0, 0, 0); display: inline-block; height: 55px; line-height: 55px; vertical-align: text-top; width: 55px; }
.icon-ad-rectangular {background: rgba(0, 0, 0, 0) url("../images/icon_adsizes.png") no-repeat scroll -200px 0; display: inline-block; height: 100px; line-height: 100px; vertical-align: text-top; width: 100px; }
.icon-ad-rectangular:hover, .icon-ad-rectangular.active {background-position: -200px -100px; }
.icon-ad-square {background: rgba(0, 0, 0, 0) url("../images/icon_adsizes.png") no-repeat scroll -300px 0; display: inline-block; height: 100px; line-height: 100px; vertical-align: text-top; width: 100px; }
.icon-ad-square:hover, .icon-ad-square.active { background-position: -300px -100px; }
.icon-ad-fullscreen { background: rgba(0, 0, 0, 0) url("../images/icon_adsizes.png") no-repeat scroll -400px 0; display: inline-block; height: 100px; line-height: 100px; vertical-align: text-top; width: 100px; }
.icon-ad-fullscreen:hover, .icon-ad-fullscreen.active { background-position: -400px -100px; }
.icon-ad-fullwidth { background: rgba(0, 0, 0, 0) url("../images/icon_adsizes.png") no-repeat scroll -500px 0; display: inline-block; height: 100px; line-height: 100px; vertical-align: text-top; width: 100px; }
.icon-ad-fullwidth:hover, .icon-ad-fullwidth.active { background-position: -500px -100px; }
.icon-ad-custom { background: rgba(0, 0, 0, 0) url("../images/icon_adsizes.png") no-repeat scroll -600px 0; display: inline-block; height: 100px; line-height: 100px; vertical-align: text-top; width: 100px; }
.icon-ad-custom:hover, .icon-ad-custom.active { background-position: -600px -100px; }
.icon-ad-combo { background: rgba(0, 0, 0, 0) url("../images/icon_adsizes.png") no-repeat scroll -800px 0; display: inline-block; height: 100px; line-height: 100px; vertical-align: text-top; width: 100px; }
.icon-ad-combo:hover, .icon-ad-combo.active {background-position: -800px -100px;}
.icon-fb{background: url("../images/f-connect.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); display: inline-block; height: 36px; line-height: 36px; width: 36px;vertical-align: text-top;}
.icon-fb:hover{background: url("../images/f-connect.png") no-repeat scroll 0px -36px rgba(0, 0, 0, 0);}
.icon-in{background: url("../images/linkedin-connect.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); display: inline-block; height: 36px; line-height: 36px; width: 36px;vertical-align: text-top;}
.icon-in:hover{background: url("../images/linkedin-connect.png") no-repeat scroll 0px -36px rgba(0, 0, 0, 0);}
.icon-twitter{background: url("../images/twitter-connect.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); display: inline-block; height: 36px; line-height: 36px; width: 36px;vertical-align: text-top;}
.icon-twitter:hover{background: url("../images/twitter-connect.png") no-repeat scroll 0px -36px rgba(0, 0, 0, 0);}
[class^="icon-text-small-"],[class*=" icon-text-small-"] {display: inline-block;width: 75px;height: 75px;line-height: 75px;vertical-align: text-top;background :url(../images/tq_icons_text_small.png) no-repeat 0px 0px;}
.icon-text-small-qacampaign{background-position: 0px 0px;}
.icon-text-small-qacampaign:hover,.icon-text-small-qacampaign.active{background-position: 0px -75px;}
.icon-text-small-displaycampaign{background-position: -75px 0px;}
.icon-text-small-displaycampaign:hover,.icon-text-small-displaycampaign.active{background-position: -75px -75px;}
.icon-text-small-textcampaign{background-position: -150px 0px;}
.icon-text-small-textcampaign:hover,.icon-text-small-textcampaign.active{background-position: -150px -75px;}
.icon-text-small-deals{background-position: -225px 0px;}
.icon-text-small-deals:hover,.icon-text-small-deals.active{background-position: -225px -75px;}
.icon-text-small-notification{background-position: -300px 0px;}
.icon-text-small-notification:hover,.icon-text-small-notification.active{background-position: -300px -75px;}
.icon-text-small-decisiontree{background-position: -375px 0px;}
.icon-text-small-decisiontree:hover,.icon-text-small-decisiontree.active{background-position: -375px -75px;}
.icon-text-small-themes{background-position: -450px 0px;}
.icon-text-small-themes:hover,.icon-text-small-themes.active{background-position: -450px -75px;}
.icon-text-small-sov{background-position: -525px 0px;}
.icon-text-small-sov:hover,.icon-text-small-sov.active{background-position: -525px -75px;}
.icon-text-small-supportwall{background-position: -600px 0px;}
.icon-text-small-supportwall:hover,.icon-text-small-supportwall.active{background-position: -600px -75px;}
.icon-text-small-newsalerts{background-position: -675px 0px;}
.icon-text-small-newsalerts:hover,.icon-text-small-newsalerts.active{background-position: -675px -75px;}
.icon-text-small-brands{background-position: -150px -150px;}
.icon-text-small-brands:hover,.icon-text-small-brands.active{background-position: -150px -225px;}
.icon-text-small-apps{background-position: -225px -150px;}
.icon-text-small-apps:hover,.icon-text-small-apps.active{background-position: -225px -225px;}
.icon-text-small-adunits{background-position: -300px -150px;}
.icon-text-small-adunits:hover,.icon-text-small-adunits.active{background-position: -300px -225px;}
.icon-text-small-segments{background-position: -375px -150px;}
.icon-text-small-segments:hover,.icon-text-small-segments.active{background-position: -375px -225px;}
.icon-text-small-properties{background-position: -675px 0px;}
.icon-text-small-properties:hover,.icon-text-small-properties.active{background-position: -675px -75px;}
.icon-text-small-optimize{background-position: -675px 0px;}
.icon-text-small-optimize:hover,.icon-text-small-optimize.active{background-position: -675px -75px;}
.icon-text-small-communicate{background-position: -675px 0px;}
.icon-text-small-communicate:hover,.icon-text-small-communicate.active{background-position: -675px -75px;}
.icon-text-small-analytics{background-position: -75px -150px;}
.icon-text-small-analytics:hover,.icon-text-small-analytics.active{background-position: -75px -225px;}
.icon-text-small-products{background-position: -450px -150px;}
.icon-text-small-products:hover,.icon-text-small-products.active{background-position: -450px -225px;}
.icon-text-small-qabannercombo{background-position: -525px -150px;}
.icon-text-small-qabannercombo:hover,.icon-text-small-qabannercombo.active{background-position: -525px -225px;}
.icon-text-small-cfa{background-position: -600px -150px;}
.icon-text-small-cfa:hover,.icon-text-small-cfa.active{background-position: -600px -225px;}
.icon-text-small-designstudio{background-position: -675px -150px;}
.icon-text-small-designstudio:hover,.icon-text-small-designstudio.active{background-position: -675px -225px;}
.icon-text-small-targeting{background-position: -750px -150px;}
.icon-text-small-targeting:hover,.icon-text-small-targeting.active{background-position: -750px -225px;}
/****************large***********************/
[class^="icon_text-"],[class*=" icon_text-"] {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background :url(../images/tq_icons_text.png) no-repeat 0px 0px;}
.icon_text-qacampaign{background-position: 0px 0px;}
.icon_text-qacampaign:hover,.icon_text-qacampaign.active{background-position: 0px -100px;}
.icon_text-displaycampaign{background-position: -100px 0px;}
.icon_text-displaycampaign:hover,.icon_text-displaycampaign.active{background-position: -100px -100px;}
.icon_text-textcampaign{background-position: -200px 0px;}
.icon_text-textcampaign:hover,.icon_text-textcampaign.active{background-position: -200px -100px;}
.icon_text-deals{background-position: -300px 0px;}
.icon_text-deals:hover,.icon_text-deals.active{background-position: -300px -100px;}
.icon_text-notification{background-position: -400px 0px;}
.icon_text-notification:hover,.icon_text-notification.active{background-position: -400px -100px;}
.icon_text-decisiontree{background-position: -500px 0px;}
.icon_text-decisiontree:hover,.icon_text-decisiontree.active{background-position: -500px -100px;}
.icon_text-theme{background-position: -600px 0px;}
.icon_text-theme:hover,.icon_text-theme.active{background-position: -600px -100px;}
.icon_text-supportwall{background-position: -700px 0px;}
.icon_text-supportwall:hover,.icon_text-supportwall.active{background-position: -700px -100px;}
.icon_text-newsalerts{background-position: -800px 0px;}
.icon_text-newsalerts:hover,.icon_text-newsalerts.active{background-position: -800px -100px;}
.icon_text-brands{background-position: -300px -200px;}
.icon_text-brands:hover,.icon_text-brands.active{background-position: -300px -300px;}
.icon_text-apps{background-position: -400px -200px;}
.icon_text-apps:hover,.icon_text-apps.active{background-position: -400px -300px;}
.icon_text-adunits{background-position: -500px -200px;}
.icon_text-adunits:hover,.icon_text-adunits.active{background-position: -500px -300px;}
.icon_text-segments{background-position: -700px -200px;}
.icon_text-segments:hover,.icon_text-segments.active{background-position: -700px -300px;}
.icon_text-sov{background-position: -600px -200px;}
.icon_text-sov:hover,.icon_text-sov.active{background-position: -600px -300px;}
.icon_text-properties{background-position: -800px 0px;}
.icon_text-properties:hover,.icon_text-properties.active{background-position: -800px -100px;}
.icon_text-optimize{background-position: -800px 0px;}
.icon_text-optimize:hover,.icon_text-optimize.active{background-position: -800px -100px;}
.icon_text-communicate{background-position: -800px 0px;}
.icon_text-communicate:hover,.icon_text-communicate.active{background-position: -800px -100px;}
.icon_text-analytics{background-position: -800px 0px;}
.icon_text-analytics:hover,.icon_text-analytics.active{background-position: -800px -100px;}
.icon_text-qabannercombo{background-position: -900px -200px;}
.icon_text-qabannercombo:hover,.icon-text-qabannercombo.active{background-position: -900px -300px;}
.icon_text-interactive{background-position: -200px -400px;}
.icon_text-interactive:hover,.icon-text-interactive.active{background-position: -200px -500px;}
.icon_text-connected{background-position: -500px -400px;}
.icon_text-connected:hover,.icon-text-connected.active{background-position: -500px -500px;}
/**********************************************************************************************************/
.icon-pdf{background: url("../images/icon-pdf.png") no-repeat scroll 0px 0px; display: inline-block; width: 32px;  height: 45px; vertical-align: sub;margin-left:5px;}
.icon-pdf:hover{background: url("../images/icon-pdf-hover.png") no-repeat scroll 0px 0px; display: inline-block; width: 32px;  height: 45px; vertical-align: sub;margin-left:5px;}
div.circle{background:#558ed5;width: 150px; height: 150px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color:#ffffff;text-align: center;position: relative;}
div.circle h2{font-size:26px; font-weight:700; color:#ffffff !important; padding:40px 0 0 0; margin:30px 0 0px 0 !important; line-height:40px !important;}
div.circle h3{font-size:16px; font-weight:400; color:#ffffff; padding:0; margin:0 !important; line-height:30px !important;}	 
#demobar{ background:#585858; padding:30px 0 0 0;}
#demobar h1{font-size:26px !important; color:#ffffff !important; font-weight:500; line-height:80px !important;margin-top:0;}
#demobar p{ line-height:80px !important;}
@media screen and (max-width: 400px) {
.banner {text-align:center; height:380px;}
.banner h1{font-size:25px;}
#slide23 .darkbg{margin-top:10px;}
#slide2.banner {text-align:center; height:710px;}
.navbar-brand{margin-left:10px;}
#slide3 ul{ text-align:center !important;}
.region.brand-dev-cta.hover{background:none; padding:0;}
.region.brand-dev-cta:before,.region.brand-dev-cta.hover:before{background:none; width:100%;}
.region.brand-dev-cta .mrmhover{background:#fff; padding-top:40px; padding-bottom:40px;}
.region.brand-dev-cta .addsolhover{padding-top:40px; padding-bottom:40px;}
.region.brand-dev-cta.hover .mrmhover{background:#ccc;}
.region.brand-dev-cta{padding:0;}
.second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;}
#sdkforall p {font-size:18px !important;}
.num p { padding:0px !important; line-height:32px !important;}
.numbered-circle {font-size: 130%;}
#demobar h1{ margin-bottom:0px;} 
div#about div#team span.bio{width:200px;}
.detail-box .desc{text-align:center;}
.feature-block .feature-desc{ height: 24em; padding:30px 10px;}
#analytics a.getstarted-btn{margin-top:30px;}
.dropdown-menu {background:none;border:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;float:none; list-style:outside circle;min-width:auto; padding:0 0 0 20px;margin: 0 0 0 30px;    position: static;    width: auto;}
.navbar-default .navbar-nav .dropdown-menu > li > a{color:#777;}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover{color:#777;color:#FF8D08;}
.dropdown-menu > li > a{padding:3px;}
.navbar-nav > li > a{padding:5px 15px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a.active{background:none; color:#FF8D08;}
.navbar-nav > li.visible-xs{text-align:center;}
.navbar-nav > li.visible-xs > a{display:inline-block; border:1px solid #FF8D08 !important; color:#FF8D08 !important; font-size:15px; line-height:20px;font-weight:300; margin:5px 0;}
.navbar-nav > li.saffron-btn > a{display:inline-block;  background:#FF8D08 !important;  border:1px solid #FF8D08 !important; color:#ffffff !important; font-size:15px; line-height:20px;font-weight:300; margin:5px 0;}
.navbar-nav > li.saffron-btn > a:hover, .navbar-nav > li.saffron-btn > a:focus, .navbar-nav > li.saffron-btn > a.active{display:inline-block;  background:none !important;  border:1px solid #FF8D08 !important; color:#FF8D08 !important; font-size:15px; line-height:20px;font-weight:300; margin:5px 0;}
#footer .join{ background:#333333; padding:5px 15px 20px 15px !important; margin:30px 0 20px 0 !important; border-radius: 0px;}
#footer .condition{display:block; margin:10px 0 0 0;}
.start-btn{font-size: 20px !important; font-weight: 600; line-height: 28px !important; padding: 10px !important; text-align: center; width:100% !important;}
.demo-btn{font-size: 18px !important; font-weight: 100; line-height: 28px !important; padding: 10px !important; text-align: center;  width:100% !important;}
}
@media screen and (min-width: 401px) and (max-width: 764px) {
.multi-column-dropdown li a{color:#fff;}
.banner#slide4{background:url(../images/banner_bg1iphone.gif) no-repeat center center #000000; background-size:100%;} 
.navbar-brand{margin-left:10px;}
#slide3 ul{ text-align:center !important;}
.banner {text-align:center;}
#slide2.banner .darkbg{margin-top:30px;}
#vid-nav,#vid-nav1{display:none;}
.second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;}
#sdkforall p {font-size:18px !important;}
.num p { padding:0px !important; line-height:32px !important;}
.numbered-circle {font-size: 130%;}
 .region.brand-dev-cta.hover{background:none; padding:0;}
.region.brand-dev-cta:before,.region.brand-dev-cta.hover:before{background:none; width:100%;}
.region.brand-dev-cta .mrmhover{background:#fff; padding-top:40px; padding-bottom:40px;}
.region.brand-dev-cta .addsolhover{padding-top:40px; padding-bottom:40px;}
.region.brand-dev-cta.hover .mrmhover{background:#ccc;}
.region.brand-dev-cta{padding:0;}
#slide2.banner .darkbg h1{margin:0;}
#demobar h1{ margin-bottom:0px;}
.detail-box .desc{text-align:center;}
.feature-block .feature-desc{ padding:30px 10px;}
/******************************* Use cases **************************/
.hero .carousel-indicators .col-sm-3, .hero .carousel-indicators .col-sm-4 {width: 10px;}
.hero .carousel-indicators {bottom: 250px;}
/* no change from bootstrap code */.hero .carousel-indicators li {background-color: #000 \9;background-color: rgba(0, 0, 0, 0);border: 1px solid #fff;border-radius: 10px;cursor: pointer;display: inline-block;height: 10px;margin: 1px;padding: 0;text-indent: -999px;width: 10px;}
.hero .carousel-indicators .active {background-color: #fff;height: 12px;margin: 0;width: 12px;}
.hero .carousel-indicators li .caption {display: none;}
.hero .carousel-inner .item {height: 600px;}
.hero .carousel-inner .item .carousel-card {background-position: 50% 0;height: 400px;width: 100%;}
.hero .carousel-caption {bottom: 0px;}
/******************************* Use cases **************************/
#footer .join{ background:#333333; padding:5px 15px 20px 15px !important; margin:30px 0 20px 0 !important; border-radius: 0px;}
.start-btn{font-size: 20px !important; font-weight: 600; line-height: 28px !important; padding: 10px !important; text-align: center; width:100% !important;}
.demo-btn{font-size: 18px !important; font-weight: 100; line-height: 28px !important; padding: 10px !important; text-align: center;  width:100% !important;}
}
@media (min-width: 765px) and (max-width: 991px) {
.saffron-btn a{padding: 0 5px;}
.navbar-nav > li > a{padding: 25px 5px;font-size: 12px;}
.navbar-brand{ padding: 20px 5px 20px 0;}
.banner#slide4{background:url(../images/banner_bg1ipadv.gif) no-repeat right center #000000;} 
#slide1.banner h1{margin:30px 0 0}
#slide4.banner h1{margin:30px 0 0}
.navbar-brand{margin-left:10px;}
.banner h1{font-size:33px; line-height:40px; margin:60px 0 0;}
.navbar-nav > li > a{padding: 10px 5px;font-size: 12px;}
.navbar-brand{ padding: 20px 30px 20px 0;}
.saffron-btn a{padding: 0 5px;}
#slide2.banner .darkbg h1{margin-top:0px;}
.banner p{font-size:18px; line-height:20px;}
.banner#slide1 .col-xs-7{padding-top:17px;}
.banner#slide4 .col-xs-7{padding-top:17px;}
#slide2.banner .darkbg{margin-top:70px;}
#ban3-img{margin-top:0px;}
.banner{height:420px;}
a.getstarted-btn{padding:0 10px;}
.banner a.getstarted-btn span.arrow{margin-left:10px;}
#use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;}
#use-cases .row{margin-left:-2px; margin-right:-2px;}
#use-cases{min-height:620px;}
.second-content .show-bubbletip{font-size:15px;margin: 0 20px 12px 0;}
#demobar h1{ margin-bottom:0px;}
#po1 .lightbg h1{margin:43px 0 44px;}
.saffron-btn a{padding:0 15px;}
.detail-box .desc{text-align:center;}
.feature-block .feature-desc{ height: 26em; padding:30px 10px;}
#ux a.getstarted-btn{margin-top:30px;}
#analytics a.getstarted-btn{margin-top:60px;}
.banner#slide3 .rbdr{height:400px;}
.hero .carousel-indicators li .caption {font-size: 17px;}
#footer ul li.header{font-size:17px;}
.start-btn{font-size: 20px !important; font-weight: 600; line-height: 28px !important; padding: 10px !important; text-align: center;}
.demo-btn{font-size: 18px !important; font-weight: 100; line-height: 28px !important; padding: 10px !important; text-align: center;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner#slide4{background:url(../images/banner_bg1_ipadh.gif) no-repeat right center #000000;} 
.feature-block .feature-desc{height: 23em; padding:30px 10px;}
#targeting .bg-darkgrey .getstarted-btn{margin-top:0px;}
#analytics .bg-darkgrey .getstarted-btn{margin-top:30px;}
#slide1.banner h1{margin:120px 0 0}
#slide4.banner h1{margin:120px 0 0}
.banner#slide3 .rbdr{height:400px;} 
.navbar-default .navbar-nav > li > a{margin-right:0px;}
.navbar-brand{padding:20px 5px;}
}
@media (min-width: 1200px) {
.banner h1{font-size:38px; line-height:61px; margin:90px 0 0;}
.banner h1 span{color:#FF8D08; font-size:38px;}
#slide3 h1{font-size:26px; line-height:50px;}
.banner#slide4 h1{margin:150px 0 0;} 
.banner#slide2 h1{margin:10px 0 10px;}
.banner#slide22 h1{margin:30px 0 10px;}
.banner#slideapps h1{margin:50px 0;}
.banner p{font-size:20px; line-height:30px;}
#ban3-img{margin-top:30px;}
.banner{height:658px;}
a.getstarted-btn,span.getstarted-btn{padding:0 20px;}
.banner a.getstarted-btn span.arrow{margin-left:20px;}
#use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;}
#use-cases{min-height:930px;}
#use-cases .row{margin-left:-2px; margin-right:-2px;}
.second-content .show-bubbletip{font-size:18px;margin: 0 20px 30px 0;}
.dropdown:hover .dropdown-menu {display: block;}
}

.title-bg{padding-top:1px; height:66px;}
.title-bg h1{font-size:28px !Important; border-top: solid 1px #f7f7f7;}


.carousel-control.left,.carousel-control.right{ background:none;}
[class^="uicon-"],[class*="uicon-"] {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;
background :url(../images/icon_usecases.png) no-repeat 0px 0px;}
.uicon-media{background-position: 0px 0px;}
.uicon-media:hover,.uicon-media.active{background-position: 0px -100px;}
.uicon-retail{background-position: -100px 0px;}
.uicon-retail:hover,.uicon-retail.active{background-position: -100px -100px;}
.uicon-publisher{background-position: -200px 0px;}
.uicon-publisher:hover,.uicon-publisher.active{background-position: -200px -100px;}
.vdivider{border-right:solid 1px #ffffff;}
.vdivider-blk{border-right:solid 1px #cccccc;}
/********************SDK icons***************************************/
[class^="icon-sdk-"],[class*="icon-sdk-"] {display: inline-block;width: 50px;height:50px;line-height: 50px;vertical-align: text-top;background :url(../images/sdk.png) no-repeat 0px 0px;}
[class^="icon-sdk-"]:hover,[class*="icon-sdk-"]:hover{cursor:pointer;}
.icon-sdk-ios{background-position: 0px 0px;}
.icon-sdk-ios:hover,.icon-sdk-ios.active{background-position: 0px -50px;}
.icon-sdk-android{background-position: -50px 0px;}
.icon-sdk-android:hover,.icon-sdk-android.active{background-position: -50px -50px;}
.icon-sdk-js{background-position: -100px 0px;}
.icon-sdk-js:hover,.icon-sdk-js.active{background-position: -100px -50px;}
/***************************************Use cases **************************************************/
.hero.container-fluid {padding: 0;}
.hero.container-fluid h1.title{font-size:38px !Important; line-height:56px!Important; margin-top:0 !Important; margin-bottom:30px;color:#333 !Important; text-align:center; padding-top:20px;}
.hero.container-fluid h1.title span{color:#FF8D08;font-weight:300 !important;font-size:38px !Important; }
.hero .item {margin:0px 0 50px 0 !important;}
.hero .message {background: #fdfdfd;color: #333; }
.hero .message:hover {color: #fff;}
.hero .message:active {color: #fff;opacity: 1;}
.hero a,p{text-shadow:none;}
.hero p{color:#666666; font-size:18px; font-weight:400; margin-bottom:0;}
.hero h1.message,.hero h1.message:hover {background: none;color: #313131;text-shadow:none;}
.hero ul {color:#ffffff !important; position: relative; margin: 20px 0; padding: 10px; background-color: #f4f4f4; border-radius: 5px; overflow: hidden; font-size: 21px; font-weight: bold;}
.hero ul:last-child { margin-bottom: 0; }
.hero ul:before, .hero ul:after { display: block; position: absolute; width: 20px; height: 20px; top: 0; right: 0; content: ""; }
.hero ul:before { border-top: solid 10px #fff; border-right: solid 10px #fff; border-left: solid 10px transparent; border-bottom: solid 10px transparent; }
.hero ul:after { border-bottom: solid 10px #EEEEEE; border-left: solid 10px #EEEEEE; border-right: solid 10px transparent; border-top: solid 10px transparent; border-radius: 0 0 0 5px; box-shadow: -1px 1px 5px #212835;}
.hero ul li{color: #333333 !important;font-size: 18px !important;line-height: 26px !important;padding:5px 3px; text-shadow:none; list-style-type:none; font-weight:300 !important;}
.hero ul li span{font-weight:400;}
.hero ul li small{color: #666666 !important; font-size: 14px !important;line-height: 18px !important;}
.hero h4{font-weight:600 !important; text-decoration:underline; padding-bottom:5px; list-style-type:none; color: #666 !important;font-size: 16px !important;text-shadow:none; padding-top:10px; }
.hero .carousel-indicators {bottom: -10px;left: 0;margin-left: 0;width: 100%;}
.hero .carousel-indicators li {border: none;border-radius: inherit;cursor: pointer;display: inline-block;height: 80px;margin: 0px;opacity: .9;text-indent: 0;border-top:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8; border-right:solid 1px #d8d8d8; line-height:80px;}
.hero .carousel-indicators li:last-child { border-right:none;}
.hero .carousel-indicators .col-sm-4 {width: 33.33333333333333%;}
.hero .carousel-indicators .col-sm-3 {width: 25%;}
.hero .carousel-indicators .col-sm-2 {width: 16.66666666666667%;}
.hero .carousel-indicators .active {height: 80px;opacity: 1;}
.hero .carousel-indicators li .caption {font-size: 14px; font-weight: 300; width: 100%; background:#FFFFFF!important;color: #666666;}
.hero .carousel-indicators li .caption:hover{ font-weight:600; color:#333333; position: absolute; background:#f7f7f7!important; opacity:1;}
.hero .carousel-indicators li.active .caption{font-size: 16px; font-weight:600; color:#333333;position: absolute; 
background:#dddddd!important; opacity:1;}
.hero .carousel-inner .item {height: 430px;}
.hero .carousel-inner .item .carousel-card {height: 500px;width: 100%;}
.hero .carousel-caption {bottom: 100px; width:100%; position:static;}
.hero .carousel-caption h1 {font-size: 26px; color:#333333; font-weight:500 !important; margin:0 0 20px 0;}
.hero .carousel-caption p{color:#666666; font-size:18px !important; font-weight:400; margin-bottom:0;}
/***************************************************************************************************/
/********************************* Benefits Bubbles **********************************************/
#benefits{background:url('../images/banner-benefits.png') 0 100px no-repeat; overflow:hidden; background-size: cover; margin:0px; padding:50px 0;}
#benefits h1{color:#333333; font-size:38px; font-weight:300; text-transform:none; line-height: 50px; margin-top:0px;}
#benefits h1 span{color:#FF8D08; font-size: 38px;font-weight: 300;}
#benefits p{color: #666666; font-size: 18px !important; font-weight: 400; margin-bottom: 50px;}
#bubbles { height: 420px; margin-top:60px; padding: 30px 0 100px 0; width:100%;}
.bubble { border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; display:inline-block;}
#bubbles .links{font-size:20px !important; clear:both; z-index:999;}
#bubbles a.btn-link{ display:inline-block; margin-top:60px !important; font-size:20px !important; color:#568ED5 !important; text-decoration:underline;}
#bubbles a.btn-link:hover{color:#000000 !important;}
.bubble h1{font-size:20px !important; color:#FFFFFF !important; line-height:28px !important; padding-top:36px !important; padding-bottom:0px !important; display:inline-block; font-weight:100 !important; text-transform:uppercase; text-align:center !important;}
.bubble p{font-size:24px !important; color:#FFFFFF; line-height:30px !important; padding:0 10px 10px 10px; font-weight:500 !important; text-transform:none; text-align:center !important; }
.bubble:hover h1,.bubble:hover p{ color:#ffffff;}
.x1 {
background: #568ED5; text-align:center !important; top:-20px !important; left:4% !important; width: 200px; height: 200px; -webkit-animation: sideWays 3s ease-in-out infinite alternate; -moz-animation: sideWays 3s ease-in-out infinite alternate; -o-animation: sideWays 3s ease-in-out infinite alternate; position:relative; }
.x2 {
background: #568ED5; text-align:center !important; top:0px !important; left:16% !important; width: 200px; height: 200px; -webkit-animation: sideWays 4s ease-in-out infinite alternate; -moz-animation: sideWays 4s ease-in-out infinite alternate; -o-animation: sideWays 4s ease-in-out infinite alternate;position:relative; }
.x3 {
background: #568ED5; display:inline-block; text-align:center !important; width: 200px; height: 200px; left:300px !important; -webkit-animation: sideWays 5s ease-in-out infinite alternate; -moz-animation: sideWays 5s ease-in-out infinite alternate; -o-animation: sideWays 5s ease-in-out infinite alternate; }
.x4 {
background: #B9BCBF; text-align:center !important; top:0px !important; left:10% !important; width: 200px; height: 200px; -webkit-animation: sideWays 4s ease-in-out infinite alternate; -moz-animation: sideWays 4s ease-in-out infinite alternate; -o-animation: sideWays 4s ease-in-out infinite alternate;position:relative; }
.x5 {
background: #B9BCBF;  text-align:center !important; top:0px !important; left:22% !important; width: 200px; height: 200px; -webkit-animation: sideWays 5s ease-in-out infinite alternate; -moz-animation: sideWays 5s ease-in-out infinite alternate; -o-animation: sideWays 5s ease-in-out infinite alternate;position:relative;}
.x6 {background: #B9BCBF; display:inline-block; text-align:center !important; width: 200px; height: 200px; left:350px !important; -webkit-animation: sideWays 3s ease-in-out infinite alternate; -moz-animation: sideWays 3s ease-in-out infinite alternate; -o-animation: sideWays 3s ease-in-out infinite alternate; }
.x7 { background:#A0AA88; display:inline-block; text-align:center !important; width: 200px; height: 200px; left:50px; -webkit-animation: sideWays 5s ease-in-out infinite alternate; -moz-animation: sideWays 5s ease-in-out infinite alternate; -o-animation: sideWays 5s ease-in-out infinite alternate; }
.x8 { background:#A0AA88; display:inline-block; text-align:center !important; width: 200px; height: 200px;  left:50px; -webkit-animation: sideWays 4s ease-in-out infinite alternate; -moz-animation: sideWays 4s ease-in-out infinite alternate; -o-animation: sideWays 4s ease-in-out infinite alternate;}
.x9 {background:#A0AA88; display:inline-block; text-align:center !important; width: 200px; height: 200px;  left:110px; -webkit-animation: sideWays 5s ease-in-out infinite alternate; -moz-animation: sideWays 5s ease-in-out infinite alternate; -o-animation: sideWays 5s ease-in-out infinite alternate;}
.x1:hover,.x2:hover,.x3:hover{ -moz-box-shadow: inset 0 0px 10px #333333; -webkit-box-shadow: inset 0 0px 10px #333333;box-shadow: inset 0 0px 2px #333333; cursor:pointer; border: solid 1px #296BBC;}
.x4:hover,.x5:hover,.x6:hover{ -moz-box-shadow: inset 0 0px 10px #333333; -webkit-box-shadow: inset 0 0px 10px #333333;box-shadow: inset 0 0px 2px #333333; cursor:pointer;  border: solid 1px #959A9F;}
.x7:hover,.x8:hover,.x9:hover{ -moz-box-shadow: inset 0 0px 10px #333333; -webkit-box-shadow: inset 0 0px 10px #333333;box-shadow: inset 0 0px 2px #333333; cursor:pointer; border: solid 1px #596777;}
@-webkit-keyframes sideWays {
0% { margin-left:4px; }
25% { margin-left:4px; }
50% { margin-left:5px; }
75% { margin-left:5px; }
}
@-moz-keyframes sideWays {
0% { margin-left:4px; }
25% { margin-left:4px; }
50% { margin-left:5px; }
75% { margin-left:5px; }



}
@-o-keyframes sideWays {
0% { margin-left:4px; }
25% { margin-left:4px; }
50% { margin-left:5px; }
75% { margin-left:5px; }
}
/********************************** new style **************************************/
#benefits .thumbnail{ min-height:150px; margin:50px 0; border-color:#999999; text-align:center; display:block;  }
#benefits .thumbnail:hover{ background:#ffffff; cursor:pointer; box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3); border:solid 1px #000000; }
#benefits a .title{font-size:16px !important; color:#999999 !important; line-height:28px !important; padding-top:25px !important; padding-bottom:0px !important; display:inline-block; font-weight:100 !important; text-transform:uppercase; text-align:center !important;}
#benefits a .subtitle{font-size:20px !important; color:#000000; line-height:30px !important; padding:5px; font-weight:300 !important; text-transform:none; text-align:center !important; }
#benefits a small{display:inline-block; font-size:13px !important; color:#428bca; line-height:18px !important; padding:15px 0 !important; font-weight:300 !important; text-transform:none; text-align:center !important; }
#benefits .thumbnail:hover small span{padding-left: 3px !important;}
#benefits h2{font-size: 22px; color: #000000; font-weight: 400; line-height: 42px; margin: 0px 0 10px 0;  text-align:center;}
/*--------------------------------------------------------------------------------------*/
.secpricing .thumbnail{ min-height:360px; margin:40px 0 20px 0; padding:1px; border-color:#bbbbbb; text-align:center; display:block; border-radius:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVQImWN49+7dfwZkAAA6pAPKfbC7DwAAAABJRU5ErkJggg==) repeat #ffffff;}
.secpricing .thumbnail:hover{ background:#ffffff; cursor:pointer; box-shadow: 0px 1px 5px #666666; border:solid 1px #666666; }
.secpricing a .title{font-size:22px !important; color:#000000 !important; line-height:30px !important; padding:20px 0; display:block; font-weight:600 !important; text-transform:capitalize; text-align:center !important; }
.secpricing a:hover .title{font-weight:600 !important;}
.secpricing a .desc{font-size:14px !important; color:#666666 !important; line-height:20px !important; margin:0 0 25px 0; padding:10px 0 10px 0; display:block; font-weight:100 !important; text-align:center !important;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(0.40, #dddddd), color-stop(0.60, #dddddd), to(#ffffff)); 
background: -webkit-linear-gradient(left, #ffffff, #dddddd, #dddddd, #ffffff); 
background: -moz-linear-gradient(left, #ffffff, #dddddd, #dddddd, #ffffff);
background: -ms-linear-gradient(left, #ffffff, #dddddd, #dddddd, #ffffff);
background: -o-linear-gradient(left, #ffffff, #dddddd, #dddddd, #ffffff);
}
.secpricing a .subtitle{font-size:16px !important; color:#000000; line-height:30px !important; padding:15px 0 5px 0; font-weight:400 !important; text-transform:none; text-align:center !important; }
.secpricing a .list{min-height:80px; position:relative; width:65%; margin:0 auto; text-align:left;}
.secpricing a .list.extra{min-height:170px; }
.secpricing a .list ul{list-style-type:disc; margin:0; padding:5px 0px 0 55px;}
.secpricing a .list ul li{font-size:16px; color:#666666; line-height:30px; font-weight:100; text-align:left; padding:0 0 0 10px}
.secpricing .thumbnail:hover .subtitle, .secpricing .thumbnail:hover .list ul li{color:#000000;}
.secpricing a small{display:inline-block; font-size:14px !important; color:#ff8f08; line-height:18px !important; padding:10px !important; font-weight:400 !important; text-transform:none; text-align:center !important; background:#ffffff; margin:0 auto; width:80%; border:solid 1px #ff8d08;}
.secpricing a small b{font-size:28px; font-weight:600; margin-left:2px; display:inline-table;} 
.secpricing .discount{font-size:18px !important; font-weight:100; color:#333333; display:block; text-transform:uppercase; margin-top:20px; }
.secpricing .discount b{font-weight:600; color:#333333;}
.secpricing .discount b.box{border:dashed 1px #000000; padding:2px 10px; background:#fdfdfd; color:#000000; font-weight:600;}
.secpricing .thumbnail:hover small{color:#ffffff; background:#ff8f08; border:solid 1px #ff8d08; font-weight:600 !important;}
.secpricing .thumbnail:hover small span{padding-left: 3px !important; color:#FF8D08; }
.secpricing h2{font-size: 22px; color: #000000; font-weight: 400; line-height: 42px; margin: 0px 0 10px 0;  text-align:center;}
@media screen and (max-width: 400px) {
.secpricing .discount .block{display:block; margin-top:10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.secpricing .thumbnail{ min-height:400px;}
.secpricing a .list ul{padding:5px 0px 0 35px;}
.secpricing a .title{padding:10px 0; min-height:60px;}
.secpricing a .desc{height:60px; margin-top:0;}
.secpricing a .subtitle{padding:20px 2px 10px 2px;}
.secpricing a .list{width:90%; min-height:50px; }
.secpricing a .list.extra{min-height:170px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.secpricing a .list ul{padding:5px 0px 0 35px;}
.secpricing a .title{padding:10px 0; min-height:80px;}
}
/***************************************************************************************************/
.social-btn{display:block; position:fixed; right:0; top:-4px; z-index:1034; padding-right:20px;}
.social-btn a{display:inline-block; line-height:40px;font-size:13px; text-transform:uppercase;}
#developers-banner1 {/*background:url(../images/bg6.png); */ border-top:1px solid #e2e3e6;border-bottom:1px solid #e2e3e6; height:660px; }
#developers-banner1 h1{color: #FF8D08;background: url("../images/use-cases-title-bg.jpg") no-repeat scroll center 60px transparent;line-height: 62px !important; margin: 20px 0 0px 0; font-size:38px; font-weight:600 !important;text-shadow:none;}
#developers-banner1 h2{color:#333333; font-weight:600; font-size:26px; margin: 0 0 40px 0;/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); */ text-shadow:none;}
#developers-banner1 h2 span{font-weight:bold; font-size:34px; line-height:36px;}
#developers-banner1 .vpad{height:4px;}
#developers-banner1 .animate{margin:0 auto;}
@media (min-width: 768px) and (max-width: 991px) {
#developers-banner1{min-height:620px;}
}
[class^="icon-usecase-"],[class*="icon-usecase-"] {display: inline-block;width: 128px;height: 128px;line-height: 128px;vertical-align: text-top;background :url(../images/icon-usecases.png) no-repeat 0px 0px;}
.icon-usecase-publishers{background-position: 0px 0px;}
.icon-usecase-publishers:hover,.icon-usecase-publishers.active{background-position: 0px -128px;}
.icon-usecase-developers{background-position: -128px 0px;}
.icon-usecase-developers:hover,.icon-usecase-developers.active{background-position: -128px -128px;}
.icon-usecase-retailers{background-position: -256px 0px;}
.icon-usecase-retailers:hover,.icon-usecase-retailers.active{background-position: -256px -128px;}
  /****************************************ABOUT US*************************************************/
#about .item {height: 520px; background: #ffffff; padding-top:1px; border-bottom:solid 1px #dddddd;}
#about .item h3{color: #313131;font-size: 18px;font-weight: 600;margin:20px 0 10px 0; text-align:center;}
#about .item h4{color:#333333; text-align:center; font-size: 14px; margin-bottom: 30px;}
#about .item div.photo{background:#DDDDDD; text-align:center; cursor:pointer; margin:10px;}
#about .item div.bio{margin:0 20px;}
#about .item a {text-decoration: none; }
#about .item p{ font-size:13px !important; line-height:22px !important; color:#666666; text-align:justify;font-weight: normal; font-weight: 200; }
#about .item .desc{position: relative; }
@media screen and (max-width: 400px) {
#benefits{background-position:center center; background-size: cover; margin:30px 0;}
#benefits h1{font-size:28px;}
#benefits .thumbnail{margin:20px 0;}
#about .item {height: 570px;}
}
@media (min-width: 401px) and (max-width: 767px) {
#benefits{background-position:center center; background-size: cover; margin:30px 0;}
#benefits .thumbnail{margin:20px 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
#benefits{background-position:center center; background-size: cover; margin:50px 0;}
#benefits .thumbnail{margin:20px 0;}
#benefits a .title{font-size:16px !important; line-height:22px !important; padding-top:30px !important; }
#benefits a .subtitle{font-size:18px !important; color:#313131; line-height:30px !important; padding:5px; font-weight:600 !important;}
#about .item {height: 600px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
#benefits{background-position:center center; background-size: cover; margin:50px 0;}
#benefits .thumbnail{margin:20px 0;}
#benefits a .title{font-size:18px !important; line-height:22px !important; padding-top:26px !important; }
#benefits a .subtitle{font-size:22px !important; color:#313131; line-height:30px !important; padding:5px; font-weight:600 !important;}
}
.form-control:-moz-placeholder {color: #cccccc;}
.form-control::-moz-placeholder {color: #cccccc;}
.form-control:-ms-input-placeholder {color: #cccccc;}
.form-control::-webkit-input-placeholder {color: #cccccc;}
/*******************************************************************************************************/
.navbar-default {background: rgba(255, 255, 255, 0) none repeat scroll 0 0; border: medium none; position: absolute; width: 100%;}
.navbar-default .navbar-nav > .dropdown > a .caret { border-bottom-color: #fff; border-top-color: #fff; }
.navbar-default .navbar-nav > .dropdown > a .caret:hover, .navbar-default .navbar-nav > .dropdown > a .caret.active, .navbar-default .navbar-nav > .dropdown > a .caret:focus,.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a.active .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-bottom-color: #FF8D08; border-top-color: #FF8D08;}
.saffron-btn a { background: #FF8D08 none repeat scroll 0 0; color: #ffffff !important; display: inline-block; font-size: 13px; font-weight: 700; line-height: 60px; padding: 0 25px; text-transform: uppercase; }
.navbar ul.external {position: absolute; right: 10px; top: 0px}
/******************* drop down menu with 3 column ********************/
.dropdown-menu {min-width: 200px; padding:10px;}
.dropdown-menu.columns-2 {min-width: 450px;}
.dropdown-menu.columns-3 {min-width: 675px;}
.dropdown-menu.columns-2 li ul.multi-column-dropdown{width:49%; float:left !important;}
.dropdown-menu.columns-3 li ul{width:33%; float:left !important;}
.dropdown-menu li a {padding: 5px;font-weight: 300;}
.multi-column-dropdown {list-style: none; padding-left:10px;}
.multi-column-dropdown li a {display: block;clear: both;line-height: 1.428571429;color: #333;white-space: normal;}
.multi-column-dropdown li a:hover,.multi-column-dropdown li a.active {text-decoration: none;color: #FF8D08;background-color: #f5f5f5;}
@media (max-width: 767px) {
.dropdown-menu.multi-column {min-width: 240px !important;overflow-x: hidden; margin:0; padding:0 15px;}
.multi-column-dropdown li a {color: #fff;white-space: normal;}
.multi-column-dropdown li a:hover,.multi-column-dropdown li a.active {text-decoration: none;color: #FFF; background:none;}
.dropdown-menu{list-style:none;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff;}
.navbar ul.external{position:static;}
.navbar-collapse.in{background:#333;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.dropdown-menu.columns-3 {min-width: 575px; margin-left:-50px;}
}
@media (min-width: 765px) and (max-width: 991px) {
	.dropdown-menu.columns-3 {min-width: 575px; margin-left:-200px;}
}
.tool-icons .icon{display:block;background-repeat:no-repeat;height:25px;width:35px;background-image: url("../images/tapcliq-opinion-driven-personalization.png"); margin:0 auto; }
/************************************************* tools icons ****************************************************/
.tool-icons .user-insight.black .icon {background-position: -70px -150px; }
.tool-icons .user-insight.black a:hover .icon,.tool-icons .user-insight.blue .icon, .tool-icons .user-insight.black.active a .icon {background-position: -70px -200px; }
.tool-icons .user-opinion.black .icon {background-position: -245px -150px; }
.tool-icons .user-opinion.black a:hover .icon ,.tool-icons .user-opinion.blue .icon, .tool-icons .user-opinion.black.active a .icon {background-position: -245px -200px;}
.tool-icons .user-opinion.orange .icon {background-position: -245px -200px;}
.tool-icons .segmentation.black .icon {background-position: -70px -75px; }
.tool-icons .segmentation.black a:hover .icon,.tool-icons .segmentation.blue .icon, .tool-icons .segmentation.black.active a .icon {background-position: -70px -125px;}
.tool-icons .segmentation.orange .icon {background-position: -70px -125px;}
.tool-icons .automation.black .icon {background-position: -175px -225px;}
.tool-icons .automation.black a:hover .icon, .tool-icons .automation.orange .icon, .tool-icons .automation.black.active a .icon {background-position: -175px -275px; }
.tool-icons .automation.orange .icon {background-position: -175px -275px; }
.tool-icons .rich-banner.black .icon {background-position: -105px -0px; }
.tool-icons .rich-banner.black a:hover .icon,.tool-icons .rich-banner.blue .icon, .tool-icons .rich-banner.black.active a .icon {background-position: -105px -50px;}
.tool-icons .rich-banner.orange .icon {background-position: -105px -50px;}
.tool-icons .rich-text.black .icon {background-position: -140px -0px; }
.tool-icons .rich-text.black a:hover .icon,.tool-icons .rich-text.blue .icon, .tool-icons .rich-text.black.active a .icon {background-position: -140px -50px; }
.tool-icons .rich-text.orange .icon {background-position: -140px -50px; }
.tool-icons .question-banner-combo.black .icon {background-position: -70px -0px;}
.tool-icons .question-banner-combo.black a:hover .icon,.tool-icons .question-banner-combo.blue .icon, .tool-icons .question-banner-combo.black.active a .icon {background-position: -70px -50px;}
.tool-icons .question-banner-combo.orange .icon {background-position: -70px -50px;}
.tool-icons .push-notification.black .icon {background-position: -210px -0px; }
.tool-icons .push-notification.black a:hover .icon,.tool-icons .push-notification.blue .icon, .tool-icons .push-notification.black.active a .icon {background-position: -210px -50px;}
.tool-icons .push-notification.orange .icon {background-position: -210px -50px;}
.tool-icons .feedback.black .icon {background-position: -210px -150px;}
.tool-icons .feedback.black a:hover .icon, .tool-icons .feedback.blue .icon, .tool-icons .feedback.black.active a .icon {background-position: -210px -200px;}
.tool-icons .feedback.orange .icon {background-position: -210px -200px;}
.tool-icons .rating.black .icon {background-position: -35px -225px;}
.tool-icons .rating.black a:hover .icon, .tool-icons .rating.blue .icon,.tool-icons .rating.black.active a .icon {background-position: -35px -275px; }
.tool-icons .rating.orange .icon {background-position: -35px -275px; }
.tool-icons .decision-tree-survey.black .icon {background-position: -315px -0px; }
.tool-icons .decision-tree-survey.black a:hover .icon,.tool-icons .decision-tree-survey.blue .icon, .tool-icons .decision-tree-survey.black.active a .icon {background-position: -315px -50px; }
.tool-icons .decision-tree-survey.orange .icon {background-position: -315px -50px; }
.tool-icons .research.black .icon {background-position: -210px -225px;}
.tool-icons .research.black a:hover .icon, .tool-icons .research.blue .icon, .tool-icons .research.black.active a .icon {background-position: -210px -275px;}
.tool-icons .research.orange .icon {background-position: -210px -250px;}
.tool-icons .connected.black .icon {background-position: -315px -225px;}
.tool-icons .connected.black a:hover .icon, .tool-icons .connected.blue .icon, .tool-icons .connected.black.active a .icon {background-position: -315px -275px;}
.tool-icons .connected.orange .icon {background-position: -315px -250px;}
.tool-icons .message-wall.black .icon {background-position: -140px -225px;}
.tool-icons .message-wall.black a:hover .icon, .tool-icons .message-wall.orange .icon, .tool-icons .message-wall.black.active a .icon {background-position: -140px -275px;}
.tool-icons .message-wall.orange .icon {background-position: -140px -275px; }
.tool-icons .bots.black .icon {background-position: -280px -225px;}
.tool-icons .bots.black a:hover .icon, .tool-icons .bots.orange .icon, .tool-icons .bots.black.active a .icon {background-position: -280px -275px;}
.tool-icons .bots.orange .icon {background-position: -280px -275px; }
.tool-icons .platform.black .icon {background-position: -35px -300px;}
.tool-icons .platform.black a:hover .icon, .tool-icons .platform.orange .icon, .tool-icons .platform.black.active a .icon {background-position: -35px -350px;}
.tool-icons .platform.orange .icon {background-position: -35px -325px; }

.tool-icons .webbots.black .icon {background-position: -105px -300px;}
.tool-icons .webbots.black a:hover .icon, .tool-icons .webbots.orange .icon, .tool-icons .webbots.black.active a .icon {background-position: -105px -350px;}
.tool-icons .webbots.orange .icon {background-position: -105px -325px; }

.tool-icons .appbots.black .icon {background-position: -140px -300px;}
.tool-icons .appbots.black a:hover .icon, .tool-icons .appbots.orange .icon, .tool-icons .appbots.black.active a .icon {background-position: -140px -350px;}
.tool-icons .appbots.orange .icon {background-position: -140px -325px; }

.tool-icons .chatbots.black .icon {background-position: -175px -300px;}
.tool-icons .chatbots.black a:hover .icon, .tool-icons .chatbots.orange .icon, .tool-icons .chatbots.black.active a .icon {background-position: -175px -350px;}
.tool-icons .chatbots.orange .icon {background-position: -175px -325px; }

.tool-icons .black a:hover, .tool-icons .black.active a{color:#FF8D08;}
/*************************************************************************************************************/
#slide-tools{margin-bottom:0px; overflow:hidden; position:relative;}
#slide-tools h1{ color:#333333; font-size:38px !important; font-weight:100 !important; margin:0; padding:15px 0; line-height:40px;}
#slide-tools h1 span{ color:#FF8D08; font-weight:100;}
.all-tools{padding:40px 0;}
.all-tools .tool-group {border-left: solid 2px #dddddd; height:auto;}
.all-tools .tool-group:first-child{border:none;}
.all-tools .tool-group:nth-child(1){width:20%;}
.all-tools .tool-group:nth-child(2){width:20%;}
.all-tools .tool-group:nth-child(3){width:20%;}
.all-tools .tool-group:nth-child(4){width:14%;}
.all-tools ul {clear: both; list-style: outside none none; margin: 0px; padding-left:0; padding:15px;}
.all-tools .tool-icons div{margin:0 10px; display:inline-block;}
.all-tools  a{cursor:pointer; color:#666666; font-size: 16px; font-weight:100;}
.all-tools  a:hover{cursor:pointer; color:#00B0F0; }
.all-tools a h5{font-size: 22px; color:#000000; font-weight: 500; line-height: 30px; margin-bottom:25px; }
.all-tools a:hover h5{color:#999999; }
hr.style18 { border: 0; height:2px; margin:10px 0 30px 0; position:relative; background: -moz-linear-gradient(left, rgba(153,153,153,0) 0%, rgba(153,153,153,0) 10%, rgba(153,153,153,0.65) 50%, rgba(153,153,153,0) 90%, rgba(153,153,153,0) 100%); 
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0)), color-stop(10%,rgba(153,153,153,0)), color-stop(50%,rgba(153,153,153,0.65)), color-stop(90%,rgba(153,153,153,0)), color-stop(100%,rgba(153,153,153,0))); 
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* IE10+ */
background: linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
hr.style18:before { content: ""; display: block; border-top: solid 1px #f9f9f9; width: 100%; height: 4px; position: absolute; top: 50%; z-index: 1; }
/************************************************* arrows ****************************************************/
[class^="icon-arrow-"],[class*=" icon-arrow-"]{display:block;background-repeat:no-repeat; height:50px;width:30px;background-image: url("../images/arrow.png"); position:absolute; }
.icon-arrow-left{background-position: -0px -50px; }
.icon-arrow-right{background-position: -30px -50px;}
#sec-demo{padding:65px 0 60px 0; background:/*#52CA86 #183C5E;*/ url(../images/banner-signup.jpg) 0 0 #000000; height:300px;  background-size: cover;}
#sec-demo h1{font-size:38px !Important; color:#ffffff !important; font-weight:100 !important; margin:0 0 40px 0 !important; line-height: 38px !important;}
.icon-true{width:56px; height:56px; margin-left: -30px; margin-right: 20px;}
.start-btn{background: #FF8D08; border: 1px solid #FF8D08; color: #ffffff !important; font-size: 24px; font-weight: 100; line-height: 38px; padding: 23px 50px; text-align: center;}
.start-btn:hover{background: #ffffff; cursor:pointer; color: #FF8D08 !important;}
.demo-btn{background: transparent ; border: 1px solid #eeeeee; color: #ffffff !important; display: inline-block; font-size: 24px; font-weight: 100; line-height: 38px; padding: 20px 60px; text-align: center;}
.demo-btn:hover{background:#f8f8f8 !important; border: 1px solid #999999; color: #666666 !important; cursor:pointer;}
/*-------------Back to top button-------------------*/
#back-top {position: fixed;bottom: 30px;right:30px;/*margin-left: -150px;*/}
#back-top a {width: 70px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width: 40px;height: 40px;display: block;margin-bottom: 7px;background: #ddd url(../images/up-arrow.png) no-repeat center center;/* rounded corners */-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;margin-left:15px;}
#back-top a:hover span {background-color: #777;}

@media screen and (max-width: 401px){
	#carousel-lifecycle,#carousel-lifecycle .item, #carousel-lifecycle .item.active,#carousel-lifecycle .message h3{margin-top:0px;}
	a.getstarted-btn, span.getstarted-btn{padding:0 10px;}
	#bubbles{ padding:0;}
	.x1,.x2,.x4,.x5{width:120px; height:120px;}
	.bubble h1{font-size:11px!Important; padding-top:26px!Important; line-height:20px !important; margin:0;}	
	.bubble p{ font-size:16px !important; line-height:20px !important; font-weight:400 !important; padding:0 !important;}
	#bubbles a.getstarted-btn{ display:inline-block; margin-top:30px !important;}
	#carousel-lifecycle .carousel-indicators{position:relative !important; left:0 !important; top:0 !important; width:100% !important;}	
	#carousel-lifecycle ol.carousel-indicators li{ width:16%;}	
	
	#sec-demo{padding:40px 0 60px 0; background:/*#52CA86 #183C5E;*/ url(../images/banner-signup.jpg) 0 0 #000000; height:300px;  background-size: cover;}
	#sec-demo h1{font-size:30px !Important; color:#ffffff !important; font-weight:100 !important; margin:0 0 40px 0 !important; line-height: 38px !important;}
	.icon-true{height: 36px; line-height: 48px; margin-left: -10px; margin-right: 0; width: 36px;}
	.start-btn{background: #FF8D08 none repeat scroll 0 0; border: 1px solid #FF8D08; color: #ffffff !important; display: inline-block; font-size: 24px; font-weight: 100; line-height: 38px; padding: 6px !important; text-align: center;}
	.start-btn:hover{background: #ffffff; cursor:pointer; color: #FF8D08 !important;}
	#slide-lifecycle .links,#bubbles .links, #slide-lifecycle a.btn-link,#bubbles a.btn-link{font-size:14px !important; margin-top: 20px !important;}
	.all-tools .tool-group{width:100% !important; border-top:solid 1px #dddddd;}
}
@media screen and (min-width: 402px) and (max-width: 411px) {
	#sec-demo{padding:40px 0 60px 0; background:/*#52CA86 #183C5E;*/ url(../images/banner-signup.jpg) 0 0 #000000; height:300px;  background-size: cover;}
	#sec-demo h1{font-size:34px !Important; color:#ffffff !important; font-weight:100 !important; margin:0 0 40px 0 !important; line-height: 38px !important;}
	.icon-true{height: 36px; line-height: 48px; margin-left: -30px; margin-right: 10px; width: 36px;}
	.start-btn{background: #FF8D08 none repeat scroll 0 0; border: 1px solid #FF8D08; color: #ffffff !important; display: inline-block; font-size: 24px; font-weight: 100; line-height: 38px; padding: 6px !important; text-align: center;}
	#bubbles a.getstarted-btn{ display:inline-block; margin-top:30px !important;}	
	#slide-lifecycle .links,#bubbles .links, #slide-lifecycle a.btn-link,#bubbles a.btn-link{font-size:14px !important;}
	.x1,.x2,.x4,.x5{width:140px !important; height:140px !important;}
	.x2{left:10% !important;}
}
@media screen and (min-width: 411px) and (max-width: 767px) {
	.all-tools .tool-group{width:100% !important; border-top:solid 1px #dddddd;}
	#carousel-lifecycle,#carousel-lifecycle .item, #carousel-lifecycle .item.active,#carousel-lifecycle .message h3{margin-top:0px;}
	#bubbles{padding:0;}
	.x1,.x2,.x4,.x5{width:120px; height:120px;}
	.bubble h1{font-size:13px!Important; padding-top:26px!Important; line-height:24px !important; margin:0;}	
	.bubble p{ font-size:16px !important; line-height:20px !important; font-weight:400 !important; padding:0 !important;}
	#carousel-lifecycle .carousel-indicators{position:relative !important; left:0 !important; top:0 !important; width:100% !important;}	
	#carousel-lifecycle ol.carousel-indicators li{ width:16%;}	
	#sec-demo{padding:40px 0 60px 0; background:/*#52CA86 #183C5E;*/ url(../images/banner-signup.jpg) 0 0 #000000; height:300px;  background-size: cover;}
	#sec-demo h1{font-size:34px !Important; color:#ffffff !important; font-weight:100 !important; margin:0 0 40px 0 !important; line-height: 38px !important;}
	.icon-true{height: 36px; line-height: 48px; margin-left: -30px; margin-right: 10px; width: 36px;}
	.start-btn{background: #FF8D08 none repeat scroll 0 0; border: 1px solid #FF8D08; color: #ffffff !important; display: inline-block; font-size: 24px; font-weight: 100; line-height: 38px; padding: 6px !important; text-align: center;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.all-tools .tool-icons div{margin-bottom:10px;}
	#carousel-lifecycle .item, #carousel-lifecycle .item.active{min-height:200px;}
	#carousel-lifecycle{margin-top:50px;}
	#carousel-lifecycle .item, #carousel-lifecycle .item.active{margin-top:0px;}
	#bubbles{padding:40px;}
	.x1,.x2,.x4,.x5{left:0!Important;}
	.all-tools .tool-group{height:175px;}
	.bubble h1{font-size:14px!Important; padding-top:36px!Important; line-height:16px !important;}
	.bubble p{ font-size:18px !important; line-height:24px !important; font-weight:400 !important;}
	.icon-true{height: 40px; margin-left: -40px; margin-right: 20px; margin-top: -2px; width: 40px; }
	.start-btn{background: #FF8D08 none repeat scroll 0 0; border: 1px solid #FF8D08; color: #ffffff !important; font-size: 24px; font-weight: 100; padding: 9px 30px 11px 60px 	!important; text-align: center; }
}	
@media (min-width: 992px) and (max-width: 1199px) {
	.all-tools .tool-icons div{margin-bottom:10px;}
	.all-tools .tool-group{height:175px;}
}
/********************************************************* Pricing table *******************************************************************/
.secpricing{padding:60px 0 !important;}
.secpricing h1{font-size:38px !Important; line-height:56px!Important; margin:0 0 20px 0 !important; color:#313131;}
.secpricing h1 span{color:#FF8D08; font-weight:300 !important;font-size:38px !Important; }
.secpricing p{color: #313131; font-size: 16px !important; font-weight: 400; margin: 10px 0;}
.pricing-header {color: #fc7239; font-size: 28px; font-weight: bold; letter-spacing: .4em; text-align: center; margin: 1.1em 0; }
.pricing-table,.pricing-table2 {width: 100%; padding: 10px; margin: 0 auto;}
.pricing-table tbody,.pricing-table2 tbody { border: none !important; }
.pricing-table td, .pricing-table2 td { border: 0px; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; text-align: center; color: #7f8897; }
.pricing-table td.gray, .pricing-table td.gray-2, .pricing-table td.savings {width: 24%;}
.pricing-table2 td.gray, .pricing-table2 td.gray-2, .pricing-table2 td.savings {width: 15%;}
.pricing-rate{ font-size: 28px; font-weight:500;}
.pricing-table a, .pricing-table2 a{display:block;}
.pricing-table a:hover, .pricing-table2 a:hover{text-decoration:underline;}
.secpricing a .tbl{margin-bottom:30px;}
.secpricing a:hover .tbl{text-decoration:none; box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);}
td.gray {background-color: #F9F9F9; border-bottom: 1px solid #dddddd; font-size: 18px; padding: 20px; border-left:solid 1px #dddddd; font-weight: 100;}
td.gray-2 {background-color: #F9F9F9; border-bottom: 1px solid #dddddd; font-size: 18px; padding: 20px; border-left:solid 1px #dddddd; font-weight: 100;}
td.savings { background-color: #FFFFFF; border-bottom: 1px solid #dddddd; font-size: 18px; padding: 20px; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; font-weight: 400; color:#000000;}
td.table-header {background:#FFFFFF; color: #428bca; font-weight: 400; text-align: left; font-size: 18px; padding: 20px 10px !important;border-left:solid 1px #dddddd;}
.pricing-table .topper-1, .pricing-table2 .topper-1  {background-color: #AAAAAA; border: 1px solid #dddddd; font-size: 1.4em; }
.pricing-table .topper-2, .pricing-table2 .topper-2 { background-color: #AAAAAA; border: 1px solid #dddddd; font-size: 1.4em; }
.pricing-table .topper-3, .pricing-table2 .topper-3 { background-color: #568ED5; border: 1px solid #dddddd; font-size: 1.4em; }
.pricing-table .table-topper td, .pricing-table2 .table-topper td { border-top: none !important; text-align: center; color: #FFF; font-size: 1.4em; text-transform: none; font-weight: normal; padding: 20px; }
p.pricing-table, p.pricing-table2 { color: #fc7239; font-size: 1.1em; font-weight: bold; text-align: center; margin: 1.3em auto 1.1em; }
.whitespace { height: 10px; clear: both; }
.label .glyphicon {margin-right: 5px; }
.pricing-disc {text-align: center; margin: 20px auto 10px;}
.dark-text {color: #3a455c; font-size: 22px;}
.saving-text {color: #000000;}
.banner-box {width: 100%; text-align: center; background-color: #f6f7f8; padding: 1.25em 0; margin: 18px 0;}
.banner-box a {color: #21314a; font-weight: 600;}
.pricing-note1{color:#7f8897; font-size:13px;}
.pricing-note2{color:#993300; font-size:13px; font-weight:normal; line-height:13px !important;}
.full-pricing{font-size: 28px; padding: 20px 0 10px 0; border:none !important;}
.full-pricing a.btn-link{font-size:16px; color:#568ED5; font-weight:100;}
.full-pricing a.btn-link:hover{font-size:16px; color:#000000; font-weight:100;}
.full-pricing a, .full-pricing a:hover{text-decoration:none; display:inline-block;}
@media screen and (max-width: 401px){
td.table-header { color: #428bca; font-weight: 600; text-align: left; font-size: 13px; padding: 10px 5px !important; }
td.gray, td.gray-2, td.savings {padding:10px 5px; font-size:13px;}
.pricing-table .table-topper td, .pricing-table2 .table-topper td { font-size: 13px; text-transform: none; font-weight: bold; padding: 6px 2px; }
.pricing-rate{ font-size: 18px; font-weight:500;}
.pricing-note1{font-size:12px; font-weight:100 !important;}
.pricing-note2{font-size:10px; font-weight:100 !important;}
.full-pricing{padding: 20px 0;}
.dark-text {font-size: 14px; color:#000000;}
}
@media screen and (min-width: 402px) and (max-width: 767px) {
td.table-header { color: #428bca; font-weight: 600; text-align: left; font-size: 13px; padding: 10px 5px !important; }
td.gray, td.gray-2, td.savings {padding:10px 5px; font-size:13px;}
.pricing-table .table-topper td, .pricing-table2 .table-topper td { font-size: 13px; text-transform: none; font-weight: bold; padding: 6px 2px; }
.pricing-rate{ font-size: 18px; font-weight:500;}
.pricing-note1{font-size:12px; font-weight:100;}
.pricing-note2{font-size:10px; font-weight:100 !important;}
.full-pricing{padding: 20px 0; }
.dark-text {font-size: 14px; color:#000000;}
}
@media (min-width: 768px) and (max-width: 991px) {
.full-pricing{padding: 0 0 20px 0; font-size: 24px; margin:0 !important;}
td.table-header { color: #428bca; font-weight: 400; text-align: left; font-size: 16px; padding: 10px 5px !important; }
.pricing-table2 .table-topper td { font-size: 16px; font-weight: 100; padding: 10px 5px; }
}	
@media (min-width: 992px) and (max-width: 1199px) {
}
/*************************************************************************************************************/
/********************************** Home page blog section ***************************************************/
#secblog {margin:0; text-align:center; }
#secblog h1{color:#333333; font-size:38px !important; font-weight:300; text-transform:none; line-height: 56px; margin-top:0px;}
#secblog h1 span{color:#FF8D08; font-size: 38px;}
#secblog p{color: #313131; font-size: 18px !important; font-weight: 400; margin: 10px 10px 40px 10px;}
#secblog a:hover .box{box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);}
#secblog .box{ min-height:370px; background:#ffffff; box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2); width:22.5%; margin:1%; float:left;}
#secblog .box .heading{ font-size:20px; font-weight:300; line-height:30px; padding:10px; background: #f7f7f7; color:#000000; text-align:center; border-bottom:solid 1px #dddddd;}
#secblog .box .photo{padding:1px 0; margin:0; text-align:center; height:162px;}
#secblog .box .photo img{}
#secblog .box .content{ font-size:16px; font-weight:100; line-height:28px; padding:10px 15px; background: #ffffff; color:#666666; height:100px; overflow:hidden; text-align:left;}
#secblog .box .morelink{ font-size:14px; font-weight:400; line-height:20px; padding:10px 20px; text-align:right; float:right; }
#secblog .box .morelink:hover{color:#000000;}
.blog-signup .form-group{width:100%; text-align:center;}
.blog-signup .form-control{border-radius:0 !important; height:48px; line-height:48px; padding:5px 10px !important; margin:0px 0 10px 0;}
.blog-signup .getstarted-btn{background:#FF8D08; border:1px solid #FF8D08 !important; color:#ffffff !important; font-size:28px; line-height:36px; font-weight:300; text-align:center; padding:10px 40px; vertical-align:top; border-radius:0 !important; }
.blog-signup .getstarted-btn:hover{background:#ffffff !important; border:1px solid #FF8D08 !important; color:#FF8D08 !important; cursor:pointer;}
.blog-signup label.error {background:none; color: red !important; padding: 1px 0px; z-index: 1; margin:3px 0px; text-align:left; width:100%; display:block; position:relative; font-size: 13px !important; font-weight:100 !important;}
.blog-signup label.error::before {content: ""; color:none; top:0px; left:0;}
@media screen and (max-width: 400px) {
#secblog .box{ width:90%; margin:3%;} .blog-signup .getstarted-btn{ text-align:center; width:100%;} .blog-signup .form-control{text-align:center;}
.blog-signup .form-group{display:inline-block; width:100%;}
.blog-signup .form-control{border-radius:0 !important; height:38px; line-height:38px; padding-left:10px !important; margin:0px 0 0px 0; display:inline-block;}
.blog-signup .getstarted-btn{display:inline-block; background:#FF8D08; border:1px solid #FF8D08 !important; color:#ffffff !important; font-size:20px; line-height:36px; font-weight:300; text-align:center; padding:0 20px; vertical-align:top; width:100%;}
}
@media (min-width: 401px) and (max-width: 767px) {
#secblog .box{ width:90%; margin:2% 5%;}
.blog-signup .form-group{display:inline-block; width:100%;}
.blog-signup .form-control{border-radius:0 !important; height:38px; line-height:38px; padding-left:10px !important; margin:0px 0 0px 0; display:inline-block;}
.blog-signup .getstarted-btn{display:inline-block; background:#FF8D08; border:1px solid #FF8D08 !important; color:#ffffff !important; font-size:20px; line-height:36px; font-weight:300; text-align:center; padding:0 20px; vertical-align:top; width:100%;}
}
@media (min-width: 768px) and (max-width: 991px) {#secblog .box{ width:42%; margin:4%;}}
@media (min-width: 992px) and (max-width: 1199px) {#secblog .box{ width:42%; margin:4%;}#secblog .box .heading{ font-size:15px;}}
@media (min-width: 1200px){#secblog .box .heading{ font-size:20px;}} 
/*********************************************************************************************************************/
/****************************** HOME PAGE PRODUCT SECTION ************************************************************/
#carousel-products .carousel-control{color:#333333; font-size:30px; text-shadow:none; font-weight:100; top:42%;}
#carousel-products .carousel-control.right{right:5px;} 
#carousel-products .carousel-indicators{font-size:20px; text-align:center; position:relative; left:43%; width:100%; padding:0;margin-top:60px; }
#carousel-products .carousel-indicators .active{text-align:center; }
#carousel-products .all-tools .tool-icons div{width:auto;}
.all-tools .tool-group:nth-child(1){margin-left:0; }
#carousel-products .carousel-inner{margin:0px auto 0 auto; width:100%; padding:0px 0 0 0; min-height:450px;}
#carousel-products .carousel-inner > .item{text-align:center; margin:50px auto 0 auto;}
#carousel-products h2{ font-size:28px; color:#313131; font-weight:400; line-height:36px; margin:100px 0 10px 0; text-transform:capitalize;}
#carousel-products h2 span{ color:#FF8D08; font-size:28px; font-weight:400;}
#carousel-products h2 b{font-weight:600 !important;}
#carousel-products p{color: #666666; font-size: 18px !important; font-weight: 400; margin-bottom: 0px;}
#carousel-products p.price{color: #000000; font-size: 18px !important; font-weight: 400 !important; margin:20px 0 0 0;}
#carousel-products a.submit-btn{margin-top:20px;}
#carousel-products a.btn-link{font-size:14px !important; line-height:30px; display:block; padding:15px 0 5px 0;}
#carousel-products ul{margin:0px 0 0px 32px; padding:0;list-style-type:none;}
#carousel-products ul li{color: #666666; font-size: 18px !important; font-weight: 100; list-style-type:none;}
@media screen and (max-width: 400px) {
#carousel-products .col-xs-12{position:inherit;}
#carousel-products .carousel-control.right{right:5%;}
#carousel-products .carousel-indicators{margin-top:30px; margin-bottom:30px; left:30%;}
#carousel-products .all-tools .tool-group{padding:10px 0 30px 0;}
#carousel-products .carousel-inner{min-height:760px;}
#carousel-products .carousel-inner > .item{margin:0px auto; border-top:solid 2px #dddddd; padding-top:20px;}
#carousel-products h2{ font-size:22px; color:#313131; font-weight:100; line-height:42px; margin:0px; text-align:center;}
#carousel-products h2 span{ color:#FF8D08; font-size:28px; font-weight:400; line-height: 56px;}
#carousel-products p{text-align:center; margin-bottom: 10px;}
#carousel-products a.submit-btn{text-align:center; display:block; margin:0 auto 50px auto; width:90%;}
#carousel-products a.btn-link{padding:0px 0 30px 0; text-align:center;}
#carousel-products img{margin-bottom:30px;}
}
@media (min-width: 401px) and (max-width: 767px) {
#carousel-products .col-xs-12{position:inherit;}
#carousel-products .carousel-control.right{right:5%;}
#carousel-products .all-tools .tool-group{padding:10px 0 30px 0;}
#carousel-products .carousel-indicators{margin-top:30px; margin-bottom:30px; left:30%;}
#carousel-products .carousel-inner{min-height:760px;}
#carousel-products .carousel-inner > .item{margin:0px auto; border-top:solid 2px #dddddd; padding-top:20px;}
#carousel-products h2{ font-size:22px; color:#313131; font-weight:100; line-height:42px; margin:0px; text-align:center;}
#carousel-products h2 span{ color:#FF8D08; font-size:28px; font-weight:400; line-height: 56px;}
#carousel-products p{text-align:center; margin-bottom: 30px;} 
#carousel-products a.btn-link{text-align:center; display:block; margin:0px auto; width:90%;}
#carousel-products a.submit-btn{text-align:center; display:block; margin:0px auto; width:90%;}
#carousel-products a.getstarted-btn{text-align:center; display:block; margin:0px auto 20px auto; width:90%;}
#carousel-products img{margin-bottom:30px;}
}
@media (min-width: 768px) and (max-width: 991px) {
#carousel-products .carousel-control{}
#carousel-products .all-tools .tool-group{padding:0px 0 0px 0; height:220px;}
#carousel-products .carousel-indicators{margin-top:50px; margin-bottom:0px;}
#carousel-products .carousel-inner{min-height:400px; }
#carousel-products h2{margin:0px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
#carousel-products .carousel-control{}
#carousel-products .carousel-inner{min-height:370px;}
#carousel-products .all-tools .tool-group{padding:0px 0 0px 0; height:180px;}
#carousel-products .carousel-indicators{margin-top:50px; margin-bottom:0px;}
}
@media (min-width: 1200px) and (max-width:1699px){
#carousel-products .carousel-indicators{left:34%;}
.all-tools .tool-group:nth-child(1){width:23%;}
.all-tools .tool-group:nth-child(2){width:26%;}
.all-tools .tool-group:nth-child(3){width:20%;}
.all-tools .tool-group:nth-child(4){width:20%;}
/*#carousel-products .carousel-control{display:none;}*/
}
/*********************************************************************************************************************/
/***************************** CLIENTS LOGO SECTION ******************************************************************/
.cover-hello__client-container{padding:5px; text-align: center;}
.cover-hello__client-container:hover{}
.clients{background:#000000; width:100%; text-align:center; padding:10px 0; margin:0px auto 0 auto;}
.client-logos{ position:relative; bottom:0px; text-align:center; margin-bottom:0;}
.clients-review{width:100%; text-align:center; padding:30px 0; margin:50px auto 0 auto;}
.clients-review h1{font-size:22px !important; line-height:48px !important; font-weight:100 !important; color:#000000 !important; padding:10px 0 !important; margin:0;}
.clients-review h1 span{position: relative; z-index: 1; /*box-shadow: inset 0 -21px 0 0 #FF8D08, 0 5px 0px 0px #FF8D08;*/ font-size:22px !important; line-height:48px !important; font-weight:600 !important;  color:#000000 !important; padding:3px 10px; }
.clients-review h2{font-size:14px; line-height:24px; font-weight:100; color:#ffffff; padding:10px 0 !important; margin:0; font-family:  Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; }
.clients-review h2 sup{font-family:'Source Sans Pro', sans-serif; font-size:36px; color:#dddddd; top:8px; right:5px; display:inline;}
.clients-review h2 span{font-size:16px; line-height:24px; font-weight:600; color:#ffffff; text-align:right; text-transform:uppercase;}
.clients-review h2 span::before{content:'\2014 \00A0'; padding:0 5px 0 20px;}
@media screen and (max-width: 350px) {.client-logos{ bottom:110px; text-align:center; margin-bottom:0;}}
@media (min-width: 351px) and (max-width: 400px) {.client-logos{ bottom:140px; text-align:center; margin-bottom:0;}}
@media (min-width: 401px) and (max-width: 730px) {.client-logos{ bottom:150px; text-align:center; margin-bottom:0;}}
@media (min-width: 731px) and (max-width: 767px) {.client-logos{ bottom:50px; text-align:center; margin-bottom:0;}}
@media (min-width: 768px) and (max-width: 991px) {.client-logos{ bottom:50px; }}
@media (min-width: 992px) and (max-width: 1199px) {.client-logos{ bottom:60px; }}
/**********************************************************************************************************************/
/***************************** Experience *****************************************************************************/
.experience{padding:80px 0 !important;}
.experience h1{padding:0 0 50px 0;}
.experience h1 span{color:#FF8D08;}
.experience a .title{font-size:16px !important; color:#999999 !important; line-height:28px !important; padding-top:25px !important; padding-bottom:0px !important; display:inline-block; font-weight:100 !important; text-transform:uppercase; text-align:center !important;}
.experience a .subtitle{margin: 0;line-height: 30px;font-size: 22px !important;font-weight: 500 !important;text-transform: none;padding: 10px 0 0 0;color: #000000 !important;text-transform: capitalize; text-align:center;}
.experience a small{display:inline-block; font-size:18px !important; color:#428bca; line-height:26px !important; padding:40px 0 30px 0 !important; font-weight:300 !important; text-transform:none; text-align:center !important; }
.experience a small::after{display:block; content:"\02022\02022\02022"}
.experience a:hover .subtitle{cursor:pointer; text-decoration:underline;}
.experience a:hover img{box-shadow:0px 1px 5px #666666;}
/**********************************************************************************************************************/
#secfeatures h1{color:#333333; font-size:26px !important; font-weight:300; text-transform:none; line-height: 50px; margin:30px 0;}
#secfeatures h1 span{color:#FF8D08; font-size: 38px;}
#secfeatures p{font-size:18px !Important; line-height:28px!Important; color: #666666; padding:0 40px; text-align:center; }
#secfeatures .feature-block h2{margin: 0;line-height: 30px;font-size: 22px !important;font-weight: 500 !important;text-transform: none;padding: 20px 0 10px 0;color: #000000 !important;text-transform: capitalize;}
#secfeatures .feature-block p{font-size: 16px !Important;line-height: 26px!Important;padding: 0 20px; text-align: center;color: #666666;}
#secfeatures .feature-block{margin-bottom:0; border:none; background:#ffffff; }
#secfeatures .feature-block:hover{cursor:default;}
#secfeatures .feature-block .feature-desc {height: 12em; padding:0;}
#secfeatures .feature-block .feature-desc p{color: #737373;font-size: 14px !important;font-weight: 300 !important;line-height: 28px !important; margin:0; padding:5px 0px;}
.bg-lightgrey {background-color: #f4f4f4;}
.btn-large{font-size: 24px !important; line-height: 38px !important; padding: 15px 40px !important;}
/**********************************************************************************************************************/
.ribbon {background: #B71C1C;height: 70px;margin: 0 auto;position: absolute;width: 130px;right:30px;text-align:center;vertical-align:bottom;line-height:20px;font-size:18px;color:#FFFFFF;padding-top:15px;box-shadow:10px 20px 45px #000000;}
.ribbon a{font-size: 16px; color: #fff; text-align: center; font-weight: 600; text-transform:uppercase;}
.ribbon a span{ font-size:12px; line-height:12px !important; font-weight:600;text-transform:none;}
.ribbon a:hover {font-weight: 800;}
.ribbon:after,.ribbon:before {content: '';position: absolute;border-top: 25px solid #B71C1C;height: 0;width: 0;top: 100%;}
.ribbon:after {border-right: 65px solid transparent;right: 0px;}
.ribbon:before {border-left: 65px solid transparent;left: 0px;}
/**********************************************************************************************************************/
.promo-box{background:rgba(0, 0, 0, 1); border:solid 2px #ffffff; padding:20px 10px 30px 10px; width:200px; float:right; margin:120px 50px 0 0;}
.promo-box h3{font-size:18px; color:#FE0000;  line-height:24px; font-weight:100; margin: 0px; text-align: center;}
.promo-box h3 span{color:#ffffff; font-weight:900;}
.promo-box h3.big{font-size: 52px; line-height: 52px; margin: 0px; font-weight:400;}
.promo-box h3.small{font-size: 14px; line-height:24px; color:#ffffff !important; font-weight: 100; margin:10px 0 20px 0 !important;}
.promo-box h5 { display: table; width: 100%; white-space: nowrap; font-size:16px;  line-height:24px; color:#ffffff; margin:10px 0 0 0;}
.promo-box h5:before, .promo-box h5:after { content: '';  width: 50%;  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQImWNYtWrVfwYGBgYYjclYtWrVfwAhFA7yqx/7xwAAAABJRU5ErkJggg==) repeat-x center center; 
display: table-cell; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.promo-box h5:before {border-right: 10px solid transparent; }
.promo-box h5:after {border-left: 10px solid transparent; }
@media (min-width: 320px) and (max-width: 767px) {
.promodiv{background:#000000; padding:30px;}
.promo-box{background:rgba(255, 255, 255, 1); width:100%; border:solid 2px #ffffff; padding:20px 10px 20px 10px; float:none; margin:40px auto 0px auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
.promo-box{background:rgba(255, 255, 255, 1); border:solid 2px #ffffff; padding:20px 10px 30px 10px; width:200px; float:right; margin:190px 20px 0 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.promo-box{background:rgba(255, 255, 255, 1); border:solid 2px #ffffff; padding:20px 10px 30px 10px; width:200px; float:right; margin:180px 20px 0 0;} 
}
/*********************************************************************************************************************/
#pricing_wrapper{padding: 20px 0 30px 0;}
#pricing_wrapper .square{display:block; background: #ffffff; padding: 20px; text-align: center; height: auto; width: 95%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; border:solid 10px #dddddd; margin:0 auto; margin-bottom:20px;}
#pricing_wrapper .square.horizontal{height: auto; width:100%;}
#pricing_wrapper .square h4{font-size:28px; color:#333333; margin: 0 auto; padding: 0 0 10px 0; text-align:center; border-bottom:solid 1px #eeeeee; font-weight:bold;}
#pricing_wrapper .square:hover h4{color:#ffffff;}
#pricing_wrapper .square h4 img{display:block; text-align:center; margin:0 auto 5px auto;}
#pricing_wrapper .square p{font-size:12px !important; color:#333333; margin-bottom:0; font-weight:600 !important; display:block;}
#pricing_wrapper .square.c4 p.desc-title{border-bottom:solid 1px #dddddd;}
#pricing_wrapper .square span.description{display:block; font-size:14px; color:#666666; padding:30px 0 10px 0; font-weight:100; line-height:20px; text-align:left;}
#pricing_wrapper .square span.description b{font-weight:600;}
#pricing_wrapper .square:hover p, #pricing_wrapper .square:hover span.description, #pricing_wrapper .square:hover span.description b, #pricing_wrapper .square:hover span.price-large sub{color:#ffffff;}
#pricing_wrapper .square .btn{font-size:20px; padding:5px 20px; margin-top:20px;}
#pricing_wrapper .square span.icon i{font-size: 30px; vertical-align:super; color:#000000; }
#pricing_wrapper .square:hover span.icon i{color:#ffffff;}
#pricing_wrapper .square .price-small{font-size: 12px; color:#999999; margin:10px 0 0 0; display:block;}
#pricing_wrapper .square:hover .price-small{color:#ffffff;}
#pricing_wrapper .price-big{font-size: 22px; color:#000000; margin:20px 0 0 0; display:block;}
#pricing_wrapper a:hover .square .price-big{color:#ffffff;}
#pricing_wrapper .square span.price-large{font-size: 44px; font-weight:600 !important; color:#000000; line-height:56px; margin:0 0 10px 0;}
#pricing_wrapper .square span.price-large sub{ vertical-align:baseline; bottom:2px; font-size: 16px; margin:0; color:#999999; }
#pricing_wrapper .square:hover span.price-large{color:#ffffff;}
#pricing_wrapper .c1:hover{background: #39b3d7;color: #ffffff; border:solid 10px #39b3d7; cursor:pointer;}
#pricing_wrapper .c1 .blue{color: #39b3d7;}
#pricing_wrapper .c1:hover .blue{color: #ffffff;}
#pricing_wrapper .c2:hover{background: #ff8d08;color: #ffffff; border:solid 10px #ff8d08; cursor:pointer;}
#pricing_wrapper .c2 .yellow{color: #ff8d08;}
#pricing_wrapper .c2:hover .yellow{color: #ffffff;}
#pricing_wrapper .c3:hover{background: #47a447;color: #ffffff; border:solid 10px #47a447; cursor:pointer;}
#pricing_wrapper .c3 .green{color: #47a447; }
#pricing_wrapper .c3:hover .green{color: #ffffff;}
#pricing_wrapper .c4:hover{background: #333333; color: #ffffff; border:solid 10px #333333; cursor:pointer;}
#pricing_wrapper .c4 .gray{color: #ffffff; }
#pricing_wrapper .c4:hover .gray{color: #ffffff;}
#pricing_wrapper .c4 .vline{border-left:solid 1px #dddddd; top:5px; position:relative;}
#pricing_wrapper a:hover .btn-warning {color: #FF8D08;background-color: #FFFFFF;border-color: #FF8D08 !important;}
#pricing_wrapper a:hover .btn-info {color: #39b3d7; background-color: #FFFFFF; border-color: #39b3d7 !important;}
#pricing_wrapper a:hover .btn-success {color: #47a447; background-color: #FFFFFF; border-color: #47a447 !important;}
#pricing_wrapper a .c4 .btn-warning {margin-top:5px;}
#pricing_wrapper a:hover .c4 .btn-warning {color: #FF8D08; background-color: #FFFFFF; border-color: #000000 !important;}
.astrisks::before{content:"\0002A"; font-size:12px; color:#990000; vertical-align:text-top;}
.astrisks-double::before{content:"\0002A\0002A"; font-size:12px; color:#990000; vertical-align:text-top;}
p.astrisks-text{font-size:14px !important; color:#990000; line-height:18px; margin:0 !important; padding:0 !important;}
.secpricing .first{max-height:300px;}
.insidesecpricing{ padding:20px; width:100%; }
.insidesecpricing div{padding:10px 0;}
.insidesecpricing b{font-weight:400; color:#000000; line-height:48px;}
.insidesecpricing .first{min-height:300px;}
.insidesecpricing [class^="icon-plan-"], [class*=" icon-plan-"]{margin:6px 3px;}
#pricing_wrapper p.figures{font-size:13px !important; color:#333333; line-height:22px !important; font-weight:100 !important; margin:10px 0 20px 0; padding:0;}
#pricing_wrapper p.figures b{font-weight:600 !important; color:#000000;}
#pricing_wrapper .nav-tabs{max-width:1170px; margin:20px auto; text-align:center; border-bottom:solid 3px #dddddd;}
#pricing_wrapper .nav-tabs > li{margin-bottom:-2px; min-width:50%;}
#pricing_wrapper .nav-tabs > li a{font-weight:400; font-size:120%; color:#666666;}
#pricing_wrapper .nav-tabs > li.active > a, #pricing_wrapper .nav-tabs > li.active > a:hover, #pricing_wrapper .nav-tabs > li.active > a:focus{border-bottom:solid 3px #477ab7; background:#568ED5; color:#ffffff;}
#pricing_wrapper .nav > li > a:hover, .nav > li > a:focus{background:#EEEEEE;}

#pricing_wrapper .nav-tabs > li a.team::before{background: url(../images/icon-team.png) 0 0 no-repeat; display: inline-block; position: relative; content: ''; width: 30px; height: 30px; top:10px; margin-right:10px;}
#pricing_wrapper .nav-tabs > li.active a.team::before{background: url(../images/icon-team.png) 0 -30px no-repeat; display: inline-block; position: relative; content: ''; width: 30px; height: 30px; top:10px; margin-right:10px;}
#pricing_wrapper .nav-tabs > li a.enterprise::before{background: url(../images/icon-enterprise.png) 0 0 no-repeat; display: inline-block; position: relative; content: ''; width: 30px; height: 30px; top:10px; margin-right:10px;}
#pricing_wrapper .nav-tabs > li.active a.enterprise::before{background: url(../images/icon-enterprise.png) 0 -30px no-repeat; display: inline-block; position: relative; content: ''; width: 30px; height: 30px; top:10px; margin-right:10px;}
/*
#pricing_wrapper .nav-tabs > li a.team{display: inline-block; width: 30px; height: 30px; line-height: 30px; vertical-align: text-top; background :url(../images/icon-team.png) 0px 0px no-repeat;} 
#pricing_wrapper .nav-tabs > li a.enterprise{display: inline-block; width: 30px; height: 30px; line-height: 30px; vertical-align: text-top; background :url(../images/icon-enterprise.png) 0px 0px no-repeat;}
#pricing_wrapper .nav-tabs > li a.team:hover{display: inline-block; width: 30px; height: 30px; line-height: 30px; vertical-align: text-top; background :url(../images/icon-team.png) 0px -30px no-repeat;}
#pricing_wrapper .nav-tabs > li a.enterprise:hover{display: inline-block; width: 30px; height: 30px; line-height: 30px; vertical-align: text-top; background :url(../images/icon-enterprise.png) 0px -30px no-repeat;}
*/
@media screen and (max-width: 411px) {
#pricing_wrapper .square{height:auto;}
.secpricing p.first{min-height:auto;}
[class^="icon-plan-"],[class*=" icon-plan-"] { margin:3px 2px 3px 0px;}
}
@media (min-width: 412px) and (max-width:991px) {
[class^="icon-plan-"],[class*=" icon-plan-"] { margin:3px 2px 3px 0px;}
#pricing_wrapper .square{height:auto;}
.secpricing p.first{min-height:auto;}
}
@media (min-width: 992px) and (max-width:1199px) {
[class^="icon-plan-"],[class*=" icon-plan-"] { margin:3px 20px 3px 0px;}
#pricing_wrapper .square{height:1200px;}
.secpricing p.first{min-height:400px;}
} 
/*
========================================================================================================================
========================================================================================================================
						START :	SUMMARY TABLE CSS
========================================================================================================================
========================================================================================================================
*/
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.summary-table {font-size: 1.6rem;font-family: "Open Sans", sans-serif; position: relative;}
.summary-table a{text-decoration:none;}
.summary-table .detail-link{color:#428bca; font-size:14px; line-height:24px; font-weight:400;}
.summary-table .detail-link:hover, .summary-table .detail-link:focus{color:#2a6496; cursor:pointer;}
.cd-pricing-container {width: 80%;max-width: 1170px;margin: 10px auto;}
@media only screen and (min-width: 768px) {.cd-pricing-container {margin: 10px auto;}
.cd-pricing-container.cd-full-width {width: 100%;max-width: none;}
}
/* -------------------------------- Main Components -------------------------------- */
.cd-pricing-switcher {text-align: center;}
.summary-table ul, .summary-table ul li{list-style: none; padding:0;}
.cd-pricing-switcher .fieldset {display: inline-block;position: relative;padding: 2px;border-radius: 50em;border: 1px solid #999999;}
.cd-pricing-switcher input[type="radio"] {position: absolute;opacity: 0;}
.cd-pricing-switcher label {position: relative;z-index: 1;display: inline-block;float: left;width: 90px; height: 40px;line-height: 45px;cursor: pointer;font-size: 14px;color: #000000;}
.cd-pricing-switcher .cd-switch {/* floating background */position: absolute;top: 2px;left: 2px;height: 45px; width: 90px;background-color: #eeeeee;box-shadow: inset 1px 1px 5px 1px #cccccc;border-radius: 50em;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;transition: transform 0.5s;}
.cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch,.cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch {/* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/-webkit-transform: translateX(90px);-moz-transform: translateX(90px);-ms-transform: translateX(90px);-o-transform: translateX(90px);transform: translateX(90px);}
.no-js .cd-pricing-switcher {display: none;}
.cd-pricing-list {margin: 2em 0 0;}
.cd-pricing-list > li {position: relative;margin-bottom: 1em;}
@media only screen and (min-width: 768px) {.cd-pricing-list {margin: 10px 0 0;}
.cd-pricing-list:after {content: "";display: table;clear: both;}
.cd-pricing-list > li {width: 33.3333333333%;float: left; list-style: none;}
.cd-has-margins .cd-pricing-list > li {width: 32.3333333333%;float: left;margin-right: 1.5%;}
.cd-has-margins .cd-pricing-list > li:last-of-type {margin-right: 0;}
}
.cd-pricing-wrapper {/* this is the item that rotates */position: relative;}
.touch .cd-pricing-wrapper {/* fix a bug on IOS8 - rotating elements dissapear*/-webkit-perspective: 2000px;-moz-perspective: 2000px;perspective: 2000px;}
.cd-pricing-wrapper.is-switched .is-visible {/* totate the tables - anticlockwise rotation */-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-animation: cd-rotate 0.5s;-moz-animation: cd-rotate 0.5s;animation: cd-rotate 0.5s;}
.cd-pricing-wrapper.is-switched .is-hidden {/* totate the tables - anticlockwise rotation */-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-ms-transform: rotateY(0);-o-transform: rotateY(0);transform: rotateY(0);-webkit-animation: cd-rotate-inverse 0.5s;-moz-animation: cd-rotate-inverse 0.5s;animation: cd-rotate-inverse 0.5s;opacity: 0;}
.cd-pricing-wrapper.is-switched .is-selected {opacity: 1;}
.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {/* invert rotation direction - clockwise rotation */-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-animation: cd-rotate-back 0.5s;-moz-animation: cd-rotate-back 0.5s;animation: cd-rotate-back 0.5s;}
.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {/* invert rotation direction - clockwise rotation */-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-ms-transform: rotateY(0);-o-transform: rotateY(0);transform: rotateY(0);-webkit-animation: cd-rotate-inverse-back 0.5s;-moz-animation: cd-rotate-inverse-back 0.5s;animation: cd-rotate-inverse-back 0.5s;opacity: 0;}
.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {opacity: 1;}
.cd-pricing-wrapper > li {background-color: #FFFFFF;-webkit-backface-visibility: hidden;backface-visibility: hidden;/* Firefox bug - 3D CSS transform, jagged edges */outline: 1px solid transparent;}
.cd-pricing-wrapper > li::after {/* subtle gradient layer on the right - to indicate it's possible to scroll */content: '';position: absolute;top: 0;right: 0;height: 100%;width: 50px;pointer-events: none;background: -webkit-linear-gradient( right , #FFFFFF, rgba(255, 255, 255, 0));background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));}
.cd-pricing-wrapper > li.is-ended::after {/* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */display: none;}
.cd-pricing-wrapper .is-visible {/* the front item, visible by default */position: relative;z-index: 5;}
.cd-pricing-wrapper .is-hidden {/* the hidden items, right behind the front one */position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 1;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.cd-pricing-wrapper .is-selected {/* the next item that will be visible */z-index: 3 !important;}
.cd-popular .cd-pricing-wrapper > li {box-shadow: inset 0 0 0 5px #ff8d08;}
.cd-nonpopular .cd-pricing-wrapper > li {box-shadow: inset 0 0 0 3px #dddddd;}
@media only screen and (min-width: 768px) {.cd-pricing-wrapper > li::before {/* separator between pricing tables - visible when number of tables > 3 */content: '';position: absolute;z-index: 6;left: -1px;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);height: 50%;width: 1px;background-color: #b1d6e8;}
.cd-pricing-wrapper > li::after {/* hide gradient layer */display: none;}
.cd-popular .cd-pricing-wrapper > li {box-shadow: inset 0 0 0 5px #ff8d08;}
.cd-nonpopular .cd-pricing-wrapper > li {box-shadow: inset 0 0 0 3px #dddddd;}
.cd-has-margins .cd-pricing-wrapper > li, .cd-has-margins .cd-popular .cd-pricing-wrapper > li {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}
.cd-secondary-theme .cd-pricing-wrapper > li {background: #3aa0d1;background: -webkit-linear-gradient( bottom , #3aa0d1, #3ad2d1);background: linear-gradient(to top, #3aa0d1, #3ad2d1);}
.cd-secondary-theme .cd-popular .cd-pricing-wrapper > li {background: #ff8d08;background: -webkit-linear-gradient( bottom , #ff8d08, #e99b68);background: linear-gradient(to top, #ff8d08, #e99b68);box-shadow: none;}
:nth-of-type(1) > .cd-pricing-wrapper > li::before {/* hide table separator for the first table */display: none;}
.cd-has-margins .cd-pricing-wrapper > li {border-radius: 4px 4px 6px 6px;}
.cd-has-margins .cd-pricing-wrapper > li::before {display: none;}
}
@media only screen and (min-width: 1500px) {.cd-full-width .cd-pricing-wrapper > li {padding: 2.5em 0;}
}
.no-js .cd-pricing-wrapper .is-hidden {position: relative;-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-ms-transform: rotateY(0);-o-transform: rotateY(0);transform: rotateY(0);margin-top: 1em;}
@media only screen and (min-width: 768px) {.cd-popular .cd-pricing-wrapper > li::before {/* hide table separator for .cd-popular table */display: none;}
.cd-popular + li .cd-pricing-wrapper > li::before {/* hide table separator for tables following .cd-popular table */display: none;}
}
.cd-pricing-header {position: relative;z-index: 1;height: 170px;padding: 1px 10px; pointer-events: none;background-color: #3aa0d1;color: #FFFFFF;}
.cd-pricing-header h2 {margin-bottom: 3px;font-weight: 700;text-transform: uppercase;}
.cd-pricing-header .subtitle{font-size: 13px;color: #ffffff;font-weight: 400;line-height: 20px;display: block;margin: 5px 0 10px 0;}
.cd-pricing-header .small{font-size: 12px;font-weight: 100;line-height: 24px;margin: 0;padding: 0;color:#ffffff;}
.cd-pricing-header .small b{font-weight:600;}
.cd-pricing-header .line-through{font-size: 36px;text-decoration: line-through;color: 000000;padding-right: 10px !important;display: inline-block;}
.cd-pricing-header .oldprice .cd-value{text-decoration: line-through !important;color: #ffffff;font-weight:100 !important;display: inline-block;margin-right:20px;}
.cd-popular .cd-pricing-header {background-color: #ff8d08;}
@media only screen and (min-width: 768px) {
.cd-pricing-header {height: auto;padding: 1em 0.9em 1em;pointer-events: auto;text-align: center;color: #b94a48;background-color: transparent;border-bottom:1px solid 999999;}
.cd-popular .cd-pricing-header {color: #b94a48;background-color: transparent;}
.cd-pricing-header h2{color: #000000;background-color: transparent;}
.cd-secondary-theme .cd-pricing-header {color: #FFFFFF;}
.cd-pricing-header h2 {font-size: 18px;letter-spacing: 2px;}
.cd-pricing-header .subtitle{color: #999999 !important;}
.cd-pricing-header .small{color:#999999 !important;}
.cd-pricing-header .oldprice .cd-value{color:#cccccc;}
}
.cd-currency, .cd-value {font-weight: 600;}
.oldprice .cd-currency, .oldprice .cd-value {font-weight: 100; color:#cccccc;}
.cd-duration {font-weight: 700;font-size: 1.3rem;color: #8dc8e4;text-transform: uppercase;}
.cd-duration::before {content: '/';margin-right: 2px;}
@media only screen and (min-width: 768px) {
.cd-value {font-size: 50px;font-weight: 400;}
.cd-currency, .cd-duration {color: #b94a48;}
.cd-popular .oldprice .cd-currency {color: #cccccc;}
.cd-secondary-theme .cd-currency, .cd-secondary-theme .cd-duration {color: #2e80a7;}
.cd-secondary-theme .cd-popular .cd-currency, .cd-secondary-theme .cd-popular .cd-duration {color: #ba6453;}
.cd-currency {display: inline-block;margin-top: 10px;vertical-align: top;font-size: 20px;font-weight: 700;}
.cd-duration {font-size: 14px;}
}
@media (min-width:768px) and (max-width: 1199px) {
.cd-value {font-size:44px;}
} 
@media (min-width: 767px) and (max-width: 768px) {
.cd-value, .cd-currency {font-size: 26px;font-weight: 600;margin-top:0;}
}
.cd-pricing-body {overflow-x: auto;-webkit-overflow-scrolling: touch;} 
.is-switched .cd-pricing-body {/* fix a bug on Chrome Android */overflow: hidden;}
@media only screen and (min-width: 768px) {
.cd-pricing-body {overflow-x: visible;}
}
.cd-pricing-features {width: 100%;}
.cd-pricing-features:after {content: "";display: table;clear: both;}
.cd-popular .cd-pricing-features li, .cd-nonpopular .cd-pricing-features li {width: 100%; float: left; padding: 10px !important; font-size: 14px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cd-pricing-features li:nth-of-type(2n+1) {background-color: rgba(23, 61, 80, 0.06);}
.cd-popular .cd-pricing-features li.heading, .cd-nonpopular .cd-pricing-features li.heading {width: 50%; float: left; padding: 10px !important; font-size: 15px; text-align: center; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-weight:600; background-color:rgba(221,221,221,1) !important; margin:0 -3px;}
.cd-pricing-features em {display: block;margin-bottom: 5px;font-weight: 600; color:#000000;}
@media only screen and (min-width: 768px) {.cd-pricing-features {width: auto;}
.cd-popular .cd-pricing-features li, .cd-nonpopular .cd-pricing-features li {float: none; width: auto; padding: 1em; color:#000000; font-weight: 100; margin: 0 3px;}
.cd-popular .cd-pricing-features li.heading  {width: 97%; float: none; padding: 10px !important; font-size: 16px; text-align: center; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-weight:600; background-color:rgba(221,221,221,1) !important; color:#000000; margin:0 6px;}
.cd-nonpopular .cd-pricing-features li.heading  {width: 99%; float: none; padding: 10px !important; font-size: 16px; text-align: center; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-weight:600; background-color:rgba(221,221,221,1) !important; color:#000000; margin:0 3px;}
.cd-pricing-features li:nth-of-type(2n+1) {background-color: rgba(23, 61, 80, 0.06);}
.cd-pricing-features em {font-weight: 600; display: inline-block; margin-bottom: 0; font-style: normal; margin-right:5px; }
.cd-has-margins .cd-popular .cd-pricing-features li, .cd-secondary-theme .cd-popular .cd-pricing-features li {margin: 0;}
.cd-secondary-theme .cd-pricing-features li {color: #FFFFFF;}
.cd-secondary-theme .cd-pricing-features li:nth-of-type(2n+1) {background-color: transparent;}
}
.cd-pricing-footer {position: absolute;z-index: 1;top: 0;left: 0;/* on mobile it covers the .cd-pricing-header */height: 170px;width: 100%;}
.cd-pricing-footer::after {/* right arrow visible on mobile */content: '';position: absolute;right: 1em;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);height: 20px;width: 20px;background: url(../img/cd-icon-small-arrow.svg);}
@media only screen and (min-width: 768px) {.cd-pricing-header .subtitle{color: #ffffff;}
.cd-pricing-header .small{color:#ffffff;}
.cd-pricing-footer {position: relative;height: auto;padding: 1.8em 0;text-align: center;}
.cd-pricing-footer:hover{cursor:pointer;}
.cd-pricing-footer::after {/* hide arrow */display: none;}
.cd-has-margins .cd-pricing-footer {padding-bottom: 0;}
}
.cd-select {position: relative;z-index: 1;display: block;height: 100%;/* hide button text on mobile */overflow: hidden;text-indent: 100%;white-space: nowrap;color: transparent;cursor:pointer;}
@media only screen and (min-width: 768px) {.cd-select {position: static;display: inline-block;height: auto;padding: 1em 2.5em;color: #FFFFFF;border-radius: 2px;background-color: #357ebd;font-size: 14px;text-indent: 0;letter-spacing: 2px;border:solid 2px #357ebd;}
.no-touch .cd-select:hover {background-color: #ffffff !important;border:solid 2px #357ebd !important;color:#357ebd !important; cursor:pointer;}
.cd-popular .cd-select {background-color: #ff8d08;border:solid 2px #ff8d08;}
.no-touch .cd-popular .cd-select:hover {background-color: #ffffff !important; border:solid 2px #ff8d08 !important; color:#ff8d08 !important; cursor:pointer;}
.cd-secondary-theme .cd-popular .cd-select {background-color: #0c1f28;}
.no-touch .cd-secondary-theme .cd-popular .cd-select:hover {background-color: #112e3c; cursor:pointer;}
.cd-has-margins .cd-select {display: block;padding: 1.7em 0;border-radius: 0 0 4px 4px;}
}
@media only screen and (max-width: 768px) {
.cd-pricing-container{width:90%;}
.cd-price{font-size:200%;}
}
@media screen and (max-width: 400px) {
.cd-pricing-switcher .cd-switch{width:90px; height: 30px;}
.cd-pricing-switcher label {width: 90px; height: 25px; line-height: 30px;}
}
@media screen and (min-width: 401px) and (max-width: 411px) {
.cd-pricing-switcher .cd-switch{width:90px; height: 30px;}
.cd-pricing-switcher label {width: 90px; height: 25px; line-height: 30px;}	
}
@media screen and (min-width: 412px) and (max-width: 767px) {
.cd-pricing-switcher .cd-switch{width:90px; height: 30px;}
.cd-pricing-switcher label {width: 90px; height: 25px; line-height: 30px;}
}
@media (max-width: 640px) {
	
}
@media (min-width: 768px) and (max-width:992px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 1200px) {
	
}
/* -------------------------------- xkeyframes -------------------------------- */
@-webkit-keyframes cd-rotate {0% {-webkit-transform: perspective(2000px) rotateY(0);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(200deg);}
100% {-webkit-transform: perspective(2000px) rotateY(180deg);}
}
@-moz-keyframes cd-rotate {0% {-moz-transform: perspective(2000px) rotateY(0);}
70% {/* this creates the bounce effect */-moz-transform: perspective(2000px) rotateY(200deg);}
100% {-moz-transform: perspective(2000px) rotateY(180deg);}
}
@keyframes cd-rotate {0% {-webkit-transform: perspective(2000px) rotateY(0);-moz-transform: perspective(2000px) rotateY(0);-ms-transform: perspective(2000px) rotateY(0);-o-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(200deg);-moz-transform: perspective(2000px) rotateY(200deg);-ms-transform: perspective(2000px) rotateY(200deg);-o-transform: perspective(2000px) rotateY(200deg);transform: perspective(2000px) rotateY(200deg);}
100% {-webkit-transform: perspective(2000px) rotateY(180deg);-moz-transform: perspective(2000px) rotateY(180deg);-ms-transform: perspective(2000px) rotateY(180deg);-o-transform: perspective(2000px) rotateY(180deg);transform: perspective(2000px) rotateY(180deg);}
}
@-webkit-keyframes cd-rotate-inverse {0% {-webkit-transform: perspective(2000px) rotateY(-180deg);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(20deg);}
100% {-webkit-transform: perspective(2000px) rotateY(0);}
}
@-moz-keyframes cd-rotate-inverse {0% {-moz-transform: perspective(2000px) rotateY(-180deg);}
70% {/* this creates the bounce effect */-moz-transform: perspective(2000px) rotateY(20deg);}
100% {-moz-transform: perspective(2000px) rotateY(0);}
}
@keyframes cd-rotate-inverse {0% {-webkit-transform: perspective(2000px) rotateY(-180deg);-moz-transform: perspective(2000px) rotateY(-180deg);-ms-transform: perspective(2000px) rotateY(-180deg);-o-transform: perspective(2000px) rotateY(-180deg);transform: perspective(2000px) rotateY(-180deg);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(20deg);-moz-transform: perspective(2000px) rotateY(20deg);-ms-transform: perspective(2000px) rotateY(20deg);-o-transform: perspective(2000px) rotateY(20deg);transform: perspective(2000px) rotateY(20deg);}
100% {-webkit-transform: perspective(2000px) rotateY(0);-moz-transform: perspective(2000px) rotateY(0);-ms-transform: perspective(2000px) rotateY(0);-o-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0);}
}
@-webkit-keyframes cd-rotate-back {0% {-webkit-transform: perspective(2000px) rotateY(0);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(-200deg);}
100% {-webkit-transform: perspective(2000px) rotateY(-180deg);}
}
@-moz-keyframes cd-rotate-back {0% {-moz-transform: perspective(2000px) rotateY(0);}
70% {/* this creates the bounce effect */-moz-transform: perspective(2000px) rotateY(-200deg);}
100% {-moz-transform: perspective(2000px) rotateY(-180deg);}
}
@keyframes cd-rotate-back {0% {-webkit-transform: perspective(2000px) rotateY(0);-moz-transform: perspective(2000px) rotateY(0);-ms-transform: perspective(2000px) rotateY(0);-o-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(-200deg);-moz-transform: perspective(2000px) rotateY(-200deg);-ms-transform: perspective(2000px) rotateY(-200deg);-o-transform: perspective(2000px) rotateY(-200deg);transform: perspective(2000px) rotateY(-200deg);}
100% {-webkit-transform: perspective(2000px) rotateY(-180deg);-moz-transform: perspective(2000px) rotateY(-180deg);-ms-transform: perspective(2000px) rotateY(-180deg);-o-transform: perspective(2000px) rotateY(-180deg);transform: perspective(2000px) rotateY(-180deg);}
}
@-webkit-keyframes cd-rotate-inverse-back {0% {-webkit-transform: perspective(2000px) rotateY(180deg);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(-20deg);}
100% {-webkit-transform: perspective(2000px) rotateY(0);}
}
@-moz-keyframes cd-rotate-inverse-back {0% {-moz-transform: perspective(2000px) rotateY(180deg);}
70% {/* this creates the bounce effect */-moz-transform: perspective(2000px) rotateY(-20deg);}
100% {-moz-transform: perspective(2000px) rotateY(0);}
}
@keyframes cd-rotate-inverse-back {0% {-webkit-transform: perspective(2000px) rotateY(180deg);-moz-transform: perspective(2000px) rotateY(180deg);-ms-transform: perspective(2000px) rotateY(180deg);-o-transform: perspective(2000px) rotateY(180deg);transform: perspective(2000px) rotateY(180deg);}
70% {/* this creates the bounce effect */-webkit-transform: perspective(2000px) rotateY(-20deg);-moz-transform: perspective(2000px) rotateY(-20deg);-ms-transform: perspective(2000px) rotateY(-20deg);-o-transform: perspective(2000px) rotateY(-20deg);transform: perspective(2000px) rotateY(-20deg);}
100% {-webkit-transform: perspective(2000px) rotateY(0);-moz-transform: perspective(2000px) rotateY(0);-ms-transform: perspective(2000px) rotateY(0);-o-transform: perspective(2000px) rotateY(0);transform: perspective(2000px) rotateY(0);}
}
/*
========================================================================================================================
========================================================================================================================
						END :	SUMMARY TABLE CSS
========================================================================================================================
========================================================================================================================
*/
/********************************************************************************************************************************/
.price-heading{float:left; padding:10px 0; border-right:solid 2px #000000; }
.price-heading img{margin-right:5px;}
.price-heading h4 {font-size: 30px; margin: 0 auto; padding: 0 0 10px 0; text-align: center; font-weight: bold;}
.price-heading .white, .white {color: #ffffff;}
.price-heading .blue, .blue {color: #39b3d7;}
.price-heading .yellow, .yellow {color: #ff8d08;}
.price-heading .green, .green {color: #47a447;}
.price-heading .gray, .gray{color: #333333;}
.price-heading .dgray, .dgray {color: #cccccc;}
.planlogo{color:#cccccc;}
.planlogo b{font-weight:400;}
.sub-features{padding:50px 0 20px 0; text-align:inherit;}
.sub-features h3{font-size:22px; font-weight:400; color:#000000; line-height:24px !important;}
.sub-features p{font-size:16px !important; font-weight:100 !important; color:#666666; line-height:26px !important; margin:5px 0 0 0 !important;}
#testimonials{overflow:hidden; padding:10px 0;}
#tQtestimonials h2{margin-top:30px;}
#tQtestimonials h3{font-size:18px !important; font-weight:100 !important; line-height:28px !important; color:#ffffff; quotes: """ """; padding:0 !important; margin:0 !important;}
#tQtestimonials h3:before {content: open-quote; padding-right:5px; color: #ccc; font-family: 'Happy Monkey', cursive; font-size:28px; line-height: 10px; margin-right: 5px; vertical-align: -0.2em;}
#tQtestimonials h3:after {content: close-quote; padding-left:5px; color: #ccc; font-family: 'Happy Monkey', cursive;  font-size:28px; line-height: 10px; margin-right: 5px; vertical-align: -0.2em;}
#tQtestimonials p.author{font-size:18px !important; font-weight:100 !important; line-height:20px !important; color:#999999 !important; margin:0 !important;}
#tQtestimonials p.stars{color:#ff8d08 !important; font-size:18px !important; margin:0 !important; padding:10px 5px !important;}
#testimonials .item{width: 90%; text-align:center; height:180px; left:5%;}
#testimonials .item h3{font-size:22px; line-height:36px; color:#ffffff; font-weight:400;}
#testimonials .carousel-control{bottom:30px; width:4%;}
#testimonials .left{left:-2%;}
.stars{margin:20px 0;}
[class^="icon-users-"],[class*=" icon-users-"] {display:inline-block; width:70px; height:70px; line-height:70px; vertical-align:text-top; background:url(../images/testimonial-users.png) no-repeat 0px 0px; filter: grayscale(100%);}
.icon-users-m1{background-position: 0px 0px;}
.icon-users-m2{background-position: -70px 0px;}
.icon-users-m3{background-position: -140px 0px;}
.icon-users-w1{background-position: -0px -70px;}
.icon-users-w2{background-position: -70px -70px;}
.icon-users-w3{background-position: -140px -70px;}
@media screen and (max-width: 400px) {
.price-heading{float:none;}
#testimonials .item{height:270px;}
#testimonials .item h3{font-size:18px; line-height:26px; color:#ffffff; font-weight:400;}
#testimonials .carousel-control{bottom:30px; width:12%;}
#testimonials .left{left:-6%;}
}
@media screen and (min-width: 401px) and (max-width: 419px) {
.price-heading{float:none;}
}
@media screen and (min-width: 420px) and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.price-heading{padding:5px 0 !important;}
}
/********************************************************************************************************************************/
#sitemap.whitebg{padding:30px 0 10px 0;}
#sitemap h1{font-size:38px !Important; line-height:61px!Important; margin-top:0 !Important; margin-bottom:30px; text-transform:none;}
#sitemap h1 span{color:#ff8d08;}
#sitemap h2{margin-top:0px;font-weight:300 !important;font-size:32px !important; margin-bottom:20px;}
#sitemap ul li{font-size:18px; color:#666666; line-height:28px; font-weight:100; margin-bottom:10px; padding:0 0 0 10px; list-style-type:"\025B8"; }
#sitemap ul li.second-level{list-style-type:"\025B8" !important;}
#sitemap ul li a{font-size:18px; color:#428bca; line-height:40px; font-weight:400; cursor:pointer; display:block; padding-bottom:10x;}
#sitemap ul li a:focus, #sitemap ul li a:hover{color:#000000;}
#sitemap ul li a.sublink{font-size:18px; color:#428bca; line-height:26px; font-weight:100; cursor:pointer; display:block; padding-bottom:0 !important;}
#sitemap ol{padding-left:8%; margin:10px 0;}
#sitemap ol li{ font-size:18px; line-height:28px !important; font-weight:100; list-style-type:decimal; margin:0;}
.border-box-orange{border: 1px solid #cccccc; color: #666666 !important; font-size: 18px !important; line-height:36px; font-weight: 100 !important; padding: 48px; text-align: center; background:#ffffff; min-height:208px;}
.border-box-orange b{font-weight:600;}
.border-box-orange i{font-size:30px; font-weight:100; color:#000000; padding:5px;}
.border-box-orange h6{font-size:22px !important; color:#000000 !important; font-weight:400 !important; padding:5px !important; margin:0 !important; line-height:30px;}
.border-box-orange h6 span{font-size:48px !important; color:#ff8d08 !important; font-weight:600 !important; padding:5px !important; margin:0 !important;  line-height:56px;}
.orange-bg {background: #FF8D08; color: #ffffff !important;}
.white-bg {background: #FFFFFF none repeat scroll 0 0; color: #333333 !important;}
.black-bg {background: #000000 none repeat scroll 0 0; color: #ffffff !important;}
.glyphicon-envelope{font-size:10px; margin-right:5px;}

[class^="icon-plan-"],[class*=" icon-plan-"] {display: inline-block; width: 75px; height: 75px; line-height: 75px; vertical-align: text-top; background :url(../images/plan-icons.png) no-repeat 0px 0px; margin:3px 10px 3px 3px;}
.icon-plan-feedback{background-position: 0px 0px;}
.icon-plan-rating{background-position: -75px 0px;}
.icon-plan-survey{background-position: -150px 0px;}
.icon-plan-richmessage{background-position: -225px 0px;}
.icon-plan-push{background-position: 0px -75px;}
.icon-plan-qamessage{background-position: -75px -75px;}
.icon-plan-messagewall{background-position: -150px -75px;}
.icon-plan-insight{background-position: -225px -75px;}
.icon-plan-opinion{background-position: 0px -150px;}
.icon-plan-segment{background-position: -75px -150px;}
.icon-plan-automation{background-position: -150px -150px;}
.icon-plan-blank{background-position: -225px -150px;}


[class^="icon-plan-small-"],[class*=" icon-plan-small-"] {display: inline-block; width: 50px; height: 50px; line-height: 50px; vertical-align: text-top; background :url(../images/plan-icons-small.png) no-repeat 0px 0px; margin:3px 10px 3px 3px;}
.icon-plan-small-feedback{background-position: 0px 0px;}
.icon-plan-small-rating{background-position: -50px 0px;}
.icon-plan-small-survey{background-position: -100px 0px;}
.icon-plan-small-richmessage{background-position: -150px 0px;}
.icon-plan-small-push{background-position: 0px -50px;}
.icon-plan-small-qamessage{background-position: -50px -50px;}
.icon-plan-small-messagewall{background-position: -100px -50px;}
.icon-plan-small-insight{background-position: -150px -50px;}
.icon-plan-small-opinion{background-position: 0px -100px;}
.icon-plan-small-segment{background-position: -50px -100px;}
.icon-plan-small-automation{background-position: -100px -100px;}
.icon-plan-small-blank{background-position: -150px -100px;}
/*******************************************************************************************************************************************
********************************************************************************************************************************************
												ICONS.CSS
********************************************************************************************************************************************
*******************************************************************************************************************************************/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-lg {font-size: 1.3333333333333333em;line-height: 0.75em;vertical-align: -15%;}
.fa-2x {font-size: 2em;}
.fa-3x {font-size: 3em;}
.fa-4x {font-size: 4em;}
.fa-5x {font-size: 5em;}
.fa-fw {width: 1.2857142857142858em;text-align: center;}
.fa-ul {padding-left: 0;margin-left: 2.142857142857143em;list-style-type: none;}
.fa-ul > li {position: relative;}
.fa-li {position: absolute;left: -2.142857142857143em;width: 2.142857142857143em;top: 0.14285714285714285em;text-align: center;}
.fa-li.fa-lg {left: -1.8571428571428572em;}
.fa-border {padding: .2em .25em .15em;border: solid 0.08em #eeeeee;border-radius: .1em;}
.pull-right {float: right;}
.pull-left {float: left;}
.fa.pull-left {margin-right: .3em;}
.fa.pull-right {margin-left: .3em;}
.fa-spin {-webkit-animation: spin 2s infinite linear;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
@-moz-keyframes spin {0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(359deg);}
}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}
@-o-keyframes spin {0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(359deg);}
}
@-ms-keyframes spin {0% {-ms-transform: rotate(0deg);}
100% {-ms-transform: rotate(359deg);}
}
@keyframes spin {0% {transform: rotate(0deg);}
100% {transform: rotate(359deg);}
}
.fa-rotate-90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.fa-rotate-180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.fa-rotate-270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);}
.fa-flip-horizontal {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform: scale(-1, 1);-moz-transform: scale(-1, 1);-ms-transform: scale(-1, 1);-o-transform: scale(-1, 1);transform: scale(-1, 1);}
.fa-flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform: scale(1, -1);-moz-transform: scale(1, -1);-ms-transform: scale(1, -1);-o-transform: scale(1, -1);transform: scale(1, -1);}
.fa-stack {position: relative;display: inline-block;width: 2em;height: 2em;line-height: 2em;vertical-align: middle;}
.fa-stack-1x,.fa-stack-2x {position: absolute;left: 0;width: 100%;text-align: center;}
.fa-stack-1x {line-height: inherit;}
.fa-stack-2x {font-size: 2em;}
.fa-inverse {color: #ffffff;}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screenreaders do not read off random characters that represent icons */.fa-glass:before {content: "\f000";}
.fa-music:before {content: "\f001";}
.fa-search:before {content: "\f002";}
.fa-envelope-o:before {content: "\f003";}
.fa-heart:before {content: "\f004";}
.fa-star:before {content: "\f005";}
.fa-star-o:before {content: "\f006";}
.fa-user:before {content: "\f007";}
.fa-film:before {content: "\f008";}
.fa-th-large:before {content: "\f009";}
.fa-th:before {content: "\f00a";}
.fa-th-list:before {content: "\f00b";}
.fa-check:before {content: "\f00c";}
.fa-times:before {content: "\f00d";}
.fa-search-plus:before {content: "\f00e";}
.fa-search-minus:before {content: "\f010";}
.fa-power-off:before {content: "\f011";}
.fa-signal:before {content: "\f012";}
.fa-gear:before,.fa-cog:before {content: "\f013";}
.fa-trash-o:before {content: "\f014";}
.fa-home:before {content: "\f015";}
.fa-file-o:before {content: "\f016";}
.fa-clock-o:before {content: "\f017";}
.fa-road:before {content: "\f018";}
.fa-download:before {content: "\f019";}
.fa-arrow-circle-o-down:before {content: "\f01a";}
.fa-arrow-circle-o-up:before {content: "\f01b";}
.fa-inbox:before {content: "\f01c";}
.fa-play-circle-o:before {content: "\f01d";}
.fa-rotate-right:before,.fa-repeat:before {content: "\f01e";}
.fa-refresh:before {content: "\f021";}
.fa-list-alt:before {content: "\f022";}
.fa-lock:before {content: "\f023";}
.fa-flag:before {content: "\f024";}
.fa-headphones:before {content: "\f025";}
.fa-volume-off:before {content: "\f026";}
.fa-volume-down:before {content: "\f027";}
.fa-volume-up:before {content: "\f028";}
.fa-qrcode:before {content: "\f029";}
.fa-barcode:before {content: "\f02a";}
.fa-tag:before {content: "\f02b";}
.fa-tags:before {content: "\f02c";}
.fa-book:before {content: "\f02d";}
.fa-bookmark:before {content: "\f02e";}
.fa-print:before {content: "\f02f";}
.fa-camera:before {content: "\f030";}
.fa-font:before {content: "\f031";}
.fa-bold:before {content: "\f032";}
.fa-italic:before {content: "\f033";}
.fa-text-height:before {content: "\f034";}
.fa-text-width:before {content: "\f035";}
.fa-align-left:before {content: "\f036";}
.fa-align-center:before {content: "\f037";}
.fa-align-right:before {content: "\f038";}
.fa-align-justify:before {content: "\f039";}
.fa-list:before {content: "\f03a";}
.fa-dedent:before,.fa-outdent:before {content: "\f03b";}
.fa-indent:before {content: "\f03c";}
.fa-video-camera:before {content: "\f03d";}
.fa-picture-o:before {content: "\f03e";}
.fa-pencil:before {content: "\f040";}
.fa-map-marker:before {content: "\f041";}
.fa-adjust:before {content: "\f042";}
.fa-tint:before {content: "\f043";}
.fa-edit:before,.fa-pencil-square-o:before {content: "\f044";}
.fa-share-square-o:before {content: "\f045";}
.fa-check-square-o:before {content: "\f046";}
.fa-arrows:before {content: "\f047";}
.fa-step-backward:before {content: "\f048";}
.fa-fast-backward:before {content: "\f049";}
.fa-backward:before {content: "\f04a";}
.fa-play:before {content: "\f04b";}
.fa-pause:before {content: "\f04c";}
.fa-stop:before {content: "\f04d";}
.fa-forward:before {content: "\f04e";}
.fa-fast-forward:before {content: "\f050";}
.fa-step-forward:before {content: "\f051";}
.fa-eject:before {content: "\f052";}
.fa-chevron-left:before {content: "\f053";}
.fa-chevron-right:before {content: "\f054";}
.fa-plus-circle:before {content: "\f055";}
.fa-minus-circle:before {content: "\f056";}
.fa-times-circle:before {content: "\f057";}
.fa-check-circle:before {content: "\f058";}
.fa-question-circle:before {content: "\f059";}
.fa-info-circle:before {content: "\f05a";}
.fa-crosshairs:before {content: "\f05b";}
.fa-times-circle-o:before {content: "\f05c";}
.fa-check-circle-o:before {content: "\f05d";}
.fa-ban:before {content: "\f05e";}
.fa-arrow-left:before {content: "\f060";}
.fa-arrow-right:before {content: "\f061";}
.fa-arrow-up:before {content: "\f062";}
.fa-arrow-down:before {content: "\f063";}
.fa-mail-forward:before,.fa-share:before {content: "\f064";}
.fa-expand:before {content: "\f065";}
.fa-compress:before {content: "\f066";}
.fa-plus:before {content: "\f067";}
.fa-minus:before {content: "\f068";}
.fa-asterisk:before {content: "\f069";}
.fa-exclamation-circle:before {content: "\f06a";}
.fa-gift:before {content: "\f06b";}
.fa-leaf:before {content: "\f06c";}
.fa-fire:before {content: "\f06d";}
.fa-eye:before {content: "\f06e";}
.fa-eye-slash:before {content: "\f070";}
.fa-warning:before,.fa-exclamation-triangle:before {content: "\f071";}
.fa-plane:before {content: "\f072";}
.fa-calendar:before {content: "\f073";}
.fa-random:before {content: "\f074";}
.fa-comment:before {content: "\f075";}
.fa-magnet:before {content: "\f076";}
.fa-chevron-up:before {content: "\f077";}
.fa-chevron-down:before {content: "\f078";}
.fa-retweet:before {content: "\f079";}
.fa-shopping-cart:before {content: "\f07a";}
.fa-folder:before {content: "\f07b";}
.fa-folder-open:before {content: "\f07c";}
.fa-arrows-v:before {content: "\f07d";}
.fa-arrows-h:before {content: "\f07e";}
.fa-bar-chart-o:before {content: "\f080";}
.fa-twitter-square:before {content: "\f081";}
.fa-facebook-square:before {content: "\f082";}
.fa-camera-retro:before {content: "\f083";}
.fa-key:before {content: "\f084";}
.fa-gears:before,.fa-cogs:before {content: "\f085";}
.fa-comments:before {content: "\f086";}
.fa-thumbs-o-up:before {content: "\f087";}
.fa-thumbs-o-down:before {content: "\f088";}
.fa-star-half:before {content: "\f089";}
.fa-heart-o:before {content: "\f08a";}
.fa-sign-out:before {content: "\f08b";}
.fa-linkedin-square:before {content: "\f08c";}
.fa-thumb-tack:before {content: "\f08d";}
.fa-external-link:before {content: "\f08e";}
.fa-sign-in:before {content: "\f090";}
.fa-trophy:before {content: "\f091";}
.fa-github-square:before {content: "\f092";}
.fa-upload:before {content: "\f093";}
.fa-lemon-o:before {content: "\f094";}
.fa-phone:before {content: "\f095";}
.fa-square-o:before {content: "\f096";}
.fa-bookmark-o:before {content: "\f097";}
.fa-phone-square:before {content: "\f098";}
.fa-twitter:before {content: "\f099";}
.fa-facebook:before {content: "\f09a";}
.fa-github:before {content: "\f09b";}
.fa-unlock:before {content: "\f09c";}
.fa-credit-card:before {content: "\f09d";}
.fa-rss:before {content: "\f09e";}
.fa-hdd-o:before {content: "\f0a0";}
.fa-bullhorn:before {content: "\f0a1";}
.fa-bell:before {content: "\f0f3";}
.fa-certificate:before {content: "\f0a3";}
.fa-hand-o-right:before {content: "\f0a4";}
.fa-hand-o-left:before {content: "\f0a5";}
.fa-hand-o-up:before {content: "\f0a6";}
.fa-hand-o-down:before {content: "\f0a7";}
.fa-arrow-circle-left:before {content: "\f0a8";}
.fa-arrow-circle-right:before {content: "\f0a9";}
.fa-arrow-circle-up:before {content: "\f0aa";}
.fa-arrow-circle-down:before {content: "\f0ab";}
.fa-globe:before {content: "\f0ac";}
.fa-wrench:before {content: "\f0ad";}
.fa-tasks:before {content: "\f0ae";}
.fa-filter:before {content: "\f0b0";}
.fa-briefcase:before {content: "\f0b1";}
.fa-arrows-alt:before {content: "\f0b2";}
.fa-group:before,.fa-users:before {content: "\f0c0";}
.fa-chain:before,.fa-link:before {content: "\f0c1";}
.fa-cloud:before {content: "\f0c2";}
.fa-flask:before {content: "\f0c3";}
.fa-cut:before,.fa-scissors:before {content: "\f0c4";}
.fa-copy:before,.fa-files-o:before {content: "\f0c5";}
.fa-paperclip:before {content: "\f0c6";}
.fa-save:before,.fa-floppy-o:before {content: "\f0c7";}
.fa-square:before {content: "\f0c8";}
.fa-bars:before {content: "\f0c9";}
.fa-list-ul:before {content: "\f0ca";}
.fa-list-ol:before {content: "\f0cb";}
.fa-strikethrough:before {content: "\f0cc";}
.fa-underline:before {content: "\f0cd";}
.fa-table:before {content: "\f0ce";}
.fa-magic:before {content: "\f0d0";}
.fa-truck:before {content: "\f0d1";}
.fa-pinterest:before {content: "\f0d2";}
.fa-pinterest-square:before {content: "\f0d3";}
.fa-google-plus-square:before {content: "\f0d4";}
.fa-google-plus:before {content: "\f0d5";}
.fa-money:before {content: "\f0d6";}
.fa-caret-down:before {content: "\f0d7";}
.fa-caret-up:before {content: "\f0d8";}
.fa-caret-left:before {content: "\f0d9";}
.fa-caret-right:before {content: "\f0da";}
.fa-columns:before {content: "\f0db";}
.fa-unsorted:before,.fa-sort:before {content: "\f0dc";}
.fa-sort-down:before,.fa-sort-asc:before {content: "\f0dd";}
.fa-sort-up:before,.fa-sort-desc:before {content: "\f0de";}
.fa-envelope:before {content: "\f0e0";}
.fa-linkedin:before {content: "\f0e1";}
.fa-rotate-left:before,.fa-undo:before {content: "\f0e2";}
.fa-legal:before,.fa-gavel:before {content: "\f0e3";}
.fa-dashboard:before,.fa-tachometer:before {content: "\f0e4";}
.fa-comment-o:before {content: "\f0e5";}
.fa-comments-o:before {content: "\f0e6";}
.fa-flash:before,.fa-bolt:before {content: "\f0e7";}
.fa-sitemap:before {content: "\f0e8";}
.fa-umbrella:before {content: "\f0e9";}
.fa-paste:before,.fa-clipboard:before {content: "\f0ea";}
.fa-lightbulb-o:before {content: "\f0eb";}
.fa-exchange:before {content: "\f0ec";}
.fa-cloud-download:before {content: "\f0ed";}
.fa-cloud-upload:before {content: "\f0ee";}
.fa-user-md:before {content: "\f0f0";}
.fa-stethoscope:before {content: "\f0f1";}
.fa-suitcase:before {content: "\f0f2";}
.fa-bell-o:before {content: "\f0a2";}
.fa-coffee:before {content: "\f0f4";}
.fa-cutlery:before {content: "\f0f5";}
.fa-file-text-o:before {content: "\f0f6";}
.fa-building-o:before {content: "\f0f7";}
.fa-hospital-o:before {content: "\f0f8";}
.fa-ambulance:before {content: "\f0f9";}
.fa-medkit:before {content: "\f0fa";}
.fa-fighter-jet:before {content: "\f0fb";}
.fa-beer:before {content: "\f0fc";}
.fa-h-square:before {content: "\f0fd";}
.fa-plus-square:before {content: "\f0fe";}
.fa-angle-double-left:before {content: "\f100";}
.fa-angle-double-right:before {content: "\f101";}
.fa-angle-double-up:before {content: "\f102";}
.fa-angle-double-down:before {content: "\f103";}
.fa-angle-left:before {content: "\f104";}
.fa-angle-right:before {content: "\f105";}
.fa-angle-up:before {content: "\f106";}
.fa-angle-down:before {content: "\f107";}
.fa-desktop:before {content: "\f108";}
.fa-laptop:before {content: "\f109";}
.fa-tablet:before {content: "\f10a";}
.fa-mobile-phone:before,.fa-mobile:before {content: "\f10b";}
.fa-circle-o:before {content: "\f10c";}
.fa-quote-left:before {content: "\f10d";}
.fa-quote-right:before {content: "\f10e";}
.fa-spinner:before {content: "\f110";}
.fa-circle:before {content: "\f111";}
.fa-mail-reply:before,.fa-reply:before {content: "\f112";}
.fa-github-alt:before {content: "\f113";}
.fa-folder-o:before {content: "\f114";}
.fa-folder-open-o:before {content: "\f115";}
.fa-smile-o:before {content: "\f118";}
.fa-frown-o:before {content: "\f119";}
.fa-meh-o:before {content: "\f11a";}
.fa-gamepad:before {content: "\f11b";}
.fa-keyboard-o:before {content: "\f11c";}
.fa-flag-o:before {content: "\f11d";}
.fa-flag-checkered:before {content: "\f11e";}
.fa-terminal:before {content: "\f120";}
.fa-code:before {content: "\f121";}
.fa-reply-all:before {content: "\f122";}
.fa-mail-reply-all:before {content: "\f122";}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {content: "\f123";}
.fa-location-arrow:before {content: "\f124";}
.fa-crop:before {content: "\f125";}
.fa-code-fork:before {content: "\f126";}
.fa-unlink:before,.fa-chain-broken:before {content: "\f127";}
.fa-question:before {content: "\f128";}
.fa-info:before {content: "\f129";}
.fa-exclamation:before {content: "\f12a";}
.fa-superscript:before {content: "\f12b";}
.fa-subscript:before {content: "\f12c";}
.fa-eraser:before {content: "\f12d";}
.fa-puzzle-piece:before {content: "\f12e";}
.fa-microphone:before {content: "\f130";}
.fa-microphone-slash:before {content: "\f131";}
.fa-shield:before {content: "\f132";}
.fa-calendar-o:before {content: "\f133";}
.fa-fire-extinguisher:before {content: "\f134";}
.fa-rocket:before {content: "\f135";}
.fa-maxcdn:before {content: "\f136";}
.fa-chevron-circle-left:before {content: "\f137";}
.fa-chevron-circle-right:before {content: "\f138";}
.fa-chevron-circle-up:before {content: "\f139";}
.fa-chevron-circle-down:before {content: "\f13a";}
.fa-html5:before {content: "\f13b";}
.fa-css3:before {content: "\f13c";}
.fa-anchor:before {content: "\f13d";}
.fa-unlock-alt:before {content: "\f13e";}
.fa-bullseye:before {content: "\f140";}
.fa-ellipsis-h:before {content: "\f141";}
.fa-ellipsis-v:before {content: "\f142";}
.fa-rss-square:before {content: "\f143";}
.fa-play-circle:before {content: "\f144";}
.fa-ticket:before {content: "\f145";}
.fa-minus-square:before {content: "\f146";}
.fa-minus-square-o:before {content: "\f147";}
.fa-level-up:before {content: "\f148";}
.fa-level-down:before {content: "\f149";}
.fa-check-square:before {content: "\f14a";}
.fa-pencil-square:before {content: "\f14b";}
.fa-external-link-square:before {content: "\f14c";}
.fa-share-square:before {content: "\f14d";}
.fa-compass:before {content: "\f14e";}
.fa-toggle-down:before,.fa-caret-square-o-down:before {content: "\f150";}
.fa-toggle-up:before,.fa-caret-square-o-up:before {content: "\f151";}
.fa-toggle-right:before,.fa-caret-square-o-right:before {content: "\f152";}
.fa-euro:before,.fa-eur:before {content: "\f153";}
.fa-gbp:before {content: "\f154";}
.fa-dollar:before,.fa-usd:before {content: "\f155";}
.fa-rupee:before,.fa-inr:before {content: "\f156";}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {content: "\f157";}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before {content: "\f158";}
.fa-won:before,.fa-krw:before {content: "\f159";}
.fa-bitcoin:before,.fa-btc:before {content: "\f15a";}
.fa-file:before {content: "\f15b";}
.fa-file-text:before {content: "\f15c";}
.fa-sort-alpha-asc:before {content: "\f15d";}
.fa-sort-alpha-desc:before {content: "\f15e";}
.fa-sort-amount-asc:before {content: "\f160";}
.fa-sort-amount-desc:before {content: "\f161";}
.fa-sort-numeric-asc:before {content: "\f162";}
.fa-sort-numeric-desc:before {content: "\f163";}
.fa-thumbs-up:before {content: "\f164";}
.fa-thumbs-down:before {content: "\f165";}
.fa-youtube-square:before {content: "\f166";}
.fa-youtube:before {content: "\f167";}
.fa-xing:before {content: "\f168";}
.fa-xing-square:before {content: "\f169";}
.fa-youtube-play:before {content: "\f16a";}
.fa-dropbox:before {content: "\f16b";}
.fa-stack-overflow:before {content: "\f16c";}
.fa-instagram:before {content: "\f16d";}
.fa-flickr:before {content: "\f16e";}
.fa-adn:before {content: "\f170";}
.fa-bitbucket:before {content: "\f171";}
.fa-bitbucket-square:before {content: "\f172";}
.fa-tumblr:before {content: "\f173";}
.fa-tumblr-square:before {content: "\f174";}
.fa-long-arrow-down:before {content: "\f175";}
.fa-long-arrow-up:before {content: "\f176";}
.fa-long-arrow-left:before {content: "\f177";}
.fa-long-arrow-right:before {content: "\f178";}
.fa-apple:before {content: "\f179";}
.fa-windows:before {content: "\f17a";}
.fa-android:before {content: "\f17b";}
.fa-linux:before {content: "\f17c";}
.fa-dribbble:before {content: "\f17d";}
.fa-skype:before {content: "\f17e";}
.fa-foursquare:before {content: "\f180";}
.fa-trello:before {content: "\f181";}
.fa-female:before {content: "\f182";}
.fa-male:before {content: "\f183";}
.fa-gittip:before {content: "\f184";}
.fa-sun-o:before {content: "\f185";}
.fa-moon-o:before {content: "\f186";}
.fa-archive:before {content: "\f187";}
.fa-bug:before {content: "\f188";}
.fa-vk:before {content: "\f189";}
.fa-weibo:before {content: "\f18a";}
.fa-renren:before {content: "\f18b";}
.fa-pagelines:before {content: "\f18c";}
.fa-stack-exchange:before {content: "\f18d";}
.fa-arrow-circle-o-right:before {content: "\f18e";}
.fa-arrow-circle-o-left:before {content: "\f190";}
.fa-toggle-left:before,.fa-caret-square-o-left:before {content: "\f191";}
.fa-dot-circle-o:before {content: "\f192";}
.fa-wheelchair:before {content: "\f193";}
.fa-vimeo-square:before {content: "\f194";}
.fa-turkish-lira:before,.fa-try:before {content: "\f195";}
.fa-plus-square-o:before {content: "\f196";}
/*******************************************************************************************************************************************
********************************************************************************************************************************************
												ANIMATE.CSS
********************************************************************************************************************************************
*******************************************************************************************************************************************/
@charset "UTF-8";
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;

  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}
/*******************************************************************************************************************************************
********************************************************************************************************************************************
												MORPHEXT.CSS
********************************************************************************************************************************************
*******************************************************************************************************************************************/
.morphext > span {display: none;}.morphext > .animated {display: inline-block !important;}
/*******************************************************************************************************************************************
********************************************************************************************************************************************
												JBAR.CSS
********************************************************************************************************************************************
*******************************************************************************************************************************************/
.jbar { font-family:inherit; /* inherit your fonts */ background:#DB5903; border-bottom:3px solid #FFF; position:fixed; top:0; left:0; z-index:9999; /* set high to avoid possible existing z-indexes */ width:100%; }
.jbar, .jbar-push { display:none; transition:margin-top .25s linear; -webkit-transition:margin-top .25s linear; -moz-transition:margin-top .25s linear; }
.jbar-wrap { padding:0 25px; margin:8px 0; text-align:center; }
.jbar p { margin:0; padding:0; font-size:14px; }
.jbar p, .jbar-button { color:#FFF; display:inline-block; *display:inline; zoom:1; }
.jbar-button { background:#ffffff; text-decoration:none; margin:0 30px; padding:5px 20px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#333333; }
.jbar-button:hover { background:#222; color:#ff8d08; }
.jbar-up-toggle { position:absolute; top:0; right:20px; display:block; padding:10px; }
.jbar-down-toggle { visibility:hidden; position:fixed; top:0; right:20px; z-index:999; display:block; padding:10px 10px 5px; background:#DB5903; border:3px solid #FFF; border-top:none; border-radius:0 0 4px 4px; box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); transition:margin-top .15s linear; -webkit-transition:margin-top .15s linear; -moz-transition:margin-top .15s linear;  z-index:999999; background:#cccccc;}
.jbar-up-arrow { width:17px; height:19px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAMAAABBexbDAAAADFBMVEXu7u5JSUkAAAAAAABdVQ4zAAAABHRSTlOGfRIAX3wErQAAADtJREFUeNrNzrENACAMA8EH9t8ZKXrjFXDlXONwzEohsEMEdojAI4QSQgmhhFBCKDHxYjKLyvQfBPrbBQBhAvZmanT9AAAAAElFTkSuQmCC) no-repeat center center; }
.jbar-down-arrow { width:21px; height:23px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAMAAADTAfSvAAAAnFBMVEWgoKD///8PDw8RERH///+cnJyfn58rKyv///////////8mJib///////+ampr///+FhYX///////////////+Dg4P///////+Li4sGBgb///////////8hISGOjo7///////////+WlpaRkZH///////8vLy////////////////////8XFxf///8cHBz///8MDAwAAAAAAAAAAABgXTkEAAAANHRSTlNWJmUsKVVVMBsYOS8XGlMBSQUfMzVIBANLKjI4HS5NNx4vUE8tJDE6IzQrNiwhLQIrYSkAN4qAdAAAAIRJREFUeNrdz0UWwzAQA9ApMyVlprATt9b979bWjuH5CNVu/mYkgsxbR521Cp2/0qj5G2pUzaaSKuElzglRl3mYjAlodFou9pKB/NaeviyOhhNIneV3w6dDXzfjz0fN1eVo+/LbeSexuLor+H77RVaUcBWbbC5YptAq1stVmMJXLAKD+AAYmVm/0d4W0wAAAABJRU5ErkJggg==) no-repeat center center;}
/*.jbar { font-family:inherit; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVQImWN49+7dfwZkAAA6pAPKfbC7DwAAAABJRU5ErkJggg==) repeat #ffffff; border-bottom:1px solid #ffffff; position:fixed; top:0; left:0; z-index:9999; width:100%; box-shadow: 0px 3px 5px 0px #999999;}
.jbar{ display:none; transition:margin-top .25s linear; -webkit-transition:margin-top .25s linear; -moz-transition:margin-top .25s linear;}
.jbar-wrap { padding:0px; margin:9px 0; text-align:center; }
.jbar p { margin:0; padding:0; color:#000000;}
.jbar p, .jbar-button {display:inline-block; *display:inline; zoom:1; font-size:16px !important; font-weight:400 !important; }
.jbar-button { border-top:solid 1px transparent; border-right:solid 1px transparent; border-left:solid 1px transparent; border-bottom:solid 1px #ff8d08; text-decoration:none; margin:0 30px; padding:2px 5px; letter-spacing:1px; color:#ff8d08; }
.jbar-button:focus,.jbar-button:hover { background:#ffffff; border:solid 1px #ff8d08; color:#ff8d08;}
.jbar-up-toggle { position:absolute; top:-3px; right:6px; display:block; padding:10px; }
.jbar-down-toggle { visibility:hidden !important; position:fixed; top:-4px; right:10px; z-index:999; display:block; padding:24px 10px 5px; border:1px solid #bbbbbb; border-top:none; border-radius:0 0 5px 5px; box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); transition:margin-top .15s linear; -webkit-transition:margin-top .15s linear; -moz-transition:margin-top .15s linear;  z-index:999999; background:#ffffff;}
.jbar-up-arrow {width: 35px; height: 35px; background: url('../images/cross.png') no-repeat center center; padding:10px;}
.jbar-down-arrow {width: 24px; height: 24px; background: url('../images/arrow-down.png') no-repeat center bottom;}
.jbar-push{height:50px !important;}
@media screen and (max-width: 400px) {
.jbar-wrap {width:90%; text-align:left;}
.jbar p {padding:0 0 10px 10px !important; line-height:20px !important; text-align:left;}
.jbar-button {margin:0 0 0 10px; }
.jbar-up-toggle {top:40px;}
.jbar-push{height:98px !important;}
}
@media screen and (min-width: 401px) and (max-width: 767px) {
.jbar-wrap {width:90%; text-align:left;}
.jbar p {padding:0 0 10px 10px !important; line-height:20px !important; text-align:left;}
.jbar-button {margin:0 0 0 10px; }
.jbar-up-toggle {top:0px; right:11px;}
.jbar-down-toggle {right:15px;}
.jbar-push{height:98px !important;}
}
*/
/*******************************************************************************************************************************************
********************************************************************************************************************************************
											OWL.CAROUSEL.CSS
********************************************************************************************************************************************
*******************************************************************************************************************************************/
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
/*******************************************************************************************************************************************
********************************************************************************************************************************************
											OWL.THEME.CSS
********************************************************************************************************************************************
*******************************************************************************************************************************************/
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/*********************************************************************************************************/
.plan-icons{margin:60px;}
.ico-feedback{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -210px -150px; width:35px; min-height:25px; display:inline-block;}
.ico-research{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -210px -200px; width:35px; min-height:25px; display:inline-block;}
.ico-rating{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -35px -225px; width:35px; min-height:25px;display:inline-block;}
.ico-survey{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -315px -0px; width:35px; min-height:25px;display:inline-block;}
.ico-richmessage{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -140px -0px; width:35px; min-height:25px;display:inline-block;}
.ico-push{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -210px -0px; width:35px; min-height:25px;display:inline-block;}
.ico-qamessage{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -70px -0px; width:35px; min-height:25px;display:inline-block;}
.ico-messagewall{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -140px -225px; width:35px; min-height:25px;display:inline-block;}
.ico-insight{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -70px -150px; width:35px; min-height:25px;display:inline-block;}
.ico-opinion{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -245px -150px; width:35px; min-height:25px;display:inline-block;}
.ico-segment{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -70px -75px; width:35px; min-height:25px;display:inline-block;}
.ico-automation{ background:url(../images/tapcliq-opinion-driven-personalization.png) no-repeat -175px -225px; width:35px; min-height:25px;display:inline-block;}
#webappchat h1{font-size:38px !Important; line-height:56px!Important; margin:0px 0 50px 0; color:#313131;}
#webappchat h1 span{color:#ff8d08; font-weight:300 !important;font-size:38px !Important; }
#user-experience h1{font-size:38px !Important; line-height:56px!Important; margin:0px 0 50px 0; color:#313131;}
#user-experience h1 span{color:#ff8d08; font-weight:300 !important;font-size:38px !Important; }
@media (min-width: 300px) and (max-width: 767px) {
#microsegment{text-align:center;}
#microsegment .feature-block .feature-image{text-align:center; padding:0 1em;}
#microsegment a{margin:2em 0 0 0;}
}
@media (min-width: 992px) {
body.page-home section.big-small-business {padding: 100px 0; display: flex; align-items: center; height: 100%; text-align: left; border-top:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee;}
body section {position: relative;z-index: 3;}
body.page-home section.big-small-business .col-md-3{top:0; margin-top:0; vertical-align:top;}
section.big-small-business h2.title {font-size:30px !important; font-weight:100; line-height:48px; position:relative; margin:0 0 20px 0;}
section.big-small-business .background.small-business {left: 50%; height: 100% !important; background-color: #e4e4e4;}
section.big-small-business img {transform: rotate(0deg) !important; text-align:center; margin-top:8%;}
section.big-small-business .row {align-items: center;}
section.big-small-business .text-right {background-color: transparent;text-align: right !important; padding-top: 0;padding-bottom: 0;}
.desktop-only-flex {display: flex !important;}
}
@media (min-width: 993px) and (max-width:1199px) { 
section.big-small-business h2.title {font-size:24px !important;}
}
@media (min-width: 1300px) { 
section.big-small-business .container{max-width:80%;}
}
section.big-small-business .container{max-width:90%;}
section.big-small-business {color: #3a3a3a;padding: 50px 0;text-align: center;border-top:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee;}
section.big-small-business .text-right {background-color: transparent; text-align: center; padding-top: 0; padding-bottom: 0;}
section.big-small-business h2.title {font-size:36px; font-weight:100; line-height:48px; position:relative; margin:0 0 20px 0;}
section.big-small-business h2.title strong {font-weight:600; color:#ff8d08}
section.big-small-business h2.title.underline:after {content:''; display:inline-block; position:absolute; left:0%; bottom:-8px; width:100%; height:2px; background-color:#000000;}
section.big-small-business h3 {font-size:18px; margin-bottom: 20px; margin-top: 36px; text-transform:uppercase; color:#666666;}
section.big-small-business p.blank{height:20px; margin:0;}
section.big-small-business p, section.big-small-business p ul{font-size:18px !important; line-height:26px; color:#666666; font-weight: 100 !important; margin: 10px 0 20px 0; padding: 0;}
section.big-small-business p .description b, section.big-small-business p .description ul b{font-weight: 400 !important;}
section.big-small-business p.desc.figures {margin:40px 0;} 
section.big-small-business p.figures b{font-weight: 400 !important; color:#000000; margin: 10px 0 20px 0; padding: 0;}
section.big-small-business img {transform: rotate(90deg); text-align:center;}
.background {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2;}
section.big-small-business .background.small-business{background-color: #e4e4e4; height: 50%;}
/*********************************************************************************************************/
.group .container {margin: 0 auto; width: 100%; max-width: 1200px;}
.group .group:after {content: "";display: table;clear: both;}
.group .grid-1-3 {border: 3px solid #dddddd; min-height: 920px; padding: 1.25em 0; position: relative; text-align: center; transition: all .2s ease-in-out;margin:0 5px; background:#ffffff;}
#planenterprise .group .grid-1-3 {min-height:1040px;}
.group .grid-1-3.special{background:#ffffff;}
.group .grid-1-4 {border: 3px solid #dddddd; min-height: 1050px; padding: 1.25em 0; position: relative; text-align: center; transition: all .2s ease-in-out;margin:0 5px; background:#ffffff;}
.group .grid-1-4.special{background:#ffffff;}
@media screen and (min-width: 700px) {
.group .grid-blank{float: left; width:18%}
.group .grid-1-3 {float: left; width: 30%;}
.group .grid-1-3:nth-child(odd) {clear: left;}
.group .grid-1-4 {float: left; width: 48%;}
.group .grid-1-4:nth-child(odd) {clear: left;}
}
@media screen and (min-width: 800px) {
.group .grid-blank{float: left; width:18%}
.group .grid-1-3 {width: 30%;}
.group .grid-1-3:nth-child(3n+1) {clear: left;}
.group .grid-1-3:nth-child(odd) {clear: none;}
.group .grid-1-4 {width: 33.3333333%;}
.group .grid-1-4:nth-child(3n+1) {clear: left;}
.group .grid-1-4:nth-child(odd) {clear: none;}
}
@media screen and (min-width: 1120px) {
.group .grid-blank{float: left; width:18%}
.group .grid-1-3 {width: 30%;}
.group .grid-1-4 {width: 24%;}
.group .grid-1-3:nth-child(odd), .group .grid-1-3:nth-child(3n+1) {clear: none;}
.group .grid-1-4:nth-child(odd), .group .grid-1-4:nth-child(3n+1) {clear: none;}
}
.group .grid-1-3:hover {background-color: #ffffff; *zoom: 1; background-size: 100%; box-shadow: 0px 0px 10px 0px #323232;transform: scale(1.025);z-index: 2; outline:solid 5px #ff8d08; outline-offset:-5px;}
.group .grid-1-3.special:hover {outline:solid 5px #568ED5;}
.group .grid-1-3:hover:before {left: -2px;}
.group .grid-1-3:hover:after {right: -2px;}
.group .grid-1-3:hover .button {background-color: #ffffff; *zoom: 1; border:solid 1px #ff8d08; color:#ff8d08; cursor:pointer;}
.group .grid-1-3.special:hover .button{background-color: #ffffff; *zoom: 1; border:solid 1px #568ED5; color:#568ED5; cursor:pointer;}
.group .grid-1-4:hover {background-color: #ffffff; *zoom: 1; background-size: 100%; box-shadow: 0px 0px 10px 0px #323232;transform: scale(1.025);z-index: 2; outline:solid 5px #ff8d08; outline-offset:-5px;}
.group .grid-1-4.special:hover {outline:solid 5px #568ED5;}
.group .grid-1-4:hover:before {left: -2px;}
.group .grid-1-4:hover:after {right: -2px;}
.group .grid-1-4:hover .button {background-color: #ffffff; *zoom: 1; border:solid 1px #ff8d08; color:#ff8d08; cursor:pointer;}
.group .grid-1-4.special:hover .button{background-color: #ffffff; *zoom: 1; border:solid 1px #568ED5; color:#568ED5; cursor:pointer;}
.group h2, .group h3, .group p, .group ul {margin: 0;}
.group h2 {font-size: 18px; letter-spacing:2px; font-weight: 700; margin: 0 0 0.5em 0;}
.group h2 span {font-size: 13px; line-height:18px; color:#999999; letter-spacing:0px; font-weight:400; text-transform:none; display:block; margin:5px 0 15px 0; padding:0; }
.group h3 small {font-size: 13px; line-height:18px; color:#999999; letter-spacing:0px; font-weight:400; text-transform:none; display:block; margin:0 0 0 0; padding:0;}
.group h3 {font-size: 48px; font-weight:400; margin: 0 0 0 0; color:#b94a48;}
.group p {font-size: 14px !important; font-weight:600 !important; color:#444444; display:block; padding:0; margin:0; clear:both;}
.group p.bottom {top: 20px; position: relative; text-align: center; margin:0;}
.group ul {margin: 0px 0;} 
.group ul {color: #796583;font-size: 0.75em;list-style-type: none;padding: 0; }
.group ul li {width: 100%; float: left; padding: 1px 10px 1px 30px !important; font-size: 14px !important; text-align: left; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color:#666666;}
.group ul li.heading {font-size:150% !important; background:rgba(23, 61, 80, 0.06); border-top:solid 1px rgba(23, 61, 80, 0.1); border-bottom:solid 1px rgba(23, 61, 80, 0.1); padding: 10px 10px 10px 36px !important; color:#000000;}
.group ul li.heading.tspace{margin-top:10px;}
/*.group ul li:nth-of-type(2n+1) {background-color: rgba(23, 61, 80, 0.06);}*/
/*.group .button {background-color: #ff8d08; color: #fff; font-size: 1em; font-weight: 700; padding: 0.75em 1.5em; position: absolute; bottom: 2.5em; left: 50%; margin-left: -80px; text-decoration: none; width:160px;}*/
.group .grid-1-3 .button, .group .grid-1-4 .button {background-color: #ff8d08; color: #fff; font-size: 1em; font-weight: 700; padding: 0.75em 1.5em; position: relative; text-decoration: none; width:160px; display:inline-block; margin-bottom:30px;}
.group .grid-1-3.special .button, .group .grid-1-4.special .button {background:#568ED5;}
.group .uppercase, .group .button, .group h2 {text-transform: uppercase;}
.group .small {font-size: 18px; margin-left:5px;}
.group sup {font-size: 22px;}
.group .strike{text-decoration:line-through; color:#cccccc; font-weight:100;}
.group .strike sup{text-decoration:none; color:#cccccc; font-weight:100;}
.group .letstalk{font-size:60%;}
.standard-features{background:#FFFFFF; margin:0 !important; padding:0 30px 30px 30px;}
.enterprise-link{padding:50px 0 30px 0;}
.standard-features h1{margin:0 !important; padding:0 0 10px 0;}
.standard-features h1 small{font-size: 28px !Important; line-height: 38px !Important;margin-top: 0 !Important;margin-bottom: 10px; color: #000000!Important;}
.standard-features ul li {color: #666666 !important;line-height: 36px; position: relative; margin-left:36px;}
.icon-ok {background: url(../images/icon-ok.png) 0 0 no-repeat;width: 12px;height: 12px;content: "" !important;margin-right: 10px;}
.glyphicon {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.standard-features .hr {padding: 15px 0;border: 0;border-top-width: 0px;border-top-style: none;border-top-color: currentcolor;border-top: 1px solid #dddddd;}
.switch {margin:10px 0 30px 0;}
.grid-1-4 > .sale-wrapper {height: 120px;width: 120px;color: #fff;overflow: hidden;position: absolute;left: -4px;top: -3px;}
.sale-wrapper > .sale {box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);font-size: 13px;padding: 10px 0;position: absolute;right: -10px;top: 25px;text-align: center;text-transform: none;transform: rotate(-50deg); width: 180px; background: #000000;}
/*************************************************** small plan icons *******************************************************/
.plan-icon-list{position: relative; text-align:left;}
.plan-icon-interactive__messages::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -210px -225px;}
.plan-icon-interactive__messages.active::before {background-position:-210px -250px;}
.plan-icon-connected__messages::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -315px -225px;}
.plan-icon-connected__messages.active::before {background-position: -315px -250px;}
.plan-icon-qa__messages::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -70px -0px;}
.plan-icon-qa__messages.active::before {background-position: -70px -25px;}
.plan-icon-survey::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -315px -0px;}
.plan-icon-survey.active::before {background-position: -315px -25px;}
.plan-icon-rich__messages.active::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -140px -0px;}
.plan-icon-rich__messages.active::before {background-position: -140px -25px;}
.plan-icon-feedback::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -210px -150px;}
.plan-icon-feedback.active::before {background-position: -210px -175px;}
.plan-icon-rating::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -35px -225px;}
.plan-icon-rating.active::before {background-position: -35px -250px;}
.plan-icon-push::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: '';  width: 35px; height: 25px; top: 6px; background-position: -210px -0px;}
.plan-icon-push.active::before {background-position: -210px -25px;}
.plan-icon-message__wall::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -140px -225px;}
.plan-icon-message__wall.active::before {background-position: -140px -250px;}
.plan-icon-templates::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -0px -325px;}
.plan-icon-segment::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -70px -100px;}
.plan-icon-abtesting::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -175px -250px;}
.plan-icon-automation::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -315px -100px;}
.plan-icon-support::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -35px -175px;}
.plan-icon-analytics::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -70px -175px;}
.plan-icon-targeting::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -245px -175px;}
.plan-icon-callforaction::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -35px -325px;}
.plan-icon-campaignbuilder::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -70px -325px;}
.plan-icon-designstudio::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:block; position:absolute; content: ''; left:-45px; width: 35px; height: 25px; top: 6px; background-position: -175px -100px;}
.plan-icon-helpoid__bots::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -280px -225px;}
.plan-icon-helpoid__bots.active::before {background-position: -280px -250px;} 
.plan-icon-playbook::before {background: url(../images/tapcliq-opinion-driven-personalization.png) center center no-repeat; display:inline-block; position:relative; content: ''; width: 35px; height: 25px; top: 6px; background-position: -105px -300px;}
.plan-icon-playbook.active::before {background-position: -105px -325px;}
/************************************ Available on - Home page poster ****************************************************/
.icons-sdk{position:absolute; right:20px; bottom:20px;}
.icons-sdk h5{display:block; font-size:16px; font-weight:600; color:#ffffff; line-height:30px; text-align:center;}
[class^="icon-sdk-"], [class*="icon-sdk-"] {display: inline-block;width: 50px;height: 50px;line-height: 50px;vertical-align: text-top;background: url(../images/sdk.png) no-repeat 0px 0px;}
[class^="icon-sdk-"]:hover,[class*="icon-sdk-"]:hover{cursor:pointer;}
.icon-sdk-ios{background-position: 0px 0px;}
.icon-sdk-ios:hover,.icon-sdk-ios.active{background-position: 0px -50px;}
.icon-sdk-android{background-position: -50px 0px;}
.icon-sdk-android:hover,.icon-sdk-android.active{background-position: -50px -50px;}
.icon-sdk-js{background-position: -100px 0px;}
.icon-sdk-js:hover,.icon-sdk-js.active{background-position: -100px -50px;}
.icon-sdk-web{background-position: -150px 0px;}
.icon-sdk-web:hover,.icon-sdk-web.active{background-position: -150px -50px;}
.icon-sdk-chat{background-position: -200px 0px;}
.icon-sdk-chat:hover,.icon-sdk-chat.active{background-position: -200px -50px;}
@media screen and (max-width: 700px) {
.icons-sdk{position:absolute; right:20%; margin:0 auto; text-align:center; }
}
/**************************************************************************************************************************/
#calc-box {background:#f7f7f7; border:dashed 3px #cccccc; padding:0px 30px; margin:10px auto 30px auto;}
/*#calc-box .row .col-sm-4{border-right:dashed 3px #cccccc;}*/
#calc-box .row .col-sm-4:last-child{border-left:dashed 3px #cccccc;}
#calc-box h1{color:#333333; font-size:16px !important; font-weight:600 !important; margin: 0; line-height: 24px;}
#calc-box .resbox h1{margin:0 !important;}
#calc-box h1 small{font-size:12px !important;color:#666666; text-transform: uppercase; font-weight:400 !important; padding-left:10px;}
#calc-box h1 span{font-size:24px !important; color:#000000; font-weight:400;}
#calc-box h1 span.res{ font-size:36px !important; color:#ff8d08; font-weight:400 !important; margin:0;}
#calc-box p.res{font-size:14px !important; color:#000000 !important; font-weight:600 !important; margin:0 0 20px 0;}
.slider{width:90% !important;}
@media screen and (max-width: 411px) {
#calc-box .row .col-sm-4:last-child{border:none; border-top:dashed 3px #cccccc;}
}
@media screen and (min-width: 412px) and (max-width: 767px) {
#calc-box .row .col-sm-4:last-child{border:none; border-top:dashed 3px #cccccc;}
}
/***************************** Dashboard Icons *******************************************************/
[class^="ico-action-"],[class*="ico-action-"] {display:inline-block; width:80px; height:80px; line-height:80px; vertical-align:text-top; background:url(../images/icon-campaign-objectives.png) no-repeat 0px 0px #f5f5f5; border-radius:50%; float:left;}
.ico-action-feedback{background-position: 0px 0px;}
.ico-action-survey{background-position: -80px 0px;}
.ico-action-learnuserintent{background-position: -160px 0px;}
.ico-action-opinion{background-position: -240px 0px;}
.ico-action-marketingeffectiveness{background-position: -320px 0px;}
.ico-action-unlock-question{background-position: 0px -80px;}
.ico-action-unlock-research{background-position: -80px -80px;}
.ico-action-netpromoterscore{background-position: -160px -80px;}
.ico-action-support{background-position: -240px -80px;}
.ico-action-push{background-position: -320px -80px;}
.ico-action-inappnavigation{background-position: -0px -160px;}
.ico-action-driveconversion{background-position: -80px -160px;}
.ico-action-pageviews-question{background-position: -160px -160px;}
.ico-action-pageviews-research{background-position: -240px -160px;}
.ico-action-interstitial{background-position: -320px -160px;}
.ico-action-sentimentanalysis{background-position: -0px -240px;}
.ico-action-marketresearch{background-position: -80px -240px;}
.ico-action-ratings{background-position: -160px -240px;}
.ico-action-polls{background-position: -240px -240px;}
.ico-action-end-of-article{background-position: -320px -240px;}
.ico-action-templates{background-position: -0px -320px;} 
.ico-action-register{background-position: -80px -320px;} 
.ico-action-create{background-position: -160px -320px;} 
.ico-action-run{background-position: -240px -320px;} 
/**************************************************************************************/ 
/***************************** Support Icons *******************************************************/
[class^="icon-support-"],[class*="icon-support-"] {display:inline-block; width:80px; height:80px; line-height:80px; vertical-align:text-top; background:url(../images/support-icons.png) no-repeat 0px 0px;}
[class^="icon-support-"]:hover,[class*="icon-support-"]:hover {-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%)}
.icon-support-interactive{background-position: 0px 0px;}
.icon-support-campaigntypes{background-position: -80px 0px;}
.icon-support-templates{background-position: -160px 0px;}
.icon-support-usecases{background-position: -240px 0px;}
.icon-support-automation{background-position: 0px -80px;}
.icon-support-integrationapi{background-position: -80px -80px;}
.icon-support-videos{background-position: -160px -80px;}
.icon-support-faq{background-position: -240px -80px;}
.icon-support-myaccount{background-position: -0px -160px;}
/**************************************************************************************/ 
/***************************** Playbook Icons *******************************************************/
[class^="icon-playbook-"],[class*="icon-playbook-"] {display:inline-block; width:80px; height:80px; line-height:80px; vertical-align:text-top; background:url(../images/icon_playbooks.png) no-repeat 0px 0px;}
[class^="icon-playbook-"]:hover,[class*="icon-playbook-"]:hover {cursor:pointer;}
.icon-playbook-default{background-position: 0px 0px;}
.icon-playbook-default:focus, .icon-playbook-default:hover{background-position: 0px -80px;}
.icon-playbook-guided-seller{background-position: -80px 0px;}
.icon-playbook-guided-seller:focus, .icon-playbook-guided-seller:hover{background-position: -80px -80px;}
.icon-playbook-ecommerce{background-position: -160px 0px;}
.icon-playbook-ecommerce:focus, .icon-playbook-ecommerce:hover{background-position: -160px -80px;}
.icon-playbook-employee-productivity{background-position: -240px 0px;}
.icon-playbook-employee-productivity:focus, .icon-playbook-employee-productivity:hover{background-position: -240px -80px;}
.icon-playbook-feedback{background-position: -320px 0px;}
.icon-playbook-feedback:focus, .icon-playbook-feedback:hover{background-position: -320px -80px;}
.icon-playbook-guided-support{background-position: -400px 0px;}
.icon-playbook-guided-support:focus, .icon-playbook-guided-support:hover{background-position: -400px -80px;}
.icon-playbook-customer-satisfaction{background-position: -480px 0px;}
.icon-playbook-customer-satisfaction:focus, .icon-playbook-customer-satisfaction:hover{background-position: -480px -80px;}
/**************************************************************************************/ 
.steps a b{font-size:14px; line-height:80px; text-align:right; color:#000000;} 
.acceptpanel{position:fixed; left:1%; bottom:5%; width:700px; z-index:999999; box-shadow: rgba(0,0,0, 0.3) 0 3px 15px;}
.acceptpanel .alert{margin:0;}
.acceptpanel p{font-size:13px !important; line-height:26px !important; font-weight:100; margin:0;}
.alert-inverse {color: #ffffff; background:rgba(0,0,0,0.7); border-color: none;}
.alert-inverse hr {border-top-color: #000000;} 
.alert-inverse .alert-link {color: #ffffff;}
@media screen and (max-width: 400px) {
.acceptpanel{left:2%; width:96%;}
}
@media (min-width: 412px) and (max-width: 767px) {
.acceptpanel{left:2%; width:96%;}
}
/**************************************************************************************/ 
.section-bots{padding:50px 0;}
.section-bots .box{width:100%; min-height:280px; margin:0 auto 30px auto; text-align:center; background:#f4f4f4; border:solid 3px #dddddd; transition: box-shadow 0.5s ease;}
.section-bots .box:focus,.section-bots .box:hover{background:#ffffff; border:solid 3px #cccccc; box-shadow: 0 10px 10px -10px #000000; cursor:pointer;}
.section-bots .box h2{font-size:18px !important; font-weight:600; color:#000000; line-height:26px; margin:20px;}
.section-bots .box h2::after{content:""; display:block; width:90%; margin:10px auto; text-align:center; border-bottom:solid 1px #cccccc;}
.section-bots .box p{font-size:14px !important; font-weight:100; color:#333333; line-height:22px !important; margin:10px 20px;}
.section-bots .box img.small{width: 60px;height: auto;position: relative; margin:30px auto 0 auto; opacity: 0.7;}
/**************************************************************************************************************/
#speedometer{padding:50px 0;}
#speedometer h1{ color:#333333; font-size:28px !important; line-height:36px !important; font-weight:300 !important; margin:0px 0 20px 0;}
#speedometer h1 span{ color:#FF8D08; font-weight:100; font-size:38px !important; line-height:56px !important; }
#speedometer p{ color: #333333; font-size: 16px !important; font-weight: 400; margin-bottom: 50px; }
.freesignup{background:url(../images/poster-signup.png) center center no-repeat #f7f7f7; height:588px; background-size:cover;}