/* ============================================================
version 2.0
============================================================ */


*, *:after, *:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.domloaded *, .domloaded *:after, .domloaded *:before {transition: all .25s ease-in-out}*/
/*.nav *, a {transition: all .25s ease-in-out}*/

/*Narrow Site Columns - 968  /////910px*/


.col1{width: 30px}
.col2{width: 70px}
.col3{width: 110px}
.col4{width: 150px}
.col5{width: 190px}
.col6{width: 240px} /* важно */
.col7{width: 285px} /* важно */

.col7_uzk{width: 300px; margin-right: 20px;} 


.col8{width: 340px}
.col9{width: 360px} /* важно */
.col10{width: 394px}

.col10_uzk{width: 424px; margin-right: 20px;}

.col11{width: 459px}/* важно */

.col11_uzk{width: 459px; margin-right: 20px;}

.col12{width: 480px}/* важно */
.col13{width: 520px}
.col14{width: 558px}
.col15{width: 600px}/* важно */
.col16{width: 620px}/* важно */
.col17{width: 681px}
.col18{width: 722px}
.col19{width: 763px}
.col20{width: 804px}
.col21{width: 845px}
.col22{width: 886px}
.col23{width: 927px}
.col24{width: 968px}/* важно */
.full{width: 100%}

html{-webkit-tap-highlight-color: #ffc725}

::-moz-selection{
    background: #ffc725;
    color: #000;
    text-shadow: none;
}

/* change colors */

::selection{
    background: #ffc725;
    color: #000;
    text-shadow: none;
}

/* change colors */

body{
    background: #fff;
    color: #444;
    font-family: Verdana, Helvetica, Arial, 'Liberation Sans', sans-serif;
    font-weight: 400;
    line-height: 1.3125; /*1.61538462*/
    font-size: 14px;
}

body.home, body.pricing{background: url('../pic/bg.png') repeat-x center top #ffca49}
body.support {}

div.expander {
    width: 100%;
    min-width: 968px;
    min-height: 100%;
    margin-bottom: -66px;
}
div.page-buffer {
    height: 66px;
}


[role=main], .container, .header_stick, .header_infored {
    width: 968px; /* 910px;*/
    position: relative;
    margin: 0 auto;
    height: auto !important;
}

[role=main] > .container{padding-bottom: 63px}


.home .container, .pricing .container{
    margin-bottom: 0;
    padding-bottom: 0;
}

.container:before, section:before, .container:after, section:after{
    content: "";
    display: table;
}

section:after{clear: both}

section{zoom: 1}

/* section li { font-size: 115%;} */

p { font-size: 115%;}

label { font-size: 115%;}


input,textarea,button{ font-size: 95%;    margin-bottom: 10px;}
input[type=submit],input[type=button], button   { margin-top: 10px;}




/*small {*/
/*    font-size: 95%;*/
/*    line-height: 1.6153;*/
/*}*/

/*.forum-links li small {*/
/*    font-size: --%;*/
/*} */


small {
    font-size: 85%;
} 



/*section p a, /*.support h2 a, .support h3 a, .entry-content a:hover, footer a, */

/*.upper-menu a:hover {text-decoration: none} */

/* footer a, .upper-menu a:hover {text-decoration: underline}*/

/* .log-in a:hover{text-decoration: none}*/


h1, h2, h3, h4{
    color: #434343;
/*    font-family: Verdana, sans-serif;*/
    font-weight: 700;
}

h1{
    font-size: 400%;
    text-shadow: 0 1px 1px rgba(255,255,255,.6);
    text-align: center;
    line-height: 1.166;
    padding: 0px;
    padding-top: 20px;/*63px;*/
    letter-spacing: -0.01em;
}

h2{
    font-size: 250%;
    letter-spacing: -0.01em;
    line-height: 1.2;
    margin-bottom: 21px;
    text-align: center;
    padding: 0px;
}

h3{
    font-size: 115%;
    text-align: center;
    line-height: 1.25;
    padding: 0px;
}

aside h3 {
    text-align: left;
}


h4{
    font-size: 155%;
    letter-spacing: -0.01em;
    line-height: 1.2;
    margin-bottom: 21px;
    text-align: center;
    padding: 0px;
}

h5{font-size: 115%}
li h5 {font-size: 100%}

h6{
    color: #434343;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 1.9090;
}

.highlight{
    border: 1px solid #b9c5d1;
    background-clip: padding-box;
    background-color: #f5f9fd;
    box-shadow: inset 0 1px 0 #fff;
    background-image: linear-gradient(-180deg, #f5f9fe 0%, #e9ecf1 100%);
}

[class^="button-"]{
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    display: inline-block;
    padding: 5px 14px 5px;
    line-height: 1;
    border-radius: 3px;
    background-clip: padding-box;
    text-decoration: none;
    color: #f5f8fd;
    text-shadow: 0 1px 2px rgba(0,0,0,.3);
    position: relative;
}

[class^="button-"]:active{top: 1px}

a[class^="button-"]{
    margin: 5px auto 10px;
    padding: 8px 14px 6px;
}

.button-yellow{
    border: 1px solid #cf9022;
    background-color: #f2be24;
    box-shadow: 0 1px 2px rgba(77,60,11,.3), inset 0 1px 0 #fff;
    background-image: linear-gradient(-180deg, #ffdb55 0%, #f2be24 100%);
    color: #000088;
    text-shadow: none;
}

.button-yellow:hover{box-shadow: 0 2px 4px rgba(77,60,11,.6), inset 0 1px 0 #fff}

.button-orange{
    border: 1px solid #b2621c;
    background-color: #cc7300;
    box-shadow: 0 1px 1px rgba(102,56,16,.3), inset 0 1px 0 #fff;
    background-image: linear-gradient(-180deg, #ffa300 0%, #cc7300 100%);
}

.button-orange:hover{box-shadow: 0 2px 4px rgba(102,56,16,.6), inset 0 1px 0 #fff}

.button-red{
    border: 1px solid #992210;
    background-color: #cc3922;
    box-shadow: 0 1px 1px rgba(77,17,8,.3), inset 0 1px 0 rgba(255,255,255,.25);
    background-image: linear-gradient(-180deg, #ff6f59 0%, #cc3922 100%);
}

.button-red:hover{box-shadow: 0 2px 4px rgba(77,17,8,.6), inset 0 1px 0 rgba(255,255,255,.25)}

.button-light-blue{
    border: 1px solid #144f7f;
    background-color: #2c76b2;
    box-shadow: 0 1px 2px rgba(11,47,77,.3), inset 0 1px 0 rgba(255,255,255,.25);
    background-image: linear-gradient(-180deg, #56b3ff 0%, #2c76b2 100%);
}

.button-light-blue:hover{box-shadow: 0 2px 4px rgba(11,47,77,.6), inset 0 1px 0 rgba(255,255,255,.25)}

.button-blue{
    border: 1px solid #1e3b66;
    background-color: #375e99;
    box-shadow: 0 1px 1px rgba(23,44,77,.3), inset 0 1px 0 rgba(255,255,255,.25);
    background-image: linear-gradient(-180deg, #5b88cc 0%, #375e99 100%);
}

.button-blue:hover{box-shadow: 0 2px 4px rgba(23,44,77,.6), inset 0 1px 0 rgba(255,255,255,.25)}

.button-green{
    border: 1px solid #1e6623;
    background-color: #318c37;
    box-shadow: 0 1px 2px rgba(27,89,31,.3), inset 0 1px 0 rgba(255,255,255,.25);
    background-image: linear-gradient(-180deg, #5bcc63 0%, #318c37 100%);
}

.button-green:hover{box-shadow: 0 2px 4px rgba(27,89,31,.6), inset 0 1px 0 rgba(255,255,255,.25)}






select  {
    border: 1px solid #cf9022;
    background-color: #f2be24;
    box-shadow: 0 1px 2px rgb(77 60 11 / 30%), inset 0 1px 0 #fff;
    background-image: linear-gradient(-180deg, #ffdb55 0%, #f2be24 100%);
    color: #000088;
    text-shadow: none;

    border-radius: 3px;
    background-clip: padding-box;
    background-repeat: no-repeat;

    font-size: 100%;
    padding: 3px 10px 3px;
}
select option {
    background-color: #fff;
}



input[type=text], input[type=search], input[type=date], input[type=email], textarea{
    border: 1px solid #b9c5d1;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    background-repeat: no-repeat;
    box-shadow: 0 2px 0 rgba(255,255,255,.3), inset 0 1px 4px rgba(0,0,0,.07);
    color: #434343;
/*    font-family: Verdana, sans-serif;*/
    font-size: 100%;
    /*	line-height: 1;*/
    padding: 3px 10px 3px;
}

fieldset input[type=text], fieldset input[type=search], fieldset input[type=date], fieldset input[type=email], textarea{width: 100%}

textarea{resize: vertical}

input[type=search]{
    background-image: url('../pic/search.png');
    background-position: 9px center;
    padding-left: 30px;
}

input[type=text]:focus, input[type=search]:focus, input[type=date]:focus, input[type=email]:focus{
    box-shadow: 0 2px 0 rgba(255,255,255,.3), inset 0 1px 4px rgba(0,0,0,.2);
    outline: none;
}

.upper-menu{
    height: 42px;
/*	overflow: hidden; /* XORXOR2 */
    background: #222a52;  /* color1 #111*/
    color: #f1f1f1; 
}

.upper-menu ul{
    float: right;
    padding: 10px 20px 0 0;
}

.upper-menu li{float: left}

.upper-menu li + li{margin-left: 10px}

.upper-menu a{
    padding: 4px 10px 3px;
    display: block;
}


a.nodecor, a.nodecor:hover {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color:inherit;
	border-bottom: 0px;
}

a.nodecor:hover  {
    color: #0000ff;
}


.log-in {
    color: #fff;
    text-transform: uppercase;
    padding: 1px 14px 1px;
    background-color: #222a52;  /* color4 #333*/
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(77,60,11,.2), inset 0 1px 0 rgba(255,255,255,.09);
    background-image: linear-gradient(-180deg, #222a52 0%, #304080 100%); /* linear-gradient(-180deg, #333 0%, #292929 100%);*/
}

.log-drop {
        color: #8080ff;
	position:absolute; 
        padding: 1px 14px 10px 14px;
	right: 20px;
	z-index:100;
	display: none;
}

a.log-dropa {
    padding: 10px 10px 3px 10px;
    color: #ffffff !important;
}
	

.header_infored{
    font-size: 115%;
    background-color: #ff0000; 
    box-shadow: inset 0 2px 6px rgba(65,51,11,.4);
    display: table;
    vertical-align: middle;
    text-align: center;
    color: #fff;
	padding-top: 3px;
	padding-bottom: 5px;

}

.header_infored a, .header_infored a:visited{	
	padding: 0px;
	margin: 0px;
	color: #ffff00;
       border-bottom: 1px dashed #ffff00;

}

.header_infored a:hover{
	color: #ffff80;
        text-decoration: none;
        border-bottom: 1px solid #ffff80;
}







.logo{
    display: table;
    float: left;
    width: 150px;
/*    height: 105px;  */
/* 100% */
    background: #ffc725;
    text-align: center;
}

.logo img{
width: 130px;
height: 105px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.logo img.fixedheader{
width: 79px;
height: 64px;
}


.logo figure {
    display: table-cell;
    vertical-align: middle;
}

.packages figcaption{
    /*text-transform: uppercase;*/
    font-weight: 500;
    letter-spacing: .1em;
}



.sign-up{color: #ffc726}

em{
    font-style: normal;
/*    font-family: Verdana;*/
    font-weight: 800;
}
em.upc{
    text-transform: uppercase;
}

em.wht {
    color: #ffffff;
}

.intro{
    height: 882px;
    padding-bottom: 63px;
}

.main-image{
    text-align: center;
    margin-bottom: 63px;
}

.media-left > figure{
    float: left;
    margin-right: 10px;
}

.media-right > figure{
    float: right;
    margin-left: 10px;
}

[class^="media-"] > figure ~ *{overflow: hidden}

.packages{padding: 63px 0}

.packages{
    text-align: center;
    font-size: 95%;
}

.packages li{
    width: 190px;
    float: left;
    overflow: hidden;
}

.packages li + li{
    width: 215px;
    border-left: 1px solid #d5dce4;
    margin-left: 25px;
    padding-left: 25px;
}

.packages figcaption{line-height: 42px}

.packages p{
    margin-bottom: 21px;
    line-height: 1.61538462;
}

.packages h3 span{
    font-weight: 400;
    font-size: 95%;
    margin-right: 10px;
}

.features li{
    float: left;
    margin-bottom: 63px;
    margin-right: 50px;
}

/* .features li:nth-of-type(3n+3){margin-right: 0} */

.features li.last {margin-right: 0px;}

.features li.tight {margin-bottom: 10px;}

.features li.tightW {margin-right: 20px;}


.videos li{
    float: left;
    margin-bottom: 30px;
    margin-right: 0px;
}


.details{padding-bottom: 63px}

.details [class^="media-"] + [class^="media-"], .intro + .details, .intro + .features{margin-top: 63px}

.details .media-left, .details .media-right{
    clear: both;
    overflow: hidden;
}

.details .media-left{padding-left: 70px}

.details .media-right{padding-right: 70px}

.details .media-left figure{margin-right: 110px}

.details .media-right figure{margin-left: 110px}

.clients{margin-bottom: 63px}

.clients ul{
    height: 105px;
    background: #fff;
    border: 1px solid #d5dbe3;
    border-width: 1px 0;
    display: table;
    text-align: center;
    width: 968px; /* 910 */
    margin: 0 auto;
}

.clients li{
    display: table-cell;
    vertical-align: middle;
}


/*support*/

aside, [class^="content-"]{
    display: inline-block;
    vertical-align: top;
    padding-bottom: 63px;
}

aside{
    width: 240px;
    max-width: 240px;
    font-size: 95%;
    line-height: 1.6153;
}

.dash-list-nomargin {
    font-size: 95%;
    line-height: 1.6153;
    margin: 0px 10px 0px 60px;
    text-indent: -20px;
}

.dash-list {
    font-size: 95%;
    line-height: 1.6153;
    margin: 10px 10px 10px 60px;
    text-indent: -20px;
}

.dash-list-big {
    font-size: 115%;
    line-height: 1.6153;
    margin: 10px 10px 10px 60px;
    text-indent: -20px;
}

ol {
    font-size: 95%;
    line-height: 1.6153;
}
ol li {
   padding-bottom: 10px;
}


aside > ul{margin-bottom: 21px}

aside li{padding-bottom: 5px;padding-top: 5px}

aside > ul > li:before, .dash-list li:before, .dash-list-big li:before, .dash-list-nomargin li:before{
    content: "\2013";
    margin-right: 10px;
}

.content-right{
    border-left: 1px solid #d5dce4;
    padding-left: 29px;
}

.content-left{
    border-right: 1px solid #d5dce4;
    padding-right: 29px;
}

.content-left + aside{padding-left: 30px}

.content{
    width: 698px; /* 640 */
    position: relative;
/*    margin-bottom: 63px;*/
    margin: 0 auto;
}

.content-left, .content-right{
    width: 728px; /* 670 */
    max-width: 728px; /* 670 */
}

input[type=search]{
    width: 520px;
    margin-right: 10px;
}

aside input[type=search]{width: 120px}

.support-search, .blog-search{margin-bottom: 36px}

.faqs{margin-bottom: 42px}

.faqs li + li{margin-top: 21px}

.forum-links li{
    border-bottom: 1px solid #d5dce4;
    padding-bottom: 11px;
    margin-bottom: 9px;
}

/*.forum-links li a {*/
/*    font-size: 115%;*/
/*}*/

/*fullwidth*/

.fullwidth .container h1{
    padding: 21px 0;
    text-align: left;
}

.fullwidth .container > div{margin-bottom: 42px}

.fullwidth .buttons a{margin-right: 30px}

.columns > div{margin-bottom: 21px}

.columns p[class^="col"]{float: left}

.columns p + p{margin-left: 40px}

.lists{
/*    line-height: 1.3125; /*1.61538462*/
    font-size: 115%;  
}

.lists > div + div{margin-left: 30px}

footer{
    color: #fff;
    background: #222a52; /* color3  #292929 */
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 95%;
    line-height: 21px;
    clear: both;
}

footer h4{
    color: #fff;
    margin-bottom: 21px;
}

footer .col7{
    float: left;
    padding-bottom: 42px;
}

footer .col7 + .col7{margin-left: 50px}

.footer-address{white-space: pre-line}

.footer-social{margin: 13px 0 0 -5px}

.footer-social li{
    float: left;
    width: 24px;
}


.username{font-weight: 700}

.article-meta, .tweet-meta{
    font-style: italic;
}

footer .full{
    background: #111;
    height: 42px;
    clear: both;
    line-height: 42px;
}

footer .full li{
    float: left;
    margin-left: 10px;
}

abbr {
/*    color: black;/*#444a76;  */
    border-bottom: 1px dotted #c0c0ff;
    text-decoration: none;
}

a,  a:visited {
    color: #0000a0;/*#444a76;  */
    border-bottom: 1px dashed #8080ff;
    text-decoration: none;
}
a:hover {
    color: #0000ff;
    text-decoration: none;
    border-bottom: 1px solid #0000ff;
} 

/* iLoad */
a.L_f, a.L_f:visited, a.L_f:hover, 
a.L_c, a.L_c:visited, a.L_c:hover  {
    border-bottom: 0px;
}

a.underall, a.underall:visited, a.underall:hover {
    text-decoration: underline; 
    color:inherit;
    border-bottom: 0px;
}

a.nounder, a.nounder:visited {
    text-decoration: none; 
    color:inherit;
    border-bottom: 0px;
}
a.nounder:hover {
    text-decoration: underline; 
    color:inherit;
    border-bottom: 0px;
}

a.nounderall, a.nounderall:visited, a.nounderall:hover {
    text-decoration: none; 
    color:inherit;
    border-bottom: 0px;
}

.footeriphone a {
    text-decoration: none; 
    color:inherit;
    border-bottom: 0px;
}



.floatr {
    float: right;
    margin: 2px 0px 2px 10px;
    padding: 0px;    
}
.floatl {
    float: left;
    margin: 2px 10px 2px 0px;
    padding: 0px;
}
.floatlnomargin {
    float: left;
    margin: 0px;
    padding: 0px;
}
.floatlmoveleft {    
    float: left;
    margin: 2px 25px 2px -15px;
    padding: 0px;
}
.floatlmoveright {    
    float: right;
    margin: 2px -15px 2px 25px;
    padding: 0px;
}



/* contacts */
table.contact{
    font-size: 95%;
    line-height: 1.6153;
    font-style: normal;
    margin: 15px 0px 15px 0px;
}
.contact th{
    padding: 0px 15px 0px 15px;
    font-weight: 800;  
    text-align: left;
    vertical-align: top;
}
.contact td{
    padding: 0px;
    vertical-align: top;
}


/* Tables */
table.table1{
    font-size: 95%;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #ff8;
    border:1px solid #FFFF00;
    /*border-bottom:3px solid #ff8;*/
    background-color:#ffc725;  /*#9DD929;*/
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(198,176,60)),
        color-stop(0.51, rgb(224,181,59)),
        color-stop(0.87, rgb(255,199,37)) 
        );/*rgb(123,192,67)), rgb(139,198,66)),rgb(158,217,41)*/
    background: -moz-linear-gradient(
        bottom,
        rgb(198,176,60) 2%,
        rgb(224,181,59) 51%,
        rgb(255,199,37) 87%
        );
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius:3px 3px 0px 0px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#000;
    text-shadow:1px 1px 1px #ff8;
    background-color:#ffc725;
    border:1px solid #FFFF00;
    /*border-right:3px solid #FFFF80;*/
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(255,199,37)),
        color-stop(0.51, rgb(224,181,59)),
        color-stop(0.87, rgb(198,176,60))
        );
    background: -moz-linear-gradient(
        bottom,
        rgb(255,199,37) 2%,
        rgb(224,181,59) 51%,
        rgb(198,176,60) 87%
        );
    -moz-border-radius:3px 0px 0px 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-collapse: collapse;
}
.table1 tfoot td{
    color: #9CD009;
    font-size:250%;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
    border-collapse: collapse;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:5px;
    text-align:center;
    background-color:#FFFFE0;
    border: 1px solid #AAAA00;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    border-collapse: collapse;
}
.table1 tbody span.check::before{
    content : url('../pic/check0.png')
}



.ytvideo {
    width: 480px;
    height: 360px;
    padding: 0px;
    margin: 2px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}
.ytvideo div.play {
    width: 80px;
    height: 80px;
    background-image: url('../pic/play.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: relative;
}
.ytvideo iframe {
    border-style: none;
    height: 100%;
    width: 100%;
}
.hideme {
    display: none;
}

div.desc {
    margin-right: 10px;
}

.center {
    margin:0 auto;
    text-align: center;
}

.rightalign {
    text-align: right;
}

.shadow {
    box-shadow: 3px 3px 5px rgba(0,0,0,0.25); 
}

.inform {
    display: block;
    margin: 30px 0px 30px 40px;
    font-size: 95%;
    line-height: 1.6153;
}

.informnomargin {
    display: block;
    margin: 0px 0px 0px 40px;
    font-size: 95%;
    line-height: 1.6153;
}





.text-block {
    position: absolute;
}






.printOnly {
        display: none;
  }





.header{
    background-color: #444a76; /* color2  #292929 */
    box-shadow: 0 2px 6px rgba(65,51,11,.4);
/*    height: 105px; */ 
    display: table;
    width: 100%;
}

.header_stick {
position: sticky;
top: 0;
z-index:50;

height: 100%;

}


nav {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    letter-spacing: .1em;
    width: 100%; 
    color: #f1f1f1;
    padding-left: 5px;


}

nav ul {
  list-style: none; 
  margin: 0;
  padding: 0;
}
.topmenu > li {
  display: inline-block;
  position: relative;
}
.topmenu > li:last-child {
  margin-right: 0;
}
nav a {
  display: block;
  text-decoration: none;
  outline: none;
  color: #f1f1f1;
}

nav li:hover a {
    border-radius: 4px;
    background: #3d416a;
}

nav ul.submenu li:hover a {
    border-radius: 4px;
    background: rgba(0, 0, 0, .1);
}


.submenu {
  position: absolute;
  margin-top: -15px;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  padding: 10px 10px 10px 0px;

  border-radius: 4px;

}

nav ul {
}
nav ul.topmenu a {
padding: 15px 17px;
}
nav ul.submenu a {
padding: 11px 5px;
}

nav .submenu {
  display: none;
  background: #3d416a;
}
nav ul li:hover .submenu {
  display: block;
}


nav li {margin-left: 10px;}



.topmenu {font-size: 90%;} 
.upper-menu {font-size: 90%;}





/* navigation throught sertificates */
.navigationtable
{
border-collapse: collapse;
width: 100%;
font-size: 115%;
}

.navigationtable td:nth-child(1){ width: 50%; text-align: left;}
.navigationtable td:nth-child(2){ width: 50%; text-align: right;}
.navigationtable td {
 padding-bottom: 30px;
}






aside {

float: left;
position: sticky;
 top: 100px;
z-index:10;

}


span.warning {
color: red;
font-size: 115%;
}

h4.warning {
color: red;
}


.anchor_placement {
position: relative;
top: -95px;
}



.onlymedia {
display: none;
}



.nobr {
  white-space: nowrap;
}



img.img150  {
    width:150px;
    height:auto;
}

img.img75  {
    width:75px;
    height:auto;
}

img.img83 {
    width:83px;
    height:auto;
}

img.img280full {
    width:280px;
    height:auto;
}

img.img340full {
    width:340px;
    height:auto;
}
img.img690full {
    width:690px;
    height:auto;
}






@media print{
aside {display: none;}
.content-right {padding-left: 0px; width: 968px; max-width: 968px; border: none;}

.upper-menu {display: none;}
.header {display: none;} 
.printOnly {display: block;}


*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}

a,a:visited{text-decoration:none;border: none;}
/*a[href]:after{content:" (" attr(href) ")";}*/
/*abbr[title]:after{content:" (" attr(title) ")";}*/
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
img{max-width:100% !important;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
@page{margin:1cm;}
}



/*  mobile */



@media only screen and (max-width: 968px) {


.fancybox-button{height:100px;width:100px}




ol {
    margin-left: 40px;
}



.floatlmoveleft {    
    float: left;
    margin: 2px 10px 2px 0px;
    padding: 0px;
}

.floatlmoveright {    
    float: right;
    margin: 0px 10px 2px 2px;
    padding: 0px;
}


aside {display: none;}

.content-section, 
.content-right   {padding-left: 10px; padding-right: 10px; width: 968px; max-width: 968px; border: none;}

.header .logo {display: none;}
.header nav {padding-left: 0px;}
.header span{display: none;}
.header {height: 150px;}
.topmenu {font-size: 20px;} 
nav li {margin-left: 10px; margin-right: 10px;}

nav ul.topmenu a {padding: 15px 0px;}

nav ul.submenu a {padding: 19px 5px;}


a.log-dropa {  padding: 30px 10px 3px 10px;}



.upper-menu {font-size: 20px;    height: 52px; }
.upper-menu img {margin: 5px 0px 0px 15px;padding: 0px;}
.onlymedia {display: inline;}
.hidemedia {display: none;}




.videos a,
[role=main] li a {display: inline-block; vertical-align: middle; margin-bottom: 12px;}


a.mediafullscreen {
display: inline-block;
width: 100%
}


footer{ line-height: 1.6153;}
footer li {padding: 0px; }


body{  font-size: 26px;}


.col6, .col7, .col7_uzk, .col8, .col9, .col10, .col10_uzk, .col11, .col11_uzk, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col24  {width: 968px}




.ytvideo  {
    width:960px;
    height: 620px;
}

img.img150  {
    width:300px;
    height:auto;
}

img.img83,
img.img75  {
    width:150px;
    height:auto;
}


img.img280full, img.img340full, img690full, img.imgfull  {
    width:100%;
    margin-top: 10px;
    margin-bottom: 30px;
    height:auto;
}



fieldset input[type=text], fieldset input[type=search], fieldset input[type=date], fieldset input[type=email], textarea {
    width: 98%;
}
input, input[type=text], input[type=search], input[type=date], input[type=email], textarea{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
input[type=submit],input[type=button], button, select {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}



.header_infored{
    font-size: 95%;
}




/* for checking by JavaSctipt  */
.navigationtable{
	border-collapse: separate;
}


}



@media only screen and (max-width: 968px) and (orientation: landscape) {
.header_stick {
position: relative;
}


}