/*@FONT-FACE {
	font-family: "DroidArabicKufiRegular";
	src: url("DroidKufi-Regular.ttf");
}*/

@FONT-FACE {
	font-family: "DroidArabicKufiRegular";
	src: url("TAJAWAL-REGULAR.TTF");
}
@FONT-FACE {
	font-family: "med";
	src: url("GE_SS_Two_Medium.woff");
}
@FONT-FACE {
	font-family: "jost";
	src: url("jost.woff2");
}


h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6 a,
h6 {
	font-family: jost , "med";
}


*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'DroidArabicKufiRegular';
}
body{
    background-color: #ffffff;
}

a, .btn, button {
  text-decoration: none;
  outline: none;
  color: #fffefe;
  transition: all 300ms linear 0s;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
  text-decoration: none;
  outline: none;
}


.slideall8 {
width: 100%;
min-height: 425px;
overflow: hidden;
margin: 20px 0;
text-align: left;
direction: ltr;
position: relative;
border: 0px solid #F00;
}

 
 

#slides8 {
    min-width: 600000px;
	height: 423px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
border: 0px solid green;
}

.slide8 {
height: 373px;
width: 240px;
vertical-align: top;
display: inline-block;
margin-right: 13px;
transition: all 0.5s ease 0s;
position: relative;
top: 0px;
left: 0px;
text-align: center;
float: left;
margin-top: 15px;
}
#left8{
position: absolute;
left: 0%;
top: 0%;
cursor: pointer;
z-index: 2147483647;
width: 23px;
height: 23px;
background: none repeat scroll 0% 0% #f0f0f0;
color: #FFF;
text-align: right;
font-size: 19px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 2px;
}
#left8:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

#right8{
position: absolute;
left: 24px;
top: 0px;
cursor: pointer;
z-index: 2147483647;
width: 23px;
height: 23px;
background: none repeat scroll 0% 0% #f0f0f0;
color: #FFF;
text-align: right;
font-size: 19px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 2px;
}
#right8:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

.linnkservices{
color: #3F3F3F;
transition: all 0.9s ease 0s;
}
.deskservices{
display: block;
}
.tabservices{
display: none;
}
.mobservices{
display: none;
}


.slideall9 {
width: 100%;
min-height: 425px;
overflow: hidden;
margin: 20px 0px auto 5%;
text-align: left;
direction: ltr;
position: relative;
border: 0px solid #F00;
}

 
 

#slides9 {
    min-width: 600000px;
	height: 423px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
border: 0px solid green;
}

.slide9 {
height: 373px;
width: 240px;
vertical-align: top;
display: inline-block;
margin-right: 13px;
transition: all 0.5s ease 0s;
position: relative;
top: 0px;
left: 0px;
text-align: center;
float: left;
margin-top: 15px;
}


#left9{
position: absolute;
left: 1.5%;
top: 0%;
cursor: pointer;
z-index: 2147483647;
width: 23px;
height: 23px;
background: none repeat scroll 0% 0% #f0f0f0;
color: #FFF;
text-align: right;
font-size: 19px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 2px;
}
#left9:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

#right9{
position: absolute;
left: 1.5%;
top: 0px;
cursor: pointer;
z-index: 2147483647;
width: 23px;
height: 23px;
background: none repeat scroll 0% 0% #F0F0F0;
color: #FFF;
text-align: right;
font-size: 19px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 2px;
margin-left: 24px;
}
#right9:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}


#left10{
position: absolute;
left: 1.5%;
top: 0%;
cursor: pointer;
z-index: 2147483647;
width: 23px;
height: 23px;
background: none repeat scroll 0% 0% #f0f0f0;
color: #FFF;
text-align: right;
font-size: 19px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 2px;
}
#left10:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

#right10{
position: absolute;
left: 1.5%;
top: 0px;
cursor: pointer;
z-index: 2147483647;
width: 23px;
height: 23px;
background: none repeat scroll 0% 0% #F0F0F0;
color: #FFF;
text-align: right;
font-size: 19px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 2px;
margin-left: 24px;
}
#right10:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

