/* CSS Document */
@font-face{
    src:url('../fonts/AcademyKZ.ttf');
    font-family:AcademyKZ;
}
@font-face{
    src:url('../fonts/SM-MyriadPro-Bold.ttf');
    font-family:SM-MyriadPro-Bold;
}
@font-face{
    src:url('../fonts/SM-MyriadPro-BoldIt.ttf');
    font-family:SM-MyriadPro-BoldIt;
}
@font-face{
    src:url('../fonts/vsArbat.ttf');
    font-family:vsArbat;
}
@font-face{
    src:url('../fonts/vsCricketLight.ttf');
    font-family:vsCricketLight;
}

/*reset styles*/
html, body {
	margin:0px; 
	padding:0px; 
	position:relative; 
	font-family:vsArbat;
}

body {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    color: #333;
	background:url(../img/bg/body-bg.jpg) center 0 no-repeat;
	overflow-x:hidden;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
div {
    display: block;
}
p{margin: 0 0 9px;}
li {
    line-height: 18px;
	display: list-item;
    text-align: -webkit-match-parent;
}
a {
    color: #56c4ed;
    text-decoration: none;
}
a:hover{text-decoration:underline;}

h1, h2, h3, h4, h5, h6, .new-page-title {
    margin: 9px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 18px;
    color: inherit;
    text-rendering: optimizelegibility;
	margin: 12px 0;
}

h1, h2, h3 {
    line-height: 20px;
}
h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
	    line-height: 20px;
}
h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
	line-height: 16px;
}

.title h3 {
    font-weight: normal;
    font-size: 22px;
    margin: 5px 0 0 0;
}
.title h4 {
    font-weight: normal;
    font-size: 20px;
    margin: 0;
}
.
input[type="text"], input[type="password"], input[type="search"]{
	width:80%;
	line-height:23px;
	font-family:AcademyKZ;
	font-size:18px;
	border:none;
	background:#fff;
	padding: 0 10px 0 10px;
	outline: none;
	font-style:italic;
	border:1px solid #a6a6a6;
}
input[type="search"]{
	width:250px!important;
	height:38px;
	padding: 0 35px 0 10px;
}
input[type="submit"], input[type="button"]{
	font-family: 'PTsansNarroW';
	font-size:16px;
	border:none;
	background:none;
	outline: none;
	text-decoration:underline;
	cursor:pointer;
}

input::-webkit-input-placeholder {color:#939393;}
input:-moz-placeholder {color:#939393;}
#search-box{
	float:right;
	display:block;
	margin-top:20px;
}
#search-box form{position:relative;}
.sendsearch{
	width:  38px; 
	height: 38px;
	margin: 0;
	padding:0;
	border: 0;
	background: transparent url(../img/icons/search.png) center center no-repeat!important;
	text-indent: -1000em;
	cursor: pointer; 
	cursor: hand;
	position:absolute;
	right:0px;
	top:0px;
}
.clear{clear:both;}

/*СТИЛИ КОНТЕНТА*/
.wrapper-900{
	width:900px;
	margin:0 auto;
}
.header{
	max-width:1920px;
	height:123px;
	background:url(../img/bg/head-bg.png) 0 0 repeat-x;
	padding-top:4px;
}
.head-wr{position:relative;}
#language{
	position:absolute;
	right:0;
	bottom:30px;
}
.logo{
	height:109px;
	padding-left:123px;
	display:block;
	background:url(../img/icons/gerb.png) 0 0 no-repeat;
	font-family:vsArbat;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	padding-top:30px;
	line-height:1.2;
	text-shadow: 0px 1px 5px rgba(0,0,0,.6);
	float:left;
}
.logo, .logo:hover{text-decoration:none;}
.logo span{font-size:28px;}

.top-banner{
	max-width:1920px;
	height:257px;
	margin-top:15px;
	background:url(../img/bg/top-banner-bg.png) 0 0 repeat-x;
	padding-top:8px;
}
.top-banner img{min-width:100%;}

