/*css for new signup for solution page 21-06-2018*/
.sogo-transparent-back-parent {
    position: relative;
    top: 215px;
    width: 100%;
}
.sogo-container-follow>p:after {
    left: 54%;
}
.sogo-container-follow>p:before {
    left: 39%;
}
.trans-container-header{
    text-align:left;
}
.trans-container-information {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: rgba(51,51,51,.7);
    width: 100%;
}
.sogo-solution-signbox input::placeholder{
     color: rgba(136,136,136,0.5);
}
.sogo-latest-form-input:-ms-input-placeholder{
     color: rgba(136,136,136,0.5) !important;
}
/*.sogo-latest-form-input:empty:not(:focus){
     color: rgba(136,136,136,0.5)!important;
}*/
.banner-social-icon{
    display: inline-block;
    vertical-align:top;
    width: 20%;
    text-align: center;
}
.error-not-valid::placeholder{
    color:#D0021B !important;
}
input.error-not-valid:-ms-input-placeholder{
    color:#D0021B !important;
}
.sogo-solution-signbox .sogo-solution-input-form{
    width: 99%;
    text-align: center;
}
.sgupbg{
   padding: 14px 0 8px 5px;
   border: 1px solid rgba(136, 136, 136, 0.3);
   border-radius: 3px;
}
.regular-main-parent{margin: 0px 0 0 20px;}
.banner-social-icon p{
    margin: 0 10px 0 0px;
    display: inline-block;
    color: #888;
    font-size: 14px;
}
.fb-button{
    display: inline-block;
}
.google-button{
    display: inline-block;
    margin:0 0px 0 10px;
}
.fb-button i,.google-button i{
    color: rgba(136, 136, 136, 0.7);
    font-size: 13px;
}
.fb-button i:hover{
    color:#3b5998;
}
.google-button i:hover{
    color: #dd4b39;
}
.sogo-solution-signbox{
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 255px;
    right: -87px;
}
.sgupbg input.signupEmail_cos {
    width: 61%;
    display: inline-block;
    color: #333!important;
    border-radius: 2px;
    margin-top: 7px;
    margin-bottom: 5px;
    box-shadow: none;
    border: 2px solid #ddd;
    padding: 9px 12px 8px!important;
    font-size: 16px;
    line-height: normal !important;
}
.regular-checkbox, .sgupbg {
    margin-bottom: 8px;
}
.regular-check-first{
    display:inline-block;
    width: 45%;
}
.regular-check-second{
    display: inline-block;
    width: 30%;
    margin-left: 0px;
}
.regular-checkbox input:checked+label {
    display: inline-block;
    padding: 3px 0 0 22px;
    position: relative;
    font-family: lotagrotesque-regular;
    cursor: pointer;
    background: url(/wp-content/uploads/2018/02/new-active-radio.png) 0 no-repeat;
    background-size: 16px;
    font-size: 11px;
    text-align: left;
    color: #333;
}
.no_cc_text {
    font-size: 14px;
    font-family: lotagrotesque-regular;
    margin-left: 31px;
    cursor: auto;
    margin-top: -8px;
    color: #888!important;
}
.regular-checkbox input+label {
    color: #888;
    display: inline-block;
    font-size: 11px;
    padding: 3px 0 0 22px;
    position: relative;
    cursor: pointer;
    background: url(/wp-content/uploads/2018/02/new-radio.png) 0 no-repeat;
    background-size: 16px;
    line-height: 1.4;
}
.fl .orText, .regular-checkbox input+label, .slideRight p, .sub_heading_1 {
    font-family: lotagrotesque-regular;
}
.sgupbg .signupSubmit {
    margin: 10px 0 8px 10px;
    padding: 10px 0 10px;
    text-align: center;
    width: 23%;
}
@media only screen and (max-width: 1200px) and (min-width: 960px){
.sogo-solution-signbox {
    width: 100%;
    margin: 0 auto;
    right: -40px;
}
.trans-container-header{
    font-size: 28px;
    line-height: 1.3;
}
.regular-check-second {width: 25%;}
.banner-social-icon {width: 35%;}
.regular-check-first {
    width: 40%;
}
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.cos_form {
    width: 100%;
}
.sogo-transparent-back-parent{
    position: relative !important;
    top: 145px;
    width: 100%;
}
.sogo-solution-signbox {
    width: 100%;
    margin: 0 auto;
    top: 180px;
    right:0;
}
.sgupbg .signupSubmit {
    margin: 10px 0 8px 10px;
    padding: 11px 0 11px;
    width: 25%;
    font-size:14px !important;
}
.trans-container-header{font-size: 22px;}
.regular-main-parent {margin: 0px 0 0 10px;}
.sgupbg input.signupEmail_cos {
    width: 60%;
}
}

