/* Copyright ocart.net */

input[type="checkbox"] {
    transform: scale(1.5); /* Увеличение в 1.5 раза */
    margin: 10px; 
    cursor: pointer;
}


/*-------------------------------------------------------*/
/*  = Global css styles 
/*-------------------------------------------------------*/
*{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}
html{
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
}
.fix{
    margin:0 auto;
    max-width:1024px;
}
.wrapper{ 
    position: relative;
}
.hh,.ff{
    padding: 0px 15px;
}
.cc{
    padding: 10px 15px;
    overflow: hidden;
}
.content{
    width: 75%;
}
.sidebar{
    width: 25%;
}
/*-------------------------------------------------------*/
/*  = Helper styles 
/*-------------------------------------------------------*/
.left{
    float: left;
}
.right{
    float: right;
}
.none{
    float: none;
}
.clear{
    clear: both;
}
.image{
    float: left;
    position: relative;
}
.img-responsive{
    display: block;
    height: auto;
    max-width: 100% !important;
}
.center{
    /*display: block;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.video embed,
.video object,
.video iframe {
    width: 100%;
    height: auto;
}
.row:after, .row:before {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
/*-------------------------------------------------------*/
/*  = Main template css styles
/*-------------------------------------------------------*/
body{
    font: 14px/22px 'Libre Franklin', 'Open Sans', Tahoma, Verdana, sans-serif;
}
.wrapper{
    box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2) !important;
}
a{
    color: #000;
    text-decoration: none;
}
h1{ font-size: 24px; }
h2{ font-size: 22px; }
h3{ font-size: 20px; }
h4{ font-size: 18px; }
h5{ font-size: 16px; }
h6{ font-size: 14px; }

h1,h2,h3,h4,h5,h6{
    /*font: 40px Tahoma,Verdana,sans-serif;*/
    padding: 10px 0;
}
h2,h3{
    color: #1451e4;
}
/*-------------------------------------------------------*/
/*  = Columns
/*-------------------------------------------------------*/
.q1, .q2, .q3, .q4, .q5, .q6, .q7, .q8, .q9, .q10, .q11, .q12{
    float: left;
    position: relative;
    /*overflow: hidden;*/
}
.q1{
    width: 8.3333%;
}
.q2{
    width: 16.6666%;
}
.q3{
    width: 25%;
}
.q4{
    width: 33.3333%;
}
.q5{
    width: 41.6666%;
}
.q6{
    width: 50%;
}
.q7{
    width: 58.3333%;
}
.q8{
    width: 66.6666%;
}
.q9{
    width: 75%;
}
.q10{
    width: 83.3333%;
}
.q11{
    width: 91.6666%;
}
.q12{
    width: 100%;
}
/*-------------------------------------------------------*/
/*  = Default Colors
/*-------------------------------------------------------*/
body{
    background: #fff;
}
.header{
    background: #EEEE22;
}
.fixed{
    background: #68ffcd;/*#EEEE22;*/
}
.footer{
    background: #68ffcd;
}
.wrapper{
    background: #fff;
}
.qicon i {
    color: #E91A7B; 
}

