﻿.heade_wrapper {
    position: relative;
    height: 60px;
}
.headerinner {    
    height: 60px;
    width: 100%;    
    padding:0 10px;
}
.bannerbox {    
    margin-top: 0px;    
    padding-bottom: 60px;
}
    .bannerbox.homebanner .bannerboxinner {     
        padding-left: 20px;
        padding-right: 20px;        
    }

.bannerboxinner {
    padding-top: 10px;
    padding-left:10px;
    padding-right: 10px;    
}
.bannerleftbox {
    padding-right: 0px;
    padding-top: 0px;    
}
.bannerrightbox {
    padding-top: 0px;
    padding-left: 0px;
}
    
    .bannerleftbox h1 {        
        font-size: 28px;        
        margin-bottom: 10px;        
        margin-top:10px;
    }
.banner_emailgroupbox {
   background-color:transparent;
}
    .banner_emailgroupbox input[type=text] {        
        padding: 14px 20px;        
        font-size: 15px;       
        display:block;
        width:100%;
        border-radius:3px;
    }
.input-group-append {
    display: block;
    margin-top: 10px;
    width:100%;
    
}
    .input-group-append button {
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 3px;
        width:100%;
    }


.mobinavigation {    
    font-size: 28px;
    width: 40px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color:#777777;
}
header.home .mobinavigation{
    color:#ffffff;
}
.mobinavigation:hover {
    opacity: 0.8;
}

    .bannerleftbox p {        
        font-size: 16px;        
    }
.headerinner .headerlogobox img {
    /*max-height: 40px;*/
}
.banner_securitybox{
    display:none;
}
.link a {
    
    padding: 6px 20px;
    
}

/*.navbarmenu,*/
.headercontactbox {
    /*display:none;*/
    flex-grow: 1;    
    justify-content: flex-end;
}
.contactno {
    display:none;
}
.btn-demo {
    padding: 4px 16px;
    font-size: 16px;
}
.navbarmenu {
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    background-color: #fff;
    top: 60px;    
    max-height:0px;
    overflow:hidden;
     transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}
    .navbarmenu.navbartoggle {
        max-height:100%;        
        overflow-y:auto;

    }
    .navbarmenu ul.mainmenu {       
        flex-direction: column;        
        width: 100%;
        margin-left: 0;
    }

        .navbarmenu ul.mainmenu li {            
            margin-right: 0px;    
            width:100%;              
        }

header.home .navbarmenu ul.mainmenu li a {
    color: #3C3C3C;
    width:100%;
    display:block;
}

header div.submenumainbox .submenulinkbox ul li a ,
header.home div.submenumainbox .submenulinkbox ul li a {
    color: #777777;
    display:block;
}
            .navbarmenu ul.mainmenu li a {
                font-size: 16px;
                text-align: left;
                display: block;
                /**/
                border-bottom: 1px solid #CED8E1;
                color: #32465A;
                padding: 15px;
                text-decoration: none;
            }
            /*.navbarmenu ul.mainmenu li:last-child a {
                border-bottom:none;
            }*/
header .navbarmenu ul.mainmenu li a {
    border-color:#eeeeee;
}
.navbarmenu ul.mainmenu li a.backtomenu {
    display: block;
    padding: 16px 20px;
    background-color: #CED8E1;
    color: #32465A;
    cursor: pointer;
    font-size: 14px;
    cursor: pointer;
}
header .navbarmenu ul.mainmenu li.hassubmenu ul.submenu {
    /*display: block;
    opacity: 1;
    background-color:#eeeeee;
    
   
    list-style:none;*/
    /**/
    position: absolute;
    margin-left: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
    left: 100%;
    top: 0;
    z-index: 999;
    overflow: hidden;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    background-color: #ffffff;
    list-style: none;
    visibility:hidden;
    opacity:0;
    max-height:0;
}
    header .navbarmenu ul.mainmenu li.hassubmenu ul.submenu.activesubmenu {
        left:0;
        visibility:visible;
        opacity:1;
        max-height:10000px;
    }

header .navbarmenu ul.mainmenu li:hover > a {
    color: #03adf1;
}

/*header .navbarmenu ul li.hassubmenu:hover > ul {
    max-height: 800px;
    overflow: visible;
    display: block;
    opacity: 1;
}*/
header .navbarmenu ul.mainmenu li.hassubmenu ul.submenu li div.submenumainbox {
    opacity: 1;
    min-height: 280px;
}




.divisionbox {
    margin-bottom:30px;
}
    .divisionbox:last-child {
        margin-bottom:0px;
    }
.divisionwrapper {
    padding: 10px 10px;
}
.divisionbox h2 {
    font-size: 40px;    
    margin: 8px 0px;
}