.entplus_plan_details{background:#006dbb;}
.sogo-four-popup .vc_col-sm-3 {
    width: 25%;
    padding: 0 10px;
}
.entplus-request.green-button{padding: 16px 20px;}
.sogo-downinfo i{
    color: #fff;
    font-size: 18px;
    margin: 0 8px 2px 0px;
}
@supports (-ms-ime-align: auto) {
    .error-not-valid:empty:not(:focus){
        color:#D0021B !important;
    }
    .error-not-valid:-ms-input-placeholder{
        color:#D0021B !important;
    }
}
@media screen and (min-width:0\0){
     .sogo-downinfo{
         padding: 16px 20px;
         text-align:center;
         border-bottom-right-radius: 5px;
         border-bottom-left-radius: 5px;
    }
     .popup-inner .sogo-downinfo>img{
         float:none;
         padding:0;
         margin-right: 10px;
         display:inline-block;
    }
     .sogo-downinfo p{
         color:#fff;
         display:inline-block;
         vertical-align:top;
         margin:0;
         font-size: 13px;
         font-family: lotagrotesque-semibold;
    }
     .plus_plan_features{
         transition:none !important;
    }
     .plus_plan_features:hover{
         box-shadow:none !important;
    }
    
     .sogo-merge a.green-button:hover {
         background: #83c340 !important;
         border: 0.5px solid #83c340 !important;
         color: #ffffff;
    }
     .cos_plan_name,.sogo_imglead,.try_now,.sogo-merge{
         border: 0px solid transparent;
         border-width: 0 !important;
    }
    .error-not-valid:empty:not(:focus){
        color:#D0021B !important;
    }
}
 
 .full-width-section .banner_corner{
     padding-left: 40px !important;
     padding-right: 280px !important;
}
 
/*new pop up css*/
 .popup-inner{
     line-height: 1.5;
}
 .sogo-merge>label{
     font-family: lotagrotesque-regular;
     font-size: 10px;
     padding-top: 0px;
     letter-spacing: 0.7px;
     color:#fff;
     cursor:auto;
}
 .popup-inner .popup-close{
     top: -2px;
     right: 10px;
}
 .sogo-merge{
     text-align: center;
     padding-bottom: 19px;
     padding-top: 10px;
}
 .sogo-merge .green-button{
     float: left;
     display: inline-block;
     margin: 0px 0 5px 16px;
     padding: 13px 20px 12px;
}
 .cos_pricing_detail{
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
}
 .sogo_imglead{
     padding:20px 20px 0;
     text-align:center;
}
 a.sogo-anchor{
     background: transparent !important;
     color: #fff;
     font-family: lotagrotesque-semibold;
     text-decoration:underline;
     font-size: 16px !important;
}
 a.sogo-anchor:hover{
     color:#fff;
}
 .try_now a.ent_free_trial{
     padding: 10px;
}
 .sogo-downinfo{
     padding: 18px 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
}
 .popup-inner .sogo-downinfo>img{
     float:none;
     padding:0;
     margin-right: 10px;
     background:transparent;
}
 .sogo-downinfo p{
     color:#fff;
     margin:0;
     font-size: 14px;
     font-family: lotagrotesque-semibold;
}
 .sogo_plan_desc{
     border-bottom: 1px solid rgba(162,162,162,.4);
     padding-bottom: 15px;
}
 .section .play-video-btn.play-video-imgbtn{
     padding-bottom: 0 !important;
     margin-top:0px !important;
}
 .cos_rtwheadingfont{
     font-family: lotagrotesque-bold;
     font-size: 2.0em;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.3em;
     text-align: center;
     color: #444;
}
 .cos_testimonial .Survey-software-with{
     padding: 0 40px;
     line-height: 1.52;
}
 .testimonial_video h2.inhead {
     font-family: "lotagrotesque-regular";
     font-size: 36px;
     color: #FFF;
     padding: 50px 0 12px;
     border: none;
     display: block;
     margin:0;
}
 .em-textinfo hr {
     border-top: 1px solid #FFF;
     display: block;
     margin: 12px auto 24px;
     width: 268px;
}
 .cos_testimonial .Build{
     margin-bottom:0px !important;
     color:#00aac1;
     font-family: lotagrotesque-semibold;
     font-size: 20px;
}
 .cos_testimonial .build-add{
     margin-bottom:0px !important;
     font-family: "lotagrotesque-regular";
     color: #5c5c5c;
     font-size: 14px;
     margin-top: -6px;
}
 .testimonial-seprator{
     margin: 15px auto 15px;
     width: 265px;
}
 .em-parainfo{
     font-family: "lotagrotesque-regular";
     color: #fff;
     font-size: 20px;
     line-height: 1.52;
}
 .testimonial_cos .iconimg{
     border-radius:50%;
     width:170px;
     margin-bottom:0;
}
/* vaibhav box css */ 
input {
     border: none;
     background-color: Transparent;
}
 .regular-checkbox input {
     position: absolute;
     top: -9999px;
     left: -9999px;
}
 input[type="checkbox"], input[type="radio"] {
     box-sizing: border-box;
     cursor: pointer;
     padding: 0;
}
 
 .regular-checkbox input:checked+label+label {
     color: #2d3e50;
} 
.ca {
     clear: both;
}

 .fl {
     float: left;
}
.sogo-pricing-offer_pop {
      position: absolute;
margin-left:0;
}

 .slideRight h1 {
     font-size: 14px;
     letter-spacing: 0.8px;
}
 .slideRight p {
    /*color: #1F2532;
    */
     width: 75%;
     padding-bottom: 0px;
     font-size: 54px;
     font-family: lotagrotesque-black;
     line-height: 1.07 !important;
}
 .sub_heading_1 {
     color: #1F2532;
     font-size: 20px;
     font-family: lotagrotesque-regular;
     max-width: 60ch;
}
 
 .slideRight{
     padding-left: 0px;
     padding-top: 51px;
}
 div.slideVideo2 #play-video-btn{
     padding-top: 25px;
}
 #email_err{
    color: #D0021B ;
     margin-top: -11px;
     font-size: 14px;
     margin-bottom: 5px;
     margin-left: 3px;
     display: none;
}
 .or_keyword{
    width:100%;
    margin-bottom: 15px;
}
 div.slideVideo2 #play-video-btn img,div.slideVideo2 #play-banner-video-btn img{
     height: 46px;
     box-shadow: 0 5px 15px 1px rgba(0, 170, 193, 0.19);
}