/*-------------------------------------------------------*/
/*  = Footer to bottom
/*-------------------------------------------------------*/
.wrapper{
    min-height: 100%;
}
.container{
    padding-bottom: 50px;
}
.footer{
    position: absolute;
    left: 0; right:0;
    bottom: 0;
    width: 100%;
    margin-left:auto;
    margin-right:auto;   
}
/*-------------------------------------------------------*/
/*  = Header
/*-------------------------------------------------------*/
.header,.header-color,.logo,.logo img{
    height: 50px;
}
.header{
    /*padding-bottom: 2px;*/
    width: 100%;
}
.header-color{}
.logo{
    float: left;
}
.logo a{
    display: block;
    position: relative;
    font: bold 22px Tahoma,Verdana, sans-serif;
    font-weight: 900;
    padding:11px 0;
    text-decoration: none;
    color: #1451e4;
}
/*-------------------------------------------------------*/
/*  = Fixed header
/*-------------------------------------------------------*/
.fixed{
    position: fixed !important;
    width: 100%;
    z-index: 1001;
    /*left: 0;
    right: 0;*/
    -webkit-backface-visibility: hidden;
}
/*-------------------------------------------------------*/
/*  = Top menu
/*-------------------------------------------------------*/
.top-menu{
    float: right;
}
.top-menu a{
    font-size: 15px;
    padding: 15px 0;
}
.nav,
.nav-left,
.nav-right,
.nav-bot{
    float: left;
    margin: 0;
    padding: 0;
}
.nav li,
.nav-left li,
.nav-right li,
.nav-bot li{
    display: inline-block;
    padding-right: 15px;
}
.nav li a,
.nav-left a,
.nav-right a{
    text-transform: lowercase;
    display: inline-block;
    /*padding: 15px 0;*/
}
.nav-bot li {
    display: inline-block;
    padding: 12px 0;
}
.nav-bot li:first-child,
.nav-bot li a:first-child{
    padding-left:0;
}
.nav-bot li a i{
    font-size: 16px;
}
.nav a,
.nav-left a,
.nav-right a{
    
}
/*-------------------------------------------------------*/
/*  = Header sub menu
/*-------------------------------------------------------*/
.nav ul,
.nav-left ul,
.nav-right ul{
    display: none;
    position: absolute;
    top: 50px; 
    z-index: 1000;
}
.nav ul ul,
.nav-left ul ul,
.nav-right ul ul{
    display: block;
    top: auto;
}
.nav ul.active,
.nav-left ul.active,
.nav-right ul.active{
    display: block;
}
.nav ul li,
.nav-left ul li,
.nav-right ul li{
    display: block;
    background: #000;
    min-width: 150px;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
}
.nav ul li:last-child,
.nav-left ul li:last-child,
.nav-right ul li:last-child{
    border-bottom: none;
}
.nav ul li a,
.nav-left ul li a,
.nav-right ul li a{
    background: none;
    display: block;
    color: #fff;
    padding: 7px 0px 7px 15px;
}
.nav ul ul li,
.nav-left ul ul li,
.nav-right ul ul li{
    border-left: 1px solid #ccc;
}
/*-------------------------------------------------------*/
/*  = Main content
/*-------------------------------------------------------*/
.content p{
    margin-bottom: 15px;
}
.content a:hover{
    text-decoration: underline;
}
.signup,.signin{
	margin-left: auto;
    margin-right: auto;
	max-width: 600px;
}
.qtoggle {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    margin-bottom: 10px;
	word-wrap: break-word;
}
.toggle_title {
    background: none repeat scroll 0 0 #BEEB9F;
	cursor: pointer;
    padding: 10px 15px;
}
.toggle_text {
    display: none;
    padding: 10px 15px;
}
.ion-plus,.ion-minus{
	margin-right: 12px;
}

