@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansbold';
    src: url('../fonts/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ margin:0; padding:0; font-size:16px; font-family: 'josefin_sansregular', sans-serif; color:#666 ; line-height:130%;
background:url(../images/sky.png) top center no-repeat #f0f0f0; overflow-x:hidden !important;}

h1, h2, h3, h4, h5, h6 {margin:0 0 15px 0; padding:0;color:#26225e; font-weight:normal; font-family: 'josefin_sansbold';}
h1 { font-size:30px; line-height: 100%;}
h2 { font-size:26px; }
h3 { font-size:24px; }
h4 { font-size:22px; }
h5 { font-size:20px; }
h6 { font-size:18px; }
a img { border:0 none; }
img{max-width:100%; height:auto;}
a{text-decoration:none !important; color:#2d2a6b;}
a:hover , a:focus{ transition:all .5s; color:#ce9346;}
ul { margin:0; padding:0; list-style:none; }
b, strong{ font-weight:normal; font-family: 'josefin_sansbold';}
.clear { clear:both; float:none; }
input:focus,select:focus,textarea:focus,button:focus , a:focus { outline: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none;}
::-moz-selection { background: #af1e23; color: #fff; text-shadow: none; }
::selection { background: #af1e23; color: #fff; text-shadow: none; }

/*************************/
.logo{ text-align:center; margin:30px 0;}
.main-links{ text-align:center;}
.main-links a{ border-radius:20px; padding:13px 18px 13px 65px; border:5px solid #FFF; text-align:left; color:#FFF;
margin-bottom:20px; min-height:86px; font-size:20px; display:flex; flex-direction:column; justify-content:center; position:relative;
font-family: 'josefin_sansbold';
background: #666;
background: -moz-linear-gradient(right,  #666 20%, #999 80%);
background: -webkit-linear-gradient(right,  #666 20%,#999 80%);
background: linear-gradient(to left,  #666 20%,#999 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#999',GradientType=1 );
}
@media (max-width:1199px){.main-links a{font-size:17px;}}
.main-links img{ position:absolute; left:13px; max-width:40px; max-height:40px; top:24%;}
.main-links i{ position:absolute; right:-8px; top:30%; font-size:30px;}
.main-links i:before{ z-index:10; position:relative;}
.main-links i:after{
width: 0; 
height: 0;
content: " ";
border-left: 30px solid #666;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
position:absolute;
right:-6px;
top:-14px;
}
/*.main-links li:last-child{ float:none; margin:auto; clear:both;}*/
.main-links .btn-color1{
background: #075d98;
background: -moz-linear-gradient(right,  #075d98 20%, #00b3f0 80%);
background: -webkit-linear-gradient(right,  #075d98 20%,#00b3f0 80%);
background: linear-gradient(to left,  #075d98 20%,#00b3f0 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075d98', endColorstr='#00b3f0',GradientType=1 );
}
.main-links .btn-color1 i:after{ border-left-color:#075d98;}

.main-links .btn-color2{
background: #7b3766;
background: -moz-linear-gradient(right,  #7b3766 20%, #a93184 80%);
background: -webkit-linear-gradient(right,  #7b3766 20%,#a93184 80%);
background: linear-gradient(to left,  #7b3766 20%,#a93184 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b3766', endColorstr='#a93184',GradientType=1 );
}
.main-links .btn-color2 i:after{ border-left-color:#7b3766;}

.main-links .btn-color3{
background: #a94705;
background: -moz-linear-gradient(right,  #a94705 20%, #ce7914 80%);
background: -webkit-linear-gradient(right,  #a94705 20%,#ce7914 80%);
background: linear-gradient(to left,  #a94705 20%,#ce7914 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94705', endColorstr='#ce7914',GradientType=1 );
}
.main-links .btn-color3 i:after{ border-left-color:#a94705;}

.main-links .btn-color4{
background: #37782d;
background: -moz-linear-gradient(right,  #37782d 20%, #5e9918 80%);
background: -webkit-linear-gradient(right,  #37782d 20%,#5e9918 80%);
background: linear-gradient(to left,  #37782d 20%,#5e9918 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37782d', endColorstr='#5e9918',GradientType=1 );
}
.main-links .btn-color4 i:after{ border-left-color:#37782d;}

.main-links .btn-color5{
background: #38276a;
background: -moz-linear-gradient(right,  #38276a 20%, #5b339c 80%);
background: -webkit-linear-gradient(right,  #38276a 20%,#5b339c 80%);
background: linear-gradient(to left,  #38276a 20%,#5b339c 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38276a', endColorstr='#5b339c',GradientType=1 );
}
.main-links .btn-color5 i:after{ border-left-color:#38276a;}

.main-links .btn-color6{
background: #225344;
background: -moz-linear-gradient(right,  #225344 20%, #2e7862 80%);
background: -webkit-linear-gradient(right,  #225344 20%,#2e7862 80%);
background: linear-gradient(to left,  #225344 20%,#2e7862 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225344', endColorstr='#2e7862',GradientType=1 );
}
.main-links .btn-color6 i:after{ border-left-color:#225344;}

.main-links .btn-color7{
background: #9e0b0f;
background: -moz-linear-gradient(right,  #9e0b0f 20%, #d71e20 80%);
background: -webkit-linear-gradient(right,  #9e0b0f 20%,#d71e20 80%);
background: linear-gradient(to left,  #9e0b0f 20%,#d71e20 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0b0f', endColorstr='#d71e20',GradientType=1 );
}
.main-links .btn-color7 i:after{ border-left-color:#9e0b0f;}

.main-links .btn-color8{
background: #097b89;
background: -moz-linear-gradient(right,  #097b89 20%, #0ba7ba 80%);
background: -webkit-linear-gradient(right,  #097b89 20%,#0ba7ba 80%);
background: linear-gradient(to left,  #097b89 20%,#0ba7ba 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#097b89', endColorstr='#0ba7ba',GradientType=1 );
}
.main-links .btn-color8 i:after{ border-left-color:#097b89;}

.main-links .btn-color9{
background: #7d0b9e;
background: -moz-linear-gradient(right,  #7d0b9e 20%, #9e0b95 80%);
background: -webkit-linear-gradient(right,  #7d0b9e 20%,#9e0b95 80%);
background: linear-gradient(to left,  #7d0b9e 20%,#9e0b95 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d0b9e', endColorstr='#9e0b95',GradientType=1 );
}
.main-links .btn-color9 i:after{ border-left-color:#7d0b9e;}

.main-links .btn-color10{
background: #8e8200;
background: -moz-linear-gradient(right,  #8e8200 20%, #afa103 80%);
background: -webkit-linear-gradient(right,  #8e8200 20%,#afa103 80%);
background: linear-gradient(to left,  #8e8200 20%,#afa103 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8200', endColorstr='#afa103',GradientType=1 );
}
.main-links .btn-color10 i:after{ border-left-color:#8e8200;}

.footer{ background:url(../images/footer-bg-en.png) center bottom repeat-x; min-height:208px; padding-top:155px;}
/*@media (min-height:768px){.footer{position:absolute; bottom:0; width:100%; z-index:-1;}}*/
.copyr-ight{ color:#666; font-size:15px;}
.copyr-ight a{ color:#2d2a6b;}
.copyr-ight a:hover , .copyr-ight a:focus{ color:#FFF;}
@media (max-width:991px){
.footer{ background:url(../images/footer-bg-en.png) left bottom repeat-x; padding-top:140px;}
.copyr-ight p{ margin:0;}
.copyr-ight{ text-align:center; font-size:14px;}
.copyr-ight a:hover , .copyr-ight a:focus{ color:#777;}
.copyr-ight .pull-right{ float:none !important;}
}
@media (max-width:767px){
.footer{ background:none; padding:15px 0; min-height:inherit; background:rgba(0,0,0,.45);}
.copyr-ight{ color:#FFF; font-size:12px;}
.copyr-ight a{ color:#e5b35b;}
.copyr-ight a:hover , .copyr-ight a:focus{ color:#FFF;}
}
.title{ text-align:center; margin:10px 0 40px;}

/***************language**************/
.language{ background:url(../images/language-bg2.png) center top repeat-x #1e1e1e;}
@media (min-width:1600px){.language{ background-size:cover;}}
.language .container{ position:relative;}
.footer2{ margin-top:500px; padding:30px 0;}
.copyr-ight2{ color:#FFF; text-align:right;}
@media (max-width:767px){.copyr-ight2{ text-align:center;}}
.copyr-ight2 a{ color:#af1e23;}
.copyr-ight2 a:hover{ color:#FFF;}
.copyr-ight2 p{ margin:0; text-shadow:0 0 10px rgba(0,0,0,1);}
.direction{ background:url(../images/sign.png); background-size:300px auto; width:300px; height:400px; padding:35px 90px 0 0; position:absolute; right:5px; margin-top:70px;}
.direction a{ font-size:20px; color:#FFF; text-transform:uppercase; display:block; margin-bottom:37px;}
.direction a:hover{ color:#e5b35b;}
.direction a img{margin-top:5px;}
@media (max-width:767px){
.language{ background-size:1600px auto;}
.direction{right:10px; margin-top:0;}
.footer2{ margin-top:320px; background:rgba(0,0,0,.4); padding:10px 0; font-size:12px;}
}

@media (min-height:768px){
.footer2{ width:100%; position:absolute; bottom:15px;}
}
@media (min-width:1920px){
.footer2{ bottom:100px;}
}
/*.language-slider{ max-width:400px; margin:auto; text-align:center; position:absolute; right:0; left:0; top:70px;}*/
.language-slider{ max-width:400px; margin:70px auto -100px; text-align:center;}
@media (max-width:991px){
.language-slider{ /*position:static;*/ margin:0 auto 0;}
.language-slider h2{ font-size:18px;}
}

/*************Exam************/
@media (min-width:768px){.page-content{ min-height:485px;}}
@media (min-width:1920px){.page-content{ min-height:665px;}}
.question{}
.question p{ font-size:20px; color:#2d2a6b; margin-bottom:20px; font-family: 'josefin_sansbold';}
.question label{ border-radius:10px; border:2px solid #FFF; padding:12px 30px 12px; margin-bottom:5px; width:100%; font-size:17px;
background: #f0f0f0; font-family: 'josefin_sansregular'; font-family: 'josefin_sansbold';
background: -moz-linear-gradient(45deg,  #f0f0f0 20%, #ffffff 80%);
background: -webkit-linear-gradient(45deg,  #f0f0f0 20%,#ffffff 80%);
background: linear-gradient(45deg,  #f0f0f0 20%,#ffffff 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 );
}
.question label:hover{ background: #f0f0f0;}
.question label img{ max-height:80px; margin-left:3px;}
.radio-img input{margin-top:35px; /*margin-right:30px;*/}
.question .true-answer , .question .true-answer:hover {
color:#FFF;
background: #37782d;
background: -moz-linear-gradient(right,  #37782d 20%, #5e9918 80%);
background: -webkit-linear-gradient(right,  #37782d 20%,#5e9918 80%);
background: linear-gradient(to left,  #37782d 20%,#5e9918 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37782d', endColorstr='#5e9918',GradientType=1 );
}
.question .false-answer , .question .false-answer:hover{
color:#FFF;
background: #9e0b0f;
background: -moz-linear-gradient(right,  #9e0b0f 20%, #d71e20 80%);
background: -webkit-linear-gradient(right,  #9e0b0f 20%,#d71e20 80%);
background: linear-gradient(to left,  #9e0b0f 20%,#d71e20 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0b0f', endColorstr='#d71e20',GradientType=1 );
}
.exam-pic{margin-bottom:30px;}
.exam-pic img{ border:7px solid #FFF; border-radius:10px; width:100%; height:auto; background:#FFF;}
.btn{ border-radius:10px; font-size:20px; padding:8px 25px; font-family: 'josefin_sansbold';}
.btn-primary{ border:none;
background: #2d2a6b;
background: -moz-linear-gradient(45deg,  #2d2a6b 20%, #3e3998 80%);
background: -webkit-linear-gradient(45deg,  #2d2a6b 20%,#3e3998 80%);
background: linear-gradient(45deg,  #2d2a6b 20%,#3e3998 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2a6b', endColorstr='#3e3998',GradientType=1 );
}
.btn-primary:hover , .btn-primary:focus{ border:none;
background: #a94705;
background: -moz-linear-gradient(right,  #a94705 20%, #ce7914 80%);
background: -webkit-linear-gradient(right,  #a94705 20%,#ce7914 80%);
background: linear-gradient(to left,  #a94705 20%,#ce7914 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94705', endColorstr='#ce7914',GradientType=1 );
}
.btn-default{
background: #ffffff;
background: -moz-linear-gradient(45deg,  #f0f0f0 20%, #ffffff 80%);
background: -webkit-linear-gradient(45deg,  #f0f0f0 20%,#ffffff 80%);
background: linear-gradient(45deg,  #f0f0f0 20%,#ffffff 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 );
}
.btn-default:hover ,.btn-default:focus{
background: #ffffff;
background: -moz-linear-gradient(45deg,  #dddddd 20%, #ffffff 80%);
background: -webkit-linear-gradient(45deg,  #dddddd 20%,#ffffff 80%);
background: linear-gradient(45deg,  #dddddd 20%,#ffffff 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=1 );
}
.progress{background-color: #FFF; border:1px solid #ddd; margin-top:15px; border-radius: 10px;}
.progress-bar{
background: #37782d;
background: -moz-linear-gradient(right,  #37782d 20%, #5e9918 80%);
background: -webkit-linear-gradient(right,  #37782d 20%,#5e9918 80%);
background: linear-gradient(to left,  #37782d 20%,#5e9918 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37782d', endColorstr='#5e9918',GradientType=1 );
}

/***********login************/
.login{ max-width:550px; margin:30px auto; background:#FFF; padding:30px; border-radius:15px;}
.form-control{ border-radius:10px; height:44px; padding:6px 15px; font-size: 16px;
background: #f1f1f1;
background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 50%);
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%);
background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
.form-control:focus {border-color: #ce9346;outline:none;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
label{ font-weight:normal; font-family: 'josefin_sansbold';}
form label{ font-size:18px;}

.result{ max-width:550px; margin:30px auto; background:#FFF; padding:30px; border-radius:15px; text-align:center;}
.result p{ font-size:18px; padding:10px; border-radius:10px; border:1px solid #f0f0f0;
background: #f0f0f0;
background: -moz-linear-gradient(45deg,  #f0f0f0 20%, #ffffff 80%);
background: -webkit-linear-gradient(45deg,  #f0f0f0 20%,#ffffff 80%);
background: linear-gradient(45deg,  #f0f0f0 20%,#ffffff 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 );
}
.result span{ font-size:32px;}
.result h3{ margin:20px 0 0;}
.result a{ margin-top:25px;}

/********error404**********/
.error404{ max-width:600px; margin:100px auto 0; text-align:center;}
.error404 h1{ font-size:50px; text-transform:uppercase;}
.error404 h3{ text-transform:uppercase; margin-bottom:20px; color:#666;}
.error404-pic{ margin:0 auto 40px;}
@media (max-width:767px){
.error404{ margin:30px auto 0;}
.error404-pic{ margin:0 auto 30px;}
.error404-pic img{ max-width:200px;}
}
/***********alert**********/
.alert{border-radius:10px;}
.alert .close{ font-size:30px; margin-top:-10px;}
.alert ul{ list-style:inside circle;}
/*** Internet Explorer 9 ***/
.ie9 .wow {visibility: visible !important;}
.ie9 .main-links a{ display:inherit; flex-direction:inherit; justify-content:inherit; border-radius:0;}