/* end of vaibhav css */
 .error-not-valid{
     border-color: #D0021B !important;
}
 .plus_plan_details{
    background: #7fcdbb;
}
 .pro_plan_details{
    background: #4eb3d3;
}
 .ent_plan_details{
    background: #2b8cbe;
}
 .cos_plan_name{
     text-align: center;
    /*special*/
     font-size: 32px;
     font-family: lotagrotesque-semibold;
     padding: 15px 0 0;
     margin: 0;
     color: #fff;
     letter-spacing: 1px;
}
 .try_now{
    text-align:center;
     padding-bottom: 15px;
     padding-top: 10px;
}
 .try_now a{
     line-height: 1 !important;
     padding: 10px 20px;
     margin: 0 0 5px 0;
     display: inline-block;
     border-radius: 2px;
    /*width: 65%;
    */
     letter-spacing: 0px;
}
 .try_now a:hover{
     color: #fff !important;
}
 .promoter-list-sogo-popup{
    /*special*/
     height: auto !important;
     padding-bottom: 15px;
     width: 72%;
     min-height: 235px;
     position: relative;
     left: 53%;
     transform: translate(-50%, 0);
     -ms-transform:translate(-50%, 0%);
     -webkit-transform:translate(-50%,0);
}
 .popup-inner{
     max-width: 1260px;
     width:100%;
    /*padding-top:20px;
     padding-bottom:20px;
     padding-left: 20px;
     padding-right: 20px;
    */
     top:52%;
     -ms-transform:translate(-50%, -50%);
     box-shadow:none;
    /*background-color:transparent;
    */
}
 .popup-inner .promoter-list-sogo li{
     line-height: 1.0;
     padding: 8px 0 1px 5px;
     font-family: lotagrotesque-regular;
}
 .try_now label{
     font-family: lotagrotesque-regular;
     font-size: 10px;
     padding-top: 3px;
     letter-spacing: 0.7px;
}
 .plus_plan_features{
     transition: box-shadow 1s;
     min-height: 290px;
     border-top: 0px;
     background-color:#fff;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
    /*padding: 0px 13px 0 13px;
    */
}
 .plus_plan_features:hover{
    box-shadow: 0 5px 15px 1px rgba(146, 146, 146, .5);
}
 cos_pricing_detail{
     border: 1px solid #e1e1e1;
     transition: box-shadow 1s;
}
 .vc_responsive .wpb_row .feature_details .vc_col-sm-4,.vc_responsive .wpb_row .popup-inner .vc_col-sm-4{
     padding-left: 10px;
     padding-right: 10px;
}
 .wpb_row .span_12{
    z-index:initial;
}
 .try_now .final-sogo-pricing-signup{
     font-size: 16px!important;
     font-weight: normal !important;
}
/*.popup-inner img{
     padding:0;
     float: left;
     background-color: transparent;
}
*/
 .popup-inner img.sogo-pricing-offer{
     padding: 0;
     float: none;
     background-color: transparent;
}
 .popup-inner img.sogo-popimg{
     padding: 0;
     float: none;
     background-color: transparent;
     height: 45px;
}
 .popup_content{
    height:0;
}
 .popup-inner img.help_cos_icon{
     float: initial;
     padding-bottom: 7px;
     padding-left: 0px;
}
 .sogo-pricing-help-arrow {
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 10px solid #fff;
     width: 0;
     position: absolute;
     top: 49px;
     display:none;
}
 .help_plus_desc .sogo-pricing-help-arrow {
     left: 163px;
}
 .help_pro_desc .sogo-pricing-help-arrow {
     left: 158px;
}
 .help_ent_desc .sogo-pricing-help-arrow {
     left: 205px;
}
 .helpDescription {
     font-family: lotagrotesque-regular;
     position: absolute;
     background: #fff;
     color: #4a4a4a;
     font-size: 12px;
     text-align: center;
     width: 170px;
     left: 54px;
     top: 58px;
     padding:5px;
     display:none;
     box-shadow: 0 2px 6px 1px rgba(146,146,146,.3);
     z-index:1;
     font-weight: normal;
}
 .help_desc {
     cursor:pointer;
     display:inline;
     margin-left: 5px;
}
 .help_desc:hover .sogo-pricing-help-arrow,.help_desc:hover .helpDescription{
     display:block;
}
 .sogo-pricing-feature-head {
     font-family: lotagrotesque-semibold;
     font-size: 16px;
     line-height: normal;
     letter-spacing: 0.5px;
     color: #2d3e50;
     padding: 15px 0 0px 0;
     text-align: center;
     margin:-1px;
}
 .popup {
     z-index: 6;
}
 .cos-pricing-head {
     font-family: lotagrotesque-semibold;
     font-size: 22px;
     letter-spacing: 1px;
     color: #2d3e50;
     padding-top: 15px;
     margin-bottom: 3px;
     text-align:center;
}
 .sogo_price_desc{
     font-size: 16px;
     line-height: 1.4;
     color: #2d3e50;
     text-align:center;
     font-family: lotagrotesque-regular;
     margin: 0 0 0px 0;
}
 .mobile_prop{
     display: none;
     padding: 3px 13px 0 17px;
     border: 1px solid #e1e1e1;
     margin-bottom: 4px;
     background:#fff;
}
 .mobile_prop .sogo_price_desc{
     margin: 0 0 8px 0;
}
 @media only screen and (max-width: 1250px) and (min-width: 960px){
     
.sogo-downinfo p{
     font-size: 11px;
}
.popup-inner {
    max-width: 1260px;
    width: 95%;
}
.cos_plan_name{font-size:28px;}
.cos_plan_name.sogo-plan-ent{margin:0 0 0 30px;}
     a.sogo-anchor{
         font-size: 14px !important;
    }
    
     .testimonial_video h2.inhead {
         padding: 20px 0 12px;
    }
     div.slideVideo2 #play-video-btn{
         padding-top: 25px;
    }
     .pro_plan_details .sogo-pricing-offer {
         margin-top:0px !important;
         margin-left: 0px;
    }
     
    
     .slideRight {
         padding-left: 35px;
    }
     .em-textinfo hr {
         margin: 8px auto 20px;
    }
     .full-width-section .banner_corner{
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
     .sogo-downinfo {
         padding: 18px 4px;
    }
     .promoter-list-sogo-popup {
        /*special*/
         width: 78%;
         min-height: 278px;
    }
     .sogo-pricing-feature-head{padding: 15px 5px 0px 5px;}
     .sogo-merge .green-button{
         padding: 13px 10px 12px;
         margin: 0px 0 5px 5px;
    }
     .wpb_wrapper .slideRight p {
     	width: auto;
     	font-size: 40px;
     }
}
 @media only screen and (max-width: 959px) and (min-width: 768px){
.cos_plan_name{font-size:22px;}
.try_now a{padding: 10px 8px;}
.entplus-request.final-sogo-pricing-signup {
    padding: 16px 15px 17px;
}
.sogo-pricing-feature-head{font-size:14px;}
.try_now .final-sogo-pricing-signup {
    font-size: 14px!important;
    font-weight: normal !important;
}
.sogo-four-popup .vc_col-sm-3 {padding: 0px 7px;}
.sogo-pricing-offer_pop{display:none;}
     .pro_plan_details .sogo-pricing-offer{
         display:none;
    }
     .full-width-section .banner_corner{
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
     
     #survey_sample_popup1 .popup-inner {
         max-width: 100%;
         width: 100%;
         padding: 25px 20px;
         top:52%;
    }
      .sogo-pricing-offer_pop {
         margin-top:0px !important;
    }
     .plus_plan_features{
         min-height: 373px;
    }
     .helpDescription{
         left: 25px;
    }
     .slideRight {
         padding-left: 35px;
    }
     .help_ent_desc .sogo-pricing-help-arrow {
         left: 179px;
    }
     .help_pro_desc .sogo-pricing-help-arrow {
         left: 133px;
    }
     .help_plus_desc .sogo-pricing-help-arrow {
         left: 137px;
    }
    
     .cos_banner{
         width: 55%;
    }
     h2.sub_heading_1{
         font-size: 18px;
    }
     div.slideRight{
         padding-left:23px;
         padding-top: 0px;
    }
     div.slideVideo2 #play-video-btn {
         padding-top: 0;
    }
     .em-textinfo hr{
        margin: 12px auto 15px;
    }
     .em-parainfo{
        font-size: 18px;
    }
     .testimonial_video h2.inhead{
        font-size: 32px;
         padding: 15px 0 0px;
    }
     .section .play-video-btn.play-video-imgbtn{
         width: 260px;
    }
    
   
     .plus_plan_features:hover {
         box-shadow:initial;
    }
     .try_now.try-ipad{
         padding-bottom: 20px;
    }
     .sogo_price_desc{
        /*special*/
         font-size:13px;
    }
     .sogo-merge .green-button{
         float:none;
         text-align:center;
         margin:0;
    }
     a.sogo-anchor{
         font-size: 14px !important;
         display: block;
         margin-top: 10px;
    }
     .popup-inner .popup-close {
         top: 20px;
         right: 37px;
    }
     .sogo-downinfo {
         padding: 8px 10px;
         min-height: 45px;
         font-size: 12px;
    }
     .promoter-list-sogo-popup{
        /*special*/
         min-height: 320px;
         left: 52%;
    }
    .sogo-pricing-feature-head{padding: 15px 5px 0px 5px;}
     .sogo-downinfo p{
         line-height: 1.2;
         text-align: center;
    }
    .wpb_wrapper .slideRight p {
     	width: auto;
     	font-size: 36px;
     }
}
 @media only screen and (max-width: 767px){
     .pro_plan_details .sogo-pricing-offer {
         margin-left: 0px;
         top: -4px;
    }
     .popup-inner img.sogo-popimg{
         height: 32px;
    }
     .mobile_prop .sogo_price_desc{
         margin: 0px 0 3px 0;
         font-family: lotagrotesque-semibold;
    }
     .sogo-merge>label{
         font-size: 8px !important;
    }
     .popup-inner .popup-close {
         top: 10px;
         right: 20px;
    }
     .sogo_imglead{
         padding: 10px 20px 0;
    }
     .try_now a{
         margin:0;
         padding: 7px 20px;
    }
     .sogo_price_desc{
         font-size: 14px !important;
    }
     a.sogo-anchor,.green-button,.try_now .final-sogo-pricing-signup{
         font-size: 14px !important;
    }
     .sogo-merge .green-button{
         margin: 0px 0 5px 25px;
         padding: 10px 8px;
    }
     .cos_pricing_detail{
         border-radius:unset;
    }
     #mobile-header{
         z-index: 90;
    }
     .regular-checkbox input:checked+label, .regular-checkbox input+label {
         font-size: 14px;
         padding-left: 28px;
    }
    /*.popup{
        top: 20px
    }
    */
     .cos_plan_name{
        /*special*/
         font-size: 20px;
         padding: 10px 0 0;
         margin: 0px;
    }
     .try_now {
         padding: 3px 0px 10px;
    }
     .sogo-merge {
         text-align: center;
         padding-bottom: 5px;
         padding-top: 3px;
    }
     .mobile_prop{
         display: block !important;
    }
     .feature_details,.help_desc {
         display: none !important;
    }
     #survey_sample_popup1 .popup-inner {
         max-width: 83%;
         padding: 10px 6px;
         top:52%;
    }
     div.tp-bgimg.defaultimg {
         background-position: 50% 0px !important;
    }
     .section .play-video-btn.play-video-imgbtn{
         height:260px;
         width:260px;
         margin-top: 60px !important;
    }
     .testimonial_video h2.inhead {
         padding: 0px 0 12px;
         font-size:32px;
    }
     .em-parainfo{
         font-size:18px;
    }
     .vc_responsive .wpb_row > div >.survey_last_block{
         margin-bottom:40px !important;
    }
     .vc_responsive .wpb_row > div >.em_cos_text{
         margin-bottom:40px !important;
    }
     .rtwheadingfont {
         font-size: 25px;
         padding: 0 30px;
    }
     .Quickly-and-easily-c{
         padding: 0 30px;
    }
     .mobile_cos_margin{
         margin-top:80px;
    }
     
    
     div.slideVideo2 #play-video-btn {
         padding-top: 20px;
    }
    
     .fbandGoogleButtons {
         width: 42%;
         margin: 0 12px 0 0px;
    }
    .wpb_wrapper .slideRight p {
     	width: auto;
     	font-size: 36px;
    }
     #cos_banner_form{
    	    background-image: linear-gradient(181deg, #fcfcfc, #ecf6f8) !important;
		    padding-left: 8px;
		    background-size:auto;/*
		    padding-top: 20px !important;*/
    }
    .sogo-employee-background{
    	     padding-top: 40px; 
    	     min-height: auto;
    padding-bottom: 40px;
    }
    .sogo-transparent-back-parent{
    	    position: relative !important;
    top: 0;
    }
    h1.trans-container-header {
    font-size: 12px;
    font-family: lotagrotesque-semibold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #333;
    text-align: left;
}
#cos_banner_form h2 {
        font-size: 32px;
    font-family: lotagrotesque-bold;
    line-height: 1.3;
    letter-spacing: -0.5px;
    color: #333;
        margin-bottom: 5px;
}
  p.trans-container-information,.download_txt {
    font-family: lotagrotesque-regular;
    font-size: 20px;
    color: #888;
    padding-top: 25px;
    margin-bottom: 20px;
    line-height: 1.4;
    width: 100%;
    text-align: left;
}
.sogo-container-follow{display: none;}
.banner-download img {
    width: 45%;
}
.banner-download:first-child img.footer-app-cos-image-btn {
    margin-right: 10px;
}
}

 @media only screen and (max-width: 374px){
     .try_now {
         padding: 0px 0px 6px;
    }
     .sogo-merge {
         text-align: center;
         padding-bottom: 0px;
         padding-top: 2px;
    }
     .sogo_imglead {
         padding: 6px 20px 0;
    }
     .sogo-merge .green-button{
         margin: 0px 0 5px 4px;
         padding: 9px 8px;
    }
   
}
 .popup {
     z-index: 101;
}
 #header {
     z-index: 11 !important;
}
 #topbar {
     z-index: 12 !important;
}
 .watch-a-demo-banner{
     font-family: lotagrotesque-semibold;
     font-size: 16px;
     text-align: left;
     color: #090909;
     display: inline-block;
     border-radius: 4px;
     background-color: #fff;
     padding: 10px 20px 10px 20px;
     letter-spacing: 0.4px;
    /*background: linear-gradient(to right, #fff 50%,rgba(255,255,255,0.7) 50%);
    */
    /*background-position: right bottom;
    */
    /*background-size: 202% 100%;
    */
     background: rgba(255,255,255,0.7);
     transition: all 0.5s ease !important;
}
 a.watch-a-demo-banner:hover{
    /*background-position: left bottom;
    */
     color: #000!important;
     background: rgba(255,255,255,1);
     box-shadow: 0px 4px 9px 3px rgba(255,255,255,0.17);
}
 .span-triangle {
     width: 20px;
     height: 20px;
     display: inline-block;
     border-radius: 50%;
     border: solid 1px #060606;
     position: relative;
     top: 4px;
     left: 6%;
     text-align: center;
}
 .span-triangle > span {
     width: 0;
     height: 0;
     display: inline-block;
     border-top: 6px solid transparent;
     border-bottom: 6px solid transparent;
     border-left: 11px solid #060606;
     position: relative;
     left: 36%;
     vertical-align: middle;
     transform: translate(-50%,-50%);
}
 .watch-a-demo-banner-transparent{
     color: black;
     border: 1px solid black;
     background: linear-gradient(to right,transparent 50%,rgba(255,255,255,0.7) 50%);
     background-position: right bottom;
     background-size: 202% 100%;
     background-position: left bottom;
     font-family: lotagrotesque-semibold;
     font-size: 16px;
     text-align: left;
     display: inline-block;
     border-radius: 4px;
     padding: 10px 20px 10px 20px;
     letter-spacing: 0.4px;
     transition: all 0.5s ease !important;
}
 a.watch-a-demo-banner-transparent:hover{
     box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.17);
     background-position: right bottom;
     color: #000!important;
}
 
/*Variation 2 CSS*/
div.regular-check-first, div.banner-social-icon{margin-top: 5px;}
div.regular-checkbox input+label{font-size: 12px; background-size: 17px;}
div.regular-checkbox input:checked+label{font-size: 12px; color: #000000; background-size: 17px;}
div.sgupbg{
    background-color: rgba(255,255,255,0.6);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,0.13);
}