.content-wr{
	background:#fff;
	padding:5px;
	position:relative;
	z-index:3;
	margin-top:28px;
}
.content-brd{
	width:auto;
	border:5px solid #e1e1e1;
}
#bread_crumbs, #bread_crumbs a{
	color:#56c4ed;
	font-size:16px;
}
#new-page-bottom-info{float:right;}
ul.top-menu{
	width:auto;
	margin:0;
	padding:0;
	padding-bottom:10px;
	background:url(../img/bg/h-menu-bot-line.png) 0 100% repeat-x;
	list-style-type:none;
	margin-top:-34px;
}
ul.top-menu li{
	float:left;
}
ul.top-menu li:nth-child(1){width:8%;}
ul.top-menu li:nth-child(2){width:28%;}
ul.top-menu li:nth-child(3){width:15%;}
ul.top-menu li:nth-child(4){width:16%;}
ul.top-menu li:nth-child(5){width:12%;}
ul.top-menu li:nth-child(6){width:10%;}
ul.top-menu li:nth-child(7){width:10%;}
ul.top-menu li a{
	display:block;
	text-decoration:none;
	font-family:vsCricketLight;
	height:55px;
	border-radius:10px;
	padding:0 6px;
	font-size:14px;
	text-align:center;
	padding-top:15px;
	text-shadow: 0px 2px 1px rgba(255,255,255,.9);
}
ul.top-menu li:nth-child(1) a{background:#9ce401 url(../img/bg/h-menu-glyanec.png) 30% 0 no-repeat;color:#305004;padding-top:19px;border-bottom:5px solid #417a00;}
ul.top-menu li:nth-child(2) a{background:#cbe500 url(../img/bg/h-menu-glyanec.png) 30% 0 no-repeat;color:#3b6907;padding-top:7px;border-bottom:5px solid #417a00;}
ul.top-menu li:nth-child(3) a{background:#f18cd2 url(../img/bg/h-menu-glyanec.png) 30% 0 no-repeat;color:#562052;padding-top:7px;border-bottom:5px solid #9d3e80;}
ul.top-menu li:nth-child(4) a{background:#c3df00 url(../img/bg/h-menu-glyanec.png) 30% 0 no-repeat;color:#3b6907;padding-top:7px;border-bottom:5px solid #417a00;}
ul.top-menu li:nth-child(5) a{background:#38e4de url(../img/bg/h-menu-glyanec.png) 30% 0 no-repeat;color:#196764;border-bottom:5px solid #24938f;}
ul.top-menu li:nth-child(6) a{background:#f18cd2 url(../img/bg/h-menu-glyanec.png) 30% 0 no-repeat;color:#562052;padding-top:19px;border-bottom:5px solid #9d3e80;}
ul.top-menu li:nth-child(7) a{background:#cbe500 url(../img/bg/h-menu-glyanec.png) 30% 0 no-repeat;color:#3b6907;padding-top:7px;border-bottom:5px solid #417a00;}
/*hover effect*/
ul.top-menu li:nth-child(1) a:hover{background:#9ce401;}
ul.top-menu li:nth-child(2) a:hover{background:#cbe500;}
ul.top-menu li:nth-child(3) a:hover{background:#f18cd2;}
ul.top-menu li:nth-child(4) a:hover{background:#c3df00;}
ul.top-menu li:nth-child(5) a:hover{background:#38e4de;}
ul.top-menu li:nth-child(6) a:hover{background:#f18cd2;}
ul.top-menu li:nth-child(7) a:hover{background:#cbe500;}

.left-sidebar{
	float:left;
	width:230px;
	margin-left:5px;
}
/*left menu*/
ul.left-menu{
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}
ul.left-menu li{
	border-bottom:2px dotted #b3baba;
}
ul.left-menu li:hover{
	background:#edfafa;
}
ul.left-menu li a{
	font-family:vsArbat;
	font-size:20px;
	text-decoration:none;
	line-height:1.5;
	display:block;
	padding:10px 0 10px 30px;
	background:url(../img/icons/left-menu-marker.png) 5px 15px no-repeat;
}

ul.left-menu li:nth-child(1) a{color:#a9b800;}
ul.left-menu li:nth-child(2) a{color:#2fc1bc;}
ul.left-menu li:nth-child(3) a{color:#c975af;}

.main-content{
	float:left;
	width:845px;
	padding:12px;
}
.main-content ul{
	margin-left:20px!important;
	font-size:20px!important;
}
.main-content ul li{
	margin-bottom:5px;
}

#page-content h3{
	text-align:center;
	color:#56c4ed;
	font-size:22px;
	margin:12px 0;
}
#page-content p, #page-content ul, #page-content ol, #page-content td{
	color:#111;
	font-size:20px;
	font-family:serif;
	line-height:1.7;
}
#page-content img{
    margin:7px;
}

/*баннеры внизу*/
#jcl-demo .custom-container{
	width:880px;
	margin:0 auto;
	padding:30px 0;
	position:relative;
}
#jcl-demo .carousel {
	width:960px;
	margin:0 auto;
	/* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
    left: -5000px;
}

    /* Styling for image based carousel content. Only width and height are mandatory */
    #jcl-demo .carousel>ul>li>a>img {
        width: 150px;
        height: 118px;
        vertical-align:middle;

        /* optional */
        margin: 5px;
        border-radius: 5px;
		border:1px solid #f1f1f1;
		padding:5px;
    }

    /* Styling for text based carousel content. Only width and height are mandatory */
    #jcl-demo .carousel>ul>li>p {
        width: 130px;
        height: 98px;

        margin: 10px 10px 10px 0;
        border: 1px solid #808080;
        border-radius: 5px;
        line-height: normal;
        background-color: #fff;
        padding: 10px;
    }

/* Styles for PREV and NEXT anchor buttons */
#jcl-demo a.go {
    display: block;
    width: 26px;
    height: 30px;
    line-height: 1;

    background-color: #333333;
    color: ghostwhite;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 25px;

    border-radius: 8px;
    float: left;
}
#jcl-demo a.prev, #jcl-demo a.next{
	position:absolute;
	top:40%;
	width:37px;
	height:46px;
	z-index:5;
}
#jcl-demo a.prev{left:36px;background:url(../img/icons/ban_btn.png) 0 0 no-repeat;}
#jcl-demo a.next{right:36px;background:url(../img/icons/ban_btn.png) 100% 0 no-repeat;}
    #jcl-demo a.prev.disabled, #jcl-demo a.next.disabled,
    #jcl-demo a.prev.disabled:hover, #jcl-demo a.next.disabled:hover {
        opacity:.2;
        cursor: default;
    }
    #jcl-demo a.go.highlight {
        background-color: #dedede;
        color: #000;
    }
    #jcl-demo a.go:hover {
            background-color: #666666;
        }

/* Additional carousel styles for external controls, slider, widget, mid etc. */

#jcl-demo .externalControl button,
#jcl-demo .imageSliderExt button {
    margin: 5px 5px 0 0;
}
#jcl-demo .externalControl a.next, #jcl-demo .externalControl a.prev, #jcl-demo .externalControl a.go,
#jcl-demo .imageSliderExt a.next, #jcl-demo .imageSliderExt a.prev, #jcl-demo .imageSliderExt a.go
{
    margin: 0 5px 0 0;
    padding: 7px 5px 0 5px;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
}

#jcl-demo .widget img {
    cursor: pointer;
}
#jcl-demo .mid {
    margin-left: 50px;
    width: 400px;
    height: 300px;
}
#jcl-demo .vertical {
    margin-left: 170px;
}

#jcl-demo .imageSlider .carousel>ul>li>img,
#jcl-demo .imageSliderExt .carousel>ul>li>img {
    width: 400px;
    height: 300px;
}
#jcl-demo .imageSlider .carousel>ul>li>p,
#jcl-demo .imageSliderExt .carousel>ul>li>p {
    width: 380px;
    height: 280px;
}