.divisionbox h3 {
    font-size: 20px;    
    margin: 8px 0px;
}

.clientbox .divisionwrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}
.clientlogocover {
    padding-top: 0px;
}
.clientbox h5 {    
    font-size: 18px;    
    margin: 10px 0px;
    color:#666666;
}
.clientlogo {
    padding: 0px 10px;
    height:60px;
    line-height:60px;
}


.landingpagemainbox {
    margin-top: 10px;
}

.landingbox {
    padding: 10px 10px;
    border: none;
    margin-bottom: 10px;
}
.landingboxinner {
    text-align: center;
    display: block;
    padding: 5px 0px;
}

.landingbox .imagebox {
    display: block;
    height: 80px;
}
.landingbox .bigtext {    
    font-size: 22px;    
}

.landingbox .smalltext {
    font-size: 14px;
    color:#333;
}

.ad_box {
    background-image: none;    
    margin-top: 0px;        
    padding-top: 0px;
}
    .ad_box .divisionwrapper {
        margin-bottom: 10px;
        border-bottom: solid 1px #eee;
        padding-bottom: 30px;
    }
.btndemobox{margin-top:0px;}

.ad_box .ad_right {
        padding-left: 0px;
    }

/*.ad_box .ad_left h1,
.ad_box .ad_left h2 {
    display: block;
}*/

.ad_box .ad_right h2 {
    margin-top: 0px;
    text-align: left;
    font-size: 24px;
    margin-bottom: 10px;
}

/*.ad_box .ad_left h1 {
    margin-top: 0px;
    text-align: left;
    font-size: 24px;
    margin-bottom:0px;
}*/

.ad_box .ad_left h2 {
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: left;
}
.ad_box .ad_right h3 {    
    font-size: 20px;
    color: #111111;    
    margin-bottom: 10px;
}

.ad_box .ad_left p,
.ad_box .ad_right p {
    font-size: 16px;
    margin-top:0px;
    color:#333;
}
    .ad_box .ad_left p a,
    .ad_box .ad_right p a {
        font-size: 16px;
    }
.no_sp .no_sp_infobox {    
    border-radius: 10px;
    padding: 0px 0px;
    margin-bottom: 30px;
    box-shadow:none;
}
.no_sp h1 {    
    font-size: 28px;    
}

.no_sp .no-sp_infobox {
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
}

    .no_sp .no-sp_infobox h2 {        
        font-size: 36px;
        margin-top:0px;
        margin-bottom:0px;
        
    }

    .no_sp .no-sp_infobox p {        
        font-size: 20px;
        margin-top:0px;
        margin-bottom:0px;
        
    }
.featureinfo {
    padding: 10px;
    border: none;
    margin-bottom: 10px;
}  
    .featureinfo .featureinfoinner h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .featureinfo .featureinfoinner h4 {             
        color: #000000;       
        margin-bottom:10px;
    }

    .featureinfo .featureinfoinner p {
        font-size: 14px;
        margin: 0px;
        color:#222;
    }


.footertourbox {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:0px;
}
    .footertourbox .banner_emailgroupbox {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    /*.footertourbox .divisionboxinner {
        padding:10px;
    }*/
    .footertourbox h1 {
        font-size: 28px;
        padding: 0px 0px;
        margin-top:0px;
    }
    .footertourbox .buttonbox {        
        text-align:center;
    }
        .footertourbox .buttonbox:first-child {
            margin-bottom:20px;
        }

    .footertourbox a.btnstartfree,
    .footertourbox a.btntaketour {        
        border-radius: 10px;
        font-size: 16px;
        
        
        padding: 10px 30px;
        width: 200px;
        
    }

    .footertourbox a.btnstartfree, .footertourbox a.btntaketour {
        float: none;
    }

    

    .footertourbox .orsaprator {
       display:none;
    }
.footernavbar {
    margin-bottom:30px;
}
    .footernavbar a {

    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 0px;
    margin-right: 0px;
    float: left;
    width: 50%;

}
.divisionbox.footernavbarbox,
.divisionbox.footerappsecbox {
    margin-bottom:0px;
}
.footersocialmedia {
    text-align: center;
    margin-bottom: 30px;
}
    .footersocialmedia a {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 16px;
        margin-left: 6px;
        margin-right:6px;
    }

.footerappsecbox .divisionwrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}
.footerappsecbox .playstorebox,
.footerappsecbox .sslbox {
    width: 40%;
}


div.submenumainbox .submenulinkbox h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}
div.submenumainbox .submenulinkbox {
    padding:10px 20px;
}
    div.submenumainbox .submenulinkbox ul li a {
        display:block;
    }
    /*div.submenumainbox .submenulinkbox ul li:last-child a {
        border-bottom:none;
    }*/