.slideall10 {
width: 95%;
min-height: 425px;
overflow: hidden;
margin: 23px 0px auto 2.5%;
text-align: left;
direction: ltr;
position: relative;
border: 0px solid #F00;
}

 
 

#slides10 {
    min-width: 600000px;
	height: 423px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
border: 0px solid green;
}

.slide10 {
height: 373px;
width: 240px;
vertical-align: top;
display: inline-block;
margin-right: 13px;
transition: all 0.5s ease 0s;
position: relative;
top: 0px;
left: 0px;
text-align: center;
float: left;
margin-top: 15px;
}










.slideall11 {

min-height: 182px;
overflow: hidden;
margin: auto;
text-align: left;
direction: ltr;
position: relative;
border: 0px solid #F00;
margin-bottom: 8px;
}

 
 

#slides11 {
    min-width: 600000px;
	height: 222px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
border: 0px solid green;
}

.slide11 {
height: 182px;
width: 240px;
vertical-align: top;
display: inline-block;
margin-right: 13px;
transition: all 0.5s ease 0s;
position: relative;
top: 0px;
left: 0px;
text-align: center;
float: left;
margin-top: 15px;
border: 0px solid green;
overflow: hidden;
}
#left11{
position: absolute;
left: 0%;
top: 4%;
cursor: pointer;
z-index: 2147483647;
width: 21px;
height: 21px;
background: none repeat scroll 0% 0% #f0f0f0;
color: #FFF;
text-align: right;
font-size: 18px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 0px;
}
#left11:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

#right11{
position: absolute;
left: 24px;
top: 4%;
cursor: pointer;
z-index: 2147483647;
width: 21px;
height: 21px;
background: none repeat scroll 0% 0% #F0F0F0;
color: #FFF;
text-align: right;
font-size: 18px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 0px;
}
#right11:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}



.slideall12 {
width: 95%;
min-height: 182px;
overflow: hidden;
margin: auto;
text-align: left;
direction: ltr;
position: relative;
border: 0px solid #F00;
margin-bottom: 8px;
margin-top: 12px;
}

 
 

#slides12 {
    min-width: 600000px;
	height: 222px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
border: 0px solid green;
}

.slide12 {
height: 182px;
width: 240px;
vertical-align: top;
display: inline-block;
margin-right: 13px;
transition: all 0.5s ease 0s;
position: relative;
top: 0px;
left: 0px;
text-align: center;
float: left;
margin-top: 15px;
border: 0px solid green;
overflow: hidden;
}
#left12{
position: absolute;
left: 1.5%;
top: 4%;
cursor: pointer;
z-index: 2147483647;
width: 21px;
height: 21px;
background: none repeat scroll 0% 0% #f0f0f0;
color: #FFF;
text-align: right;
font-size: 18px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 0px;
}
#left12:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

#right12{
position: absolute;
left: 1.5%;
top: 4%;
cursor: pointer;
z-index: 2147483647;
width: 21px;
height: 21px;
background: none repeat scroll 0% 0% #F0F0F0;
color: #FFF;
text-align: right;
font-size: 18px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 0px;
margin-left: 24px;
}
#right12:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}



.slideall13 {
width: 90%;
min-height: 182px;
overflow: hidden;
margin: auto;
text-align: left;
direction: ltr;
position: relative;
border: 0px solid #F00;
margin-bottom: 8px;
max-width: 350px;
margin-top: 12px;
}

 
 

#slides13 {
    min-width: 600000px;
	height: 222px;
	left: 0px;
	top: 0;
	position: absolute;
	padding-left: 0px;
	direction: ltr;
border: 0px solid green;
}

.slide13 {
height: 182px;
width: 240px;
vertical-align: top;
display: inline-block;
margin-right: 13px;
transition: all 0.5s ease 0s;
position: relative;
top: 0px;
left: 0px;
text-align: center;
float: left;
margin-top: 15px;
border: 0px solid green;
overflow: hidden;
}
#left13{
position: absolute;
left: 1.5%;
top: 6%;
cursor: pointer;
z-index: 2147483647;
width: 21px;
height: 21px;
background: none repeat scroll 0% 0% #f0f0f0;
color: #FFF;
text-align: right;
font-size: 18px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 0px;
}
#left13:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

