@font-face {
    font-family: 'AzoftSans-Bold';
    src: url('/PublicData/Fonts/AzoftSans-Bold/AzoftSans-Bold.eot');
    src: url('/PublicData/Fonts/AzoftSans-Bold/AzoftSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('/PublicData/Fonts/AzoftSans-Bold/AzoftSans-Bold.woff2') format('woff2'),
    url('/PublicData/Fonts/AzoftSans-Bold/AzoftSans-Bold.woff') format('woff'),
    url('/PublicData/Fonts/AzoftSans-Bold/AzoftSans-Bold.ttf') format('truetype'),
    url('/PublicData/Fonts/AzoftSans-Bold/AzoftSans-Bold.svg#AzoftSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    min-width: 1000px;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #000000;
    font: 1em 'AzoftSans-Bold';
}

/*--- SECTION ONLINE-HELPER --- */
#jivo_chat_widget{ display: none }

#jivo-label-wrapper {
    display: none!important;
}
.jivo-bottom-left-square {
    background-image: none !important;
    background-color: #444 !important;
    border-radius: 0px !important;
}
#jivo-label {
    display: none !important;
}
/*--- SCROLL BUTTON ---*/
.scroll-btn {
    position: fixed;
    display: none;
    width: 0px;
    height: 0px;
    border: 20px solid transparent;
    border-bottom: 30px solid #333399;
    right: 40px;
    bottom: 2.4em;
    z-index: 500;
}
.scroll-btn:hover {border-bottom: 30px solid #ff6600;}

/*--- FIXED TOP HEADER ---*/
.header {
    width: 100%;
    min-width: 1000px;
    height: 120px;
    position: fixed;
    z-index: 200;
    display: none;
    visibility: hidden;
    background: url("/PublicData/Images/grad-head1.png") repeat-x;
}

/*--- HEADER LOGO ---*/
.header .logo {
    position: absolute;
    width: 173px;
    height: 120px;
    z-index: 102;
    margin-left: 25px;
}
.header .logo a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

/*--- HEADER HOT LINE ---*/
.header .phone {
    position: absolute;
    width: 23%;
    height: 100%;
    min-width: 350px;
    top: 0;
    left: 0;
    margin-left: 215px;
    z-index: 200;
}
.header .phone button {
    border: none;
    background: none;
    outline: none;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    
    cursor: pointer;
}
.header .phone img {
    width: 30px;
    height: auto;
    display: inline-block;
    margin-bottom: 5px;
   }
.header .phone img:hover {background: #C0C0C0;}
.header .phone p {
    font: 1em Helvetica;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    line-height: 1.5em;
    font-weight: bold;
}

/*--- HEADER BUTTONS ---*/
.header .header-btn {
    position: absolute;
    right: 0;
    width: 100%;
    min-width: 300px;
    height: 100%;
    background: url("/PublicData/Images/cars2.png") 100% no-repeat;
}
.header .header-btn button {
    width: 13%;
    max-width: 200px;
    min-width: 180px;
    height: 24px;
    margin-top: 8px;
    margin-right: 55px;
    color: #333399;
    font-weight: bold;
    font-size: 0.7em;
    border: none;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #d1d1d1!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d1d1d1))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ffffff 0%, #d1d1d1 100%)!important; /* W3C */
    float: right;
    cursor: pointer;
    behavior: url(/pie/PIE.php);
}
.header .header-btn button:hover {
    background: #d1d1d1!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #ffffff))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #d1d1d1 0%, #ffffff 100%)!important; /* W3C */
    behavior: url(/pie/PIE.php);
}

/*--- HEADER BUTTONS SEARCH ---*/
.header .header-btn .search-form {
    position: absolute;
    right: 55px;
    width: 13%;
    min-width: 180px;
    max-width: 200px;
    margin-top: 37px;
}
.header .header-btn .search-form input[type="text"] {
    width: 80%;
    box-sizing: border-box;
    border: 2px solid white;
    height: 21px;
    /* background-color: #e8e8e8; */
    outline: none;
}
.header .header-btn .search-form input[type="submit"] {
    width: 20%;
    height: 21px;
    border: none;
    background: url("/PublicData/Images/search-1.png") center center no-repeat white;
    outline: none;
    float: right;
}
.header .header-btn .search-form input[type="submit"]:hover {
    background: url("/PublicData/Images/search-2.png") center center no-repeat white;
}

/*--- HEADER BUTTONS LANGUAGES---*/
.header .header-btn .languages {
    position: absolute;
    right: 260px;
    width: 9%;
    max-width: 35px;
    margin-top: 8px;
}
.header .header-btn .languages ul {
    margin-top: 2px;
    width: 100%;
    height: 13px;
    list-style: none;
}
.header .header-btn .languages ul li {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 4px;
    float: left;
}
.header .header-btn .languages ul li:last-child {
    margin-right: 0;
}
.header .header-btn .languages ul li a {
    position: absolute;
    display: block;
    width: 25px;
    height: 12px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.75em;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
.header .header-btn .languages ul .lang-active {
    background: #333399 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4065ad), color-stop(100%, #333399))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4065ad', endColorstr='#333399', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #4065ad 0%, #333399 100%)!important; /* W3C */
    behavior: url(/pie/PIE.php);
}
.header .header-btn .languages ul .lang-active:hover {
    background: #4065ad !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333399), color-stop(100%, #4065ad))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#4065ad', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #333399 0%, #4065ad 100%)!important; /* W3C */
    behavior: url(/pie/PIE.php);
}
.header .header-btn .languages ul .lang-active a {color: #ffffff;}

/*--- MAIN MENU ---*/
.header-menu {
    visibility: hidden;
    position: fixed;
    top: 120px;
    width: 100%;
    min-width: 1000px;
    height: 60px;
    background: #bbbbbc!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #fff 0%, #e5e5e5 100%)!important; /* W3C */
    z-index: 201;
    -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    -o-box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    behavior: url(/pie/PIE.php);
}
.header-menu .menu-top {
    float: right;
    width: 830px;
    height: 100%;
    list-style: none;
    position: relative;
}
.header-menu .menu-top > li {
    display: inline-block;
    position: relative;
    top: 21px;
    height: 50px;
    margin-right: 3.5%;
    background: url("/PublicData/Images/sub-menu-line0.png") -30px repeat-x;
    background-size: 100% 10%;
    float: left;
}
.header-menu .menu-top > li:last-child {margin-right: 0;}
.header-menu .menu-top > li > a {
    text-transform: uppercase;
    text-decoration: none;
    color: #333399;
    text-align: center;
    transition: all 0.5s;
}
.header-menu .menu-top > li.active {
    background: url("/PublicData/Images/sub-menu-line1.png") -30px repeat-x;
    background-size: 100% 10%;
}
.header-menu .menu-top > li:hover {
    background: url("/PublicData/Images/sub-menu-line2.png") -30px repeat-x;
    background-size: 100% 10%;
}
.header-menu .menu-top > li.active > a {
    color: #333399;
}
.header-menu .menu-top > li:hover > a {
    color:;
}
.header-menu .menu-top > li > ul {
    position: absolute;
    top: 43px;
    left: 0;
    width: 220px;
    list-style: none inside none;
    display: none;
}
.header-menu .menu-top > li:hover > ul {display: block;}
.header-menu .menu-top > li > ul > li {position: relative; margin-bottom: 2px;}
.header-menu .menu-top > li > ul > li:first-child {margin-top: 3px;}
.header-menu .menu-top > li > ul > li > a {
    text-decoration: none;
    color: white;
    display: block;
    background: #4065ad;
    padding: 13px 10px;
    font: 0.75em 'AzoftSans-Bold';
    transition: all 0.3s linear;
}
.header-menu .menu-top > li > ul > li > a:hover {background: #ff6600;}
.home-icon {
    position: absolute;
    width: 22px;
    height: 18px;
    right: 675px;
    top: 23px;
    background: url("/PublicData/Images/home.png") center top;
    display: none;
}
.home-icon:hover {
    background: url("/PublicData/Images/home.png") center bottom;
}
.home-icon a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/*--- SOCIAL ICONS ---*/
.header-menu .home-icons {
    width: 24%;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 1%;
}
.header-menu .home-icons a {
    text-decoration: none;
    display: inline-block;
    float: left;
    margin-right: 4px;
    width: 43px;
    height: 43px;
    border-radius: 100%;
}
.header-menu .home-icons #fb {background: url("/PublicData/Images/F1.png") center center no-repeat #333399; transition: all .5s;}
.header-menu .home-icons #gp {background: url("/PublicData/Images/G1.png") center center no-repeat #333399; transition: all .5s;}
.header-menu .home-icons #vk {background: url("/PublicData/Images/B1.png") center center no-repeat #333399; transition: all .5s;}
.header-menu .home-icons #in {background: url("/PublicData/Images/IN1.png") center center no-repeat #333399; transition: all .5s;}
.header-menu .home-icons #yt {background: url("/PublicData/Images/Y1.png") center center no-repeat #333399; transition: all .5s;}
.header-menu .home-icons #fb:hover {background: url("/PublicData/Images/F1.png") center center no-repeat #ff6600;}
.header-menu .home-icons #gp:hover {background: url("/PublicData/Images/G1.png") center center no-repeat #ff6600;}
.header-menu .home-icons #vk:hover {background: url("/PublicData/Images/B1.png") center center no-repeat #ff6600;}
.header-menu .home-icons #in:hover {background: url("/PublicData/Images/IN1.png") center center no-repeat #ff6600;}
.header-menu .home-icons #yt:hover {background: url("/PublicData/Images/Y1.png") center center no-repeat #ff6600;}

/*--- MODULES DIVIDER ---*/
.separator{
  width: 98%;
  border: 0;
  margin: 0 auto;
}
.sepLeft{
  text-align: right; 
  width: 50%;
}
.sepRight{
  text-align: left; 
  width: 50%;
}
.sepLeft hr, .sepRight hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    behavior: url(/pie/PIE.php);
}
.sepText{
  padding: 10px; 
  white-space: nowrap;
  color: #333399;
    font: 1.05em 'AzoftSans-Bold';
    text-transform: uppercase;
    text-align: center;
}
.sepImage{
  background: url("/PublicData/Images/shield.png") center 3px no-repeat;
  height: 30px;
}
.wrapper .section7 .sepText {
    color: #ffffff;
}
.wrapper .section7 .sepLeft hr, .wrapper .section7 .sepRight hr {
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    behavior: url(/pie/PIE.php);
}

/*--- WRAPPER ---*/
.wrapper {
    width: 100%;
    height: 100%;
    display: none;
    visibility: hidden;
}

/*--- FIXED BUTTONS ---*/
.wrapper .feedback-btn, .online-helper-btn {
    position: fixed;
    right: -77px;
    width: 180px;
    height: 26px;
    z-index: 100;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    behavior: url(/pie/PIE.php);
}
.wrapper .feedback-btn {
    top: 270px;
}
.wrapper .online-helper-btn {
  /* display:none; */
  top: 460px;
}
.wrapper .feedback-btn button, .online-helper-btn #online-helper, #quest-btn {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: #333399 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4065ad), color-stop(100%, #333399))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4065ad', endColorstr='#333399', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #4065ad 0%, #333399 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font: 0.75em Helvetica;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.wrapper .feedback-btn button:hover, .online-helper-btn #online-helper:hover, #quest-btn:hover {
    background: #4065ad !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333399), color-stop(100%, #4065ad))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#4065ad', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #333399 0%, #4065ad 100%)!important; /* W3C */
    behavior: url(/pie/PIE.php);
}
.wrapper .feedback-btn a {
    padding-top: 5px;
    color: white;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
}
#quest-btn {
    width: 200px;
    height: 30px;
    font: 0.9em Helvetica;
    font-weight: bold;
    margin: 10px auto 20px auto;
}

/*--- SECTION 1 MAIN SLIDER ---*/
.wrapper .section1 .slide-0{
    position: absolute;
    width: 100%;
    height: 100%;
}
.wrapper .section1 .slide-0 .slider{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.wrapper .section1 .slide-0 .slider .slide{
    width: 100%;
    height: 100%;
}
.wrapper .section1 .slide-0 .slider .slide img {
    width: auto;
    /* max-width: 2000px; */
    height: 100%;
    /* margin: auto; */
}
.wrapper .section1 .slide-0 .slider .slide a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.wrapper .section1 .slide-0 .slider .prewbutton, .nextbutton {
    display: block;
    width: 10%;
    height: 10%;
    position: absolute;
    top: 40%;
    overflow: hidden;
    text-indent: -999px;
    background: url("/PublicData/Images/left.png") center center no-repeat;
    cursor: pointer;
    z-index: 3;
    outline: none !important;
}
.wrapper .section1 .slide-0 .slider .prewbutton, .slide-3 .prewbutton {
    left: 0;
}
.wrapper .section1 .slide-0 .slider .nextbutton, .slide-3 .nextbutton {
    right: 0;
    background: url("/PublicData/Images/right.png") center center no-repeat;
}
.wrapper .section1 .slide-0 .slider .prewbutton:hover, .slide-3 .prewbutton:hover {
    background: url("/PublicData/Images/left1.png") center center no-repeat;
}
.wrapper .section1 .slide-0 .slider .nextbutton:hover, .slide-3 .nextbutton:hover {
    background: url("/PublicData/Images/right1.png") center center no-repeat;
}
.wrapper .section1 .slide-0 .sli-links {
    width: 20%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.65em;
    margin: auto;
    z-index: 200;
}
.wrapper .section1 .slide-0 .sli-links .control-slide {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 5px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: #333399;
    z-index: 200;
}
.wrapper .section1 .slide-0 .sli-links .control-slide:hover{
    cursor: pointer;
}
.wrapper .section1 .slide-0 .sli-links .control-slide.active{
    background: #ff6600;
}

/*--- SECTION 0, 1 ---*/

.wrapper .section0 {
    width: 100%;
    height: 182px;
    position: relative;
}
.wrapper .section1 {
    width: 100%;
    min-height: 500px;
    box-sizing: border-box;
    position: relative;
    background: #eaeaea;
}
.wrapper .section1 .presentation #space {
    height: 200px;
}

/*--- SECTION 1 TEXT---*/
.wrapper .section1 .presentation .text {
    position: relative;
    height: 19%;
    min-height: 100px;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
}
.wrapper .section1 .presentation .text p {
    display: block;
    text-align: center;
    color: white;
    font: 1.2em Helvetica;
    font-weight: normal;
}
.wrapper .section1 .presentation .text hr {
    width: 40%;
    color: #ff6600;
    display: inline-block;
    border: 1px solid #ff6600;
    margin-top: 7px;
}
.wrapper .section1 .presentation .text #hr1 {float: left;}
.wrapper .section1 .presentation .text #hr2 {float: right;}
.wrapper .section1 .presentation .text span {
    width: 3%;
    height: 15px;
    display: inline-block;
    margin-left: 8.5%;
}

/*--- SECTION 1 VIDEO---*/
.wrapper .section1 .presentation .video {
    position: relative;
    height: 39%;
    min-height: 220px;nb
    background: rgba(0, 0, 0, 0.6);
    visibility: visible;
}
.wrapper .section1 .presentation .video .video-center {
    position: absolute;
    width: 95%;
    height: 90%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.wrapper .section1 .presentation .video .video-center .video-bl {
    width: 100% !important;
    height: 100% !important;
}
.wrapper .section1 .presentation .video .video-center .avPlayerWrapper {
    width: 100% !important;
    height: 100% !important;
}
.wrapper .section1 .presentation .video .video-center .avPlayerContainer {
    width: 100% !important;
    height: 100% !important;
}
.wrapper .section1 .presentation .video .video-center .avPlayerContainer .avPlayerBlock {
    width: 100% !important;
    height: 100% !important;
}
.wrapper .section1 .presentation .video .video-center .avPlayerContainer .avPlayerBlock iframe{
    width: 100% !important;
    height: 100% !important;
}
.wrapper .section1 .presentation .more-btn {
    display: none;
    position: absolute;
    width: 100%;
    height: 8%;
    bottom: 40px;
}
.wrapper .section1 .presentation .more-btn button {
    position: absolute;
    width: 38%;
    max-width: 310px;
    min-width: 170px;
    max-height: 45px;
    min-height: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: none;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font: 1.2em Calibri;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.wrapper .section1 .presentation .more-btn button a {
    text-decoration: none;
    color: white;
    display: block;
    width: 100%;
    height: 100%;
}
.wrapper .section1 .presentation .more-btn button:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}

/*--- SECTION 1 CONTENT ANIMATED TRIANGLE---*/
.wrapper .section1  .triangle-wrapper {
    position: absolute;
    width: 100%;
    height: 6%;
    bottom: 10px;
}
.wrapper .section1  .triangle-wrapper .triangle {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 23px;
    height: 15px;
    background: url("/PublicData/Images/triangle.png");
    background-size: cover;
    animation: slide 1.5s linear infinite;
}
.wrapper .section1  .triangle-wrapper .triangle #a-sec2 {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
@keyframes slide {
    0% { bottom: 25px; }
    16.6% { bottom: 20px; }
    33.2% { bottom: 15px; }
    49.8% { bottom: 10px; }
    66.4% { bottom: 15px; }
    83% { bottom: 20px; }
    100% { bottom: 25px; }
}
@-webkit-keyframes slide {
    0% { bottom: 25px; }
    16.6% { bottom: 20px; }
    33.2% { bottom: 15px; }
    49.8% { bottom: 10px; }
    66.4% { bottom: 15px; }
    83% { bottom: 20px; }
    100% { bottom: 25px; }
}

/*--- SECTION 2 ---*/
.wrapper .section2 {
    width: 100%;
    height: 485px;
    position: relative;
    background: url("/PublicData/Images/back1.png") center center no-repeat  #eaeaea;
}
.wrapper .section2 .categories-icons {
    width: 85%;
    height: 75%;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.wrapper .section2 .categories-icons .icon-first-line {
    float: left;
    width: 25%;
    height: 50%;
    position: relative;
}
.wrapper .section2 .categories-icons .second-line {
    width: 75%;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.wrapper .section2 .categories-icons .second-line .icon-second-line {
    float: left;
    width: 33.3%;
    height: 100%;
    position: relative;
}
.wrapper .section2 .categories-icons .icon-first-line img, .second-line .icon-second-line img{
    position: absolute;
    width: 50%;
    height: auto;
    max-width: 120px;
    width: auto\9; /* ie8 */
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.wrapper .section2 .categories-icons .icon-first-line .label, .second-line .icon-second-line .label {
    width: 25%;
    min-width: 50px;
    height: 16.5%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 9%;
    background: #333399;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 100;
    color: white;
    font: 0.8em Helvetica;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    box-sizing: border-box;
    behavior: url(/pie/PIE.php);
}
.wrapper .section2 .categories-icons .icon-first-line .label p,
.second-line .icon-second-line .label p {
    margin-top: 7px;
}
.wrapper .section2 .categories-icons .icon-first-line .label span,
.second-line .icon-second-line .label span {
    font-weight: bold;
}
.wrapper .section2 .categories-icons .icon-first-line:hover .label,
.wrapper .section2 .categories-icons .second-line .icon-second-line:hover .label {
    background: #ff6600;
}
.wrapper .section2 .categories-icons .icon-first-line #label1 {
    left: 12%;
}
.wrapper .section2 .categories-icons .second-line .icon-second-line #label5 p {
    margin-top: 5px;
    line-height: 0.8em;
}
.wrapper .section2 .categories-icons .icon-first-line .description,
.second-line .icon-second-line .description {
    font: 0.8em Helvetica;
    color: #333399;
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 80%;
    height: 10%;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: bold;
}
.wrapper .section2 .categories-icons .icon-first-line a img, .second-line .icon-second-line a img{
    opacity: 0;
    transition: all 0.5s;
}
.wrapper .section2 .categories-icons .icon-first-line a img:hover, .second-line .icon-second-line a img:hover {
    opacity: 0.7;
    cursor: pointer;
}
.wrapper .section2 .categories-icons .icon-first-line:hover .description, .second-line .icon-second-line:hover .description {
    text-decoration: underline;
    color: #ff6600;
}

/*--- SECTION 3 CARDS---*/
.wrapper .section3 {
    width: 100%;
    height: 570px;
    position: relative;
    background: url("/PublicData/Images/back2.png") center center no-repeat #eaeaea;
}
.wrapper .section3 .tickets-and-cards {
    width: 100%;
    height: 90%;
    position: relative;
}
.wrapper .section3 .tickets-and-cards .cards {
    width: 90%;
    height: 30%;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.wrapper .section3 .tickets-and-cards .cards div {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    height: 100%;
    float: left;
    position: relative;
    transition: all 0.5s;
}
.wrapper .section3 .tickets-and-cards .cards div img {
    width: 85%;
    max-width: 260px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 8px;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    behavior: url(/pie/PIE.php);
}
.wrapper .section3 .tickets-and-cards .cards div .shadow {
    opacity: 0;
    transition: all 0.5s;
}
.wrapper .section3 .tickets-and-cards .cards div .card-text {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    z-index: 100;
}
.wrapper .section3 .tickets-and-cards .cards div .card-text p {
    color: white;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 60px;

}
.wrapper .section3 .tickets-and-cards .cards div .card-text:hover {
    opacity: 1;
}
.wrapper .section3 .tickets-and-cards .cards div .card-text:hover + .shadow {
    opacity: 0.9;
}

/*--- SECTION 3 ABOUT CARDS ---*/
.wrapper .section3 .tickets-and-cards .cards-description {
    width: 90%;
    /*height: 55%;*/
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.wrapper .section3 .tickets-and-cards .cards-description div {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    position: relative;
    transition: all 0.5s;
    margin-top: 20px;
}
.wrapper .section3 .tickets-and-cards .cards-description div p {
    display: block;
    width: 85%;
    height: 69px;
    margin-left: 7.5%;
    background: #f9f9f9;
    color: #000000;
    font: 0.8em Helvetica;
    text-align: left;
    padding: 3px 3px 3px 3px;
    box-sizing: border-box;
    text-indent: 15px;
    border: 3px solid #dddddd;
    border-top: none;
    border-bottom: 40px solid #d6d6d6;;
}
.wrapper .section3 .tickets-and-cards .cards-description div h4 {
    font: 1.1em Helvetica, Arial;
    display: block;
    width: 85%;
    margin-left: 7.5%;
    background: #f9f9f9;
    color: #ffffff;
    text-align: center;
    padding: 8px 3px 8px 3px;
    box-sizing: border-box;
}
.wrapper .section3 .tickets-and-cards .cards-description div:first-child h4 {background: #333399;}
.wrapper .section3 .tickets-and-cards .cards-description div:nth-child(2) h4 {background: #8ba3c1;}
.wrapper .section3 .tickets-and-cards .cards-description div:nth-child(3) h4 {background: #e0b438;}
.wrapper .section3 .tickets-and-cards .cards-description div:nth-child(4) h4 {background: #adadad;}
.wrapper .section3 .tickets-and-cards .cards-description div ul {
    list-style: url("/PublicData/Images/check.png") inside;
    font: 0.8em Helvetica;
    display: block;
    width: 85%;
    margin-left: 7.5%;
    background: #f9f9f9;
    color: #000000;
    text-align: left;
    padding: 3px 3px 3px 3px;
    border: 3px solid #d6d6d6;
    border-bottom: none;
    box-sizing: border-box;
}
.wrapper .section3 .tickets-and-cards .cards-description div ul li {
    margin-bottom: 7px;
    font-size: 1.0em;
    padding-left: 10px;
}
.wrapper .section3 .tickets-and-cards .cards-description div ul li:first-child {
    padding-top: 5px;
}
.wrapper .section3 .tickets-and-cards .cards-description div ul li img {
    display: inline;
    margin-right: 5px;
}
.wrapper .section3 .tickets-and-cards .cards-description div p .read-more {
    color: #333399;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: right;
    padding: 6px 0;
    margin-bottom: 3px;
    font-size: 1em;
}
.wrapper .section3 .tickets-and-cards .cards-description div p button {
    display: block;
    position: relative;
    width: 70%;
    margin-left: 15%;
    box-sizing: border-box;
    height: 30px;
    font-weight: bold;
    color: #ffffff;
    font-size: 1em;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    cursor: pointer;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.wrapper .section3 .tickets-and-cards .cards-description div p button:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}
.wrapper .section3 .tickets-and-cards .cards-description div p button .buy {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #ffffff;
    text-decoration: none;
}
.wrapper .section3 .tickets-and-cards .cards-description div .read-more:hover {
    color: #ff6600;
}

/*--- SECTION 4 ABOUT FEDERATION CONTENT ---*/
.wrapper .section4 {
    width: 100%;
    position: relative;
    background: #f9f9f9;
    text-align: center;
    margin: 0 auto 0 auto;
    display: block;
}
.wrapper .section4 .about-content {
    width: 100%;
    height: 90%;
    position: relative;
}
.wrapper .section4 .about-content .left-part1{
  width: 30%;
  float: left;
  display: inline-block;
}
.wrapper .section4 .about-content .left-part1 img:first-child {
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    behavior: url(/pie/PIE.php);
}
.wrapper .section4 .about-content .left-part1 p {
    font: 1em 'AzoftSans-Bold';
    text-transform: uppercase;
    color: #333399;
    margin: 15px auto;
}
.wrapper .section4 .about-content .right-part1{
  width: 70%;
  display: inline-block;
  text-align: left;
}
.wrapper .section4 .about-content .right-part1 p {
    color: #000000;
    font: 0.9em Helvetica;
    padding-right: 55px;
    overflow: visible;
    text-align: left;
    text-indent: 20px;
    line-height: 1.5em;
}
.wrapper .section4 .about-content .right-part1 p a {
    font: 0.95em Helvetica;
    color: #333399;
}
.wrapper .section4 .about-content .right-part1 p a:hover {
    color: #ff6600;
}
.wrapper .section4 .about-content .right-part1 ul {
    color: #000000;
    font: 0.9em Helvetica;
    padding-right: 55px;
    list-style: url("/PublicData/Images/ruby.png") inside;
}
.wrapper .section4 .about-content .right-part1 button {
    position: relative;
    width: 25%;
    min-width: 195px;
    max-width: 240px;
    height: 35px;
    margin-left: 35%;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font: 0.8em Helvetica;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.wrapper .section4 .about-content .right-part1 button:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}
.wrapper .section4 .about-content .right-part1 button a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*--- SECTION 5-1, 5-2 ---*/
.wrapper .section5-1 {
    width: 100%;
    height: 243px;
    position: relative;
    background: #eaeaea;
}
.wrapper .section5-2 {
    width: 100%;
    height: 243px;
    position: relative;
    background: #eaeaea;
}

/*--- SECTION 5-1 SLIDER 1 WRAPPER---*/
.wrapper .section5-1 .sliders-container1 {
    width: 80%;
    height: 65%;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
}
.wrapper .section5-1 .sliders-container1 .slider-1 {
    width: 100%;
    height: 100%;
    position: relative;
}

/*--- SECTION 5-2 SLIDER 2 WRAPPER---*/
.wrapper .section5-2 .sliders-container2 {
    width: 80%;
    height: 65%;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
}
.wrapper .section5-2 .sliders-container2 .slider-2 {
    width: 100%;
    height: 100%;
    position: relative;
}

/*--- SLIDER 1, 2, 3 STYLES ---*/
.slider-wrap { /* Оболочка слайдера и кнопок */
    width: 100%;
    height: 100%;
}
.slide-1 .slider, .slide-2 .slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #ffffff;
}
.slide-3 .slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.slide-1 .slide, .slide-2 .slide, .slide-3 .slide { /* Слайд */
    width: 80%;
    height: 100%;
    margin-left: 10%;
    margin-right: 10%;
}
.slide-1 .slide .picture {
    position: relative;
    width: 215px;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #f9f9f9;
    background: #dcdcdc;
    float: left;
}
.slide-1 .slide .picture img {
    max-width: 100%;
}
.slide-1 .slide .news {
    height: 75%;
    box-sizing: border-box;
    border: 2px solid #f9f9f9;
    background: #f2f2f4;
    margin-left: 215px;
}
.slide-1 .slide .link {
    position: relative;
    height: 25%;
    box-sizing: border-box;
    border: 2px solid #f9f9f9;
    border-top: none;
    background: #f9f9f9;
    margin-left: 215px;
}
.slide-1 .slide .link a {
    display: block;
    position: absolute;
    width: 30%;
    height: 15px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font: 0.8em Helvetica;
    font-weight: bold;
    color: #4065ad;
}
.slide-1 .slide .link a:hover {color: #ff6600;}
.slide-2 .slide .avatar {
    position: relative;
    width: 30%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #f9f9f9;
    background: #dcdcdc;
    float: left;
}
.slide-2 .slide .avatar .circle-photo {
    width: 115px;
    height: 115px;
    overflow: hidden;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ffffff;
    behavior: url(/pie/PIE.php);
}
.slide-2 .slide .avatar .flag {
    position: absolute;
    width: 35px;
    height: 22px;
    top: 2%;
    left: 2%;
    background: url("/PublicData/Images/flag.png") center center no-repeat #dcdcdc;
}
.slide-2 .slide .avatar p {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 5%;
    text-align: center;
    color: #333399;
    font: 0.8em Helvetica;
    font-weight: bold;
}
.slide-2 .slide .comments {
    width: 70%;
    height: 75%;
    box-sizing: border-box;
    border: 2px solid #f9f9f9;
    background: #f2f2f4;
    margin-left: 30%;
}
.slide-2 .slide .comments p, .slide .news p {
    padding: 15px;
    font: 0.8em Helvetica;
    color: #000000;
    overflow: hidden;
}
.slide-2 .slide .comments p span, .slide .news p span {
    color: #4065ad;
    font-weight: bold;
}
.slide-2 .slide .feedback {
    position: relative;
    width: 70%;
    height: 25%;
    box-sizing: border-box;
    border: 2px solid #f9f9f9;
    border-top: none;
    background: #f9f9f9;
    margin-left: 30%;
}
.slide-2 .slide .feedback button {
    display: block;
    width: 30%;
    min-width: 130px;
    max-width: 180px;
    height: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: none;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font: 0.8em Helvetica;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.slide-2 .slide .feedback button:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}
.slide-2 .slide .feedback button a {
    color: white;
    text-decoration: none;
    padding-top: 6px;
    outline: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slide-3 .slide a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slide-3 .slide img {
    position: absolute;
    width: 16%;
    max-width: 128px;
    height: auto;
    max-height: 128px;
    min-height: 110px;
    min-width: 110px;
    display: block;
    float: left;
    transition: all 0.5s;
}
.slide-3 .slide img:hover {transform: scale(1.2);}
.slide-3 .slide img:first-child, img:nth-child(6) {
    margin-left: 2%;
}
.slide-3 .slide img:nth-child(2), img:nth-child(7) {
    margin-left: 22%;
}
.slide-3 .slide img:nth-child(3), img:nth-child(8) {
    margin-left: 42%;
}
.slide-3 .slide img:nth-child(4), img:nth-child(9) {
    margin-left: 62%;
}
.slide-3 .slide img:nth-child(5), img:nth-child(10) {
    margin-left: 82%;
}
.slide-3 .slide .bottom {
    bottom: 52px;
}
.slide-3 .slide .top {
    top: 52px;
}
.slide-3 .sli-links {display: none;}

/*--- SLIDER 1, 2, 3 BUTTONS STYLES ---*/
.slide-1 .prewbutton, .slide-2 .prewbutton, .slide-3 .prewbutton, .slide-1 .nextbutton, .slide-2 .nextbutton, .slide-3 .nextbutton { /* Ссылка "Следующий" и "Педыдущий" */
    display: block;
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-indent: -999px;
    background: url("/PublicData/Images/left.png") center center no-repeat #eaeaea;
    cursor: pointer;
    z-index: 3;
    outline: none !important;
}
.slide-1 .prewbutton, .slide-2 .prewbutton, .slide-3 .prewbutton {
    left: 0;
}
.slide-1 .nextbutton, .slide-2 .nextbutton, .slide-3 .nextbutton {
    right: 0;
    background: url("/PublicData/Images/right.png") center center no-repeat #eaeaea;
}
.slide-1 .prewbutton:hover, .slide-2 .prewbutton:hover, .slide-3 .prewbutton:hover {
    background: url("/PublicData/Images/left1.png") center center no-repeat #eaeaea;
}
.slide-1 .nextbutton:hover, .slide-2 .nextbutton:hover, .slide-3 .nextbutton:hover {
    background: url("/PublicData/Images/right1.png") center center no-repeat #eaeaea;
}

/*--- SECTION 6 PARTNERS ---*/
.wrapper .section6 {
    width: 100%;
    height: 515px;
    position: relative;
    background: #eaeaea;
}
.wrapper .section6 .slider-container3 {
    width: 80%;
    /*min-width: 1000px;*/
    height: 80%;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
.wrapper .section6 .slider-container3 #tab1 td, tr {
    padding: 0;
}

/*--- SECTION 7 CONTACTS ---*/
.wrapper .section7 {
    width: 100%;
    height: 485px;
    position: relative;
    background: url("/PublicData/Images/bg-contacts.jpg");
    background-size: cover;
}
.wrapper .section7 .contacts-container {
    position: absolute;
    width: 90%;
    height: 70%;
    left: 0;
    right: 0;
    top: 20%;
    margin: auto;
}
.wrapper .section7 .contacts-container .left-part1 {
    width: 60%;
    height: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    float: left;
}
.wrapper .section7 .contacts-container .left-part1 .con {
    width: 50%;
    height: 50%;
    float: left;

}
.wrapper .section7 .contacts-container .left-part1 .con hr {
    width: 60%;
    height: 2px;
    border: none;
    color: #ff6600;
    background: #ff6600;
    margin-left: 20%;
    margin-top: 40px;
}
.wrapper .section7 .contacts-container .left-part1 .con img {
    margin-left: 20%;
    margin-top: 7px;
    float: left;
}
.wrapper .section7 .contacts-container .left-part1 .con p {
    font: 0.8em Helvetica;
    color: #ffffff;
    display: block;
    margin-left: 20%;
    margin-top: 7px;
    padding-left: 35px;
    font-weight: bold;
    line-height: 1.6em;
}
.wrapper .section7 .contacts-container .left-part1 button {
    display: block;
    width: 30%;
    height: 10%;
    min-width: 130px;
    max-width: 180px;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    margin: auto;
    border: none;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font: 0.8em Helvetica;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.wrapper .section7 .contacts-container .left-part1 button:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}
.wrapper .section7 .contacts-container .left-part1 button a {
    color: white;
    text-decoration: none;
    padding-top: 8px;
    outline: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.wrapper .section7 .contacts-container .right-part1 {
    width: 40%;
    height: 100%;
    position: relative;
    background: url("/PublicData/Images/map.jpg") center center no-repeat;
    background-size: cover;
    float: right;
}

/*--- FOOTER ---*/
.wrapper .footer {
    width: 100%;
    height: 102px;
    position: relative;
}
.wrapper .footer .home-icons2 {
    width: 100%;
    height: 60px;
    position: relative;
    background: #bbbbbc!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%, #e5e5e5 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #fff 0%, #e5e5e5 100%)!important; /* W3C */
    behavior: url(/pie/PIE.php);
}
.wrapper .footer .home-icons2 div {
    position: absolute;
    width: 235px;
    height: 43px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.wrapper .footer .home-icons2 a {
    text-decoration: none;
    display: inline-block;
    float: left;
    margin-right: 4px;
    width: 43px;
    height: 43px;
    border-radius: 100%;
}
.wrapper .footer .home-icons2 #fb {background: url("/PublicData/Images/F1.png") center center no-repeat #333399; transition: all .5s;}
.wrapper .footer .home-icons2 #gp {background: url("/PublicData/Images/G1.png") center center no-repeat #333399; transition: all .5s;}
.wrapper .footer .home-icons2 #vk {background: url("/PublicData/Images/B1.png") center center no-repeat #333399; transition: all .5s;}
.wrapper .footer .home-icons2 #in {background: url("/PublicData/Images/IN1.png") center center no-repeat #333399; transition: all .5s;}
.wrapper .footer .home-icons2 #yt {background: url("/PublicData/Images/Y1.png") center center no-repeat #333399; transition: all .5s;}
.wrapper .footer .home-icons2 #fb:hover {background: url("/PublicData/Images/F1.png") center center no-repeat #ff6600;}
.wrapper .footer .home-icons2 #gp:hover {background: url("/PublicData/Images/G1.png") center center no-repeat #ff6600;}
.wrapper .footer .home-icons2 #vk:hover {background: url("/PublicData/Images/B1.png") center center no-repeat #ff6600;}
.wrapper .footer .home-icons2 #in:hover {background: url("/PublicData/Images/IN1.png") center center no-repeat #ff6600;}
.wrapper .footer .home-icons2 #yt:hover {background: url("/PublicData/Images/Y1.png") center center no-repeat #ff6600;}
.wrapper .footer .copyright {
    width: 100%;
    height: 40px;
    background: darkgray;
}
.wrapper .footer .copyright p {
    text-align: center;
    color: #ffffff;
    font: 0.9em 'AzoftSans-Bold';
    text-transform: uppercase;
    padding-top: 12px;
}

/*--- SECTION 8 MINI CONTACTS ---*/
.wrapper .section8 {
    width: 100%;
    height: 120px;
    position: relative;
    background: #333399;
}
.wrapper .section8 .inner-contacts {
    position: absolute;
    width: 72%;
    height: 80%;
    top: 10%;
    left: 7%;
    background: rgba(255, 255, 255, 0.1);
}
.wrapper .section8 .inner-contacts .contacts {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
}
.wrapper .section8 .inner-contacts .contacts hr {
    width: 80%;
    height: 2px;
    border: none;
    color: #ff6600;
    background: #ff6600;
    margin-top: 5px;
    margin-left: 10px;
}
.wrapper .section8 .inner-contacts .contacts img {
    position: absolute;
    top: 10px;
    left: 10px;
}
.wrapper .section8 .inner-contacts .contacts p {
    font: 0.8em Helvetica;
    color: #ffffff;
    margin-left: 45px;
    margin-top: 10px;
    font-weight: bold;
    line-height: 1.6em;
}
.wrapper .section8 .inner-buttons {
    position: absolute;
    width: 13%;
    height: 80%;
    right: 7%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    float: right;
}
.wrapper .section8 .inner-buttons button {
    font: 0.8em Helvetica;
    text-align: center;
    display: block;
    width: 100%;
    min-width: 125px;
    max-width: 160px;
    height: 30px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: none;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.wrapper .section8 .inner-buttons button:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}
.wrapper .section8 .inner-buttons button a {
    color: white;
    text-decoration: none;
    padding-top: 6px;
    outline: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*--- CONTENT ---*/
.content {
    width: 100%;
    position: relative;
    background: #eaeaea;
    margin: 0 auto 0 auto;
    text-align: center;
    display: block;
    font: 0.9em Helvetica;
}
.content .left-side {
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: top;
    display: inline-block;
    width: 20%;
    background: #ffffff;
    box-sizing: border-box;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    behavior: url(/pie/PIE.php);
}
.content .left-side ul {
    list-style: url("/PublicData/Images/check.png") inside;
    text-align: left;
    font: 1em Helvetica;
    padding: 15px 10px;
}
.content .left-side ul li h4 {
    font: 1em Helvetica;
}
.content .left-side ul li a {
    text-decoration: none;
    color: #333399;
    font: 1.2em Helvetica;
}
.content .left-side ul li a:hover {
    color: #ff6600;
}
.content .middle-side {
    margin: 20px 1% 20px 1%;
    vertical-align: top;
    width: 50%;
    display: inline-block;
    background: #ffffff;
    box-sizing: border-box;
    padding: 40px;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    text-align: justify;
    line-height: 1.5em;
    color: #000000;
    behavior: url(/pie/PIE.php);
}
.content .middle-side h1 {
    /* display: none; */
    display: block;
    font-size: 1.5em;
    text-align: center;
    margin: 20px 0;
}
.content .middle-side h2 {
    color: #333399;
    display: block;
    font-size: 1.2em;
    text-align: center;
    margin: 15px 0;
}
.content .middle-side p {
    font: 1em Helvetica;
    text-indent: 20px;
    line-height: 1.5em;
}
.content .middle-side a {
    color: #333399;
}
.content .middle-side a:hover {
    color: #ff6600;
}
.content .middle-side a span {
    color: #333399 !important;
}
.content .middle-side a span:hover {
    color: #ff6600 !important;
}
.content .middle-side ul {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    list-style-position: outside;
    margin-left: 25px;
}
.content .middle-side ul li {
    list-style-type: none;
    line-height: 1.8;
    background: url("/PublicData/Images/check.png") no-repeat 0 9px;
    margin: 0;
    padding-left: 25px;
}
.content .middle-side ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    behavior: url(/pie/PIE.php);
}
.content .middle-side blockquote {
    display: block;
    margin: 1.3em 40px 1.3em 40px;
    padding: 15px;
    font-style: italic;
    position: relative;
    border: solid #666 1px;
    border-left: solid #ff6600 5px;
    font-size: 0.95em;
    background: #fcfcfc;
    clear: both;
}
.content .middle-side blockquote p {
    font-style: italic;
    font-size: 0.95em;
}
.content .middle-side #shield {
    box-shadow: none;
    clear: both;
    margin: 0 0;
}
.content .middle-side img {
    max-width: 800px;
    /* margin: 0; */
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    /* -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5); */
    /* box-shadow: 0 5px 10px rgba(0,0,0,0.5); */
    float: right;
    vertical-align: middle;
    margin-left: 20px;
    /* height: auto; */
    /* width: 100%; */
    behavior: url(/pie/PIE.php);
}
.content .middle-side #sign {
    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    behavior: url(/pie/PIE.php);
}
.content .middle-side .disp-block {
    text-align: left;
}
.content .middle-side #link-to-home {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.content .middle-side #link-to-home a {
    display: block;
    width: 100%;
}
.content .middle-side .tri {
    margin: 20px auto 0 auto;
    width: 0px;
    height: 0px;
    border: 15px solid transparent;
    border-top: 15px solid #ff6600;
}
.content .middle-side #online-reg-btn {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #ff6600;
    font: 1.2em Helvetica;
    font-weight: bold;
    text-align: center;
}
.content .middle-side #online-reg-btn:hover {
    text-decoration: underline;
}
.content .middle-side .table-content {
    border-collapse: collapse;
}
.content .middle-side .table-content td, th {
    padding: 5px;
    border: 1px solid #000000;
}
.content .middle-side #content-footer {
    background: url("/PublicData/Images/a-oplot.png") center bottom no-repeat;
    padding-bottom: 90px;
}
.content .middle-side .separator .sepText {
    font: 1.2em Helvetica;
    color: #4065ad;
    font-weight: bold;
}
.content .middle-side .separator .sepLeft hr, .sepRight hr {
    background-image: -webkit-linear-gradient(left, rgba(51,51,137,0), rgba(51,51,137,0.75), rgba(51,51,137,0));
    background-image:    -moz-linear-gradient(left, rgba(51,51,137,0), rgba(51,51,137,0.75), rgba(51,51,137,0));
    background-image:     -ms-linear-gradient(left, rgba(51,51,137,0), rgba(51,51,137,0.75), rgba(51,51,137,0));
    background-image:      -o-linear-gradient(left, rgba(51,51,137,0), rgba(51,51,137,0.75), rgba(51,51,137,0));
    background-image: linear-gradient(left, rgba(51,51,137,0), rgba(51,51,137,0.75), rgba(51,51,137,0));
    behavior: url(/pie/PIE.php);
}
.content .middle-side .formRed {
    font-weight: bold;
}
.content .right-side {
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: top;
    width: 20%;
    display: inline-block;
    background: #ffffff;
    box-sizing: border-box;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    behavior: url(/pie/PIE.php);
}

/*--- QUESTIONS AND ANSWERS ---*/
.content .middle-side .aq {width: 10%; margin-left: 45%;}
.content .middle-side .aq img {
    max-width: 100%;
    float: none;
    box-shadow: none;
    margin: 0;
}
.content .middle-side .aq-in {
    position: relative;
    width: 95%;
    margin-left: 2.5%;
    background: #eaeaea;
    padding: 40px;
    box-sizing: border-box;
}
.content .middle-side .aq-in .block {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
}
.content .middle-side .aq-in .block .shield {
    position: absolute;
    width: 4%;
    height: 40px;
    right: 43%;
    top: 0;
    background: url("/PublicData/Images/a-oplot.png") no-repeat center;
    background-size: auto 100%;
    z-index: 100;
}
.content .middle-side .aq-in .block .arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 10px solid transparent;
    border-left: 15px solid #ff6600;
}
.content .middle-side .aq-in .block .quest, .content .middle-side .aq-in .block .ans {
    position: relative;
    box-sizing: border-box;
    width: 48%;
    background: white;
    border: 2px solid #c1c1c1;
    border-top: 40px solid #c1c1c1;
    display: inline-block;
    margin-bottom: 40px;
}
.content .middle-side .aq-in .block .ans {float: right;}
.content .middle-side .aq-in .block .quest #data, .block .ans #data-2 {
    position: absolute;
    top: -30px;
    right: 10px;
    color: #333399;
    font-weight: bold;
    font-size: 0.8em;
}
.content .middle-side .aq-in .block .quest #name {
    position: absolute;
    top: -30px;
    left: 10px;
    color: #333399;
    font-weight: bold;
    font-size: 1.1em;
}
.content .middle-side .aq-in .block .quest p, .content .middle-side .aq-in .block .ans p {
    padding: 15px;
}


/*--- LEFT-SIDE BANNER ---*/
.block_questions {
    width: 100%;
    background: #d7d7d7;
}
.block_questions .questions-tit {
    background-color: #ff6600;
    color: #fff;
    font: 1em Helvetica;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 5px;
}
.newflash {
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    outline: none;
}
.block_questions .otd-news {
    position: relative;
    margin: 2px 0;
}
.block_questions .otd-news:last-child {
    margin: 0;
}
.block_questions .otd-news h2 {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
}
.block_questions .otd-news h2 > a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    font: 0.6em Helvetica;
    text-decoration: none;
    color: #000000;
    background: #eeeeee;
    font-weight: bold;
}
.block_questions .otd-news:nth-child(2n) h2 > a {
    background: #f4f4f4;
}
.block_questions .otd-news h2 > a:hover {
    color: #ffffff;
    background: #333399;
}
.bannergroup {display: none;}

/*--- START TABS HORIZONTAL ---*/
.sectionH{
    width: 600px;
    background: #EFEFEF;
    margin: 0 0 30px;
}
.sectionH .ul.tabs {
    height: 28px;
    line-height: 25px;
    list-style: none;
    border-bottom: 1px solid #DDD;
    background: #ffffff;
}
.sectionH .tabs li {
    float: left;
    display: inline;
    margin: 0 1px -1px 0;
    padding: 0 13px 1px;
    color: #777;
    cursor: pointer;
    background: #F9F9F9;
    border: 1px solid #E4E4E4;
    border-bottom: 1px solid #F9F9F9;
    position: relative;
}
.sectionH .tabs li:hover{
    color: #F70;
    padding: 0 13px;
    background: #FFFFDF;
    border: 1px solid #FFCA95;
}
.sectionH .tabs li.current {
    color: #444;
    background: #EFEFEF;
    padding: 0 13px 2px;
    border: 1px solid #D4D4D4;
    border-bottom: 1px solid #EFEFEF;
}
.sectionH .box {
    display: none;
    border: 1px solid #D4D4D4;
    border-width: 0 1px 1px;
    background: #EFEFEF;
    padding: 0 12px;
}
.sectionH .box.visible {
    display: block;
}

/*--- START TABS ---*/
.vtabs {
    display: inline-table;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.section {
    min-width: 400px;
    background: #eeeeee;
    margin: 0 0 30px;
    text-align: left;
}
ul.tabs {
    /*height: 28px;*/
    line-height: 25px;
    list-style: none;
    background: #FFF;
    margin-left: -174px !important;
}
.tabs li {
    float: left;
    margin: 0 1px -1px 0;
    /* padding: 0 13px 1px; */
    cursor: pointer;
    background: #F9F9F9;
    border: 1px solid #E4E4E4;
    border-bottom: 1px solid #F9F9F9;
    /*display: inline-table !important;*/
}
.tabs li:hover, .vertical .tabs li:hover {
    color: #F70;
    padding: 0 13px;
    background: #FFFFDF;
    border: 1px solid #FF5A00;
}
.tabs li.current {
    background: #EFEFEF;
    padding: 0 13px 2px;
    border: 1px solid #D4D4D4;
    border-bottom: 1px solid #EFEFEF;
    font-weight: normal;
}
.box {
    display: none;
    border-width: 0px 0px 0px 0px;
    background: #fff;
    padding:10px;
    vertical-align: top;
}
.box.visible {
    display: block;    
  }
.section.vertical {
    display: table;
    background-color: #fff;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    -webkit-border-radius: 3px 10px 10px 3px;
    -moz-border-radius: 3px 10px 10px 3px;
    border-radius: 3px 10px 10px 3px;
    margin-left: 174px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    width: 80%;
    min-width: 80%;
    behavior: url(/pie/PIE.php);
}
.vertical .tabs {
    width: 160px;
    /*float: left;*/
    margin: 0 0 0 -174px;
    /*display: inline-table;*/
}
.vertical .tabs li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    background: none !important;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 6px solid #2F4564;
    border-right: 0px solid #999999;
    width: 141px;
    min-height: 25px;
    height: auto;
    text-align: left;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;
    background-color: #fff;
    font-weight: normal;
    behavior: url(/pie/PIE.php);
}
.vertical .tabs li:hover {
    width: 141px;
    
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    
    border-left: 6px solid #FF5A00;
    border-right: 0px;
}
.vertical .tabs li.current {
    width: 142px;
    
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 13px !important;
    padding-right: 12px !important;
    
    border-left: 6px solid #FF5A00;
    border-bottom-color: #999999;
    border-top-color: #999999;
    border-right: 1px solid #fff;
    background: #fff;
    font-weight: bold;
}
.table-content tr td:first-child a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.table-content tr td:first-child a .div-logo-sliderr1, .table-content tr td:first-child .div-logo-sliderr {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*--- TABLE FOR CARDS ---*/
#table-cards-wrapper{
    padding: 2px;
    background-color: #d6d6d6;
}
#table-cards td, tr {
    padding: 10px 5px;
}
#table-cards {
    font: 0.9em Helvetica;
    line-height: 1.5em;
}
#table-cards #table-img0 {height: 110px; box-shadow: none; float: none; margin: 0;}
#table-cards .td-img2 img {width: 20px; box-shadow: none; margin: 0; float: none; visibility: hidden;}
#table-cards .back {background: #eaeaea;}
#table-cards .table-head-type {
    color: #ffffff;
    background: #333399;
    font-weight: bold;
    font-size: 1.2em;
}
#table-cards #table-head-type2 {background: #8ba3c1;}
#table-cards #table-head-type3 {background: #e0b438;}
#table-cards #table-head-type4 {background: #adadad;}
#table-cards .table-head-caption {
    color: #ff6600;
    font-size: 1em;
    font-weight: bold;
}
#table-cards .highlighted {background: #f7f7f7; font-weight: bold;}
#table-cards .blue {color: #333399; font-weight: bold; font-size: 1em; line-height: 1.5em;}
#table-cards .orange {color: #ff6600; font-weight: bold; font-size: 1.05em;}
#table-cards .highlighted-white {background: white;}
#table-cards .hover {background: #ffffff;}
.table-cards-summary{
    font-size: 1.1em;
    line-height: 4em;
}
.table-cards-buttons {
    height: 50px;
}
.table-cards-buttons button {
    position: relative;
    font: 0.9em Helvetica;
    height: 30px;
    width: 150px;
    text-align: center;
    border: none;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
.table-cards-buttons button a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.table-cards-buttons button:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}

