/*.row{border:1px dotted cyan;}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{border:1.5px solid green;}*/

 html body{

background-color:#0066b3;
background-image:url('../images/background.png')
}
.fs11{
	font-size:11px;
}

.fs14{
	font-size:14px;
}

.fs16{
	font-size:16px;
}

.fs18{
	font-size:18px;
}

.fs25{
	font-size:25px;
}

.fs32{
	font-size:32px;
}

.mywhite{
	color:#ffffff;
}

.mycyan{
	color:#00b9f0;
}

.myblack{
	color:black;
}

.myblue{
	color:#0066b3;
}

.myorange{
	color:#f68e56;
}





/*Trails*/

#sb2{
background-size:100% 100%!important;
background-repeat:no-repeat!important;
background:url('../images/5.png');
transition:all 0s;
}
.slider4{
background-image:url('../images/4.png');

}

#sb5{
text-align:right;

}
#sb136,#sb137{
opacity:0.7;
transition: all .1s;
}
#sb136:hover,#sb137:hover{opacity:1}
#sb6{
margin-top:59px;
margin-bottom:23px;
}
#sb6 img{
padding-right:15px;
}

#sb9 a.mywhite{

padding:0 8px;

}
#sb9 a.mywhite:hover{


text-decoration:initial;

color:#f68e56;
padding-bottom:3px;
border-bottom:2px solid white;

}


#sb24 a.mywhite:hover{color:white;}

#sb24 a.myorange:hover{color:#f68e56;}


#sbz17{
position:absolute;
left:50%
}
#sb17{


position:relative;

bottom:22px;
left:-50%;

}

#sb17 span{
cursor:pointer;

}


#sb16{
margin-top:23%;
margin-bottom:6px;
}


#sb25{
padding-top:15px;
padding-bottom:15px;

}

.mybold{font-weight:bold}




#sb24>a{
display:block;

}

#sb24 a.myorange{

padding-top:10px;
}


/*main content background*/

#sb48,#sbz1,.head{
background-color:#d1d7e3;
}

#sb51{
margin-bottom:50px;
}


.circleImgLabel{

position:absolute;
top:40%;
left:0%;
width:100%;
text-align:center;

}
.circleImgcontainer:hover{

top:-9px

}
.circleImgcontainer{
cursor:pointer;
transition:all .1s;
position:relative;
top:0;
width:180px;
margin-bottom:5%;
margin-right:auto;
margin-left:auto;

}

.circleImgcontainer img{

max-width:100%;

}




#sb55{

text-align:center;

}
#sb68{text-align:center;}

#sb70{

padding-bottom:35px;

}
#sb74{
padding-top:35px;
}
img{max-width:100%}


#sb77{
margin:25px 0;
}

#s52,#sb53{margin-bottom:12px}

#sb85,#sb90,#sb95{
background:#c9d0de;
border:1px solid #0066b3;

/*border-radius:11px;*/
padding:15px 6%;
height:209px;
margin-bottom:15px;
}


@media (max-width:767px){
#sb16{
margin-top:5%;
}

#sb85,#sb90,#sb95{
width:207px;
display: inline-block;
height:auto;
}

#sb82{
text-align:center;
margin:0 auto;
}

}


#sb87,#sb92,#sb97{
margin-bottom:10px;
padding:0 3%;
text-align:center;

}


#sb79,#sb98{
margin-top:7.5%;
cursor:pointer;
padding:0;
}

#sb79{
text-align:right;
}

#sb141{
margin-top:50px;
text-align:center;
}
#sb25{text-align:center;}
#sb25 img{
height:22px;
padding-left:6%;
opacity:0.4;
transition: all 0.1s;
}

#sb25 img:hover{
opacity:1;
}

#sb48{

min-height: 549px;
border-radius:30px 0 0 30px;

}
#sb138{

background:white;
padding:3px 0;
}

#sbz1{text-align:left;}
/*#sbz1,*/.head{
border-top:1px solid #0066b3;

padding-top:3%;

border-radius:30px 0 0 0;


}
#sb49{
background:white;
}


/* for coloring the placeholder */
::-webkit-input-placeholder {
   color: #0066b3!important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #0066b3!important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #0066b3!important;
}

:-ms-input-placeholder {  
   color: #0066b3!important; 
}
/* END for coloring the placeholder */
#sb103{  margin-bottom: 25px;}
#sb102 input,#sb110 input,#sbz107{

margin-bottom:6px;
}


#sb109{

margin-top:55px;
height:140px;
}


#sb100{
margin-top:40px;
margin-bottom:40px;
}

#sb23{
margin-bottom:40px;
}

#sb112{
margin-top:56px;
margin-bottom:50px
}

#sb113{
text-align:center;
cursor:default;
margin-bottom:7px;
}

