*{margin:0; padding:0;font-weight:normal;box-sizing:border-box;}
@font-face {
    font-family: falsor;
    src: url(fonts/SSTArabicRoman.ttf)
}

@font-face {
    font-family: 'DroidArabicKufi';
    src: url(fonts/DroidKufi-Regular.ttf)
}


a{text-decoration:none;}
li{list-style:none;}
.clear{clear:both;}
body{direction:rtl;}
img{display:block;}
.Sitecontainer{max-width: 970px;margin: auto;position: relative;    padding-top: 120px;}
.LeaderBoard{width:100%;max-width:728px;margin:auto;}
.LeaderBoard img{margin:auto;}
.AboutSite{float:right;}
.SiteLogo{width:170px;float:right;}
.SiteLogoIcon{width:100%;}
.thanwyaLogo{width:161px;float:left; margin-right: 78px; margin-top: 16px;}
.thanwyaLogoIcon{width:100%;}
.BY{float:left;width:100%;max-width:470px; margin-top: 10px;}
.BY img{max-width:100%;float:right;margin-left:5%;}
.BY img:nth-child(3){margin-left:0%;}
.BY img:nth-child(1){margin-top:13px;}
.BYFooter { width: 100%; max-width: 800px; margin: 20px auto; /*margin-right: auto!important;*/ }
.BYFooter img{max-width:100%;float:right;margin-left:7%;}
.BYFooter img:nth-child(3){margin-left:0%;}
.BYFooter img:nth-child(1){margin-top:13px;}
.headerTH{margin-top: 20px;border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;padding-top: 10px; padding-bottom: 10px;}
.all{position: relative;}
.RightAd{align-self: flex-end;position: absolute; right:-172px; top: 0;}
.leftAd{align-self: flex-end; position: absolute;left:-157px; top: 0;}
.SiteLogor-responsive{display: none;}
.icon{text-align: center;}
.icon .fa-youtube, .fa-google-plus-g{color: red;}
.icon .fa-twitter{color:skyblue;}
.icon .fa-facebook-f {color: blue;}

/*header*/