.submenuheading {
    padding:0px;
}

    .submenuheading h3 {
        font-size: 16px;
        text-align: left;
        display: block;
        border-bottom: 1px solid #CED8E1;
        color: #32465A;
        padding: 15px;
        text-decoration: none;
        margin:0;
        font-weight:600;
    }



    /*Tour*/
.bannerbox.tourbanner {
    padding-bottom:0px;
}
    .bannerbox.tourbanner .bannerboxinner {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;     
    }
.bannerbox.tourbanner h2 {
    font-size:28px;    
    margin-top:10px;
    margin-bottom:10px;
}
.tournavbar {
}
    .tournavbar .tournavbarinner {
        padding-left:0px;
        padding-right:0px;        
    }
        .tournavbar .tournavbarinner h2 {
            font-size:18px;                        
         
        }
        .tournavbar .tournavbarinner ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .tournavbar .tournavbarinner ul li{
            flex:1 1 auto;
        }

        .tournavbar .tournavbarinner ul li a {
            padding:18px 0px;
            text-align:center;
            font-size:18px;
        }
            .tournavbar .tournavbarinner ul li a:before {
                display:none;
            }
.savetext {
    top: 6px;
    font-size: 12px;
}
.pricingheadingwrapper {
    padding:10px 0px 0px 0px;
}
.pricingplanwrapper {
    padding: 0px 0px 70px 0px;
}
.pricingvoucherwrapper {
    padding: 10px 0px 10px 0px;
}
.pricingheadingbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction:row;
}
.pricingheadingboxinner {
    flex: 1 1 auto;
    height: auto;
    padding: 5px 5px;
    /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: rgba(151, 151, 151, 0.30);*/
    
}
    .pricingheadingboxinner:first-child,
    .pricingcontentboxinner:first-child {
        border-left: none;
    }
    .pricingheadingboxinner:last-child,
    .pricingcontentboxinner:last-child{
        border-right: none;
    }
      


.pricingheadingboxinner .planname {    
    font-size: 12px;    
}
.pricingheadingboxinner .planprice {    
    font-size: 18px;    
}
    .pricingheadingboxinner .planduration {
        font-size: 12px;
    }
.pricingcontentboxinner {
    display:none;
}
    .pricingcontentboxinner.featurenamebbox,
    .pricingcontentboxinner.selectedfeature {
        display: block;
    }
.featurename{
    font-size: 16px;
    text-align: left;
}
.featurebenifit {
    font-size: 16px;
    text-align:center;
}
    .featurebenifit img {
        height:16px;
    }
.vouchersbox h2 {
    font-size: 18px;
}

.vouchersboxcontent , .vouchersboxheading{
    flex-wrap:wrap;
}
.vouchersboxcontent {
    padding-top:10px;
    padding-bottom:10px;
}
.vouchersboxheadinginner {
    font-size: 16px;
    padding: 10px 5px;
    text-align: left;
    border-left:none;
}

.vouchersboxcontentinner {
    padding: 5px 10px;
    border-left:none;
}

    .vouchersboxcontent .vouchersboxcontentinner:nth-child(1), .vouchersboxheadinginner:nth-child(1) {
        flex:0 0 50%;
    }
    .vouchersboxcontent .vouchersboxcontentinner:nth-child(2) {
        flex:0 0 50%;
    }
    .vouchersboxcontent .vouchersboxcontentinner:nth-child(3){
        display:none;
    }
    .vouchersboxcontent .vouchersboxcontentinner:nth-child(4) {
        flex:0 0 100%;
        text-align:right;
    }
.vouchersboxheadinginner:nth-child(2) {
    flex:0 0 30%;
}
.vouchersboxheadinginner:nth-child(3) {
    flex:0 0 20%;
}


.vouchersboxheadinginner:nth-child(4) {
    display:none;
}

.vouchersboxcontentinner .vouchername,
.vouchersboxcontentinner .voucherexamcount {
    font-size: 15px;
    text-align: left;
}
.vouchersboxcontentinner .voucherexamcount {
    display:inline-block;
    width:46%;    
}
.voucherprice_mobile {
    display: inline-block;
    width: 50%;
    font-weight: bold;
    font-size: 15px;
    color: #4A4A4A;
    text-align: right;
}