#sb115 img{padding-right:9px;}

#sb117 div{margin-bottom:3px;}


#sb103{width:120px!important;}









/*managing the mobile view of the equipment slider*/


@media (max-width:767px){
div#sb79,div#sb98{
text-align:center;
padding-bottom:3%;

}
.rotate90{

 behavior:url(-ms-transform.htc);
    /* Firefox */
    -moz-transform:rotate(90deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(90deg);
    /* Opera */
    -o-transform:rotate(90deg);
    /* IE9 */
    -ms-transform:rotate(90deg);
    /* IE6,IE7 */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; 
	
}


}


/*END*/













/*mobile view*/
@media (max-width:767px){
#sb109{margin:0;}
#sb112{margin-top:9px}
#sb51{margin-bottom:0;}
#sb24{text-align:center;}
}
/*END*/


/*END*/













/*Footer info centerizing */
#sb117{
padding-bottom:70px
}
#sbz117{

position:absolute;
left:50%;

}
#sbz118{

position:relative;
left:-50%;

}
/*END*/



/*bolding top nav bar*/
#sb9{
font-weight:bold;
}
/*END*/



#sb6{
	
	text-align:right;
}
@media (max-width:767px){
	
	#sb6{
	
margin-top:10px;
margin-bottom: 10px;
}
#sb4{
	margin-bottom: 25px;
}

#sb5{
	text-align:center;

}
#sb9{
	margin-bottom: 29px;
}

}


/*for increasing the line-height of all contents*/
#sb48{
line-height:30px
}

/*right nav bar */
#sb24{
line-height:25px;

}
/*END*/






.myhead{
	font-size:25px;
	margin-bottom:15px!important;
}

.mytalkEnd{
	margin-bottom:30px!important;
}




a.mywhite:focus{

color:white;
}








/*footer padding on mobile view*/


/*@media (max-width:767px){
	
	
#sb117 {
  height: 122px;
}

}*/


@media (max-width:560px){
#sb117 {
 height: 122px; 
}
}



@media (max-width:325px){
#sb117 {
 height: 170px; 
}
}

/*END*/




/*for the separator img*/
.separator{
margin-bottom:20px;
height:1px;
}



.separatorS{
	height:36px;
}
/*END*/





/*increasing padding between social icons */


@media (min-width:1233px){


#sb25 a img{

padding-left:14%;
}
div a#sb29  img{
padding-left:0
}


}

/*END*/






/*styling active page top nav*/


#sb9 a.mywhite.active {
cursor:default;
 pointer-events: none;
  text-decoration: initial;
  color: #f68e56;
  padding-bottom: 3px;
  border-bottom: 2px solid white;

}

/*END*/



/*mobile menu =-*/

.mobNav{display:none;}

@media (max-width:767px){

#sb9 a{
display:block;
width:100px!important;
margin:0 auto;
}

#sb9{
transition:all 1s;
height:0px;
overflow:hidden;
}
#sb9.open {
  height: 147px;
}
.mobNav{
background:rgb(63, 136, 193) url('http://f.cl.ly/items/1U2c3b1215383h3a2T2r/icon-menu.svg') no-repeat  center;
cursor:pointer;
height:25px;
width:35px;
border-radius:7px;
display:block;
position:absolute;
right:10px;
bottom:10px;
z-index:1;

}
#sb2{position:relative;}
}



/*END*/






































































/*for to top section*/

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-top {
  border-radius:50%;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  left: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#0066b3 url('../images/cd-top-arrow.svg') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 0.7;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    left: 30px;
    bottom: 30px;
  }
}

/*END*/


/*hiding and styling the alert box*/
.alert{text-align:center;display:block;width:50%;margin:0 auto;display:none;}


/*END*/


/*Styling tooltip toast*/
/*#sb23{

position:relative;
}*/

.tooltip.top {
  position: absolute;
  display: inline-block;
  margin: 10px 20px;
  opacity: 0;
  transition: all .5s;
  top: -40px;
  left: -29px;
}


/*eND*/





/*Arabic trails*/


div#sb48 {
border-radius:0 0  30px 0;
}
div.head{

border-radius:0 30px  0 0;
}

div#sb24{
direction:rtl
}

#sb28{

position:relative;}







#sbz118{

direction:rtl

}

#sbz118 img {

padding-left:4px;
}














div#sbz1{

text-align:right;
}

div#sb77{

text-align:right;
margin-right:9.5%;
}

div#sb103{
text-align:right;
width:auto!important;
}

#sb100 input:not(.btn),#sb100 textarea{
text-align:right;

}


#sb102{

text-align:right;

}





#sbz107,#sb107{

text-align:right;

}
/*END*/




/*decrease font-size of two of arabic circles to make it fit */

#sb130,#sb127{

font-size:1em;

}

/*END */