.header { background: url(https://www.youm7.com/images/headerNewBg23.jpg?fdf) 0px 0px repeat-x scroll transparent;}
.container:before, .row:after, .row:before {display: table;content: " ";}
.headerNewNew {width: 100%;background: url(https://www.youm7.com/images/headerNewBg23.jpg?fdf) 0px 0px repeat-x scroll;position: fixed;top: 0px;z-index: 9999;right: 0px;}
.firstMenu {min-height: 54px;border-top: 1px solid rgb(205, 205, 205);background: url(https://www.youm7.com/images/bg.png?dfdf) center center repeat scroll rgba(0, 0, 0, 0);
}
.container-new-menu {width: 650px;max-width: 960px;margin: auto;overflow: hidden;}
.fixedMenMen {position: relative;}
.container-navigation {float: right;position: relative;width: 100%;direction: rtl;padding: 0px;}
.flexslider {width: calc(100% - 322px); margin-right: 0px;float: right;margin-top: 4px;box-sizing: border-box;overflow: hidden;border-left: 1px solid rgb(205, 205, 205);}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;transform: translate3d(0px, 0px, 0px);}
.swiper-f .swiper-slide {float: right;width: 50%;}
.container-navigation a {border-right: 0 solid #cdcdcd;display: inline-block;height: 32px;display: block;padding-left: 2px;padding-right: 2px;position: relative;}
.date-header {font-family: 'DroidArabicKufi';    display: inline-block;float: left;color: #000;position: absolute;left: 0px;top: 0px;font-size: 13px;height: 38px;z-index: 9;padding-top: 10px;}
.date-header i {margin-right: 10px;color: #ED1B24;font-size: 15px;}
.header .secondMenu {min-width: 960px !important;padding-right: 15px;clear: both;text-align: -webkit-center;}
.nav{display: block;}
.headerCont .container {width: 960px !important;margin:auto}
.newHeaderLmenu { margin-bottom: 0px;padding: 0px;}
.ul {list-style: none;}
.secondMenu ul li {float: right;}
.secondMenu ul h2 {font-family: 'DroidArabicKufi';color: #ccc;text-shadow: 0 2px #282828;font-size: 14px;float: right;padding: 22px 18px 15px;margin: 0px;font-weight: normal;    line-height: 10px;}
.dropMenu {margin-top: 1px;position: relative;}
.dropMenu a {position: relative;font-family: 'DroidArabicKufi';color: #ccc;text-shadow: 0 2px #282828;
font-size: 14px;font-weight: normal;display: block;padding: 13px 0 10px;}
.drop-a-down {display: block;height: 39px;padding-top: 0 !important;margin-top: 11px;}
.dropMenu h2 {padding: 9px 8px !important;margin: 0px;}
.newHeaderLmenu .dropMenu ul {right: -47px !important;width: 180px !important;position: absolute;
display: none;clear: both;background: #3F3F3F;padding: 7px;z-index: 999999999999;}
.bigMenu {max-width: 300px;}
.homeIco i {font-size: 24px;margin-top: -9px;margin-left: 3px;}
.fa-home:before {content: "\f015";}
.dropMenu ul {position: absolute;display: none;clear: both;background: #3F3F3F;padding: 7px;z-index: 999999999999;}
.newHeaderLmenu .dropMenu li {min-width: 200px !important;clear: both !important;float: none !Important;
}
.dropMenu li a {display: block;font-size: 14px;}




/*form*/
.RightSide{width:calc(100% - 320px);float:right;    padding-top: 20px;    padding-right: 20px;}
.LeftSide{width:320px;padding:9px;border:1px solid #ebebeb;float:left;}
.RightSide h3{font-family: 'DroidArabicKufi',Tahoma;font-size: 14px;color:#ed1b24;text-align:center;margin-bottom:10px;}
.RightSide h2{font-family: "DroidArabicKufi", Tahoma;font-size: 45px;color: rgb(237, 27, 36);text-align: center;margin-bottom: 10px;margin-top: 115px;}
.RightSide p{font-family: 'DroidArabicKufi',Tahoma;font-size: 12px;text-align:center; margin-bottom: 20px;}
.halfinput {width: calc(50% - 15px);float: right;margin-left: 30px;}
.halfinput:nth-child(2n+0){margin-left: 0;}
.nav-item{ cursor: pointer; border:1px solid #c8c5c5;}
.halfinput input{width: 90%; height: 43px; padding-right: 13px; font-weight: bolder; border: 1px solid #c8c5c5;font-family: 'falsor';outline-color: #f1f1f1;}
.selector{width: calc(100% - 30px); height: 43px; border:1px solid #c8c5c5;outline-color: #f1f1f1;margin-bottom:0;}
.halfinput ul li{padding: 10px 5px 0 5px; float: right; width: 30%; height: 43px; text-align: center; font-weight: bolder; font-family: 'DroidArabicKufi';font-size: 14px;line-height: 20px;}
.halfinput ul li a{margin-right: 5px; font-weight: bolder; font-size: 14px;}
.RightSide button{width:300px; background-color: #c31e1e;margin:20px auto 50px auto;display:block;color: white; font-size: 18px;border:none; outline-color:#c31e1e;font-family: 'falsor';cursor:pointer;line-height: 40px;}
.RightSideInput{width:300px; background-color: #c31e1e;margin:20px auto 50px auto;display:block;color: white; font-size: 18px;border:none; outline-color:#c31e1e;font-family: 'falsor';cursor:pointer;line-height: 40px;}
.wrapper{margin-top: 20px;}
.halfinput-log input{ width: 300px; margin: auto;height: 43px; padding-right: 13px; font-weight: bolder; border: 1px solid #f1f1f1;font-family: 'falsor';outline-color: #f1f1f1;}
.halfinput-log{text-align: center;}
.halfinput-result input{ width: 639px; margin: auto;height: 43px; padding-right: 13px; font-weight: bolder; border: 1px solid #f1f1f1;font-family: 'falsor';outline-color: #f1f1f1; text-align: center;}
.halfinput-result{color: red;}
.Fixedposition {width: 100%;max-width: 970px;}
.tablistActive{background:#c31e1e;}
.tablistActive a{color:#fff}
.halfinput-log input{ width: 300px; margin: auto;height: 43px; padding-right: 13px; font-weight: bolder; border: 1px solid #f1f1f1;font-family: 'falsor';outline-color: #f1f1f1;}
.halfinput-log{text-align: center;}



/*footer*/
.footer { min-width: 960px !important;display: block;    text-align: -webkit-center}
.row {margin: 0px;}
.mobile-app {background-image:url(Ada.webp)no-repeat scroll center bottom; 
height: 134px;position: relative;max-width: 990px !important;}
.app-links {position: relative;top: 65px;float: left;left: 40px;}
.app-links a {display: inline-block;margin: 0 auto;}
.img-responsive {display: block;height: auto;margin-left: 2%;}
 img {vertical-align: middle;}
.footer-up {background: #3A3A3A;padding: 5px 15px 15px;}
.col-xs-8 {width: 66.66666666666666%;float: right;    position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.footerMenu ul {padding: 12px;}
.footerMenu li {float: right;width: 33%;margin-top: 3px;}
.footerMenu h2 {font-family: 'DroidArabicKufi';color: #ccc;text-shadow: 0 2px #282828;font-size: 14px;
 padding: 4px 0 0 8px;margin-top: 7px;font-weight: normal;text-align: right;}
.newFooterMenu a {display: inline-block;margin-left: 10px;text-shadow: 0 2px #282828;font-size: 14px;
font-family: 'DroidArabicKufi';color: #ccc;}
.newFooterMenu {text-align: center;}
.footer-bottom {background: #2D2D2D; padding: 15px;}
.copyRights {color: #ccc;clear: both;}
.copyright {float: right;clear: left;direction: rtl;font-family: 'DroidArabicKufi';font-size: 12px;}
.copyright h1 {color: #ccc;display: inline-block;font-family: 'DroidArabicKufi';font-size: 13px;}
.social-new-ico {width: 196px;margin: 0px auto;}
.createdBy {font-size: 12px;padding-bottom: 5px;float: left;clear: left;margin-top: -23px;}
.social-new-ico a {width: 20px;height: 20px;display: inline-block;}
/*.row.footer {background: #2D2D2D;padding: 15px;}*/
.footerMenu h2:hover {
    color: #E03030;
}

.footerMenu h2 {
    font-family: 'DroidArabicKufi';
    color: #ccc;
    text-shadow: 0 2px #282828;
    font-size: 14px;
    padding: 4px 0 0 8px;
    margin-top: 7px;
    font-weight: normal;
    text-align: right;
}

.copyright {
    float: right;
    clear: left;
    direction: rtl;
    font-family: 'DroidArabicKufi';
    font-size: 12px;
}
    .copyright h1 {
        color: #ccc;
        display: inline-block;
        font-family: 'DroidArabicKufi';
        font-size: 13px;
    }

.createdBy {
    color: #ccc;
    display: inline-block;
    font-family: 'DroidArabicKufi';
    font-size: 13px;
}

.social-footer {
    border-right: 1px solid black;
    margin-top: 20px;
    float: right;
    width: 33.33333333333333%;
}


/*result*/
.halfinput-student { width: 640px; margin-top:10px ;height: 43px; font-weight: bolder; border: 1px solid #f1f1f1;font-family: 'falsor';outline-color: #f1f1f1; text-align: center; color: red;line-height: 1.9; font-size: 26px;}
.data-result{width: 710px;}
.halfinput-result ul li{padding: 10px 5px 0 5px;float: right; width: 30%;height: 43px;text-align: center;
font-weight: bolder;font-family: 'DroidArabicKufi';font-size: 12px;border: none;
border-right: 1px solid #f1f1f1;line-height: 1.4;}
.nav-item h1{color: red;}
.full-result{width: 612px; margin-top: 20px;}
.full-result ul li{border:none; padding-bottom: 15px;border-bottom: 1px solid #f1f1f1;line-height: 1.5;padding-top: 13px;margin-right: 10px;font-family: 'DroidArabicKufi';}
.halfinput-info{margin-top: 10px; height: 43px;font-weight: bolder; border: 1px solid #f1f1f1;
font-family: 'falsor';outline-color: #f1f1f1;text-align: center;color: red;line-height: 1.9;
font-size: 26px;}
.result-details{margin-top: 10px;}
.test{width:calc(100%/2); float: right;}
 .test ul li{border:none; padding-bottom: 15px;border-bottom: 1px solid #f1f1f1;line-height: 1.5;padding-top: 13px;margin-right: 10px;font-family: 'DroidArabicKufi';} 
.nav-link span{color: red;}
.data-school{margin-top: 10px;margin-bottom:20px;}
.button-result{margin-top: 30px; text-align: center;}
.button-result button{width: 180px;height: 28px;margin: 10px;font-family: 'DroidArabicKufi'; background-color: white;outline-color: red;border:1px solid red;}
.white{color: black;font-family: 'DroidArabicKufi'; background-color: white;outline-color: red;border:1px solid red;font-size: 14px;padding:0px 40px;line-height: 5;color: red;}
.white i {color: red;}
.halfinput3{margin-left:0;    float: left;}
.halfinput .field-validation-error{    font-size: 10px;font-family: 'DroidArabicKufi',Tahoma;padding: 0;margin: 2px 0 0 0;    margin-bottom: 20px;}
.halfinput .wrapper{margin:0;}

.WebSiteContent{background:#fff;}
body{background:#c31e1e;}
.LeaderBoardContent{position:relative;}
.Fixedposition .leftAd{    left: -147px;}
@media (max-width: 1000px){
    
.RightAd{display:none ;}
.leftAd{display: none;}
    
    

}





@media (max-width:992px){
    
    .halfinput ul li a{ font-size: 12px; font-weight: bold;} 
   
    
}

@media(min-width:768px){
    
    .halfinput ul li a{ font-size: 9px;}   
    .photo img{width: 90%; margin:5%}
    .headerTH{margin-right: 30px; margin-left: 0;}
    .by{float: none;}
    .SiteLogo{margin-top: 30px; margin-right: 5px;}
    .BYFooter{margin-right: 120px;}
   
   
    
}

@media(max-width:768px){
    
    .LeaderBoard img{width: 100%;}
    .AboutSite{float: none;width: 100%;}
    .SiteLogo {width: 170px;float: none;margin: auto;margin-bottom: 20px; display: none;}
    .thanwyaLogo{float: none; margin: auto;margin-bottom: 20px;}
    .thanwyaLogo img{ width:100%;}
    .RightSide{float: none; width: 100%;}
    .halfinput{width: 100%; float: none;text-align: center; margin-top: 10px;}
    .selector{width: 90%; margin-right: 35px;}
    .LeftSide{ float: none; margin: auto;margin-bottom:20px;}
    .photo img{width: 100%;}
    .BYFooter{margin-top: 10px;}
    .halfinput ul {margin-right:35px; width: 100%;}
    .all{overflow: hidden;}
    .BY{margin: auto;float: none;}
    .halfinput ul{margin-right:25px;width: 100%;}
    .SiteLogor-responsive{    display: block; width: 200px;margin: 15px auto}
        .data-result{width:100%;}
    .halfinput-student{width: 100%;}
    .test{float: none;width: 100%;}
}
@media(max-width:668px){
    .selector{ width: 90.4%; margin-right: 25px;}   
 
  
}

@media (min-width: 450px){
    
     }