/*-------------------------------------------------------*/
/*  = Table
/*-------------------------------------------------------*/
table{
    width: 100%;
    text-align: left;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
}
th,td{
    padding: 5px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*-------------------------------------------------------*/
/*  = Footer                                        
/*-------------------------------------------------------*/
.footer{
    font-size: 12px;
    overflow: hidden;
    /*border-top: 1px solid #ccc;*/

}
.footer a{
    text-decoration: underline;
}
.footer p{
    float: left;
}
.footer-menu-1 ul li,
.footer-menu-2 ul li{
    float: left;
    padding-left: 15px;
}
.footer-menu-1 ul li:first-child{
    padding-left: 0;
}
.footer-menu-2{
    float: right;
}
.icon{
    display: inline-block;
    vertical-align: middle;
    background: url("images/favicon.png") no-repeat scroll 0 0;
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-right: 3px;
}
.scroll{
    display: none;
    position: absolute;
    float: right;
    bottom: 5px; 
    right: 15px;
}
.scroll a{
    text-decoration: none;
}
/*-------------------------------------------------------*/
/*  = Landing                                        
/*-------------------------------------------------------*/
section{
    position: relative;
    font-family: sans-serif;
    display: block;
    overflow: hidden;
    padding: 65px 0 50px 0;
    z-index: 1;
}
section:first-child{
    padding-bottom: 0px;
}
section:last-child{
    padding: 0px;
    margin-bottom: -5px;
}
section .text{
    margin-top: 20px;
}
section h1{ font-size: 50px; }
section h2{ font-size: 40px; }
section h3{ font-size: 28px; }
section h4{ font-size: 20px; }
section h5{ font-size: 14px; }
section h6{ font-size: 12px; }
section h2{
    margin-bottom: 40px;
}
section h3{
    /*margin-top: 20px;*/
    
}
section a{
	text-decoration: underline;
}
section p{
    display: block;
    padding-bottom: 10px;
    font-size: 15px;
}
input.txt, select{
    background: #fff;
    border: 2px dashed #1a73e9;
    height: 45px !important;
    margin: 3px 0;  
}
input.txt{
	background-color: #ffffff;
	width: calc(100% - 20px);
	padding: 0 10px;
}
select, select option{
	width: 100%;
	padding: 0px 10px;
	height: 45px !important;
    font-size: 16px;
}

textarea {
    border: 1px solid #ccc;
    padding:10px;
     margin: 3px 0;  
    width: calc(100% - 20px);
}
input.button,.btn-def {
    font-size: 17px;
    font-weight: bold;
    background: none repeat scroll 0 0 #1A73E9;
    border: 0 none;
    cursor: pointer;
    color: #FFFFFF;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
}
#emonth,#eyear{
	width: 20%;
}
.land1{
    /*background: url("../images/bg1hide.jpg") repeat-x center top #FFF8E3;*/
    color: #000;
    z-index: 1;
    background-size: cover;
    border-bottom: 1px solid #ccc;
}
.land1 img{
    position: relative;
    margin-top: 40px; 
    box-shadow: 0px 0px 50px rgba(1, 1, 1, 0.1);
    z-index: 1;
}
.land1 h1{
    padding-top: 70px;
    color: #1451e4;
}
.land1 p.toptext{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
}
.botline{
    background: #1A73E9;
    height: 3px;
    width: 83px;
}
.land2{
    background: #fff;
}
.land3{
    background: #fff468;
}
.land4{
    background: #fbfbfb;
}
.land6{
    background: #fff;
}
/*-------------------------------------------------------*/
/*  = Buttons                                        
/*-------------------------------------------------------*/
.more,.edit {
    float: left;
    display: block;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 0 8px 2px;
    text-align: center;
    text-decoration: none;
}
.more{
    background: #000;
}
.btn{}
.btn, .btn a{
    width: 200px;
}
.btn a{
    display: inline-block;
    background: #000;
    color: #fff;
    font: normal 14px sans-serif;
    text-align: center;
    padding: 12px 0;
    border-radius: 3px;
}
.btn-small{
    height: 25px;
    width: auto;
}
.btn-small a{
    display: inline-block;
    background: #000;
    color: #fff;
    font: bold 20px sans-serif;
    line-height: 25px;
    text-align: center;
    padding:0 5px;
    border-radius: 3px;
}
.down{
    float: right;
    margin-right: 10px;
}
.docs{
    margin-left: 10px;
}
.support{
    clear: both;
    overflow: hidden;
}
.call{
    margin-top:20px;
}
.top-btn{
    float: right;
    height: 50px;
    width: 38px;
}
.lt,.rt,.ct{
    margin: 0 10px;
}
.qicon{
    font-size: 60px;
    margin-bottom: 50px;
}
#nav li a.current{
    border-bottom: 3px solid #1A73E9;
    padding-bottom: 10px;
}
/*-------------------------------------------------------*/
/*  = Popup box                                        
/*-------------------------------------------------------*/
.contacts{
    float: right;
    display: inline-block;
}
.contacts a{
    display: inline-block;
}
#mask,#mask2 {
    background: url("../images/shadow.png") repeat 0 0 transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    visibility:hidden;
    display:none;
    z-index: 1000;
}

#mask:target,#mask2:target {
    visibility: visible;
    display: block;
}
.popup,.popup2{
    position: relative
    z-index: 4000;
    background:#fff; 
    margin: 8% auto;
    border-radius: 3px;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
    box-shadow:0 0 10px rgba(0,0,0,0.4);
    z-index: 3000;
    width:600px !important; 
    min-height:300px !important; 
}
.popup h3{
    font-size: 20px;
    font-weight: bold;
    z-index: 3000;
}