/*--- THANK YOU MESSAGE ---*/
.text-grey {

    padding: 20px 20px;
    background: #efefef;
    border: 1px solid #d6d6d6;
}
.text-grey #text1, .text-grey #text2 {
    font: 1.2em Helvetica;
    text-align: center;
    color: #000000;
    font-weight: bold;
}
.text-white {
    padding: 20px 20px;
    background: #ffffff;
    border: 1px solid #d6d6d6;
}
.text-white #text3 {
    font: 1.3em Helvetica;
    text-align: center;
    color: #ff6600;
    font-weight: bold;
}
#thank-you-img1, #thank-you-img2, #thank-you-img3 {
    box-shadow: none;
    float: none;
    height: 105px;
    margin: 0;
}
.load {
    font: 1em Helvetica;
    font-weight: bold;
    color: #000000;
    line-height: 1.4em;
    text-align: center;
}
#btnKvit {
    width: 170px;
    height: 30px;
    border: none;
    background: #333399 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4065ad), color-stop(100%, #333399))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4065ad 0%, #333399 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4065ad', endColorstr='#333399', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #4065ad 0%, #333399 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font: 0.8em Helvetica;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
#btnKvit:hover {
    background: #4065ad !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333399), color-stop(100%, #4065ad))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333399 0%, #4065ad 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#4065ad', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #333399 0%, #4065ad 100%)!important; /* W3C */
    behavior: url(/pie/PIE.php);
}
#btnPay {
    width: 170px;
    height: 30px;
    border: none;
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6600 0%, #ff3300 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff3300', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ff6600 0%, #ff3300 100%)!important; /* W3C */
    color: #ffffff;
    cursor: pointer;
    font: 0.8em Helvetica;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