.footer{
	max-width:1920px;
	margin:0 auto;
	height:140px;
	background:url(../img/bg/footer-bg.png) 0 0 repeat-x;
	margin-top:20px;
	position:relative;
	z-index:3;
}
.footer-wr{
	position:relative;
}
.logo-footer{
	height:60px;
	padding-left:75px;
	display:block;
	background:url(../img/icons/gerb.png) 0 0 no-repeat;
	background-size:contain;
	font-family:vsArbat;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	padding-top:10px;
	line-height:1.2;
	text-shadow: 0px 1px 5px rgba(0,0,0,.6);
	float:left;
	margin-top:44px;
}
#developer{
	float:right;
	min-height:25px;
	padding-left:32px;
	background:url(../img/icons/small-logo.png) 0 0 no-repeat;
	color:#fff;
	font-size:16px;
	margin-top:50px;
}
.l-three-1x, .r-three-2x{
	position:absolute;
	z-index:4;
}
.l-three-1x{
	width:74px;
	height:104px;
	background:url(../img/icons/left-thries.png) 0 0 no-repeat;
	left:-28px;
	top:-92px;
}
.r-three-2x{
	width:92px;
	height:154px;
	background:url(../img/icons/right-thries.png) 0 0 no-repeat;
	right:-75px;
	top:-141px;
}
.raduga{
	position:absolute;
	bottom:94px;
	left:50%;
	margin-left:-115px;
	z-index:2;
	height:474px;
	width:728px;
	background:url(../img/bg/raduga.png) 0 0 no-repeat;
}

#bfly {
    margin:-50px 0 0 100px;
    position:absolute;
    transition: top 0.5s, left 0.5s;
    -webkit-transition: top 0.5s, left 0.5s;
	z-index:9999;
}
#scrollup {
	position: fixed; /* фиксированная позиция */
	opacity: 0.8; /* прозрачность */
	right: 10px; /* отступ слева */
	bottom: 10px; /* отступ снизу */
	display: none; /* спрятать блок */
	cursor: pointer;
	z-index:9999;
}
table.table {
    border: 0 none;
    border-collapse: collapse;
    margin: 5px;
}
table.table p {
    text-indent: 0;
}
tr.zag {
    background-color: #98dede;
    font-weight: bold;
    text-align: center;
}
table.table td {
    border: 1px solid #39c;
    padding:5px;
}
/*MEDIA*/
/*for scrin width 1920px*/
@media screen and (max-width: 1920px) {
	
}
/*for scrin width 1366px*/
@media screen and (max-width: 1366px) {
	
}
/*for scrin width 1280px*/
@media screen and (max-width: 1280px) {
	
}