@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; font-family: 'Raleway', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;font-family: 'Raleway', sans-serif;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;font-family: 'Raleway', sans-serif;}
body{position:relative; background-color: #f6f8f9;}

/* Class for clearing floats */
.clear {clear:both; display:block; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Create the Default Paragraphs */
p { color: #555555; font-size: 18px; line-height: 24px;}

.optimizely-integration p { color: #555555; font-size:inherit; line-height: 24px;}


/* Specific Header Settings */
h1 {font-weight:bold; font-size:50px; color:#fff; }
h2 {font-weight:bold; font-size:35px; color:#232838; line-height: 46px;}
h3 {font-size:26px; }
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}


/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none; max-width: 100%;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 15px; text-decoration:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover {text-decoration:none}
a:active {}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; text-transform: uppercase;}
select,input[type="text"],input[type="password"],input[type="email"],input[type="tel"]{display: block; width: 100%; background-color: #eaedee; height: 50px; padding-left: 15px; border-radius: 5px; font-size: 18px; color:#404040; border: 1px solid; border-color: transparent; margin-bottom: 15px}
select { margin-bottom: 10px;}
input[type="text"].error,input[type="password"].error,input[type="email"].error,input[type="tel"].error,inpt[type="textarea"].error{border-color: blue}
label.error{ color: crimson; font-weight: bold; margin-bottom: 20px; margin-left: 5px; margin-top: -5px; text-align: left; display: block}
label.error[for="message"]{ color: crimson; font-weight: bold; margin-bottom: 20px; margin-left: 5px; margin-top: 5px; text-align: left; display: block}
textarea{display: block; width: 100%; background-color: #eaedee; height: 90px; padding: 15px; border-radius: 5px; font-size: 18px; resize: none; color: #404040;}

::-webkit-input-placeholder {color:#8e94a5;}
:-moz-placeholder { color: #8e94a5; }
::-moz-placeholder { color: #8e94a5;  }
:-ms-input-placeholder { color: #8e94a5;  }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* Page Layout */
body{padding-top: 95px;}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto ; /* the bottom margin is the negative value of the footer's height */}
.wrapper{ max-width:1360px; margin:0 auto; width: 100%;}
.content{ margin:0 auto; padding:0; width:100%;}
.btn{background-color: #03d66b; display: inline-block; color: #fff; font-weight: 600; padding: 15px 20px; font-size: 16px; border-radius: 5px; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition:0.4s ease all; position: relative; overflow: hidden;}
.btn:hover{opacity: 0.7; cursor: pointer;}
.loading_container{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 9999999;background: rgba(61,70,97,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(61,70,97,1) 0%, rgba(35,40,56,1) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(61,70,97,1)), color-stop(100%, rgba(35,40,56,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(61,70,97,1) 0%, rgba(35,40,56,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(61,70,97,1) 0%, rgba(35,40,56,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(61,70,97,1) 0%, rgba(35,40,56,1) 100%);
    background: radial-gradient(ellipse at center, rgba(61,70,97,1) 0%, rgba(35,40,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4661', endColorstr='#232838', GradientType=1 );}
.loading_container .loading_outer{ position: absolute; top: 45%; left: 50%; width: 46px; height: 46px; margin-left: -18px; background: url(../imagesnew/site/loading_logo.gif) no-repeat center center; background-size: 40px;}
.loading_container .loading_inner{ position: absolute; top: 3px; left: 0%; width: 46px; height: 46px;/*background: url(../imagesnew/site/loading_inner.png) no-repeat center center; */-moz-animation:movingbox 1.3s infinite;  animation:movingbox 1.3s infinite;   -webkit-animation:movingbox 1.3s infinite; -o-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; transition: 0.5s ease all;}
@-webkit-keyframes movingbox{
    from{margin-left: 0px;}
    15% {margin-left: -4px;}
    30% {margin-left: 0px;}
    45% {margin-left: 0px;}
    60% {margin-left: 4px;}
    75% {margin-left: 0px;}
    90% {margin-left: 0px;}
    to{margin-left: 0px;}
}
@-moz-keyframes movingbox{
    from{margin-left: 0px;}
    15% {margin-left: -4px;}
    30% {margin-left: 0px;}
    45% {margin-left: 0px;}
    60% {margin-left: 4px;}
    75% {margin-left: 0px;}
    90% {margin-left: 0px;}
    to{margin-left: 0px;}
}
@keyframes movingbox{
    from{margin-left: 0px;}
    15% {margin-left: -4px;}
    30% {margin-left: 0px;}
    45% {margin-left: 0px;}
    60% {margin-left: 4px;}
    75% {margin-left: 0px;}
    90% {margin-left: 0px;}
    to{margin-left: 0px;}
}

/* Header*/
header{ height: 95px; width: 100%;  z-index: 9999; padding-top: 20px; background-color: #232838; position: fixed; top: 0;}
.index {padding-top: 0;}
.index header{position: fixed; top: 0; left: 0; right:0; width: 100%; background-color: transparent; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.index header.sticky{background-color: #232838; }
header .wrapper{ position:relative; width: 100%; max-width: 1500px; margin: 0 auto;}
header nav{float: right}
header nav>ul{display: inline-block; list-style: none; vertical-align: top; margin-right: 20px;}
header nav>ul>li{display: inline-block; list-style: none; vertical-align: top; padding: 15px; position: relative}
header nav>ul>li.drop_down{position: relative;}
header nav>ul>li.drop_down>a{position: relative;}
header nav>ul>li.drop_down>a:after{ position: absolute; content: ''; top: 21%; right: -20px;  width: 10px; height: 10px; background-image: url(../imagesnew/site/drop_down_arroew.png); background-repeat: no-repeat; background-position: right center}
header nav>ul>li>a{ font-size: 15px; color: #ffffff; font-weight: 500; text-transform: uppercase; text-transform: uppercase; }
.arrow_box:after {bottom: 100%;right: 9%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 7px;margin-left: -7px;}
header nav>ul>li>ul{position: absolute; width: 206px; min-height: 310px; background-color: #fff; border-radius: 5px; padding-top: 15px; right: -25px;  top: 100%; opacity: 0; visibility: hidden; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
header nav>ul>li:hover>ul{opacity: 1; visibility: visible;}
header nav>ul>li>ul>li{display: block; padding-left: 30px}
header nav>ul>li>ul>li>a{display: block; font-size: 14px; color: #677185; text-transform: uppercase; font-weight: 600;line-height: 35px;}
header nav>ul>li>ul>li>a:hover{color: #000; opacity: 1;}
header a:hover{opacity: 0.7; }
header .login_btn{ padding: 13px 25px; margin-top: 0px; margin-right: 10px; font-weight:600; border: 1px solid #9a9a9a; border-radius: 3px; color: #fff; text-transform: uppercase; display: inline-block;}
header .start_btn{ padding: 13px 25px; margin-top: 0px; margin-right: 10px; font-weight:600; border: 1px solid #03d56b; background: #03d56b; border-radius: 3px; color: #fff; text-transform: uppercase; display: inline-block;}
.mobile_head{display: none;}
/* Home grid slider */
.ri-grid{margin: 30px auto 30px;position: relative;height: auto;}
.ri-grid ul {list-style: none;display: block;width: 100%;margin: 0;padding: 0;}
/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.ri-grid ul:before,.ri-grid ul:after{content: '';display: table;}
.ri-grid ul:after {clear: both;}
.ri-grid ul {zoom: 1; /* For IE 6/7 (trigger hasLayout) */} 
.ri-grid ul li {-webkit-perspective: 400px;-moz-perspective: 400px;-o-perspective: 400px;-ms-perspective: 400px;perspective: 400px;	margin: 0;padding: 0;float: left;position: relative;display: block;overflow: hidden;background: #000;}
.ri-grid ul li a{display: block;outline: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;background-color: #333;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* Grid wrapper sizes */
.ri-grid-size-1{width: 55%;}
.ri-grid-size-2{width: 100%;}
.ri-grid-size-3{width: 100%;margin-top: 0px;}
/* Shadow style */
.ri-shadow:after,.ri-shadow:before{content: "";position: absolute;z-index: -2;bottom: 15px;left: 10px;width: 50%;height: 20%;max-width: 300px;max-height: 100px;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg);}
.ri-shadow:after{right: 10px;left: auto;-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);}
.ri-grid-loading:after,.ri-grid-loading:before{display: none;}
.ri-loading-image{display: none;}
.ri-grid-loading .ri-loading-image{position: relative;width: 30px;height: 30px;left: 50%;margin: 100px 0 0 -15px;display: block;}
.main{max-height: 800px; overflow: hidden; position: relative}
/* Push */
.push{}

#shadow_over {background-color: rgba(35,40,56,0.93); position: absolute;top: 0;right: 0;width: 100%; height: 100%; z-index: 9; padding-top: 150px; padding-bottom: 30px}
#shadow_over .banner_inner{width: 70%; margin: 0 auto; text-align: center;}
#shadow_over .banner_inner span{font-size: 22px; color: #e3e3e3; font-weight: 300; padding: 0px 30px; display: block; margin-top: 30px; line-height: 32px;}
#shadow_over .banner_inner .trial_demo{width: 50%; margin: 0 auto; margin-top: 30px;}
#shadow_over .banner_inner .trial_demo a{display: inline-block; padding: 20px 20px; border-radius: 5px; font-size: 18px; font-weight: 500; color: #fff;}
#shadow_over .banner_inner .trial_demo a:hover{opacity: 0.8;}
#shadow_over .banner_inner .trial_demo a.trial{background-color: #03d56b; margin-right: 15px;}
#shadow_over .banner_inner .trial_demo a.request{background-color: rgba(108,111,121,0.7);}
#shadow_over .banner_inner .video_play{padding-top: 90px; background: url(../imagesnew/site/video_play.png) no-repeat top center; display: block; width: 120px; margin: 0 auto; color: #fff; margin-top: 4%;}
#shadow_over .mobile_team{max-width: 1180px; margin: 0 auto; margin-top: 20px; padding-top: 10px; border-top: 1px solid #51535e; text-align: center;}
#shadow_over .mobile_team p{font-weight: 500; color: #b0b0b0; text-transform: uppercase; margin-bottom: 30px; margin-top: 10px}
#shadow_over .mobile_team label{font-size: 13px; color: #fff; font-weight: 400; font-style: italic; font-family: 'Libre Baskerville', serif; display: block; margin-top: 20px; margin-bottom: 10px;}
#shadow_over .mobile_team ul{list-style: none;}
#shadow_over .mobile_team ul li{display: inline-block; vertical-align: middle;}
#shadow_over .mobile_team ul li.last{margin-right: 0;}
#shadow_over .mobile_team .owl-theme .owl-dots .owl-dot span {background: #505050;}
#shadow_over .mobile_team .owl-theme .owl-dots .owl-dot.active span {background: #c5c5c5;}

.down_arow{width: 15px; height: 15px; background: url(../imagesnew/site/down_arrow.png) no-repeat center; display: block; position: absolute; bottom: 10px; left: 50%; margin-left: -10px; z-index: 999;  -webkit-animation:bounce 0.8s infinite; animation:bounce 0.8s infinite;}

@keyframes bounce {0%{transform:translateY(0px); }50%{transform:translateY(5px);}100%{transform:translateY(0px);}}
@-webkit-keyframes bounce {0%{-webkit-transform:translateY(0px);}50%{-webkit-transform:translateY(5px);}100%{-webkit-transform:translateY(0px);}}

.home_slider_contener{background-color: #fff; padding-top: 70px; padding-bottom: 30px;}
.home_slider{width: 67%; margin: 0 auto; position: relative; }
.home_slider .item{text-align: center; padding: 0 15%; font-size: 18px; color: #62656f; font-weight: 300;position: relative; background-image: url(../imagesnew/site/quoto.png); background-repeat: no-repeat; background-position: top center; padding-top: 15px; background-size: 100%;}
.home_slider .item p{  font-size: 20px; color: #62656f; font-weight: 300; line-height: 25px}
.home_slider .item .other_info{ width: 50%; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
.home_slider .item .other_info .left_section{width: 55px; height: 55px; float: left;}
.home_slider .item .other_info .left_section img{border-radius: 50%;}
.home_slider .item .other_info .right_section{width:calc(100% - 55px); float: left; text-align: left; padding-left: 25px; box-sizing: border-box; padding-top: 5px; }
.home_slider .item .other_info .right_section p{font-weight: 600; color: #232838;}
.home_slider .customer_rivew .owl-carousel { border-bottom: none;}
.home_slider .customer_rivew .owl-carousel .owl-dots {  bottom: -20px;}
.home_slider .customer_rivew .item .cst_detail .client_detail{text-align:left;}
.home_slider .nav_contener{text-align: center; padding-top: 40px; border-top: 1px solid #d2d2d2;}
.home_slider .slide_nav_{position: relative; display: inline-block;  vertical-align: top; margin-right:10%;}
.home_slider .slide_nav_:hover{cursor: pointer; opacity: .8}
.home_slider .slide_nav_.last{margin-right: 0;}
.home_slider .slide_nav_ img.act_show{position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all;}
.home_slider .slide_nav_.active img.act_show{opacity:1; visibility: visible; z-index: 99;}
.home_slider .slide_nav_ .nav_arrow{position: absolute; width: 30px; height: 35px; background-color: #fff; top: -55px;left: 50%;margin-left: -15px;z-index: 99;}
.home_slider .slide_nav_ .nav_arrow span{}
.home_slider .slide_nav_ .nav_arrow span:after{content:'';  position: absolute; width: 15px;  background-color: #d2d2d2; height: 1px; right: 0px; top: 41%; -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg) transform: rotate(0deg); -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all;}
.home_slider .slide_nav_.active .nav_arrow span:after{ top: 62%;right: -3px; width: 22px; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg) transform: rotate(-45deg);}
.home_slider .slide_nav_ .nav_arrow span:before{content:'';  position: absolute; width: 15px; background-color: #d2d2d2; height: 1px; left: 0px; top: 41%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all;}
.home_slider .slide_nav_.active .nav_arrow span:before{ top: 62%;left: -3px; width: 21px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}

.contener{position: relative;}
.contener .left_content{float: left; width: 50%;}
.contener .right_content{float: left; width: 50%;}
.user_session{background-color:#ffffff; min-height: 780px; padding-top: 35px;border-top:1px solid #ddd }
.user_session .section_img{ width: 80%; margin: 0 auto; -webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.43);-moz-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.43);box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.43);position: relative; margin-top: 100px;}
.user_session .section_img video{max-width: 100%; display: block; width: 100%; }
.user_session .section_img.animateblock.animated{margin-top: 0;}
.user_session .section_img .video_play{position: absolute; width: 50px; height: 50px; background-image: url(../imagesnew/site/video_play_2.png); top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; background-size: 100%;}
.text_section{width: 57%;margin-left: 14%; padding-top: 10%;}
.user_session .text_section h2{text-transform: uppercase;}
.user_session .text_section p{font-size: 18px; padding: 30px 0 50px; color: #6b7183; font-weight: 400; line-height: 30px;}
.user_session .text_section .btn{padding: 15px 35px; margin-bottom: 20px}
.heat_map{min-height: 630px; background-color: #232838; padding-top: 80px;}
.heat_map .contener .right_content{float: right;}
.heat_map .contener .left_content{float: right;}
.heat_map .text_section{float: right; margin-right: 10%; width: 60%;}
.heat_map .text_section h2{text-transform: uppercase; color: #fff;}
.heat_map .text_section p{font-size: 18px; padding: 30px 0 50px; color: #c1c4d0; font-weight: 300; opacity: 0.9; line-height: 30px;}
.heat_map .text_section .btn{padding: 15px 35px;}
.heat_map .section_img {margin-left: 10%; opacity: 1;}
.heat_map .section_img.animateblock{margin-top: -160px; margin-left: 27%; opacity:0}
.heat_map .section_img.animateblock.animated{margin-left: 10%; opacity: 1;}
.user_session.journey{min-height: 560px;}
.user_session .left_content{padding-top: 40px;}
.animateblock {opacity: 0;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;transition: all 1.5s ease;}
.animateblock.animated {opacity: 1;}

.detail_slider.owl-carousel{display: block;}
.detail_slider .item{width: 33.33%; text-align: center; float: left; position: relative;}
.detail_slider .item:after{position: absolute;content: ''; height: 30px;width: 100%; background-image: url(../imagesnew/site/slide_after.png); left: 60%; top: 18%; background-repeat: no-repeat; z-index: -1}
.detail_slider .item.last:after{display: none;}
.detail_slider .item .detail_img{width: 128px; height: 128px; margin: 0 auto; border-radius: 50%; -webkit-box-shadow: 0px 0px 24px 9px rgba(0,0,0,0.14);-moz-box-shadow: 0px 0px 24px 9px rgba(0,0,0,0.14);box-shadow: 0px 0px 24px 9px rgba(0,0,0,0.14);}
.detail_slider .item .detail_img img{width: 100%; border-radius: 50%;}
.detail_slider .item .inner_item{width: 75%; margin: 0 auto;}
.detail_slider .item h5{font-size: 18px; color: #232838; text-transform: uppercase; margin-top: 30px; margin-bottom: 15px;}
.detail_slider .item p{font-size: 16px; color: #62656f;}
.detail_slider {padding-top: 50px; border-top: 1px solid #ccced2; padding-bottom: 50px;}

.empower{height: 540px;}
.empower .left_content{position: relative;}
.col_6{width: 50%; float: right; position: relative; z-index: 99;}
.empower .left_content{ background-repeat: no-repeat; background-size: cover; min-height: 540px; padding-top: 100px; padding-right: 5%;}
.empower .left_content:after{ width: 100%; height: 100%; background-color: rgba(35,40,56,0.7); content: ''; position: absolute; display: block; top: 0; left: 0;}
.empower .left_content h2{color: #fff; text-transform: uppercase; padding-bottom: 30px;}
.empower .left_content p{font-size: 18px; font-weight: 300; color: #cacbcf;}
.empower .right_content .col_6{height: 270px; text-align: center; padding-top: 85px; overflow: hidden;}
.empower .right_content .col_6:hover{cursor: pointer;}
.empower .right_content .col_6 h5{font-size: 18px; text-transform: uppercase; margin-top: 30px;}
.empower .right_content .col_6.color_1{background-color: #232838; color: white}
.empower .right_content .col_6.color_2{background-color: #eaebeb;}
.empower .right_content .col_6 .hover_detail{position: absolute; top: -20%; left:0; width: 100%; height: 100%; background-color: #fff; padding: 0 40px 40px; opacity: 0; visibility: hidden; transition: 0.5s ease all; color: black}
.empower .right_content .col_6 .hover_detail h5{margin-top: 0;}
.empower .right_content .col_6:hover .hover_detail{opacity: 1; visibility: visible; top: 0;}
.empower .right_content .col_6 .hover_detail h5{padding: 25px 0;}
.empower .right_content .col_6 .hover_detail p{font-size: 16px; text-align: left}
.empower.need_us .left_content{background-color: #fff; float: right}
.empower.need_us .right_content{ float: right}
.empower.need_us .left_content:after{display: none;}
.empower.need_us p{font-size: 18px; color: #6b7183; line-height: 30px;}
.empower.need_us h2{ color: #232838;}
.empower.need_us .right_content{background-repeat: no-repeat; background-size: cover; height: 540px;}

.support_plt{ text-align: center;}
.support_plt .owl-carousel , .mobile_team .owl-carousel{display: block;}
.support_plt.color_3{background-color: #fff; padding-bottom: 15px;}
.support_plt h5{ font-size: 16px; color: #232838; font: ;font-weight: 300; text-transform: uppercase; padding: 35px 0;}
.support_plt ul{list-style: none;}
.support_plt ul li{display: inline-block; margin-right: 15px; vertical-align: top;}
.support_plt ul li img{width: auto;}

/* Footer */
footer{ background-color: #232838;}
footer .top_footer {padding-top: 75px; padding-bottom: 60px; border-bottom: 1px solid #393e4c; text-align: center;}
footer .top_footer h2{color: #feffff; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 35px}
footer .top_footer h2 span{color: #98a0b5;}
footer .top_footer .btn{text-transform: uppercase; padding: 15px 30px;}
footer .bottom_footer {padding-top: 65px; padding-bottom: 60px; position: relative;}
footer .bottom_footer h5{font-size: 16px; color: #fff; font-weight: 500; padding-bottom: 20px;}
footer .bottom_footer .col{width: 25%;float: left;  padding-left: 25px;}
footer .bottom_footer ul{list-style: none;}
footer .bottom_footer ul li a{font-size: 16px; color: #767984;}
footer .bottom_footer ul li a:hover{color: #A4ABC3;}
footer .bottom_footer .socila{margin-top: 25px;}
footer .bottom_footer .socila_list li {display: inline-block; margin-right: 30px;}
footer .bottom_footer .socila_list li a{display: block; position: relative;}
footer .bottom_footer .socila_list li a img.hover{position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
footer .bottom_footer .socila_list li a:hover img.hover{opacity: 1; visibility: visible;}
footer .bottom_content {}
footer .bottom_content p{ font-size: 12px; color: #62656f; width: 50%; font-family: 'Roboto', sans-serif; text-transform: uppercase}
footer .bottom_content p a{ font-size: 12px; color: #232838; width: 50%; font-family: 'Roboto', sans-serif; text-transform: uppercase}
footer .bottom_content p.left{ float: left; padding-left: 105px; text-align: left}
footer .bottom_content p.right{ float: right; padding-right: 105px; text-align: right;}

/* POP UP */
.overlay{background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; z-index: 999; top: 0px; opacity: 0; visibility: hidden; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.pop_sys{max-width: 485px;min-height: 370px; background-color: #fff; padding: 15px; width: 100%; position: absolute; left: 50%; margin-left: -242px; z-index: 9999; top: 140px; opacity: 0; visibility: hidden; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.overlay.active,.pop_sys.active,.request_sys.active{opacity: 1;visibility: visible;}
.request_sys{max-width: 485px;min-height: 370px; background-color: #fff; padding: 15px; width: 100%; position: fixed; left: 50%; margin-left: -242px; z-index: 9999; top: 100px; opacity: 0; visibility: hidden; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.pop_sys h3,.request_sys h3{text-transform: uppercase; font-weight: 400; color: #232838; text-align: center; line-height: 50px;}
.pop_sys .form_sys , .request_sys .form_sys{border-top: 1px solid #e8e9e9; margin-top: 5px; padding: 20px 40px 0; text-align: center;}
.pop_sys .form_sys input[type="text"],.pop_sys .form_sys input[type="email"],.pop_sys .form_sys input[type="password"],.request_sys .form_sys input[type="text"],.request_sys .form_sys input[type="email"],.request_sys .form_sys input[type="password"]{margin-bottom: 10px;}
.pop_sys .form_sys .btn,.request_sys .form_sys .btn{width: 215px; margin-top: 15px;}
.pop_sys .form_sys .links,.request_sys .form_sys .links {margin-top: 35px;}
.pop_sys .form_sys .links a,.request_sys .form_sys .links a{display: inline-block; color: #2fc3f4; vertical-align: top;}
.pop_sys .form_sys .links span,.request_sys .form_sys .links span{display: inline-block;width: 1px; height: 15px; background-color: #cccccc; vertical-align: top; margin: 0 15px; margin-top: 2px;}
.pop_sys .pass_sys{position: absolute; top: 0; width: 100%; background-color: #fff; left:0; height: 100%; padding: 15px; z-index: 99; opacity: 0; visibility: hidden; transition: 0.4s ease all}
.pop_sys .pass_sys.active{opacity: 1; visibility: visible;}
.pop_sys .pass_sys p{font-size: 14px; color: #8e94a5; line-height: 50px;margin-bottom: 10px;}
.request_sys .form_sys .btn{display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 30px;}
.create_acc{color: #2fc3f4; font-size: 14px; display: inline-block;}

/*FEATURE*/

.top_head {min-height: 95px; width: 100%; background-color: #fff;}
.top_head h1{color: #232838; text-transform: uppercase; line-height: 95px; font-size: 35px; float: left;}
.top_head ul{float: right; line-height: 95px;}
.top_head ul li{ display: inline-block; padding: 0 15px;}
.top_head ul li a{color: #6b7183; border-bottom: 2px solid; border-color: transparent; font-size: 16px; text-transform: uppercase; padding-bottom: 10px; font-weight: 600;}
.top_head ul li.active a{border-color: #03d66b; color: #03d66b;}
.top_head ul li a:hover{border-color: #03d66b; color: #03d66b;}

.tab {margin-top: 15px; margin-bottom: 90px;}
.tab .left_section{width: 25.9%; float: left; background-color: #fff; padding:20px; padding-left: 10px;}
.tab .right_sesction{margin-left: 1.1%; width: 73%; float: left; }
.tab .left_section ul{list-style: none;}
.tab .left_section ul>li {-webkit-transition: 0.4s ease all; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all; margin-bottom: 10px;}
.tab .left_section ul>li img{vertical-align: top; display: inline-block;margin-right: 10px; width: 36px;}
.tab .left_section ul>li>a{display: block;line-height: 35px; font-weight: 600; padding: 5px 5px 5px 12px; -webkit-transition: 0.4s ease all; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;  text-transform: uppercase;}
.tab .left_section ul>li>a span{float: right; width: 12px; height: 12px; background:url(../imagesnew/site/select_icon.png) no-repeat right center; background-size: 100%; margin-top: 14px; margin-right: 5px; -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.tab .left_section ul>li>a:hover{background-color: #f6f8f9;}
.tab .left_section ul>li>ul li{margin-bottom: 0; }
.tab .left_section ul>li>ul>li.active span{-o-transform: rotate(-0deg); -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); transform: rotate(-0deg);}
.tab .left_section ul>li>ul>li>a{padding: 0 0 0 23%;display: block;  font-weight: 500; line-height: 40px; font-size: 16px; color: #6b7183; text-transform: none;}
.tab .left_section ul>li>ul>li>ul{margin-bottom: 10px; margin-top: 10px; display: none;}
.tab .left_section ul>li>ul>li>ul>li{padding: 0; margin-bottom: 5px;}
.tab .left_section ul>li>ul>li>ul>li>a{line-height: 35px; border-top: 1px solid #f2f2f2; padding-top: 5px; }
.tab .left_section ul>li>ul>li>a:hover{  color: #232838;}

.compare{width: 100%;height: 220px; position: relative;}
.compare:after{position: absolute; width: 110px; height: 110px; content: ''; background-image: url(../imagesnew/site/vs.png); background-repeat: no-repeat;left: 50%; margin-left: -60px; z-index: 99; top: 18%;}
.compare .col_6 {width: 49%; float: left; }
.compare .col_6.appsee_data {margin-right: 1%;}
.compare .col_6:after{position: absolute; width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0,0.5); top: 0; left: 0}
.compare .col_6 a{height:100%; position: relative; background-repeat: no-repeat; background-size: cover; display: block; height: 200px;}
.compare .inner_data{position: relative;z-index: 999; padding-top: 15%; opacity: 0.9;}
.compare .inner_data h4{font-size: 22px; color: #fff; text-align: center; text-transform: uppercase; line-height: 35px;}
.compare .inner_data p{font-size: 18px; color: #fff; text-align: center; font-weight: 300;}
.bottom_text{background-color: #fff; padding: 20px 40px 0; font-size: 20px; }
.bottom_text p{font-size: 16px; color: #6b7183; padding-bottom: 30px; line-height: 27px;}
.bottom_text p.bigger{font-size: 18px;}
.bottom_text .btn{margin-top: 70px; margin-bottom: 25px;}
.rotate_slide{height: 695px; }
.rotate_slide img{width: 100%;}
.video{width: 100%; position: relative; overflow: hidden;}
.video video{width: 100%; max-width: 100%;}
.video iframe{width: 100%; height: 100%; }
.video .video_play{padding-top: 90px; background: url(../imagesnew/site/video_play_3.png) no-repeat top center; position: absolute; display: block; width: 120px; margin: 0 auto; color: #fff; left: 50%;margin-left: -60px; top: 40%;}
.video .video_play:hover{opacity: 0.8}
.mob_select{display: none;}

/* PRICING */

.package_contener{width: 32%; float: left; margin-bottom: 10px; margin-left:15px;}

.pricing{margin-top: 90px;}
.package{position: relative;  background-color: #fff; padding: 35px 15px; margin-bottom: 50px;}
.package ul {list-style: none;}
.package ul li{display: block; border-bottom: 1px solid #e4e4e4;line-height: 50px; color: #232838;}
.package ul li.header{display: block; border-bottom:none; line-height: 50px;font-weight:bolder}
.package ul li.empty{display: block; border-bottom:none; line-height: 50px; height:51px}
.package ul li img{display: inline-block; vertical-align: middle; margin-right: 15px;}
.package ul li { font-weight: 400;}
.package ul li em {font-size: 15px; font-style: normal;  display: inline-block; width: 80%; vertical-align: middle; line-height: 16px;}
.package ul li span{width: 22px; height: 22px; display: inline-block; float: right;background-image: url(../imagesnew/site/tool_tip.png); background-repeat: no-repeat; background-size:100%; vertical-align: middle; margin-top: 18px; position: relative;}
.package ul li span .tool_tip{z-index: 1000000; text-transform: none; position: absolute; width: 400px; border: 1px solid #8e94a5; background-color: #fff; padding:15px; bottom: 35px;right: -30px;border-radius: 5px; -webkit-box-shadow: 0px 0px 22px 0px rgba(88, 83, 83, 0.5);-moz-box-shadow: 0px 0px 22px 0px rgba(88, 83, 83, 0.5);box-shadow: 0px 0px 22px 0px rgba(88, 83, 83, 0.5); opacity: 0; visibility: hidden; transition: 0.4s ease all;}
.package .head_package{color: #8e94a5; position: absolute; width: 250px; height: 75px; border: 1px solid #8e94a5; top: -8%; left: 50%; margin-left: -132px; background-color: #fff; padding-left:10px; text-align:center}
.package .head_package h3 { text-transform: uppercase; text-align: center; margin-top:10px; margin-bottom:5px}
.package_contener.reguler1 .package .head_package {border-color: #02d36a; color: #02d36a;}
.package_contener.reguler2 .package .head_package {border-color: #232838; color: #232838;}
.package_contener.reguler2 .package .btn{background-color: #232838;}
.package{padding-bottom: 55px;}

.package ul li span:hover .tool_tip {opacity: 1; visibility: visible;}
.package ul li span .tool_tip p{font-size: 14px; line-height: 20px; }
.package .btn{width: 330px; height: 60px; text-align: center; padding: 0; position: absolute; bottom: -33px; left: 50%; margin-left: -165px; font-weight: 400}
.package .btn .title { margin-top:10px; text-transform: uppercase; font-size: 20px; font-weight: 600}
.arrow_bottom:after, .arrow_bottom:before {top: 100%;left: 80%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow_bottom:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 12px;margin-left: 25px;}
.arrow_bottom:before {border-color: rgba(223, 223, 223, 0);border-top-color: #dfdfdf;border-width: 13px;margin-left: 25px;}
.package_contener .bottom_tag{height: 60px; background-color: #e8e9e9;}
.package_contener .bottom_tag p{ color: #232838; font-weight: 600; text-align: center; line-height: 60px; font-size: 15px;}
.package_contener .bottom_tag p a{ color: #232838; font-weight: 600; text-align: center; line-height: 60px;}
.package_contener .bottom_tag p img{display: inline-block; vertical-align: middle; margin: 0 10px;}

.get_quoto{text-align: center; padding-bottom: 45px; padding-top: 15px;}
.get_quoto h3{ color: #232838; font-weight: 400; text-transform: uppercase; margin-bottom: 20px;}
.get_quoto .btn{width: 315px; text-transform: uppercase; background-color:#62656f}

.pric_fqa{background-color: #fff; padding: 15px 10%; margin-bottom: 50px; text-align: center;}
.pric_fqa h3{color: #232838; font-weight: 300; text-transform: uppercase; text-align: left;}
.pric_fqa .fqa_contener{border-top: 1px solid #e8e9e9; border-bottom: 1px solid #e8e9e9; padding-top: 20px; margin-top: 15px; text-align: left}
.pric_fqa .fqa_contener .fqa_list{border-bottom: 1px solid #e8e9e9; padding-bottom: 20px;}
.pric_fqa .fqa_contener .fqa_list.last{border: none;}
.pric_fqa a:not(.btn) {color: #38bbf1;}
.pric_fqa .fqa_contener h5{ color: #232838; font-size: 16px; line-height: 40px;}
.pric_fqa .fqa_contener p{ color: #6b7183; font-size: 16px;}
.pric_fqa .btn{text-transform: uppercase; width: 180px; margin-top: 30px; margin-bottom: 10px;}

.ios_performance
{
    min-width: 400px;
    margin-top: 15px;
}
/* customers */

.customer {
    min-height: 180px;
    background-size: 20% 100%;
    background-position-x: 3%;
    background-repeat: no-repeat;
    background-color: #232838;
    padding: 3% 3% 3% 15rem;
}
.customer h3, .background-banner h3 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.customer.index h3, .background-banner.index h3 {
    margin-bottom: 22px;
    font-weight: 500;
}
.customer p, .background-banner p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

.background-banner {
    min-height: 180px;
    background-size: cover;
    padding: 3% 12%;
    margin-bottom: 40px;
}
.background-banner.index {
    display: table;
    padding: 3% 5%;
}
.background-banner.index .inner_com {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.customer_rivew{background-color: #fff; padding: 25px 35px; position: relative; padding-bottom: 60px;}
.customer_rivew .item{padding: 25px 8%; background-image: url(../imagesnew/site/quoto.png); background-repeat: no-repeat; background-size: 100%;} 
.customer_rivew .owl-carousel{border-bottom: 1px solid #e8e9e9;}
.customer_rivew .owl-carousel .owl-dots{position: absolute; text-align: center; left: 0; bottom: -40px; width: 100%;}
.customer_rivew .item .comment_section p {color: #62656f; font-size: 16px;}
.customer_rivew .item .comment_section {margin-bottom: 30px;}
.customer_rivew .item .cst_brand {width: 25%; border-right: 1px solid #c9c9c9; padding-right: 15px; display: inline-block; vertical-align: top;}
.customer_rivew .item .cst_detail {display: inline-block; vertical-align: top; margin-left: 15px;}
.customer_rivew .item .cst_detail .client_img{width: 55px; height: 55px; border-radius: 50%; display: inline-block; vertical-align: top}
.customer_rivew .item .cst_detail .client_img img{border-radius: 50%;}
.customer_rivew .item .cst_detail .client_detail {display: inline-block; vertical-align: top; padding-top: 7px; margin-left: 15px;}
.customer_rivew .item .cst_detail .client_detail h5{font-size: 16px;}
.customer_rivew .item .cst_detail .client_detail p{font-size: 16px;}

.cmnt_user{width: 100%; position: relative; margin-top: 80px;}
.cmnt_user .col_3{width: 32%;display: inline-block; position: relative; background-color: #fff; margin-right: 1.4%; padding: 20px; padding-top: 60px;}
.cmnt_user .col_3 .count{position: absolute;top: -70px;left: 50%; margin-left: -70px;}
.cmnt_user .col_3 p{font-size: 15px;}
.cmnt_user .col_3.last{margin-right: 0;}

.clint_list{padding: 60px 45px 0; background-color: #fff; margin-top: 50px;}
.clint_list .owl-carousel{display: block;}
.clint_list .owl-carousel .item{width: 25%; float:left;}
.clint_list ul li{display: block; list-style: none;  margin-bottom: 50px;}
.clint_list ul li.last{margin-right: 0;}

.client_detail_list{margin-top: 15px;}
.client_details{background-color: #fff; padding: 25px;margin-bottom: 10px;}
.client_details .inner_detail{background-color: #f6f8f9; min-height: 140px; padding: 15px;}
.client_details .inner_detail .left_content{float: left; width: 30%; text-align: right;}
.client_details .inner_detail .left_content .inner_img{width: 90%; margin: auto; margin-top: 5px}
.client_details .inner_detail .left_content .inner_img img{width: 100%; margin: auto; display: block}
.client_details .inner_detail .right_content{float: left; width: 70%;padding-left: 15px; padding-right: 8%;}
.client_details .inner_detail .right_content h4{font-size: 18px; color: #62656f;  padding-bottom: 5px;}
.client_details .inner_detail .right_content p{font-size: 16px; color: #62656f;  padding-bottom: 5px;}
.cas_study{ font-size: 16px; font-weight: 500; background-repeat: no-repeat; background-size: 25px; padding-left: 35px; line-height: 30px; display: inline-block; background-position: left center;}
.cas_study:hover{opacity: 0.6;}
.cas_study.cas_study_integration_details{ padding-left: 0; color: #03d66b; }
.cas_study_download {color: #03d66b; background-image: url(../imagesnew/site/download_2.png); margin-right: 30px}
.cas_study_view {color: #03d66b; background-image: url(../imagesnew/site/view-button.png); margin-right: 30px}
.cas_study_play {color: #38bbf1; background-image: url(../imagesnew/site/play-button.png);}

/* FQA */
.fqa.wrapper{margin-top: 40px; max-width: 1170px;}
.fqa .pric_fqa{padding: 15px 2% 40px;}
.fqa .pric_fqa .fqa_contener p a{ color: #28c1f3; font-size: 16px;}
.fqa .pric_fqa .fqa_contener{padding: 20px 14% 0 3%;}

/* EBOOKS */
.head_tag{padding:20px 0;  width: 80%; margin: 0 auto; text-align: center;}
.head_tag h3{font-size: 22px; text-transform: uppercase; color: #232838;}
.ebooks_contener{border-top: 1px solid #e8e9e9; padding-top: 30px;}
.ebooks_contener .ebook_list {width: 43%; border: 1px solid #e3e4e6; background-color: #fff; position: relative; display: inline-block; margin-left: 5%; margin-right: 0.5%; margin-bottom: 50px; vertical-align: top;}
.ebooks_contener .ebook_list.last {margin-right: 0;}
.ebooks_contener .ebook_list .ebook_img {position: absolute;left: 10px;top: 10px; width: 120px; height: 162px; margin-bottom: 15px}
.ebooks_contener .ebook_list .ebook_img img {max-height: 162px; max-width: 120px}
.ebooks_contener .ebook_list .top_content{ padding: 15px 15px 15px 75px;}
.ebooks_contener .ebook_list .top_content h4{font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-left: 80px}
.ebooks_contener .ebook_list .top_content p{font-size: 14px; padding-bottom: 10px; margin-left: 80px;}
.ebooks_contener .ebook_list .bottom_content{border-top: 1px solid #e8e9e9; text-align: center;}
.ebooks_contener .ebook_list .bottom_content a{line-height: 60px; display: inline-block;}

.all_book{font-size: 15px; font-weight: 600; padding-left: 25px; background: url(../imagesnew/site/go_back.png) no-repeat left center; line-height: 90px;}
.ebook_top {background-color: #232838; padding: 35px 0; margin-bottom: 150px;}
.ebook_top .left_content{width: 70%; float: left;}
.ebook_top .left_content .left_content{width: 45%; float: left; border-radius: 5px;padding-right:10px;}
.ebook_top .left_content .left_content img{width: 100%;}
.ebook_top .left_content .right_content{width: 47%; float: left; padding-left: 0px; padding-right: 4%; min-height: 280px }
.ebook_top .left_content .right_content h3{color: #fff; padding-bottom: 25px; font-weight: 700;font-size:23px;}
.ebook_top .left_content .right_content p{color: #f6f8f9; font-size: 20px; font-weight: 200; line-height: 25px; margin-top: 20px; margin-bottom: 20px; font-size: 16px; min-height: 70px}
.ebook_top .right_content{width: 30%; float: left; position: relative;}
.ebook_top .right_content .ebook_form{ background-color: #fff; padding: 22px 12%; position: absolute; right: 0; top: 0; padding-bottom: 8px; width: 445px; text-align: center; border: 1px solid #e3e4e6;}
.ebook_top .right_content .ebook_form h3{text-transform: uppercase; font-weight: 400; text-align: center; color: #232838; margin-bottom: 20px;}
.ebook_top .right_content .ebook_form input[type="text"],.ebook_top .right_content .ebook_form input[type="email"]{margin-bottom: 7px;}
.ebook_top .right_content .ebook_form .btn{margin-top: 18px; width: 100%; background-color: #3dc054; color: #fff; font-weight: 400; background-image: url(../imagesnew/site/cas_study.png); background-repeat: no-repeat; background-position: 10% center; background-size: 25px;}
.ebook_top .right_content .ebook_form p{color: #6b7183; padding-top: 15px;}
.ebook_top .right_content .ebook_form .checkbox_div{padding-top: 5px; float: left}
.ebook_top .right_content .ebook_form .checkbox_div input[type="checkbox"]{vertical-align: -1px; margin-right: 5px;}
.book_detail { background-color: #fff; padding: 10px 17%; margin-bottom: 45px;}
.book_detail h3{color: #232838; line-height: 50px; font-weight: 400; border-bottom: 1px solid #e8e9e9; margin-bottom: 15px;}
.book_detail h4{color: #232838; line-height: 50px; font-weight: 600; border-bottom: 1px solid #e8e9e9; margin-bottom: 25px; font-size: 18px; text-transform: uppercase;}
.book_detail ul{list-style-position: inside;  margin-bottom: 15px;}
.book_detail ul li{color: #232838; font-size: 16px; line-height: 30px; list-style-image: url(../imagesnew/site/list.png);}
.book_detail p{font-size: 16px; color: #6b7183; padding-bottom: 31px;}

.ebook_confirm_top {background-color: #232838; padding: 35px 0; margin-bottom: 120px;}
.ebook_confirm_top .left_content{width: 70%; float: left;}
.ebook_confirm_top .left_content .left_content{width: 20%; float: left; border-radius: 5px;}
.ebook_confirm_top .left_content .left_content img{width: 100%;}
.ebook_confirm_top .left_content .right_content{width: 68%; float: left; padding-left: 35px; padding-right: 4%; }
.ebook_confirm_top .left_content .right_content h3{color: #fff; padding-bottom: 25px; font-weight: 400;}
.ebook_confirm_top .left_content .right_content p{color: #f6f8f9; font-size: 20px; font-weight: 200; line-height: 25px;}
.ebook_confirm_top .right_content{width: 30%; float: left; position: relative;}
.ebook_confirm_top .right_content .ebook_form{ background-color: #fff; padding: 22px 12%; position: absolute; right: 0; top: 0; padding-bottom: 5px; width: 445px; text-align: center; border: 1px solid #e3e4e6;}
.ebook_confirm_top .right_content .ebook_form h3{text-transform: uppercase; font-weight: 400; text-align: center; color: #232838; margin-bottom: 20px;}
.ebook_confirm_top .right_content .ebook_form input[type="text"],.ebook_confirm_top .right_content .ebook_form input[type="email"]{margin-bottom: 7px;}
.ebook_confirm_top .right_content .ebook_form .btn{margin-top: 18px; width: 100%; background-color: #3dc054; color: #fff; font-weight: 400; background-image: url(../imagesnew/site/cas_study.png); background-repeat: no-repeat; background-position: 20% center; background-size: 25px;}
.ebook_confirm_top .right_content .ebook_form p{color: #6b7183; padding-top: 15px;}
.book_detail { background-color: #fff; padding: 10px 17%; margin-bottom: 45px;}
.book_detail h3{color: #232838; line-height: 50px; font-weight: 400; border-bottom: 1px solid #e8e9e9; margin-bottom: 15px;}
.book_detail h4{color: #232838; line-height: 50px; font-weight: 600; border-bottom: 1px solid #e8e9e9; margin-bottom: 25px; font-size: 18px; text-transform: uppercase;}
.book_detail ul{list-style-position: inside;  margin-bottom: 15px;}
.book_detail ul li{color: #232838; font-size: 16px; line-height: 30px; list-style-image: url(../imagesnew/site/list.png);}
.book_detail p{font-size: 16px; color: #6b7183; padding-bottom: 31px;}

/* DOWNLOAD  */
.download {margin-top: 15px;}
.download .col_6{ width: 49%; background-color: #fff; padding: 20px; margin-bottom: 20px; position: relative; float: left;}
.download .col_6 h3{ color: #232838; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #e8e9e9; padding-bottom: 15px; position: relative; padding-right: 125px;  background-repeat: no-repeat; background-position: left top; line-height: 45px; padding-left: 45px; background-size: 35px; }
.download .col_6 h3 .fabric_logo{position: absolute; right: 0; top: 0; width: 120px;}
.download .col_6.ios{float: left; padding-bottom: 75px;}
.download .col_6.android {padding-bottom: 75px; float: right;}
.download .col_6.ios h3{background-image: url(../imagesnew/site/ios.png);}
.download .col_6.android h3{background-image: url(../imagesnew/site/android_icon.png);}
.download .col_6.android{float: right;}
.download .top_border{border-top: 1px solid #e8e9e9;}
.download .bottom_border{border-bottom: 1px solid #e8e9e9;}
.download .uikit_contener{margin: 45px 0;}
.download .uikit_contener .uikit{ width: 75%; display: block; margin: 0 auto; background-color: ; text-align: center;  border-radius: 5px; padding: 10px 11%; background: url(../imagesnew/site/download.png)  no-repeat 5% center #03d66b; margin-bottom: 20px;}
.download .android .uikit_contener .uikit{background:url(../imagesnew/site/android_download.png) #27c1f3 no-repeat 5% center }
.download .uikit_contener .uikit h4{font-size: 22px; color: #fff;}
.download .uikit_contener .uikit p{font-size: 16px; color: #fff; font-weight: 300;}
.download .notes {padding: 25px 14%; padding-bottom: 25px;}
.download .notes h4{text-transform: uppercase; color: #6b7183; font-size: 16px; font-weight: 400; margin-bottom: 15px;}
.download .notes p{color: #6b7183; font-size: 16px; line-height: 23px;}
.download .other_detail{padding: 20px 14% 0;position: absolute;width: 94%;bottom: 15px;left: 50%;margin-left: -47%;}
.download .other_detail a{display: block; color: #24c0f3; font-size: 16px; margin-bottom: 5px;}
.download .col_6.support_detail{ padding: 50px 8%;}
.download .col_6.support_detail h5{color: #6b7183; font-weight: 500; padding-bottom: 20px; border-bottom: 2px dashed #6b7183; display: inline-block;}
.download .col_6.support_detail ul{display: block; list-style-image: url(../imagesnew/site/dash.png); list-style-position: inside; margin-top: 15px; margin-bottom: 25px;}
.download .col_6.support_detail ul li{font-size: 14px; color: #6b7183; line-height: 20px;}

/* TUTORIAL */
.mobile_list{display: none;}
.tutorial .tutorial_list{margin-bottom: 10px;}
.tutorial code
{
    padding: 2px 4px;
    color: #d14;
    white-space: nowrap;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    font-family: Courier New;
    font-size: 16px;
    margin-top: 10px;
}
.tutorial .tutorial_list ul.desktop_list{list-style: none;}
.tutorial .tutorial_list ul.desktop_list li{display: inline-block;max-width: 13.3%;  width: 100%; background-color: #ebedef; border: 1px solid #e7e7e7; border-radius: 5px; padding:10px; margin-right: 10px; line-height: 17px; float: left; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all; margin-bottom: 10px}
.tutorial .tutorial_list ul.desktop_list li.last{margin-right: 0;}
.tutorial .tutorial_list ul.desktop_list li.active ,.tutorial .tutorial_list ul.desktop_list li:hover{background-color: #fff;}
.tutorial .tutorial_list ul.desktop_list li:hover{cursor: pointer;}
.tutorial .tutorial_list ul.desktop_list li.active a,.tutorial .tutorial_list ul.desktop_list li:hover a{color: #26c0f3;}
.tutorial .tutorial_list ul.desktop_list li a{font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; display: block;}
.tutorial .tutorial_detail{background-color: #fff; padding: 10px 5%; padding-bottom: 44px; margin-bottom: 35px;}
.tutorial .tutorial_detail img { margin-bottom: 20px;}
.tutorial .tutorial_detail h3{text-transform: uppercase; font-weight: 400; color: #232838; margin-bottom: 20px; margin-top: 10px; border-bottom: 1px solid rgba(61,70,97,1); padding-bottom: 15px}
.tutorial .tutorial_detail h4{font-size: 16px; color: #6b7183; font-weight: 600; margin-bottom: 5px;}
.tutorial .tutorial_detail .steps_list{margin-top: 15px; border-top: 1px solid #e8e9e9; padding: 25px 0 0 0; overflow: hidden;}
.tutorial .tutorial_detail .steps_list.first{}
.tutorial .tutorial_detail .steps_list.first p{ color: #232838;}
.tutorial .tutorial_detail .steps_list p{color: #6b7183; font-size: 16px; font-weight: 300;}
.tutorial .tutorial_detail .steps_list img{margin: 15px 0;}
.tutorial .tutorial_detail .steps_list ol{list-style-position: inside}
.tutorial .tutorial_detail .steps_list ol ol{margin-bottom: 25px;}
.tutorial .tutorial_detail .steps_list ol li p{color: #6b7183; margin-bottom: 25px;}

/* DOCUMENTATION */
.integration{ background-color: #fff; padding:25px; margin-bottom: 35px;}
.integration h3{text-transform: uppercase; font-weight: 300; color: #232838;}
.integration .app_list{border-top: 1px solid #e8e9e9; margin-top: 10px; padding-top: 15px;}
.integration .app_list a{display: inline-block; position: relative; width: 25%; float: left; text-align: center; padding: 20px 10px 35px; border-bottom: 1px solid transparent; margin-bottom: 10px; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all; min-height: 135px;}
.integration .app_list a img{-o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.integration .app_list a:hover img{opacity: 0.7}
.integration .app_list a p{color: #6b7183; font-size: 16px; position: absolute; width: 100%; text-align: center; bottom: 10px; left: 0;}
.integration .app_list a:hover{border-color: #20bef3;}

.integration.instruction {padding-top: 10px;}
.integration.instruction h3{text-transform: none; display: inline-block; vertical-align: top; line-height: 70px; border-bottom: 1px solid #e8e9e9 ;position: relative; width: 100%}
.integration.instruction h3 img{display: inline-block; vertical-align: top; margin-right: 15px;}
.integration.instruction h3 span{position: absolute; font-size: 16px; right: 0; top: 30px; color: #6b7183; line-height: normal;}
.integration.instruction h3 span i{width: 1px; height: 25px; background-color: #979ba8; margin: 0 15px; display: inline-block; vertical-align: top; margin-top: -3px;}
.integration.instruction h3 span a{color: #20bef3;}
.integration.instruction .instruction_list{position: relative; margin-top: 35px;}
.integration.instruction .instruction_list p{font-size: 16px; color: #6b7183; opacity: 0.9; padding: 0 5px;}
.integration.instruction .instruction_list p a{font-size: 16px; color: #20bef3;}

/* WEBINARS*/
.main.webinars {margin-top: 20px; max-height: inherit; margin-bottom: 50px;}
.webinars .grid{width: 100%; display: flex; flex-flow: row wrap;}
.webinars .grid-item{width: 440px; margin-right:30px; display: inline-block; margin-bottom: 15px;}
.webinars .video_section{position: relative; background-color: #fff;}
.webinars .video_section img{width: 100%; display: block;}
.webinars .video_section .video_play{padding-top: 90px; background: url(../imagesnew/site/video_play.png) no-repeat top center; display: block; width: 120px; margin: 0 auto; color: #fff; margin-top: 5.5%; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -60px; z-index: 99}
.webinars .video_detail{background-color: #fff; padding: 15px 15px; border: 1px solid #e3e4e6; border-top: none; min-height: 280px;}
.webinars .video_detail h4{font-size: 18px; color: #232838; line-height: 27px; min-height: 55px}
.webinars .video_detail label{font-size: 16px; color: #232838; margin-top: 15px; display: block;}
.webinars .video_detail p{font-size: 15px; color: #6b7183; margin-top: 15px;}
.webinars .video_detail h5{font-size: 16px; color: #6b7183; margin-top: 15px; font-weight: 500;}
.webinars .video_detail ul{list-style-image: url(/imagesnew/site/list_small.jpg);width: 92%; margin: 0 auto;}

/* ABOUT */
.about_page{background-image: url(../imagesnew/site/about_bg.jpg); background-repeat: repeat-x;}
.about_page .top_about {width: 65%; margin: 0 auto; padding-top: 65px;}
.about_page .top_about h3{color: #fff; text-transform: uppercase; text-align: center; font-weight: 500; line-height: 35px;}
.our_story {margin: 65px 0;} 
.our_story .left_content{background-color: #fff; padding: 25px;}
.our_story .left_content h3{ color: #232838; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #e8e9e9; padding-bottom: 20px; padding-top: 5px; margin-bottom: 15px;}
.our_story .left_content .h3-cta{ color: #232838; font-weight: 400; text-transform: uppercase; padding-top: 5px; font-size: 20px; border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
.our_story .left_content p{color: #6b7183; font-size: 16px; margin-bottom: 30px; padding-right: 8%; line-height: 25px;}
.our_story .left_content .btn{text-transform: uppercase; padding: 15px 40px; margin: 30px 0}
.our_story .right_content {background-repeat: no-repeat; background-size: cover; background-position: center}
.our_story .right_content img{width: 100%;}
.team {margin-bottom: 60px;}
.team h3 , .investor h3{text-transform: uppercase; font-weight: 500; color: #232838; margin-bottom: 23px;}
.team .team_list{width: 100%;}
.team .team_list .mamber{ width: 18%; margin-right: 1%; float: left; background-color: #fff; margin-bottom: 15px; min-height: 350px;}
.team .team_list .mamber.last{margin-right: 0;}
.team .team_list .mamber img{width: 100%; display: block;}
.team .team_list .mamber .member_detail{background-color: #fff; padding: 15px;}
.team .team_list .mamber  a{display: block; position: relative;  overflow: hidden}
.team .team_list .mamber  a:after{content: ''; position: absolute; top: -20%; left: 0; background-color: rgba(35,40,56,0.7); width: 100%; height: 100%; opacity: 0; visibility: hidden; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all; background-repeat: no-repeat; background-position: 90% 90%; background-image: url(../imagesnew/site/in_.png); background-size: 0px;}
.team .team_list .mamber  a:hover:after{opacity: 1; visibility: visible; top: 0;  background-size: auto}
.team .team_list .mamber.no_img a:after{display: none;}
.team .team_list .mamber.no_img a:hover:after{display: none;}
.team .team_list .mamber .member_detail h4{font-size: 18px; text-transform: uppercase; color: #232838;}
.team .team_list .mamber .member_detail p{font-size: 14px; color: #6b7183;}
.investor .investors_detail {margin-bottom: 50px;}
.investor .investors_detail .investors_list{background-color: #fff; width: 48%; margin-right: 1%; padding: 28px; margin-bottom: 20px; float: left; min-height: 310px; min-height: 320px}
.investor .investors_detail .investors_list.last{margin-right: 0;}
.investor .investors_detail .investors_logo{display: block; border: 1px solid #e9e9e9; width: 110px; float: right; height: 110px; overflow: hidden}
.investor .investors_detail .investors_logo img{width: 100%;}
.investor .investors_detail .investors_info{margin-top: -10px;}
.investor .investors_detail .investors_info h4{font-size: 18px; color: #232838; text-transform: uppercase; margin-bottom: 15px;}
.investor .investors_detail .investors_info p{color: #6b7183; font-size: 16px;}
.investor .contact_us{width: 65%; margin: 0 auto; text-align: center}
.investor .contact_us h4{color: #232838; line-height: 27px;}
.investor .contact_us .btn{text-transform: uppercase; padding: 15px 40px;margin: 50px 0;}

/* CONTACT  background-image: url(../imagesnew/site/contact_page.jpg); */
.about_page.contact_page{background-repeat: repeat; padding-bottom: 30px}
.about_page.contact_page .our_story{ margin-top: 0; padding-top: 75px;}
.about_page.contact_page .our_story .left_content {padding: 25px 35px;}
.about_page.contact_page .our_story .left_content p{margin-bottom: 0;}
.about_page.contact_page .our_story form{margin-top: 20px; text-align: center;}
.about_page.contact_page .our_story input[type="text"], .about_page.contact_page .our_story input[type="email"], .about_page.contact_page .our_story textarea {margin-right: 2%; margin-bottom: 2%;}
.about_page.contact_page .our_story .contact-captcha-container {margin-top: 2%;}
.about_page.contact_page .our_story input[type="text"].last{margin-right: 0;}
.about_page.contact_page .our_story textarea{height: 90px;}
.about_page.contact_page .our_story input[type="submit"]{padding: 15px 50px;}
.about_page.contact_page .our_story .bottom_contact h4{font-size: 16px; color: #232838; margin-top: 15px;}
.about_page.contact_page .our_story .bottom_contact p{line-height: 35px;}
.about_page.contact_page .our_story .bottom_contact a{font-size: 16px; color: #6b7183; display: block; margin-bottom: 7px;}
.about_page.contact_page .our_story .bottom_contact .socila_list {margin-top: 15px;}
.about_page.contact_page .our_story .bottom_contact .socila_list li {display: inline-block; margin-right: 30px;}
.about_page.contact_page .our_story .bottom_contact .socila_list li a{display: block; position: relative;}
.about_page.contact_page .our_story .bottom_contact .socila_list li a img.hover{position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.about_page.contact_page .our_story .bottom_contact .socila_list li a:hover img.hover{opacity: 1; visibility: visible;}
.about_page.contact_page .right_content{background-image: url(../imagesnew/site/contact_bg.jpg)}
.about_page.contact_page .right_content .contact_info {text-align: center; width: 90%; margin: 0 auto; padding-top: 50px;}
.about_page.contact_page .right_content .contact_info img{width: auto;}
.about_page.contact_page .right_content .contact_info h3{color: #fff; text-transform: uppercase; font-weight: 600; line-height: 40px; margin: 35px 0;}
.about_page.contact_page .right_content .contact_info p{color: #dcdddf}

/* CAREERS */

.careers_page{ margin-top: 40px;}
.careers_page .contener .left_content{width: 58%;}
.careers_page .contener .right_content {float: right;width: 32.4%;}
.careers_page .careers_list{width: 100%; background-color: #fff; padding: 0px 30px; margin-bottom: 15px;}
.careers_page .careers_list h4{color: #232838; font-size: 18px; text-transform: uppercase; line-height: 80px; padding-right: 45px; position: relative; -o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.careers_page .careers_list.active h4{color: #02d168;}
.careers_page .careers_list h4:hover{cursor: pointer;}
.careers_page .careers_list h4:after{position: absolute; content: ''; width: 15px; height: 2px; background-color: #000000; right: 38px; top: 47%; -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.careers_page .careers_list h4:before{position: absolute; content: ''; width: 15px; height: 2px; background-color: #000000; right: 27px; top: 47%; -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
.careers_page .careers_list.active h4:after{width: 25px; right: 22px; background-color: #909298;}
.careers_page .careers_list.active h4:before{width: 25px; right: 22px; background-color: #909298;}
.careers_page .careers_list h5{color: #6b7183; font-size: 16px; font-weight: 600; line-height: 25px;}
.careers_page .careers_list p{color: #6b7183;font-size: 15px; line-height: 25px; margin-bottom: 30px;}
.careers_page .careers_list p strong{color: #232838; line-height: 35px; margin-bottom: 0;}
.careers_page .careers_list .careers_detail{padding-right: 10%; padding-bottom: 1px; display: none;}
.careers_page .careers_list .careers_detail a.btn{padding: 5px; vertical-align: top; border-radius: 0; margin-left: 10px;}
.careers_page .carrer_slider .owl-carousel{text-align: center;}
.careers_page .carrer_slider .item{height: 370px; text-align: left; margin-bottom: 10px; background-size: cover; background-position: center;}
.careers_page .carrer_slider .item p{ font-size: 18px ;color: #fff; font-weight: 600; padding: 15px;}
.careers_page .carrer_slider .carrer_other {margin-top: 15px;}
.careers_page .carrer_slider .carrer_other h2{font-size: 35px; color: #b2b5bc; text-transform: uppercase;}
.careers_page .carrer_slider .carrer_other p{font-size: 16px; color: #6b7183; padding:20px 0 35px 0;}

/* START */
.main_body.start{min-height: 950px; background: linear-gradient(rgba(35,40,56,0.95),rgba(35,40,56,0.95)), url(../imagesnew/site/start.jpg); background-size: cover; background-position: center;}
.start .form_system{width: 100%; padding: 50px 70px; text-align: center;}
.start .form_system .trial_start{ width: 76px; height: 76px; background-image: url(../imagesnew/site/trial_14.png); background-size: 100%; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 35px; margin-top: 10px;}
.start .form_system h3{color: #fff; text-transform: uppercase;}
.start .form_system p{font-size: 16px; color: #848ba0; line-height: 25px;}
.start .form_system .top_ {width: 100%; margin: 10px auto 30px;}
.start .form_system p a{font-size: 16px; color: #848ba0; line-height: 35px; text-decoration: underline}
.start .form_system input[type="text"].last{margin-right: 0;}
.start .form_system input[type="submit"].btn{margin: 20px 0; padding: 15px 45px; background-color: #03d66b;}
.start .form_system .bottom_ {margin-top: 10px;}
.start .form_system .bottom_ a{font-weight: 600; text-decoration: none; color: #fff;}
.start .right_content { padding-left: 7% ;padding-right: 7%}

/* 404 */
.about_page.error{background-image: url(../imagesnew/site/404.jpg); background-size: 100% 320px;}

.appsee-logo {
        margin-top: 4px;
        height: 50px;
}

.start-error
{
    color: crimson;
    font-weight: bold;
    text-align: center;
    margin-left: 5px;
}

.start-error a
{
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

/* CUSTOM BY GAL */
.bottom_text > ul {padding-bottom: 30px;}
.bottom_text li {  font-size: 16px;  line-height: 27px;  margin-left: 15px;}
.cmnt_user {  text-align: center; }


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 10px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.resources-active
{
    background: #ebebeb;
}

.privacy-policy
{
    padding: 30px;
}

.privacy-policy p
{
    font-size: 16px !important;
    line-height: 25px;
}

.android_support
{
    margin-top: 50px;
    line-height: 30px;
    background: white;
    padding-top: 30px;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 16px;
}

.android_support h3
{
    color: #232838;
    font-weight: 400;
    font-size: 20px;
    border-bottom: 1px solid #e8e9e9;
    padding-bottom: 20px;
    padding-top: 5px;
    margin-bottom: 15px;
}

.android_support .request-form p
{
    margin-bottom: 10px
}

.android_support .request-form
{
    border-bottom: 1px solid #e8e9e9;
    padding-bottom: 20px;
    background: #f9f9f9;
    padding: 20px
}

.unity h4 {
    margin-bottom: 10px;
    font-size: 20px;
}

.download pre {
    display: block;
    padding: 9.5px;
    font-size: 15px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.third-party-item 
{
    min-height: 400px;
}

.support_plt img
{
    height: 30px;
    margin-bottom: 20px;
}

.crashlytics
{
    height: 45px !important;
    margin-top: -7px !important;
}

.adobe{
    height: 45px !important;
    margin-top: -7px !important;
}

.appsflyer
{
    height: 50px !important;
    margin-top: -7px !important;
}

.optimizely
{
    height: 35px !important;
}

.start-description
{
    margin-top: 110px;
    margin-bottom: 30px;
    color: #848ba0;
    line-height: 25px;
    font-size: 20px;
    text-align: center
}

.logos_list { margin: auto; }
.logos_list img { margin: auto; display: block; margin: 5px}

.careers_page .rq
{
    margin-top: 20px;
}

.careers_list ul
{
    margin-left: 30px;
}

.careers_list .apply
{
    margin-top: 20px;
    border-top: 1px solid #e2e2e2; 
    padding-top: 20px;
}

.pText
{
    margin-bottom: 20px;
    line-height: 25px;
}

.image-border
{
    border: 1px solid #DDD;
}

#top_menu-selector
{
    display: none;
}

.amouse
{
    cursor: default;
}

#appsee-alerts-triggers {
    width: 100%;
    margin-bottom: 10px;
}

#appsee-alerts-triggers td {
    width: 50%;
    vertical-align: top;
    display: inline-block
}

#appsee-alerts-triggers td ul {
    padding-left: 20px;
    width: 80%;
}

#appsee-alerts-triggers td ul li ul {
    list-style-type: circle;
    padding-left: 30px
}

#appsee-alerts-triggers td > ul > li:not(.trigger-table-last) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px lightgray solid
}

.recording-settings-list {
    padding-left: 30px;
    margin-top: 5px
}

/* ONBOARDING GUIDE */

.intg_feature p, .intg_feature h5 {
     text-align: center;
}
.intg_feature h5 {
    margin: 10px 0;
}
.intg_feature p {
    margin-bottom: 10px;
}
.cmnt_user.intg_feature {
    margin-bottom: 35px;
}
.create_account {
    background-color: #232838;
    margin-bottom: 35px;
    padding: 0 60px;
}	
.create_account p{
    color: #c1c4d0;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    opacity: 0.9;
    padding: 30px 0 30px;
    text-align:center;
}
.create_account a{
    color: #03d56b;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    opacity: 0.9;
}
.intg_intro p, .intg_intro h3{
    text-align:center;
    padding: 10px 0;
    font-size:20px;
    line-height:28px;
}

.integration.intg_steps p, .integration.intg_steps a {
    font-size:20px;
    line-height:28px;
    padding: 15px 0;	
}
.integration.intg_steps a {
       color: #03d56b;
}

.optimizely-integration.integration.intg_steps a.collapseLink {
    color: inherit;
}

.optimizely-integration.integration.intg_steps p, 
.optimizely-integration.integration.intg_steps a {
    line-height:28px;
    padding: 15px 0;	
    font-size: inherit;	
}

.intg_feature .col_3 {
    display: inline-table;
    min-height: 50px;
}
.cmnt_user .col_2 {
    width: 49%;
    display: inline-block;
    position: relative;
    background-color: #fff;
    margin-right: 1.4%;
    padding: 20px;
    padding-top: 60px;
}
.intg_feature .col_2 {
    display: inline-table;
    min-height: 100px;
}
.cmnt_user .col_2 .count {
    position: absolute;
    top: -70px;
    left: 50%;
    margin-left: -70px;
}
.cmnt_user .col_2.last {
    margin-right: 0;
}
.is-link {
    color: #03d66b;
}
.top_about p{
    color:#fff;
    font-size: 20px;
    line-height: 28px;
    text-align:center;
}
.wrapper.guide {
    max-width: 1000px;
}
/*.is_left_content {
    width: 22%;
    float: left;
    padding-right: 27px;
}*/
.is_right_content {
    position: absolute;
    display: block;
    right: -120px;
    top: 0;
}
.callout_box {
    background-color: #232838;
    margin-bottom: 35px;
    padding: 0 60px;
}
.callout_box p {
    color: #c1c4d0;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    opacity: 0.9;
    text-align: center;
}
.is-center{
    text-align: center;
}
.about_page .top_about .is-center {
    position: relative;
}
.sidebar {
    padding: 20px;
    width: 225px;
    background-color: #232838;
    color: #fff;
    min-height: 318px;
}
.sidebar p {
    color: #fff;
    font-size: 14px;
}
.sidebar {
    float: left;
}
a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}
.onboard-img {
    width: 140px;
    height: 140px;
}

.onboard-img-head {
    width: 120px;
    height: 120px;
}
/* The sticky */
.sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
}

/* CUSTOM CSS FOR IOS AND ANDROID PAGES */
.platform_android .platform_hero img {
    width: 100%;
}
.platform_intro {
    min-height: 780px;
    padding-top: 35px;
    background: #f5f5f5;
}
.platform_intro p {
    font-size: 18px;
    padding: 30px 0 50px;
    color: #6b7183;
    font-weight: 400;
    line-height: 30px;
}
.platform_hero h2 {
    font-size: 22px;
    color: #e3e3e3;
    font-weight: 300;
    padding: 0px 30px;
    display: block;
    margin-top: 10px;
    line-height: 32px;
    text-align: center;
}
.platform_benefits {
    background: #232838;
}
.platform_benefits .text_section h2 {
    text-transform: uppercase;
    color: #fff;
}
.platform_benefits .text_section p {
    font-size: 18px;
    padding: 30px 0 50px;
    color: #c1c4d0;
    font-weight: 300;
    opacity: 0.9;
    line-height: 30px;
}
.platform_pace .text_section p {
    font-size: 18px;
    padding: 30px 0 50px;
    color: #6b7183;
    font-weight: 400;
    line-height: 30px;
}

.platform_benefits .text_section {
    width: 57%;
    margin-left: 0;
    padding-top: 10%;
    padding-bottom: 6%;
    margin: 0 auto;
}
.platform_android .user_session {
    background-color: #fff;
    min-height: 510px;
    padding-top: 20px;
}
.platform_android .heat_map .section_img.animateblock {
    margin-top: 0px;
    margin-left: 0%;
}

.platform_cta .btn {
    text-transform: uppercase;
    padding: 15px 30px;
}
.platform_cta {
    padding: 35px;
    background: #232838;
}
.platform_cta .text_section {
    width: 57%;
    margin-left: 2%;
    padding-top: 0;
    margin: 2%;
    margin: 0 auto;
    text-align: center;
}
.platform_recording .text_section {
    padding-top: 20%;
}
.platform_recording img {
    float: right;
    margin-top: 20px;
    max-width: 660px;
    margin-bottom: 30px;
}
.platform_android .user_session.platform_journey {
    min-height: 580px;
    padding-top: 90px;
}
.platform_journey .text_section {
    padding-top: 5%;
}
.platform_android a.is-link {
    color: #38bbf1;
    font-size: inherit;
}
.platform_pace .text_section {
    width: 70%;
    display: inline-block;
    margin-left: 50px;
    padding-top: 70px;
    padding-bottom: 20px;
}
.platform_pace .is-column-image {
    display: inline-block;
}
.platform_hero img {
    max-width: 760px;
    margin: 0 auto;
    display: block;
}
.platform_ios .platform_hero img {
    max-width: 530px;
}
.platform_hero .contener {
    min-height: 500px;
    padding-top: 9%;
}
.platform_hero h1 {
    text-align: center;
    text-transform: uppercase;
}
.platform_hero .btn {
    padding: 25px 60px;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    max-width: 470px;
    display: block;
    margin-top: 20px;
}

.commarce{min-height: 180px; background-size: cover; padding: 3% 12%; margin-bottom: 40px;}	
.commarce.main_customer{min-height: 490px; display: table;}
.commarce.main_customer .inner_com{display: table-cell;vertical-align: middle;text-align: center;}
.commarce h3{font-size: 22px; color: #fff; text-transform: uppercase; margin-bottom: 12px;}
.commarce.main_customer h3{font-size: 22px; color: #fff; text-transform: uppercase; margin-bottom: 22px; font-weight: 500;}
.commarce p{font-size: 16px; color: #fff; font-weight: 300;}

/* 2017 eBooks download page */
ul.checklist li {
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    list-style-image: url(../imagesnew/site/done-tick.svg);
}
ul.checklist {
    padding-left: 15px;
}
.ebook_top h2 {
    font-size: 23px;
    text-transform: uppercase;
    line-height: 25px;
}

.pp-header
{
    margin-top: 30px; font-weight: bold; text-decoration: underline; line-height: 25px;
}

.pp-subtitle {
    text-decoration: underline;
}


/* Fabric Page Custom CSS*/
.integration-steps .item .detail_img{height:200px;width:200px}
.integration-steps{border-top:none;padding-bottom:100px;padding-top:100px}
.detail_slider.integration-steps .item::after{top:28%}
.integration_section.support_plt{margin:0 auto;padding-bottom:50px;width:50%}
.main.integration_main{min-height:725px;max-height:690px}
.hero-integration{display:block;margin:0 auto}
#shadow_over.integration_page{padding-top:6.1%}
.integration_section p{font-size:16px}
.integration_section.support_plt>h2{margin-bottom:10px}
.integration_footer .btn{margin-bottom:35px}
.top_footer.integration_footer h2 a{color:#03d66b;font-weight:400;margin-bottom:35px;text-align:center;text-transform:uppercase;font-size:25px;line-height:46px}
.is-smaller{font-size:25px}
.integration-steps .item::after{background-image:url(/imagesnew/integrations/fabric/slide_after-thick.png)}
.integration_main #animation_container {    position: relative;    top: 65px;}
#animation_container{max-width:900px!important;margin:0 auto}

/* New Features page */  
flex-container{display:flex;flex-direction:row;align-items:stretch;min-height:500px;position: relative;}
flex-container.dark{background-color:#232838;}
flex-container.light{background-color:#ffffff;}
flex-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;}
flex-container.light h2{text-transform:uppercase;margin-bottom:20px;margin-top:50px;}
flex-container.dark h2{text-transform:uppercase;margin-bottom:20px;margin-top:50px;color:#fff;}
flex-item p{padding:10px 0 10px;}
flex-item a { color: #38bbf1; font-size: inherit;}
 flex-container .feature_text p{font-size:18px;color:#6b7183;font-weight:400;line-height:30px;}
flex-container .feature_text{max-width:570px;}
flex-container.dark .feature_text p{color:#c1c4d0;font-weight:300;}
flex-item img{max-width:100%;height:auto}
flex-item:first-child{flex:2;}
flex-item:last-child{flex:2;}
flex-container ul{list-style-image:url('/ImagesNew/CaseStudies/done-tick.svg');list-style-position:outside;}
flex-container ul li{font-size:18px;line-height:30px;margin-left:1em;color:#6b7183;}
flex-container.dark ul li{color:#c1c4d0;}
flex-container.hero{background-image:url('/ImagesNew/features/featured-hero.jpg');min-height:620px;background-position:right bottom;background-size:cover;}
flex-container.hero h1{text-transform:uppercase;margin-bottom:0px;color:#fff;font-weight:bold;font-size:67px;}
flex-container.hero .feature_text p{font-size:26px;color:#fff;}
.justify-content-top {margin-left: 10%;}
.hero .feature_text {padding-top: 220px;}

@media only screen and (max-width:1200px){
 flex-container.hero{min-height:580px;}
 flex-container.hero h1{font-size:50px;}
    .justify-content-top { margin-left: 10px; display: block; }
    flex-container.hero .feature_text p { font-size: 18px; line-height: 20px; }
    .hero .feature_text {padding-top: 240px;}
}
@media only screen and (max-width:767px){flex-container{display:block;min-height:100px;}
flex-container.hero{background-image:url('/ImagesNew/features/mobile-hero.jpg');min-height:555px;background-size:cover;background-position:bottom center;}
flex-container.hero h1{font-size:30px;text-align:center;margin-bottom:0px;margin-top:0px;}
flex-container.hero .feature_text p{font-size:18px;text-align:center;}
.justify-content-top { margin-left: 0px;}
.hero .feature_text { padding-top: 0px;}
}
/* Scroll down animation */
.hero .scroll-for-more {
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 0px !important;
    bottom: 10px;
    opacity: 1 !important;
    background: transparent;
}
.hero .z-5 {
    z-index: 25;
}
.hero .absolute {
    position: absolute !important;
}
.hero .h-center {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.hero .icon-angle-down:before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb10 {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
/* Alt hompage with video background */
#bgvid {
    z-index: -100000000;
    position: absolute;
    top: -30px;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    left: 0px;
}
#shadow_over.video-bg {
    background-color: #292b3f;
}

#shadow_over.video-bg .banner_inner {
    width: 40%;
    margin: 0px;
    text-align: left;
    margin-bottom: 4%;
}
 #shadow_over.video-bg .banner_inner span {
        padding: 0px;
    }
    #shadow_over.video-bg .banner_inner .trial_demo {
        width: 100%;
    }
#shadow_over.video-bg .mobile_team {
    border-top: 1px solid #fff;
   
}
    #shadow_over.video-bg .mobile_team p {
        color: #fff;
    }
div#shadow_overlay {
    background: rgba(35,40,56,0);
    background: -moz-linear-gradient(top, rgba(35,40,56,0) 0%, rgba(35,40,56,0) 64%, rgba(35,40,56,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,40,56,0)), color-stop(64%, rgba(35,40,56,0)), color-stop(100%, rgba(35,40,56,1)));
    background: -webkit-linear-gradient(top, rgba(35,40,56,0) 0%, rgba(35,40,56,0) 64%, rgba(35,40,56,1) 100%);
    background: -o-linear-gradient(top, rgba(35,40,56,0) 0%, rgba(35,40,56,0) 64%, rgba(35,40,56,1) 100%);
    background: -ms-linear-gradient(top, rgba(35,40,56,0) 0%, rgba(35,40,56,0) 64%, rgba(35,40,56,1) 100%);
    background: linear-gradient(to bottom, rgba(35,40,56,0) 0%, rgba(35,40,56,0) 64%, rgba(35,40,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232838', endColorstr='#232838', GradientType=0 );
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    padding-bottom: 30px;
}
@media only screen and (max-width:1440px) {
    #shadow_over .banner_inner span {
        margin-top: 10px;
    }
    #bgvid {
        top: 0px;
    }
}
@media only screen and (max-width:1024px) {
    #bgvid {
        top: 0px;
        width: 1430px;
        left: -160px;
    }
    #shadow_over.video-bg .banner_inner {
        margin-left: 20px;
        margin-bottom: 3%;
    }
}

@media only screen and (max-width:768px) {
    #shadow_over.video-bg .banner_inner {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 7%;
    }
    #bgvid {
        display:none;
    }
    #shadow_over.video-bg {
        background-color: rgba(35,40,56,0.93);
    }
    div#shadow_overlay{
        display:none;
    }

}

/* GDPR page */
.gdpr p {
    padding: 20px 0 0px;
}

.gdpr h1 {
    float: none;
    text-align: center;
    font-size: 45px;
    line-height: 60px;
}

.wrapper.gdpr {
    padding: 20px 0px;
    max-width: 910px;
}

.gdpr .is-white {
    background: #fff;
    background-image: url(../imagesnew/site/GDPR-roadmap-bg.png);
    background-size: cover;
    padding: 20px 0px;
}

    .gdpr .is-white p, .gdpr .is-white h2 {
        color: #fff;
    }

.gdpr .lead {
    font-size: 30px;
    font-weight: 300;
    padding: 0px 30px;
    display: block;
    line-height: 36px;
    text-align: center;
}

.gdpr h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.gdpr ul.checklist li {
    color: #555555;
    font-size: 21px;
    line-height: 26px;
    margin: 25px 0px;
}

.gdpr ul.checklist li {
    /*list-style-image: url(../imagesnew/site/done-tick.svg);*/
    margin: 0;
    padding: 10px 0 10px 44px;
    list-style: none;
    background-image: url("../imagesnew/site/done-tick.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    color: #fff;
}

.gdpr ul.checklist {
    padding-left: 30px;
}

.GDPR-image {
    max-width: 160px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

.GDPR-roadmap {
    max-width: 40px;
    margin-bottom: -10px;
}

.gdpr h5 {
    font-size: 18px;
    color: #232838;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 15px;
}

.gdpr a {
    color: #03d66b;
    font-size: inherit;
}

b.is-uppercase {
    text-transform: uppercase;
}

.gdpr .is-xlarge {
    font-size: 1.5em;
    line-height: 1.5em;
}

@media only screen and (max-width:767px) {
    .wrapper.gdpr {
        padding: 20px 20px;
    }

    .gdpr h1 {
        line-height: 34px !important;
    }

    .gdpr h2 {
        font-size: 20px !important;
    }
}

div.privacy-policy-container {
    display: flex;
    justify-content: center;
}

div.privacy-policy-inner {
    padding: 20px;
    width: 1300px;
}

div.privacy-policy-inner a {
    cursor: pointer;
    color: #38bbf1;
    font-size: 100%;
}

div.privacy-policy-inner ol {
    padding-left: 0.5em;
}

div.privacy-policy-inner ol li{
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 1em;
}

.footer_logos-div {
    display: flex;
    justify-content: start;
    height: 60px;
}

.footer_logos-div > img:not(:first-child) {
    margin-left: 10px;
    width: 60px;
}