#btnPay:hover {
    background: #ff3300!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3300), color-stop(100%, #ff6600))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3300 0%, #ff6600 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  #ff3300 0%, #ff6600 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff9b3e', GradientType=0 )!important; /* IE6-9 */
    behavior: url(/pie/PIE.php);
}
#card-number {
    width: 170px;
    height: 30px;
    border: none;
    background: #d1d1d1!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d1d1d1))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #ffffff 0%, #d1d1d1 100%)!important; /* W3C */
    color: #333399;
    cursor: pointer;
    font: 0.8em Helvetica;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    behavior: url(/pie/PIE.php);
}
#card-number:hover {
    background: #d1d1d1!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #ffffff))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d1d1d1 0%, #ffffff 100%)!important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff', GradientType=0 )!important; /* IE6-9 */
    background: linear-gradient(to bottom,  #d1d1d1 0%, #ffffff 100%)!important; /* W3C */
    behavior: url(/pie/PIE.php);
}
.thetextinter {
    background: white !important;
}
.table-content td a img {
    height: auto;
    width: 100%;
}

/*YOUTUBE VIDEO*/
.videoContainer{
    position: relative;
    height:300px;
    width:534px; 
    float:right;
    margin-left:20px; 
    margin-bottom:20px;  
}

.buildInVideo{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index:1;
}

.videoMask{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index:2;
    background-image:url(/PublicData/Images/VideoMask.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    cursor: pointer;
}
.videoMaskHomePage{
    position: relative;
    height: 100%;
    width: 100%;
    z-index:2;
    background-image:url(/PublicData/Images/VideoMask.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: top;
    cursor: pointer;
}