#right13{
position: absolute;
left: 1.5%;
top: 6%;
cursor: pointer;
z-index: 2147483647;
width: 21px;
height: 21px;
background: none repeat scroll 0% 0% #F0F0F0;
color: #FFF;
text-align: right;
font-size: 18px;
padding-right: 8px;
transition: all 0.9s ease 0s;
padding-top: 0px;
margin-left: 24px;
}
#right13:hover{
color: #4B4C4D;
transition: all 0.9s ease 0s;
}

.linnkstudy{
font-size: 12px;
transition: all 0.9s ease 0s;
}

.linnkstudy{
font-size: 12px;
color: #337AB7;
transition: all 0.9s ease 0s;
}

.deskstudies{
display: block;
}
.tabstudies{
display: none;
}
.mobstudies{
display: none;
}


.scrollnews {
height: 196px;
width: 100%;
overflow: hidden;
border: 0px solid #F00;
position: relative;
}
#newsscope {
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 196px;
}
.homenews{
width: 100%;
height: 97px;
border-bottom: 1px solid #e7e7e7;
}

.newslinnk{
color: #337AB7;
}
.newslinnk:hover{
color: #F04D52;
}


/* ====================================*/
/* ====================================*/
/* ====================================*/

/*=====Navbar=====*/
nav{
    background-color: #D2E8F5;    background-color: #f0f0f0;
    min-height: 85px;
    min-height: 85px;
    margin-bottom: 0 !important;
    padding: 0 50px;
border: 0 !important;
}
.barmobile{
display: none;
}
.page{
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
border: 0px solid #F00;
max-width: 1170px;
margin: auto;
position: relative;
}
.homeslider{
width: 100%;
height: auto;
max-width: 1300px;
margin: auto;
display: none;
}
.pagetiitle{
width: 100%;
text-align: right;
padding-top: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #CCC;
margin-bottom: 15px;
font-size: 16px;
}

.innerpageright{
width: 74%;
float: right;
border: 0px solid red;
}

.innerpageleft{
width: 24%;
float: left;
border: 0px solid green;
}
.menuleftlinnks{
width: 100%;
padding-right: 2%;
line-height: 25px;
border-bottom: 1px dotted #D2D2D2;
padding-bottom: 3px;
}

.menuleftlinnks a{
color: #3F3F3F;
transition: all 0.9s ease 0s;
}
.menuleftlinnks a:hover{
color: #4C89AA;
transition: all 0.9s ease 0s;
}
.proimg{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease 0s;
}

.proimg:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.5s ease 0s;
cursor: pointer;
}

@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.downloadfile {
color: #47B1D7;
font-size: 100%;
font-weight: lighter;
text-align: center;
width: 252px;
border-radius: 5px;
padding: 5px;
background: none repeat scroll 0% 0% #E9E9E9;
margin-left: 0px;
line-height: 25px;
float: right;
}
.downloadfile:hover {
	background: #47B1D7;
	color: #fff;
	transition: all 0.9s ease 0s;
}

.nextpage{
width: 90px;
height: 90px;
border: 0px solid red;
position: fixed;
right: 0px;
top: 50%;
z-index: 555555555555;
}

.prevpage{
width: 90px;
height: 90px;
border: 0px solid green;
position: fixed;
left: 0px;
top: 50%;
z-index: 555555555555;
}
#checkdesk{
display: block;
}
#checkmob{
display: none;
}

#tiledesk{
display: block;
}
#tilemob{
display: none;
}

.row .col-md-3 select {
    width: 100%;
}

#companybox{
border: 1px solid #E7E7E7;
padding-left: 0px;
padding-right: 0px;
min-height: 200px;
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
background: #F9F9F9;
text-align: right;
direction: rtl;
height: auto;
width: 47.5%;
margin-left: 1%;
margin-left: 1%;
}
.fontcomp{
font-size: 13px;
}

@media(max-width:480px){


    nav{
        padding: 5 0;   
    }
}