.popup p span{
    font-weight: bold;
}
.pp{
    padding: 10px 20px;
}
.popup.open,.mask.open{
    display: block;
}
.popup-btn{
    position: relative;
    float: right;
    right: 0px;
    padding: 12px 18px;
    z-index: 3000;
}
.popup-btn a{
    display: block;
    text-align: center;wp-pa
}
.popup-close{
    font-size: 26px;
}
.popup-close{
    cursor: pointer;
    color: #555;
}
.popup-close:hover,
.alert-close:hover{
    color: #000;
}
.alert{
    position: relative;
    background: #fff;
    border-radius: 3px;
    border:1px solid #ccc;
    padding: 10px 40px 10px 15px;
    margin-bottom: 10px;
}
.alert-close{
    position: absolute;
    font-size: 20px;
    right: 15px; top: 9px;
    cursor: pointer;
    color: #555;
}
.closed{
    display: none;
}
.danger{
    background: #EFDADA;
}
/*-------------------------------------------------------*/
/*  = Tabs switch                                        
/*-------------------------------------------------------*/
.tabs{
    display:inline-block;
}
.tabs ul,.tab-links li{
    margin:0;
    padding:0;
}
.tabs ul.tab-links li{
    margin-left: 1px;
}
.tabs ul.tab-links li:first-child{
    margin-left:0;
}
.tab-links li{
    float:left;
    margin-left: 0;
    margin:0px 5px;
    /*border:1px solid #ccc;*/
    /*border-radius:3px;*/
}
.tabs ul.tab-links li{
    list-style-type:none;
}
.tab-links a {
    position: relative;
    display:inline-block;
    background:#fff;
    font-size:16px;
    padding:9px 15px;
    border-radius:2px 2px 0px 0px;
    color:#4c4c4c;
    transition:all linear 0.15s;
    z-index: 1;
}
.tab-links a:hover {
    background:#e0e0e0;
    text-decoration:none;
}
.tab-links li.active a, 
.tab-links li.active a:hover{
    background: #bbe79d;
    color:#000;

}
.tab-content{
    position: relative;
    background: #bbe79d;
    margin-top: -10px;
    margin-bottom: 30px;
    padding: 10px 15px;
    z-index: 2;
}
.tab{
    display: none;
}
.active{
    display: block;
}

/*-------------------------------------------------------*/
/*  = Pricing table                                      
/*-------------------------------------------------------*/
.desc{
  display: flex;
}
.desc span {
  margin-left: auto;
}

.price_block{
    position: relative;
    font-size: 16px;
     /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);*/
     border: 1px solid #ccc;
     margin-bottom: 40px;
     -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

}
.price_block h3{
    padding: 40px 0px;
    color: #1A3AE9;
}
.price{
    display: table;
    width: 100%;
}
.desc{
    /*background: #fff;*/
    padding: 15px 20px;
    font-size: 15px;
}
.price li:nth-child(even){
   background: #f5f5f5;
}
.price li:first-child{
    border-top: 1px solid #ccc;
	/*padding: 25px 0px;*/
}
.price li:last-child{
	padding: 25px 0px;
}
/*-------------------------------------------------------*/
/*  = Other styles                                      
/*-------------------------------------------------------*/
input.button,.btn-def, select,input, .alert{
    border-radius: 6px;
}
.btn-example{
    display: inline-block;
    
}
.btn-example li{
    float: left;
    margin-right: 10px;
}
.btn-def{ // only for vertical alignment in table cell
    display: table-cell;
    vertical-align: middle;
}
.land2 p{
    padding-bottom:0;
    margin-bottom: 10px;
    text-align: left;
    font-size: 15px;
}
.prc,.prc2{
    font-weight: bold;
    font-size: 20px;
}
.prc{
    color: #7a89dd;
}
.prc2{
    color: #2b40b1;
}
.paypal{
    margin-top: 20px;
    margin-bottom: 30px;
}
.paypal input{
    height: auto;
    border:0;
}
/*
 .nav-left.openleft
 {
  -webkit-transition: 3s ease-out;
    -moz-transition: 3s ease-out;
    -ms-transition: 3s ease-out;
    transition: 3s ease-out;  
}
*/
.wrapper.openleft,
.nav-left.openleft,{
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    transition:all 3s;
}
/* swap first & second blocks */