.vouchersboxcontentinner .voucherdesc,
.vouchersboxcontentinner .voucherexamdesc {
    font-size: 12px;
    text-align: left;
    white-space:nowrap;
}
.vouchersboxcontentinner .voucherprice {    
    font-size: 16px;    
}
.signup_buttonbox {
    height: auto;
    text-align: center;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: rgba(151, 151, 151, 0.30);
    
    
}
.pricing_sign_button {
    background: #F5A623;
    border-radius: 18px;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding: 7px 14px;
    line-height: 1;
    display: none;
}
.pricingcontentbox .pricingcontentboxinner.selectedfeature {
    background-color:#ffffff;
    border-left:none;
    border-right:none;
}
.pricingcurrencybox {
    margin-bottom: 0px;
    margin-top: 10px;
}
.pricingfaqbox h2 {
    font-size:18px;
}
.pricingfaqbox .pricingfaqboxinner {
    padding: 10px 10px 10px 10px;
}
ul.faqlist li .faqbigtext {
    font-size: 20px;
    margin-bottom: 10px;
    padding-left: 30px;
}
    ul.faqlist li .faqbigtext:before {
        font-size: 14px;
        top: 8px;
        left: 5px;
    }
     ul.faqlist li .faqsmalltext {     
        font-size: 14px;     
        padding-left:30px;
    }

.featurewrapperbox {
    padding:0px;
}
.featuresidebox {
    flex: 1 1 60px;
    width: 60px;
    text-align:center;
}
    .featuresidebox ul.featuresidemenu li a {
        text-align:center;
    }
    .featuresidebox ul.featuresidemenu li a .icon {
        margin:0px;
        width:100%;
        height:auto;
    }
.featurecontentinner {
    padding: 30px 10px 30px 10px;
}
.featurecontentinner p {    
    font-size: 18px;
}

.pricinghelpicon .tooltipbox {
    left:-160px;
}
    .pricinghelpicon .tooltipbox:before,
    .pricinghelpicon .tooltipbox:after {
        left:144px;
    }
.featurebenifit .testmaker_bigtext {
   font-size:10px;
}
.featurebenifit .testmaker_smalltext {
    display: none;
}

.featurelistbox .divisionwrapper {
    padding: 0px 10px;
}
.featurelistbox .featurelistboxinner {
    padding: 10px 0px;
}
.featurelistbox ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .featurelistbox ul li {
        display: table-cell;
        padding: 0px 0px;
    }

        .featurelistbox ul li a {            
            padding: 10px 8px;
            
        }
            .featurelistbox ul li a .fa {
                
                width: 20px;                
                transform: scale(1.2);
                -webkit-transform: scale(1.2);
            }

.tourbox .tourboxinner {
    padding: 30px 10px;
}
.tourbox .ad_left {
    margin-bottom:10px;
}
.tourbox .divisionwrapper:nth-child(odd) .ad_left,
.tourbox .divisionwrapper:nth-child(even) .ad_right {
    text-align: left;
    padding-left: 0px;
}

.tourbox .divisionwrapper:nth-child(even) .ad_left,
.tourbox .divisionwrapper:nth-child(odd) .ad_right {
    text-align: left;
    padding-left: 0px;    
}


a.gototopbox {
    
    right: 20px;
    bottom: 100px;    
}

.tourbox .ad_right h2,
.tourbox .ad_center h2 {     
    font-size: 28px;
    
}
.footernavbarbox .divisionwrapper {
    padding:10px 10px;
}
.footernavbar a {    
    padding: 4px 10px;    
    margin-right: 0px;
}    
    .footernavbar a:nth-child(even) {
        padding-left:40px;
    }
.divisionboxinner .planbox {
    padding: 0px 0px;
}
.vouchersbox {
    padding: 0px 0px;
}

.animateelement.animatetop,
.animateelement.animateright,
.animateelement.animateleft {
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

.tooltipbox .tolltipheading {    
    color: #000000;    
}

.tooltipbox .tolltipcontent {    
    color: #333333;    
}
.pricinginfodiv {
    text-align: center;
}

    .pricinginfodiv .pricinginfodivinner {
        padding: 0px 10px;
    }

    .pricinginfodiv p {
        font-size: 12px;
        padding: 8px 8px;
        margin: 15px 0px 20px 0px;
    }
.banner_emailgroupbox_button .btn_createaccount {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size:16px;
}
.footer-cookiesinfo {
    background-color: rgba(51,102,153,0.9);
}

.footer-cookiesinfo-inner {
    padding: 10px 10px;
}

    .footer-cookiesinfo-inner span {
        display: block;
    }

        .footer-cookiesinfo-inner span:last-child {
            margin-left: 0px;
            margin-top: 10px;
        }

    .footer-cookiesinfo-inner a {
        color: #ffffff;
        text-decoration: underline;
    }

        .footer-cookiesinfo-inner a:hover {
            text-decoration: none;
        }