.navbar-collapse {
        padding: 0;   
}


nav .navbar-nav {
    margin: -6 0 0 0;
}
nav .navbar-nav li{
    height: 80px;
    float: right;
    text-align: right;
    padding: 15 0;
    font-size: 15;
    height: 100
}
nav .navbar-nav li a{
    color: black;
    padding: 10;
    margin-top: 15;
font-size: 13px;
padding-right: 8px;
padding-left: 8px;
font-family: jost , "med";

}
nav button{
    background-color: #47B1D7 !important
}
nav button span{
    background-color: white !important
}
nav img{

}
nav .navbar-nav li:hover,
nav .navbar-nav a:hover,
nav .navbar-nav a:active,
nav .navbar-nav li:active{
    background-color: #47B1D7 !important;
    color: white;
}

nav .navbar-nav .active , nav .navbar-nav .active a{
    background-color: #47B1D7;
    color: white !important;
}


@media (max-width: 1190px) {
  
    nav .navbar-nav li{
        height: auto;
        padding: 0 0;
        float: none;
    }
    .navbar-header {
        float: none;
        height: 80px
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-top: 20;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
     padding: 5 0;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
}


/*===== Head =====*/
/*===== Head =====*/
/*===== Head =====*/
.head{
    background:url(../images/showcase.jpg);
    min-height: 500;
}


.head .text.center-block p {
font-family: med !important;
}

.head .text img{
    padding: 40 0 0 0;
}

@media (max-width:720px){
#companybox{
border: 1px solid #E7E7E7;
padding-left: 0px;
padding-right: 0px;
height: auto;
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 15px;
background: #F9F9F9;
text-align: right;
direction: rtl;
}
.fontcomp{
font-size: 12px;
}


.row .col-md-3 select {
    width: 100%;
}

#tiledesk{
display: none;
}
#tilemob{
display: block;
}

.descriptionmobile{
display: none;
}

#checkdesk{
display: none;
}
#checkmob{
display: block;
}

.innerpageright{
width: 96%;
float: right;
margin-right: 2%;
border: 0px solid red;
}

.innerpageleft{
width: 96%;
float: right;
margin-right: 2%;
border: 0px solid red;
}

 

.homeslider{
display: block;
}
.barmobile{
display: block;
width: 100%;
height: 58px;
background: #234C6E;
color: #fff;
}
.barmobileblock{
width: 25%;
height: 58px;
text-align: center;
float: right;
padding-top: 10px;
line-height: 23px;
}
.barmobileblock a{
color: #fff;
font-size: 10px;
}


#listinline{
width: 96%;
margin-left: 2%;
text-align: center;
}

.deskservices{
display: none;
}
.tabservices{
display: block;
}
.mobservices{
display: none;
}

.deskstudies{
display: none;
}
.tabstudies{
display: block;
}
.mobstudies{
display: none;
}

#mmarket{
float: none !important; 
}

.cont .row > div > div:first-child img{
    margin: 0px;
    border: 1px solid transparent;
}

}


@media (max-width:582px){
    .head .text img {
    width: 103%;
    }
 
}

.head .slider {
    max-width: 93%;
    height: 400px;
    margin:  20 auto 0 auto;
    position: relative;
}
.head .slider .cover .part{
    background-image: url(../images/eee.png);
    background-size:100% 100%;
    background-repeat: no-repeat;
    height: 370;
    margin: auto;
    text-align: center;
    margin: 0 15
}
.head .slider .cover img{
    max-width: 100%;
    margin: 40px auto;
}

.head .slider .cover .slick-next {
/*    right: -20px;*/
}
.slick-next:before{
    display: none;
}
.head .slick-next, .head .slick-next:hover{
    background: url(../icons/right.png) no-repeat;
    height: 40px;
    width: 25px
}
.slick-prev:before{
    display: none;
}
.head .slick-prev, .head .slick-perv:hover{
    background: url(../icons/left.png) no-repeat;
    height: 40px;
    width: 25px
}
/*====== Head2 ======*/
/*====== Head2 ======*/
/*====== Head2 ======*/
.head2 {
    background-color: #0FABC6;
    padding: 10 0;
    border-top: 1px solid #0D98B0;
    box-shadow: 0px 1px 5px grey
}
.head2 .part{
    background-color: #D2E8F5;    background-color: #f0f0f0;
    border: 3px solid white;
    border-radius: 20px;
    margin: 20 0;
    position: relative;
    overflow: hidden;
        width: 100%;
}