.first,.second,.third{
    /*position: relative;*/
}
.first{
    left: 33.3333%;
}
.second{
    left: -33.3333%;
}

/* swap first & third blocks */
/*
.first{
    left: 66.6666%;
}
.third{
    left: -66.6666%;
    /*right: 66.6666%;*/
}
/* swap second & third blocks */
/*
.second{
    left: 33.3333%;
}
.third{
    left: -33.3333%;
}
*/
.ajax-form{
    display: block;
    width: 100%;
}
.ajax-form input.txt,
.ajax-form textarea,
.ajax-form-widget input.txt,
.ajax-form-widget textarea{
    width:         calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
}
.ajax-form .captcha{
    margin-bottom: 0;
}
#captcha,#captcha2{
    width: 60px;
    margin-top: 10px;
}
/*-------------------------------------------------------*/
/*  = Helper styles 
/*-------------------------------------------------------*/

.clear:before,
.clear:after{
    content: " ";
    display: table;
}
.clear:after {
    clear: both;
}
/*-------------------------------------------------------*/
/*  = Buttons 
/*-------------------------------------------------------*/
.ajax-form,
.ajax-form-widget,.signup{
    display: block;
 
}
.ajax-form input,
.ajax-form textarea{
    /*padding: 0 10px;*/

}
.message div {
    display: table-cell;
    vertical-align: middle;
}

.load{
    display: none;
    position: relative;
    top: 5px;left: 7px;
}
.loading{ 
    display: inline-block;
    vertical-align: middle;
    background:url(../images/loading.gif) 0 0 no-repeat;  
    text-indent: -9999px;
    font-size: 12px;
    width: 16px;
    height: 16px;
    margin-left: 7px;
    margin-top: -7px;
}
.response{
    display: block;
    margin-top: 10px;
    width: 100%;
}
.success{
    background: #beeb9f;
}
.alert-success, .alert-error{
    display: table;
    overflow: hidden;
    position: relative;
    border:1px solid #ccc;
    padding: 5px 15px;
    width:         calc(100% - 35px);
    width: -webkit-calc(100% - 35px);

}
.alert-success{
    background: #fff;
    border-left: 4px solid #7AD03A;
}
.alert-error{
    background: #EFDADA;
    border-left: 4px solid #DD3D36;
}
.alert-success span,
.alert-error span{
    display: table-cell;
    vertical-align: middle;
}
.alert-error{
    background: #EFDADA;
}
.show{
    display: block;
}
/*-------------------------------------------------------*/
/*  = Other 
/*-------------------------------------------------------*/
.gdpr{
	background: #fff;
	margin-top: 50px;
}
.gdpr ul{
	margin: 15px 0 15px 32px;
}
.gdpr ul li{
	list-style: disc;
	margin-bottom: 8px;
}
.password {
	position: relative;
}
.password-control {
	position: absolute;
	top: 15px;
	right: 15px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/eye1.svg) 0 0 no-repeat;
}
.password-control.view {
	background: url(../images/eye2.svg) 0 0 no-repeat;
}
form .antispam{ 
	display:none; 
}
#forgotpass{
	margin-bottom: 10px;
}
input.txt:focus, select:focus, textarea:focus {
    border-color: #1A73E9; /* цвет рамки при фокусе */
    /*box-shadow: 0 0 0 2px rgba(26, 115, 233, 0.3); */
    outline: none; /* убираем стандартный синий контур браузера */
    border: 2px solid #1a73e9;
}
.priv{
    padding: 50px 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.priv h1{
    font-size: 24px;
}
.priv h2{
    font-size: 20px;
    margin-bottom: 0;
}
.priv h3{
    font-size: 16px;
}
.cnt{
    margin-top: 50px;
}
.adv{
    position: absolute;
    left: 20px;
    top: -13px;
    border-radius: 18px;
    background: #CCFF02;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 12px;
}