*{box-sizing: border-box;padding:0px;margin:0px;}
body{padding:0px;margin:0px;background-color: #eee;}
:root{
--topcolor:#3D9AEB;
--darktext:#11589B;
--btnfinder:#032B44;
--btnBRDfinder:#72C8F1;
--btn_amir:rgb(5, 158, 120);
--base:rgb(2, 107, 168);


--head1:rgba(50,130,255,0.2);
--head:rgba(7,60,82,0.6);
--navbar:rgb(2, 107, 168);
--withe:#fff;
--newnav:rgb(242,242,242);
--shadow1:#212788;
--amirMatn:#eee;
--amirMatn2:#333;
--olivergba:rgba(176,203,31,0.2);
--olive:#b0cb1f;
--yellow:rgb(177, 196, 6);
--darkgreen:#096430;
--darkgreen:#096430;
--newgreen1:rgb(106,209,213);
--newgreen:rgb(56,159,163);
--newgreenlight:rgb(112,175,190);
--newblue:rgb(92,154,191);
--newbludark:rgb(152,165,174);
--newolive:rgb(135,159,80);


}

.trans0_5{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
.header_txt{font-size: 45px;font-weight: 900;font-family: BBaran;text-align: center;margin:20px auto;margin-top:50px;color:#343a40;}
.header_txt>b{color:#fcc236}
/*-------------------------------------------------------------------------------------------------------------------------*/
.navbar{background-color:#343a40;text-align:center;padding:10px 0px;position: fixed;z-index: 200;display:block;width:100%;font-weight: 900;font-family: BMitra;font-size:20px;}
.navbar > ul >li{list-style-type:none;color:#f2f2f2;display:inline-block;position: relative;}
.navbar > ul >li >a{padding:10px 15px;display:inline-block;}
.navbar > ul >li:hover::after,.navbar > ul >li:hover::before{content: "";cursor: pointer;position:absolute;display:inline-block;width:10px;height:10px;border: solid 3px;border-color:transparent transparent yellow yellow ;}
.navbar > ul >li:hover::after{animation:menu_option_hover_R 0.25s;top:0px;right:0px;border-color:#F7C02F #F7C02F transparent transparent  ;}
.navbar > ul >li:hover::before{animation:menu_option_hover_L 0.25s;left:0px;bottom:0px;border-color:transparent transparent #F7C02F #F7C02F ;}
@keyframes menu_option_hover_L{
    0%{bottom:-5px;left:-5px;}
    100%{bottom:0px;left:0px;}
}
@keyframes menu_option_hover_R{
    0%{top:-5px;right:-5px;}
    100%{top:0px;right:0px;}
}
.navbar > ul >li >a span{margin:0px 2px;}
.navbar > ul >li >a > .fa-globe{transition:0.25s;cursor: pointer;}
.navbar > ul >li:hover >a > .fa-globe{color:#F7C02F;}
.navbar > ul >li >a > img{height:40px;width:80px;}

/*-------------------------slider---------*/
.Slider {padding-top:80px;}
.Slider > div{background-color: #eaeaea;height:650px;position: relative;overflow:hidden;}
.Slider > div >.slid_img{width:100%;height:100%;position: relative;}
.Slider > div >.slid_img > div:nth-child(1){min-width:1550px;height:115%;right:5%;top:-55%;border-radius:10px;border:3px solid #f7d57e;border-left:7px solid #f7d57e;position:absolute;display: inline-block;transform: skew(75deg,-27deg) rotate(15deg);background:#eaeaea;overflow: hidden;}
.Slider > div >.slid_img > div:nth-child(1) > img{transform: skew(-66deg,30deg) rotate(-15deg);max-width:450px;margin-right:56%;margin-top:25%;height:400px;}
.Slider > div >.slid_img > div:nth-child(1):after{content: "";position: absolute;top:0px;z-index:2;text-align:center;right:0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
.Slider > div >.Slider_text{position: absolute;top:0px;z-index:2;text-align:center;right:0px;width: 100%;height: 100%;}
.Slider > div >.Slider_text>div{position:absolute;top:50%;right:50%;transform: translate(50%,-100%);padding:5px 20px;}
.Slider > div >.Slider_text>div>h1{color:#eaeaea;font-size:60px;font-weight: 900;font-family: BBaran;}
.Slider > div >.Slider_text>div>p{color:#eaeaea;font-size:35px;font-weight: 700;font-family: BMitra;margin-top:-5px;}
/*.Slider > div >.Slider_text>div >a{display: inline-block;text-align: center;padding: 2px 15px ;font-size:20px;font-weight:900;color:#fff;border-radius:5px;width:150px;text-align: center;font-family:BBaran;background-color: #F7C02F;}*/
.Slider > div >.Slider_text > img{width:220px;height:120px;position: absolute;bottom:30px;right:50px;}

/*-------------------------head_info---------*/
.head_info{background:#eaeaea;padding-bottom: 50px;}
.head_info > div{padding-right:80px;text-align: right;position: relative;}
.head_info > div > img{position:absolute;right:0px;width:70px;height:70px;top:10px;color:#F7C02F;}
.head_info > div >p{font-family: BMitra;font-weight: 700;font-size:20px;color:#444;}

.info >div:first-child > p:first-child{font-size: 40px;font-weight: 900;font-family:BBaran;color:#333;text-align: center;}
.info >div:first-child > p:last-child{font-size: BMitra;font-weight: 600;color:#555;margin:auto;margin-bottom:50px;text-align: center;max-width: 800px;}
.info>div:last-child>div{transition:0.25s;}
.info>div:last-child>div>div.info_dive{width:100%;min-height:320px;background-color:#eaeaea;padding:20px;}
.info>div:last-child>div>div>h2{padding-right:20px;font-family: BBaran;font-weight: 900;font-size:30px;color:#343a40;}
.info>div:last-child>div>div>p{font-size:20px;font-weight: 900;font-family: BMitra;color:#555;}
.info>div:last-child>div>.over_info_dive{background-color: #fcc236 ;min-height:370px;overflow:hidden;padding-right:20px;transform: scaleY(0);transition:0.25s;transition:all 0.5s cubic-bezier(.24,1.08,.96,-0.09) 0s;display:block;position:absolute;top:-25px;}
.info>div:last-child>div:nth-child(2)>div{min-height:370px;padding:20px;margin-top:-25px;background-color: #fcc236 ;}
.info>div:last-child>div:hover>.over_info_dive{transform: scaleY(1);top:-25px}
.info>div:last-child>div:nth-child(2)>div>p , .info>div:last-child>div>.over_info_dive >p{color:#fff;}
.info>div:last-child>div:nth-child(2)>div>h2 , .info>div:last-child>div>.over_info_dive >h2{color:#eee;}


.Board_of_Directors > div{padding:10px;}
.Board_of_Directors > div >div{max-width:300px;margin: auto;position: relative;}
.Board_of_Directors > div >div> img{height:250px;width: 100%;}
.Board_of_Directors > div >div > div{width:100%;padding:15px 5px;text-align:center;background-color: #343a40;transition: 0.25s;}
.Board_of_Directors > div >div > div>p{color:#eee;font-size: 14px;font-weight: 900;}
.Board_of_Directors > div >div > div>h2{color:#fff;font-family: BMitra;font-size:30px;font-weight: 900;margin-bottom:-5px;}
.Board_of_Directors > div >div > div.person_social_media{position: absolute;transform: scaleX(0);transition:0.5s;text-align:center;height: 250px;width:80px;left:0px;top:0px;background-color: #fcc136d5;}
.Board_of_Directors > div >div > div.person_social_media>a{display: block;transition:0.25s;width:35px;height:35px;font-weight: 900;border-radius:50%;text-align:center;margin:15px auto;padding:10px;background-color: #eee;color:#fcc236;}
.Board_of_Directors > div >div > div.person_social_media>a:hover{background-color: #343a40;color:#eee;cursor: pointer;}
.Board_of_Directors > div >div > div.person_social_media>a>i{cursor: pointer;}

.Board_of_Directors > div >div:hover>div:nth-child(2){background-color:#fcc236 ;}
.Board_of_Directors > div >div:hover>div.person_social_media{transform: scaleX(1);}
/*---------------companys-------*/
.companys{display: block;position:relative;padding-bottom:30px;background-color:#333333;

}
.companys::before{content:'';position:absolute;top:0;left:0;opacity:0.4;
background: url('../images/backgrounds/back.jpg') no-repeat top fixed;background-size: cover;
}
.companys >div> h2{color:#eee;}
.companys:before{content: "";position: absolute;width:100%;height:100%;background-color:#343a40a2;top:0px;right:0px;}
.companys > div > div{text-align: center;}
.companys > div > div >a{width:145px;height:100px;border-radius: 5px;text-align:center;position:relative;transition:0.25s;padding:10px;display:inline-block;overflow: hidden;}
.companys > div > div >a > img{cursor:pointer;width:100%;height:50px;display: block;margin:auto;transition:all 1.2s cubic-bezier(.24,1.08,.96,-0.09) 0s;}
.companys > div > div >a>b{cursor: pointer;text-align:center;color:#fcc236;font-family: BMitra;display:block;font-size:16px;position:absolute;width:100%;z-index:1;bottom:0px;right:0px;padding:5px 0px;}
.companys > div > div >a:hover{background-color:#fcc236 ;}
.companys > div > div >a:hover>img{transform:scale(1.5);}
.companys > div > div >a:hover>b{color:#eee;}
.companys > div > div >a::after{content: "";transition:0.5s;transition-delay: 1s;width:300px;height:50px;transform: rotate(45deg);background:rgba(255,255,255,0.4);display: block;top:-65px;right:-145px;position: absolute;}
.companys > div > div >a:hover:after{top:50px;right:50px;}

/*---------------services-------*/
.services{overflow:hidden;}
.services > div:first-child>div{/*background-color: yellow;*/height: 320px;width:130%;margin-right:-30%;transform: skewx(-25deg);overflow:hidden;}
.services > div:first-child>div>img{transform: skewx(25deg);width:120%;height:120%;}
.services > div:last-child>div{/*background-color: red;*/height:320px;width:105%;transform: skewx(-25deg);overflow:hidden}
.services > div:last-child>div>div{width:100%;transform: skewx(25deg);/*background:green;*/padding:10px;padding-right: 50px;}
.services > div:last-child>div>div >h2{margin-top: 0px;text-align: right;}
.services > div:last-child>div>div >p{margin-top: -15px;text-align: right;font-family:BMitra;font-size:20px;font-weight: 900;color:#343a40;}
.services > div:last-child>div>div>div{padding-right:5%;}
.services > div:last-child>div>div>div>div{/*background:orange;*/}
.services > div:last-child>div>div>div>div>div{transform: skewX(-25deg);cursor: pointer;background:#343a40;overflow: hidden;height:150px;width:90%;margin:5px auto;z-index:10;margin-right: -5%;}
.services > div:last-child>div>div>div>div>div>img{transform: skewX(25deg);position:relative;width:150%;margin-right: -27%;height:120%;}
.services > div:last-child>div>div>div>div>div>a{transition:0.7s;transition:all 0.7s cubic-bezier(.6,-0.28,.74,.05) 0s;position:absolute;top:-100%;height:0px;width:120%;height:100%;display:block;font-family:BBaran;font-size:30px;font-weight:900;padding-top:40px;background:#fcc136d5;text-align:center;margin-right:-10%;color:#eee;}
.services > div:last-child>div>div>div>div>div:hover>a{top:0px;}
.services > div:last-child>div>div>div>div>p{text-align:center;padding-right:5%;font-family: BMitra;font-weight: 900;color:#343a40;}
/* xss 320*/ 
@media only screen and (max-width : 320px) {


}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {


}
/* sm */
@media only screen and (min-width : 481px) and (max-width : 623px) {


}
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {


}
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {


}

/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {

}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {

}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
 
}
/* xlg */
@media only screen and (min-width : 1201px) {

  
}

/*----------- md TO down --------------*/
@media only screen and (max-width : 879px){



}
/*----------- xsm TO down --------------*/
@media only screen and (max-width : 767px) {


}
/*----------- sm TO down --------------*/
@media only screen and (max-width : 623px) {

}
@media only screen and (max-width : 623px){


}
@media only screen and (max-width : 623px) {

}

@media only screen and (min-width : 481px) and (max-width : 991px) {

}