.head2 .text{
    border-right: 1px solid #FCFDFD ;
    width: 72%;
    padding-right: 0px;
    margin-right: 5px;
}
.head2 h3{
    font-weight: bold;
color: #000;
}
.head2 p{
    font-size: 13;
    color:#747474;
}
.head2 span{
    color: #2C56A1;
	font-family: jost , "med";
}
.head2 .part > div{
    display: inline-block;

}

.head2 .part a {
    display: block;
}

.head2 .part .img{
    width: 20%;
    position: absolute;
    height: 100%;
    padding: 8 0 0 0;
    margin: 0 0 0 10;
right: 0;
top: 0;
}
@media(max-width:480px){
    .head2 .part .img{
        margin: 5 0 0 0
    }
}
.head2 .part img{
    display: block;
    margin: auto auto auto auto;
    
}

@media(max-width:480px){
 

.nextpage{
width: 60px;
height: 60px;
border: 0px solid red;
position: fixed;
right: 0px;
top: 65%;
z-index: 555555555555;
}

.prevpage{
width: 60px;
height: 60px;
border: 0px solid green;
position: fixed;
left: 0px;
top: 65%;
z-index: 555555555555;
}


.deskservices{
display: none;
}
.tabservices{
display: none;
}
.mobservices{
display: block;
}

.deskstudies{
display: none;
}
.tabstudies{
display: none;
}
.mobstudies{
display: block;
}

    h3{
        font-size: 1.4em;
    }
    
    p{
        font-size: 15px;
    }
}


/*====== Services ======*/
.serv{
    background-color: white;
    padding: 30px 0;
    border-bottom: 1px solid #EDEDED ;position: relative;
}
.serv .row{
    text-align: center;
    direction: rtl;
width: 100%;
border: 0px solid red;
position: relative;
}
.serv #part {
    text-align: center;
    padding: 0;
    display: inline-block;
    min-height: 394px;
    width:265px;
    float: none;
}

 

.serv #part .img span{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 5px;
}

@media(max-width:992px){
    .serv #part .img span{
        width: 245px;
    }
}
.serv #part .text{
    border: 1px solid #F5F5F5;
    padding: 0 20px;
    direction: ltr;text-align: center;
}
.serv #part h5 {
    font-size: 16;
    color: #656565;
    padding: 15 20 15 20;
    border-bottom: 1px solid #e6e6e6;
}
.serv #part p {
    line-height: 2;
    font-size: 11;
    color: #6f6f6f;
    text-align: right;
    padding: 7 0;
}

.serv #part button{
    font-size: 11px;
padding: 10 17;
    margin-bottom: 30px;
    display: block;
    color: white !important;    
border: 0;
}

.serv #part > span{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -17;
}



/*===== Study =====*/
/*===== Study =====*/
.study{
    padding: 10px 0;
    background-color: #FAFAFA;
    direction: rtl;
    border-bottom: 1px solid #EDEDED;
}

.study .text h4, .study .text .btns{
    display: inline-block;
    padding: 5px 15px
}

.study .text .btns{
    float: left;
    line-height: 3;
}
.study .text button{
    border: 1px solid #efefef;
    box-shadow: none;
    margin: 0 -3;
}

.study .imgs{
    text-align: center;
width: 100%;
border: 0px solid red;
}
.study #part{
    position: relative;
    text-align: center;
    padding: 0px;
    display: inline-block;
    width:260px;
    margin: 0;
}
.study #part > h6{
    color: #6a6a6a;
height: 15px;
overflow: hidden;
}

.study .hov{
    position: absolute;
    top: 0;
    width: 100%;
    height: 144;   
    opacity: 1;
    transition:all 0.5s ease;
}

