@charset "UTF-8";



/* FONTS */

@font-face {
    font-family: 'RussiaMedium';
    src: url('/assets/font/Russia/Russia-Medium.eot');
    src: url('/assets/font/Russia/Russia-Medium.woff') format('woff'),
         url('/assets/font/Russia/Russia-Medium.ttf')  format('truetype'),
         url('/assets/font/Russia/Russia-Medium.svg')  format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RussiaRegular';
    src: url('/assets/font/Russia/Russia.eot');
    src: url('/assets/font/Russia/Russia.woff') format('woff'),
         url('/assets/font/Russia/Russia.ttf')  format('truetype'),
         url('/assets/font/Russia/Russia.svg')  format('svg');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
    font-family: 'RussiaBold';
    src: url('/assets/font/Russia/Russia-Bold.eot'); 
    src: url('/assets/font/Russia/Russia-Bold.woff') format('woff'),
         url('/assets/font/Russia/Russia-Bold.ttf')  format('truetype'),
	 url('/assets/font/Russia/Russia-Bold.svg')  format('svg'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RussiaLight';
    src: url('/assets/font/Russia/Russia-Light.eot'); 
    src: url('/assets/font/Russia/Russia-Light.woff') format('woff'),
         url('/assets/font/Russia/Russia-Light.ttf')  format('truetype'),
	 url('/assets/font/Russia/Russia-Light.svg')  format('svg'); 
    font-weight: normal;
    font-style: normal;
}




/* GRADIENTS */

.grad-red {
    background: #d0012d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwMDEyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2FhMDEyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ExMDEyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2EwMDEyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #d0012d 0%, #aa0125 31%, #a10123 42%, #a00123 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0012d), color-stop(31%,#aa0125), color-stop(42%,#a10123), color-stop(50%,#a00123));
    background: -webkit-linear-gradient(top,  #d0012d 0%,#aa0125 31%,#a10123 42%,#a00123 50%);
    background: -o-linear-gradient(top,  #d0012d 0%,#aa0125 31%,#a10123 42%,#a00123 50%);
    background: -ms-linear-gradient(top,  #d0012d 0%,#aa0125 31%,#a10123 42%,#a00123 50%);
    background: linear-gradient(to bottom,  #d0012d 0%,#aa0125 31%,#a10123 42%,#a00123 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0012d', endColorstr='#a00123',GradientType=0 );

}

.grad-lightblue {
    background: #92b8d8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYjhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iIzkyYjlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2EwYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #92b8d8 0%, #92b9d9 32%, #a0c2de 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92b8d8), color-stop(32%,#92b9d9), color-stop(50%,#a0c2de));
    background: -webkit-linear-gradient(top,  #92b8d8 0%,#92b9d9 32%,#a0c2de 50%);
    background: -o-linear-gradient(top,  #92b8d8 0%,#92b9d9 32%,#a0c2de 50%);
    background: -ms-linear-gradient(top,  #92b8d8 0%,#92b9d9 32%,#a0c2de 50%);
    background: linear-gradient(to bottom,  #92b8d8 0%,#92b9d9 32%,#a0c2de 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92b8d8', endColorstr='#a0c2de',GradientType=0 );

}

.grad-yellow {
    background: #ffe477; /* Old browsers */
    background: -moz-linear-gradient(top, #ffe477 0%, #fde06e 4%, #f9dd6c 12%, #d9c05e 52%, #cab358 80%, #c5af56 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe477), color-stop(4%,#fde06e), color-stop(12%,#f9dd6c), color-stop(52%,#d9c05e), color-stop(80%,#cab358), color-stop(100%,#c5af56)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffe477 0%,#fde06e 4%,#f9dd6c 12%,#d9c05e 52%,#cab358 80%,#c5af56 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffe477 0%,#fde06e 4%,#f9dd6c 12%,#d9c05e 52%,#cab358 80%,#c5af56 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffe477 0%,#fde06e 4%,#f9dd6c 12%,#d9c05e 52%,#cab358 80%,#c5af56 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffe477 0%,#fde06e 4%,#f9dd6c 12%,#d9c05e 52%,#cab358 80%,#c5af56 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe477', endColorstr='#c5af56',GradientType=0 ); /* IE6-9 */    
    
}

.grad-context-menu {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZTdmNyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZDNlN2Y3IiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNlZGY1ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRmNWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(211,231,247,0.6) 0%, rgba(211,231,247,0.6) 30%, rgba(237,245,252,1) 70%, rgba(237,245,252,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,231,247,0.6)), color-stop(30%,rgba(211,231,247,0.6)), color-stop(70%,rgba(237,245,252,1)), color-stop(100%,rgba(237,245,252,1)));
    background: -webkit-linear-gradient(top,  rgba(211,231,247,0.6) 0%,rgba(211,231,247,0.6) 30%,rgba(237,245,252,1) 70%,rgba(237,245,252,1) 100%);
    background: -o-linear-gradient(top,  rgba(211,231,247,0.6) 0%,rgba(211,231,247,0.6) 30%,rgba(237,245,252,1) 70%,rgba(237,245,252,1) 100%);
    background: -ms-linear-gradient(top,  rgba(211,231,247,0.6) 0%,rgba(211,231,247,0.6) 30%,rgba(237,245,252,1) 70%,rgba(237,245,252,1) 100%);
    background: linear-gradient(to bottom,  rgba(211,231,247,0.6) 0%,rgba(211,231,247,0.6) 30%,rgba(237,245,252,1) 70%,rgba(237,245,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d3e7f7', endColorstr='#edf5fc',GradientType=0 );

}




/* MAIN */

body {
    background-color: #92b9d9;
}

.click-through {
    pointer-events: none;
}

.clear {
    clear: both;
}

a {
    color: inherit;
    text-decoration: none;
}



/* HEADER */

div.header-wrap {
    position: relative;
    height: 212px;
    min-width: 1140px;
    overflow: hidden;
}

div.edge-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    
    z-index: 3;
    
    height: 19px;
    min-width: 1140px;
    background: url("/i/bg-edge-top.png") repeat-x transparent;
}

div.edge-bottom {
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    
    z-index: 3;
    
    height: 92px;
    min-width: 1140px;
    background: url("/i/bg-edge-bottom.png") repeat-x transparent;
}

.btn-broadcast {
    display: block;
    
    position: absolute;
    top: 104px;
    right: 162px;
    z-index: 7;
    
    width: 107px;
    height: 27px;
    
    background-size: 107px 54px;
    background-position: 0 0;
    
    -moz-transition: background 0.3s cubic-bezier(.87,1,0,.93);;
    -webkit-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    -o-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    -ms-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    transition: background 0.3s cubic-bezier(.87,1,0,.93);
    
    border: 1px solid #a10123;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/css/PIE.htc);
    
    -moz-box-shadow: inset 0 1px #e36781,0 1px #c9dcec;
    -webkit-box-shadow: inset 0 1px #e36781,0 1px #c9dcec;
    -o-box-shadow: inset 0 1px #e36781,0 1px #c9dcec;
    -ms-box-shadow: inset 0 1px #e36781,0 1px #c9dcec;
    box-shadow: inset 0 1px #e36781,0 1px #c9dcec;
    
    font: bold 12px Arial;
    color: #fff;
    line-height: 27px;
    text-align: center;
    text-shadow: 0 1px #780120;
}

.btn-login {
    display: block;
    
    position: absolute;
    top: 104px;
    right: 70px;
    z-index: 7;
    
    width: 74px;
    height: 27px;
    
    background-size: 74px 54px;
    background-position: 0 0;

    -moz-transition: background 0.3s cubic-bezier(.87,1,0,.93);;
    -webkit-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    -o-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    -ms-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    transition: background 0.3s cubic-bezier(.87,1,0,.93);
    
    border: 1px solid #ffe26f;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/css/PIE.htc);
    
    -moz-box-shadow: inset 0 1px #ffeca1,0 1px #c9dcec;
    -webkit-box-shadow: inset 0 1px #ffeca1,0 1px #c9dcec;
    -o-box-shadow: inset 0 1px #ffeca1,0 1px #c9dcec;
    -ms-box-shadow: inset 0 1px #ffeca1,0 1px #c9dcec;
    box-shadow: inset 0 1px #ffeca1,0 1px #c9dcec;
    
    font: bold 12px Arial;
    color: #2d4d96;
    line-height: 27px;
    text-align: center;
    text-shadow: 0 1px #c5d9ea;
}

.btn-broadcast:hover,
.btn-login:hover {
    background-position: 0 -27px;
}

h1.charity {
    position: absolute;
    top: 105px;
    right: 530px;
    
    z-index: 5;
    
    font: italic 28px RussiaBold;
    color: #5578b1;
    text-shadow: 0 2px #afcbe3;
    text-transform: uppercase;
}

a.rus-radio {
    display: block;
    position: absolute;
    top: 40px;
    right: 70px;
    
    z-index: 7;
    
    width: 238px;
    height: 31px;
    
    /* IE 9+ hack allows click */
    background-color: rgba(204,204,204,0.01);
}

a.rus-radio.can-not-click {
    z-index: 7;
    background: url("/i/logo.jpg") no-repeat transparent;
}

#parallax-port {
    position: relative;

    height: 198px;
    width: 1140px;
    margin: auto;

    background-color: #92b9d9;
}

.parallax-layer {
    position: absolute;
    z-index: 2;
}

div.sun-wrap { z-index: 6; }

div.sun-wrap a.sun,
div.sun-wrap div.sun {
    display: block;
    
    width: 234px;
    height: 197px;
    
    margin-top: 35px;
    margin-left: 49px;
    
    background: url("/i/click-sun.png") no-repeat transparent;
    border-radius: 100px;
}

div.sun-wrap a.chq,
div.sun-wrap div.chq {
    display: block;
    
    position: absolute;
    top: 0;
    
    width: 491px;
    height: 125px;
    
    margin-left: 310px;
    
    background: url("/i/click-chq.png") no-repeat transparent;
}



/* HEADER MENU */

div.header-notify {
    font: bold 24px Russia, Helvetica, Arial, sans-serif;
    color: #7d4004;
    background: #ffe26f url(/i/header-notice-bg.png) center center no-repeat;
    padding: 19px 28px 0 0;
    border-top: 2px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid #a3c0d8;
}
div.header-notify.thin {
    padding: 4px 10px 0 0;    
}

div.header-notify .notify-text {
    text-shadow: 1px 1px white;
    padding-top: 8px;
    margin-bottom: 25px;
    margin-left: 24px;
}
div.header-notify.thin .notify-text {
    margin-bottom: 10px;    
}

div.header-notify .notify-title {
    position: relative;
    float: left;
    padding: 8px 26px 0 22px;
    height: 32px;
    background: #c6204c;
    box-shadow: 0 3px 0 0 rgba(0,0,0,0.13);
    color: white;
    text-transform: uppercase;
    margin-right: 34px;
}
div.header-notify .notify-title::before {
    position: absolute;
    display: block;
    left: -4px;
    top: 0;
    width: 4px;
    height: 44px;
    background: url(/i/header-notice-title-bg.png) no-repeat left top;
    content: '';
}
div.header-notify .notify-title::after {
    position: absolute;
    display: block;
    right: -11px;
    top: 0;
    width: 11px;
    height: 44px;
    background: url(/i/header-notice-title-bg.png) no-repeat right top;
    content: '';
}

div.header-notify .notify-btn {
    display: block;
    float: right;
    padding: 9px 15px;
    margin-top: 3px;
    border-radius: 5px;
    background: #5478b0;
    color: white;
    font: bold 14px 'Trebuchet MS', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    box-shadow: inset -1px -1px #4d6aa1;
}

div.header-notify .notify-btn:hover {
    box-shadow: inset 2px 2px 2px 2px rgba(10,10,10,0.2);    
    padding: 10px 13px 8px 17px;
}

div.header-menu {
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -307px;
    
    width: 600px;
    height: 55px;
    
    z-index: 7;
}

div.header-menu ul {
    float: right;
}

div.header-menu ul li {
    float: left;
    display: block;
}

div.header-menu ul li a,
div.header-menu ul li p {
    display: block;
    height: 24px;
    
    padding-left: 20px;
    padding-right: 20px;
    
    font: bold 14px "Trebuchet MS", Helvetica, sans-serif;
    color: #5578b0;
    line-height: 23px;
    text-shadow: 0 1px #ecf2f8;
    text-transform: uppercase;
    text-align: center;
    
    -moz-transition: color 0.3s cubic-bezier(.87,1,0,.93);;
    -webkit-transition: color 0.3s cubic-bezier(.87,1,0,.93);
    -o-transition: color 0.3s cubic-bezier(.87,1,0,.93);
    -ms-transition: color 0.3s cubic-bezier(.87,1,0,.93);
    transition: color 0.3s cubic-bezier(.87,1,0,.93);
}

div.header-menu ul li p {
    /* active item */
    color: #a00123;
    cursor: default;
}

div.header-menu ul li .bg-header-menu-ul-li {
    background: url("/i/bg-header-menu-ul-li.png") no-repeat right 0 transparent;
}

div.header-menu ul li a:hover {
    color: #a00123;
}

div.social {
    position: absolute;
    bottom: 11px;
    left: 50%;
    margin-left: 378px;
    height: 34px;
    z-index: 8;
}

div.social a {
    float: left;
    display: block;
    
    width: 32px;
    height: 32px;
    
    margin-right: 10px;

    border-bottom: 2px solid #4D6AA1;
    border-right: 2px solid #4D6AA1;
    border-radius: 5px;
}

div.social a.twitter   { background: url("/i/social.png?v=4") no-repeat 0 0 transparent; }
/*div.social a.facebook  { background: url("/i/social.png?v=4") no-repeat 0 -32px transparent; }*/
div.social a.vkontakte { background: url("/i/social.png?v=4") no-repeat 0 -64px transparent; }
div.social a.odnoklassniki { background: url("/i/social.png?v=4") no-repeat 0 -96px transparent; }
div.social a.odnoklassniki {
    border-bottom: 2px solid #ce7024;
    border-right: 2px solid #ce7024;
}
/*div.social a.instagram { background: url("/i/social.png?v=4") no-repeat 0 -128px transparent; }*/
/*div.social a.instagram {*/
/*    border-bottom: 2px solid #bdbdbd;*/
/*    border-right: 2px solid #bdbdbd;*/
/*    border-radius: 8px;*/
/*}*/
div.social a.telegram { background: url("/i/social.png?v=4") no-repeat 0 -160px transparent; }

div.social a:hover {
    margin-top: 2px;
    margin-left: 2px;
    border: 0 solid transparent;
    box-shadow: inset 2px 2px 2px 2px rgba(10,10,10,0.2);
}

div.social a.facebook,
div.social a.instagram {
    display: none;
}

/* CONTENT */

div.content-wrap {
    min-width: 1140px;
    padding-top: 1px; /* cell border */
    background: url("/i/bg-main.png") repeat transparent;
    overflow: hidden
}

div.content-main-shadow {
    width: 1000px;
    margin: auto;
    
    -moz-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    -webkit-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    -o-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    -ms-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
}



/* CONTEXT MENU */

div.context-menu {
    width: 1008px; /* 1000 + 8 for controlling resizing in FF and Chrome */
    
}

div.context-menu ul li {
    float: left;
    display: block;
    position: relative;
}

div.context-menu ul li a,
div.context-menu ul li p {
    display: block;
    
    width: 193px; /* 250px with border */
    height: 32px;
    
    padding: 15px 28px 15px 28px;
    
    /*
    background-color: #d3e7f7;
    background-color: rgba(211, 231, 247, 0.6);;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    */
    
    font: normal 11px Arial;
    color: #5578b0;
    text-transform: uppercase;
    text-shadow: 0 1px #f4f9fd;
    
    background-size: 193px 137px;
    background-position: 0 0;
    
    -moz-transition: background 0.3s cubic-bezier(.87,1,0,.93);;
    -webkit-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    -o-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    -ms-transition: background 0.3s cubic-bezier(.87,1,0,.93);
    transition: background 0.3s cubic-bezier(.87,1,0,.93);
}

div.context-menu ul li a.right-border,
div.context-menu ul li p.right-border {
    border-right: 1px solid #b9d3e4;
}

div.context-menu ul li a.without-border,
div.context-menu ul li p.without-border {
    width: 194px;
}

div.context-menu ul li p.ie-gradient_new {
    /* active with disabled click */
    background-position: 0 -75px;
    cursor: default;
    color: #a00123;
}

div.context-menu ul li a:hover {
    /* color: #a00123; */
    background-position: 0 -75px;
}

div.context-menu ul li span {
    display: block;
    position: relative;
    font-size: 18px;
}

/* gradient text */
div.context-menu ul li p span i,
div.context-menu ul li a span i,
div.context-menu ul li a:hover span i {
    display: block;
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
div.context-menu ul li p span i {
    background: linear-gradient(to bottom, rgba(237, 245, 252, 0.60) 0%, rgba(237, 245, 252, 0.1) 100%);
}

/*
градиентный текст
div.context-menu ul li a span i {
    background: linear-gradient(to bottom, rgba(211, 231, 247, 0.40) 0%, rgba(211, 231, 247, 0.1) 100%);
}
div.context-menu ul li a:hover span i {
    background: linear-gradient(to bottom, rgba(211, 231, 247, 0.60) 0%, rgba(211, 231, 247, 0.1) 100%);
}
*/
div.context-menu ul li div.sub_menu{
    position: absolute;
    z-index: 18;
    background: rgba(211,231,247,1);
    left: 0;
    right: 0;
    display: none;
}
div.context-menu ul li:hover div.sub_menu{
    display: block;
}
div.context-menu ul li div.sub_menu ul{
    width: 100%;
}
div.context-menu ul li div.sub_menu ul li{
    float: none;
    width: 100%;
}
div.context-menu ul li div.sub_menu ul li a{
    height: auto;
    border-top: 1px solid #b9d3e4;
    padding: 12px 28px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
}
div.context-menu ul li div.sub_menu ul li a:hover{
    background: rgba(237,245,252,1);
}
/* INNER CONTENT */

div.content {
    width: 944px; /* 1000px - 28px * 2 */
    margin: auto;
    background-color: #fff;
    
    padding-top: 22px;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 122px;
}

div.content-main {
    position: relative;
    float: left;
    width: 676px;
}

div.sidebar {
    float: right;
    width: 240px;
}



/* FOOTER */

div.footer-clouds {
    position: relative;
    overflow: visible;
    width: 1000px;
    margin: auto;
}

div.footer-cloud-lightblue {
    position: absolute;
    top: -122px;
    
    width: 778px;
    height: 122px;
    
    background: url("/i/footer-cloud-lightblue.png") no-repeat transparent;
}
div.footer-cloud-lightblue.left {
    left: -615px;
}
div.footer-cloud-lightblue.right {
    right: -615px;
}

div.footer {
    overflow: hidden;
    min-width: 1140px;
    min-height: 155px;
    
    background: url("/i/bg-footer.png") no-repeat center bottom #7aa9cf;
}

div.footer-content {
    position: relative;
    overflow: visible;
    width: 1000px;
    margin: auto;
}

div.footer-menu {
    margin-left: 14px;
    padding-top: 22px;
}

div.footer-menu ul li {
     float: left;
     display: block;
}

div.footer-menu ul li a,
div.footer-menu ul li p {
    display: block;
    height: 16px;
    
    padding-left: 16px;
    padding-right: 16px;
    
    font: normal 10px RussiaMedium;
    color: #09447f;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    
    -moz-transition: color 0.3s cubic-bezier(.87,1,0,.93);;
    -webkit-transition: color 0.3s cubic-bezier(.87,1,0,.93);
    -o-transition: color 0.3s cubic-bezier(.87,1,0,.93);
    -ms-transition: color 0.3s cubic-bezier(.87,1,0,.93);
    transition: color 0.3s cubic-bezier(.87,1,0,.93);
}

div.footer-menu ul li p {
    /* active item */
    color: #a00123;
    cursor: default;
}

div.footer-menu ul li .bg-footer-menu-ul-li {
    background: url("/i/bg-footer-menu-ul-li.png") no-repeat right 0 transparent;
}

div.footer-menu ul li a:hover {
    color: #a00123;
}

div.footer div.footer-text {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 40px;
    
    font: normal 10px Arial;
    color: #09447f;
    line-height: 16px;
}

div.footer div.footer-text a { text-decoration: underline; }

div.footer div.footer-text div.footer-counters { float: right; margin-top: -42px; zoom: 1; }

#announcement {
    display: none;
    position: absolute;
    z-index: 100;
    
    width: 458px;
    margin-left: -250px;
    left: 50%;
    top: 280px;
    padding: 10px 20px;


    background: white;
    border: 1px solid #c10129;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    
    font: normal 14px Arial, sans-serif;
    line-height: 20px;
    color: #666;    
}

#announcement a {
    text-decoration: underline;
}









div.sos {
    font: 400 24px RussiaBold, Helvetica, Arial, sans-serif;
    color: white;
    border: 1px solid #e6ecf0;
    border-radius: 2px;
    padding: 14px;
    margin-right: 5px;
}
div.sos a.sos-text {
    display: block;
    text-shadow: 1px 1px #a5554c;
    background: #e47c71 url(/i/sos-bg.png) center center no-repeat;
    padding: 21px 40px;
    border-radius: 5px;
    text-align: center;
    box-shadow: inset -3px -3px #c65d52;
}
div.sos a.sos-text:hover {
    background-color: #ee887d;
}