.study #part:hover .hov{
    cursor: pointer;
    opacity: 0;
    transition:all 0.7s ease;
}
.study .hov h6{
    color: white;
    background-color: rgba(109, 109, 109, 0.72);
    float: right;
    padding: 10 20;
    text-shadow: 1px 1px 5px black;
    margin-top: 90;
}

.study #part:hover img{
    transition: all 1s ease;
    filter: contrast(1.2);
    filter: brightness(1.2);
}
.study .hov span {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 30%;
	height: 144;
	border-right: 40px solid transparent;
	border-bottom: 144px solid #3CC654;
}

.study #part:nth-child(1) .hov span{
    border-bottom: 144px solid #cba42c;
}
.study #part:nth-child(2) .hov span{
    border-bottom: 144px solid #C7523A;
}
.study #part:nth-child(3) .hov span{
    border-bottom: 144px solid #467DD2;
}


/*===== Contact =====*/
/*===== Contact =====*/
.cont {
    background: url("../images/contact.png");
    direction: rtl;
    padding: 20 0;
}
.cont .row * {
    padding: 0;
}


.cont .row > div > div:first-child {
    padding: 0 15 0 0;
}
.cont .row > div > div:first-child span{
    position: absolute;
    width: 1px;
    height: 200px;
    background-color: #C6C6C6;
    left: 50;
    top: 48;
}
.cont .row > div > div:first-child img{
    margin: 15px 15px 0px 0px;
    border: 1px solid transparent;
}
.cont .row > div > div:first-child img:hover{
    cursor: pointer;
    border: 1px solid #dedede;
}
.cont .row > div > div:first-child h4{
    padding: 10 0 0 0;
}
.cont .row > div > div:nth-child(2) {
    padding: 5 0 0 0
}

.cont .row > div > div:nth-child(2) span{
    position: absolute;
    width: 1px;
    height: 300px;
    background-color: #C6C6C6;
    left: 45;
    top: 45;
}

.cont .text h4, .cont .text .btns{
    display: inline-block;
    padding: 5px 0px
}

.cont .text .btns{
    float: left;
    line-height: 3;
}
.cont .text button{
    border: 1px solid #efefef;
    box-shadow: none;
    margin: 0 -3;
}

.cont .news img{
    padding: 0 0 0 10px
}
.cont .news h5{
    color: #2877CA;
}
.cont .news p{
    font-size: 11;
    line-height: 1.7;
    color: #4d4d4d;
}

.row .col-md-3 {
    padding: 10 20 0 0
}

.row .col-md-3 input{
    padding: 8 5;
    margin: 5 0;
    border:1px solid #dedede;
    width: 90%;
    background:transparent;
}
.row .col-md-3 textarea{
    padding: 8 5;
    margin: 5 0;
    border:1px solid #dedede;
    width: 90%;
    max-width: 90%;
    background:transparent;
    max-height: 150px
}
::-webkit-input-placeholder { 
  color: #b9b9b9;
}

.row .col-md-3 button {
    background-color: #fff;
    padding: 7px 15px;
    color: #5f5f5f;
    margin: 20 0;
    border:1px solid #e2e2e2;
}

@media (min-width:920px){
    
    .cont .row > div > div{
    padding: 0 0 0 50px !important
    }
    .row .col-md-3 {
    padding: 10 0 0 0
    }
    .row .col-md-3 textarea{
        width: 100%;
        max-width: 100%
    }
    .row .col-md-3 input{
        width: 100%
        }
    .cont .sponsor{
        width: 94%;
        float: right;
        padding: 10 0
    }
  
}
/*===== Sponsor =====*/
.cont .sponsor{
    padding: 10 15 20 0;
    margin: 15 0 0 0;
    border-top:1px solid #C6C6C6;
}
.cont .sponsor button{
    border: 1px solid #efefef;
    box-shadow: none;
    margin: 0 -3;
}
.cont .sponsor .btns{
    margin:-25 0 0 0
}


.cont .footer  {
    background-color: white;
    width: 97%;
    margin: 15 auto auto auto
}

/*===== Footer =====*/
footer{
padding: 8 0;
    background-color: #D2E8F5;    background-color: #f0f0f0;
    
}
footer ul{
    direction: rtl;
    position: relative;
}
footer li{
    font-size: 12px ;
    color:#5a5a5a ;
    position: relative;
}

footer ul:first-child span{
    position: absolute;
    width: 2px;
    height: 10px;
    background-color:#9a9a9a ;
    left: -3px;
    top:4
}
@media(min-width:992px){
    footer ul:first-child{
margin: 0;
    }
}
footer ul:first-child li:hover{
    cursor: pointer;
    color: #16a1d9
}

footer ul:last-child i{
background: #0BA3BD;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
}
footer ul:last-child i:hover{
background: #01ACF1;
}

footer ul:last-child span{
    position: absolute;
    width: 1px;
    height: 10px;
    background-color:#0BA3BD ;
    left: -3px;
    top:2;
}
.newslinnk{
color: #337AB7;
}
.newslinnk:hover{
color: #4B4C4D;
}








/* CTA section  */
.cta-section {
    position: relative;
    background: #2e2e2e;
    padding: 30px 0;background: linear-gradient(to right, #9252b0, #4d2b74);
background: linear-gradient(to right, #47b1d7, #1585ad);
background: url(../images/atock.png);
direction: rtl;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
}

.cta-section h2 {
position: relative;
color: #fff;
font-size: 24px;
font-weight: normal;
text-transform: capitalize;
margin: 0;
line-height: 33px;
}

.cta-section:before {
    position: absolute;
    content: '';
    right:0;
    top: 0;
    bottom: 0;
    width: 100%;
background: linear-gradient(to right, #20212269,#0a353d , #042228);
background: linear-gradient(to right, #20212269,#0FABC6 , #0FABC6);z-index: -1;
}

.cta-section .link-btn {
    position: relative;
margin: 15px 0 0;
display: flex;
text-align: right;
}

.cta-section .link-btn .theme-btn {
margin-left: 8px;
font-size: 15px;
font-family: jost , "med";
padding: 8px 25px;
}

.cta-section p {
color:#fff;
margin:10px 0 0;
}






/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
border-radius: 0 30px 30px;
	overflow:hidden;
}

.btn-style-one:hover{
	color: #ffffff;

}

.btn-style-one {
	position: relative;
	display:block;
	z-index:1;
padding: 8px 18px;
border-radius: 25px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;color: #fff;font-weight: normal;
display: flex;
align-items: center;font-size: 14px;
}

.btn-style-one:hover {
color: #fff !important;
background-color: #273f86;
}

.btn-style-one:before{
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-one:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.btn-style-one:hover .cir {
background-color: #fecc02;
}


.btn-style-one {
  background-color: #0e6386;
}

.btn-style-one i {
margin-left: 8px;
}

/*
.wrapper-box .row {
display: flex;
align-items: center;
}

*/



.flex-center {
display: flex;
align-items: center;
justify-content: space-between;
}


.itr-social {
padding-right: 0 !important;
}




.flex-center {
display: flex;
align-items: center;
justify-content: space-between;
}





@media (max-width: 767px) {


.flex-center {
display: block;
}

.cta-section h2 {
font-size: 18px;
line-height: 27px;
}

.cta-section .link-btn .theme-btn {
  margin-left: 5px;
  font-size: 13px;
  font-family: jost , "med";
  padding: 8px 18px;
}

.cta-section {
background-size: cover;
}

.cta-section::before { 
z-index: 0;
}

.navbar-brand {
  padding: 0;
  float: none;
  margin: 0;
  height: auto;
}

.navbar-toggle {
  display: block;
  margin-top: 20;
  float: none;
  margin: 0;
}

.navbar-header {
display: flex;
justify-content: space-between;
align-items: center;	
}

nav .navbar-nav li a {
  margin-top: 0;
  font-size: 12px;
padding-right: 15px;
padding-left: 15px;
}



footer {
  padding: 8 0 55px;
}

.list-inline > li.copy-right {
display: block;
margin-top: 8px;
}

nav .navbar-nav {
  margin: 0;
}

}