/*****************  BASIC *******************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

@font-face {
  font-family:MV_Waheed;src:url(/fonts/MV_Waheed.otf) format("opentype");
}

/*css for floating buttons*/
/**Buttons**/
div.side_btn {
    position: fixed;
    top:300px;
    right: 0;
    padding: 0;
    z-index: 9999999999999;
    margin-right: -40px;
}
div.side_btn2 {
    position: fixed;
    top: 440px;
    right: 0;
    padding: 0;
    z-index: 9999999999999;
    margin-right: -63px;
}
a.btn1 {
 position: relative;
  display: block;
 padding: 12px 30px;
 font-size: 12.5px;
 color:  white;
 background:#1e6d9a ;
 transform: rotate(-90deg);

 }
 a.btn1:hover {

 color:#1e6d9a  ;
 background:#b7c1c6;
 transition: 0.15s linear;
font-weight: bolder;
 }

 a.btn2 {
    position: relative;
    display: block;
    padding: 12px 30px;
    font-size: 12.5px;
    color: #1e6d9a;
    background: #e2e9ec;
    transform: rotate(-90deg);
}
 a.btn2:hover {
    color: #e2e9ec;
    background: #267bab;
    transition: 0.15s linear;
    font-weight: bolder;
}

@media screen and (max-width: 768px) {

  div.side_btn {
    position: fixed;
    top:220px;
    right: 0;
    padding: 0;
    z-index: 9999999999999;
    margin-right: -30px;
}
div.side_btn2 {
    position: fixed;
    top: 327px;
    right: 0;
    padding: 0;
    z-index: 9999999999999;
    margin-right: -49.8px;
}

a.btn1 {
 position: relative;
  display: block;
 padding: 10px 20px;
 font-size: 10.5px;
 color:  white;
 background:#1e6d9a ;
 transform: rotate(-90deg);

 }

 a.btn2 {
    position: relative;
    display: block;
    padding: 10px 20px;
    font-size: 10.5px;
    color: #1e6d9a;
    background: #e2e9ec;
    transform: rotate(-90deg);
}


}
/*end css for float button*/
/*css for media logos*/
@media screen and (max-width: 768px){
    
.clogos{
    padding:00px;
}

}
/*end of css for media logo*/

h1 { font-weight: 500; color:#07579c; letter-spacing: 0px; line-height: 45px;font-family: 'Oswald', sans-serif; }
h2{color:#07579c;font-family: 'Open Sans', sans-serif;}
h3{color:#a3afbf;font-family: 'Oswald', sans-serif; }
h4{ font-family: 'Oswald', sans-serif; color:#a3afbf;  }
::selection {
    text-shadow: none;
    background: #65CCEE; 
    color:white;
}
h5{ line-height: 19px;  }
a, a:hover {
    text-decoration: none;

}

p{ font-family: 'Quicksand', sans-serif; line-height: 22px; font-size: 13.2px;}

p.twocol{ column-count: 2; text-align: justify; padding-right:20px;
 -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;}
.justified { text-align: justify; }

.danger{ background-color: #343a40; }
.gray{ color:#cdcdcd; }
.blue { color:#07579c;  }
.blue_active {background: #238f96;  color: white;  }
.black{color:black;font-family: 'Roboto', sans-serif;}
.white {color: white;}
.space_top { padding-top: 30px; }
.space { padding-top: 30px; padding-bottom: 25px; }
.space2 { padding-top: 100px; padding-bottom: 10px; }
.top10 {margin-top: -5px;}
.topspace { margin-top: 20px; }
.up20 { margin-top: -10px; margin-bottom: 10px;}
.left { text-align: left;  }
.spaceright50px{ padding-right: 120px; }
.spaceleft50px{ padding-left: 120px; }
.alignRight {text-align: right;}
.spaceboth {  padding-right: 24px; padding-left: 24px; }
.active { color:#07579c; }
.width75{ max-width: 70%; text-align: center; }
.customwidth75{ max-width: 70%; text-align: left; }
.width100{ width: 100%; }
.py20{ padding-left: 40px; padding-right: 40px; }
.py15{ padding-left: 15px; padding-right:15px; }
.small{ font-size:  }
.bottom80px{ padding-bottom: 30px; }
.tb60{ margin-top: 40px; margin-bottom: 60px; }
.hr1 {
      height: 25px;
      background: url(../img/sep.png) no-repeat center;
      border: none; 
      margin-top: -35px; 
      }
.hr2 {
      height: 25px;
      background: url(../img/sep2.png) no-repeat center;
      border: none; 
      margin-top: -10px; 
      text-align: center;
      }
.up2{ margin-top: -50px; }
.h5{ font-size: 12px; font-weight: bold; color:#747b81; line-height: 19px; }
.sep {                          /**HEADING UNDERLINE*/
  max-width:60px;
  transform: rotate(90deg);
  border: 1px solid #65CCEE; 
  margin-top: 25px;
  margin-bottom: 20px;

}
.h2_2 {font-family: 'Playfair Display', serif; font-size: 28px;}
.p70{ width: 70%; }
.width55{ width: 30%; text-align: left; }

a .btn_high:hover img{ opacity: 0.2; transition:0.12s; }

.display_view { display: block; width: auto; float: left; }






@media screen and (max-width: 768px) {
.width55{ width: 100%; text-align: left; }
.py20{ padding-left: 15px; padding-right: 15px; }
.left { text-align: center;  }
p{width: 100%; font-size: 12px;}
.space_top { padding-top: 10px; }
.alignRight {text-align: left;}
h1{font-size: 24px; line-height: 28px;}
h4{ font-size:16px; line-height: 23px; width: 100%;}
.hr1 {
height: 25px;
background: url(../img/sep.png) no-repeat center;
border: none; margin-top: -10px; 
}
.up2{ margin-top: 10px; }
p.twocol{ column-count: 1; text-align: left; padding-right:20px }

.hr2 {
 height: 25px;
 background: url(../img/sep2.png) no-repeat center;
 border: none; 
 margin-top: 10px; 
 text-align: center;
 }

.display_view { display: block; width: 100%; float: left; }
.tb60{ margin-top: 20px; margin-bottom: 30px; }


 }

/*****************  NAVBAR *******************/

/**NAVBAR 1**/

.navbar-inverse { background:#07579c; color:white; }
.navbar2 {
  position: relative;
  min-height: 35px;
  border: none; 
  margin-bottom: 0px;
}
.navbar2 ul { float:left;  list-style-type: none; margin:0; padding:0;}
.navbar2 ul li { text-decoration: none; float:left;  }
.navbar2 ul li a { font-family: 'Roboto', sans-serif; font-weight: 400; display: inline-block; letter-spacing: 1px; 
    color: white;
    text-align: center;
    padding: 0px 10px; 
	padding-top: 8px; font-size: 12px;}
.navbar2 ul li a:hover {color:black;}
.navbar2 ul li a.active { ;
    color: black; 
    }
	
.nav-right { visibility:visible;}
.nav-right li{ margin-right:20px; margin-top:1px;}
ul.nav-right a { font-family: 'Roboto', sans-serif; font-size:14px; font-weight:bold; }
ul.nav-right a:hover { color:black; transition: 0.4s;}
ul.nav-right > .active2 > a{ color:black;}

.nav-left li a {margin-right: 10px;  }
.active2 { color:black; }


/**NAVBAR MAIN **/

.navbar-default { background:white; }
.navbar-brand { position: relative; z-index: 2; margin-top: -2px; margin-left: }
.navbar-brand img { height:70px; margin-top: -10px;}

.navbar {
  position: relative;
  min-height: 80px;
  border: none; 
  margin-bottom: 0px;
  background:white; 
  box-shadow: 0px -5px 74px -16px rgba(0,0,0,0.12);
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 18px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #07579c;
}


.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li {margin-top:-5px;}
.navbar .navbar-collapse .navbar-right > li > a { padding-right:35px;  letter-spacing:0.5px; background-color: transparent; line-height:22px; font-size:14px; font-family: 'Roboto', sans-serif; font-weight: 400;}
.navbar .navbar-collapse .navbar-right > li > a:hover {
    color:#07579c; background-color: transparent;  transition: 0.2s;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #07579c; 
    background-color: transparent;


}

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: white; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }
.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }
.navbar .navbar-collapse {
    position: relative;
  
    margin-top: 18px;
}
.collapse .navbar-collapse .navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #07579c;
    background-color: white; 

}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #07579c;
    background-color: white;
}

li.mobile { display:none;}
li.mobile.center { text-align: center; }



.dropdown-menu>li>a {
    display: block;
    padding: 20px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding-left: 30px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0px 0px;
    cursor:crosshair;
    border: none;
}

.dropdown{ cursor: pointer; }
@media screen and (max-width: 815px) {
	
	.nav-right {visibility:hidden; display:none;}	
	 li.mobile { display:inline-block; width:100%; }	

	.navbar {  min-height: 70px; }
	.navbar-brand img { height:50px; margin-top: -7px;}
	.navbar-brand {  margin-top: 2px; }
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }    	
    .nav-collapse>li { float: right; }
    .navbar .navbar-collapse .navbar-right > li > a {
		padding-right: 05px;
    font-size: 13px;
		letter-spacing: 0.5px;
		background-color: transparent;
		line-height: 25px;

	  }
	.btn-danger {  	
		border-radius: 10px;
		font-size:10px;
	}
  .nav-left li a {margin-right:0px;  margin-bottom: -10px;}
  .dropdown-menu>li>a {
    font-size: 12px; letter-spacing: 0.5px;
}
.navbar2 ul li a:nth-child(1) {
    font-size: 14px; cursor: pointer;
}

}


/*****************  CAROUSEL *******************/

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo2 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo3 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo4 .item img{
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls .owl-buttons div{
    position: relative;
    top:-45px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
	text-align:center;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20%;
    left: 15%;
    top: 5;
    padding-top: 10px;
   z-index: 200000000000000;
    color: #fff;
    text-align: left;
    text-shadow: none;
}

.carousel-caption { text-align: left;  margin-bottom:80px;}
.carousel-caption h1 {  font-size: 45px;  line-height: 50px; color: white; margin: 0px; font-weight: 300; margin-top: -20px; }
.carousel-caption h1.bold {  font-weight: 300; letter-spacing: 2px; font-family: 'Playfair Display', serif; font-size: 20px; margin-bottom: 2px;}


.carousel-caption h1 .font-weight1 { font-weight: 300px; font-size: 50px; }

@media screen and (max-width: 1200px) {

      .carousel-caption h1 {  display: none;}
      .carousel-caption h1.bold {  font-weight: 300; letter-spacing: 2px; font-family: 'Playfair Display', serif; font-size: 20px; margin-bottom: 2px;}
       .carousel-caption p { display: none;}.carousel-caption h1 
       .carousel-caption h1 .font-weight1 { display: none; }
}



@media screen and (max-width: 768px) {
    
        .carousel-caption {
   			top: 0;
			 margin-top:50px;
			}
        .carousel-caption h1.bold {  font-weight: 300; letter-spacing: 2px; font-family: 'Playfair Display', serif; font-size: 20px; margin-bottom: 2px;}
 .carousel-caption h1 .font-weight1 { display: none; }
}
}


/*****************  elemects *******************/

a.btn{ padding: 12px 25px; border: 2px solid #a3afbf; border-radius:50px; letter-spacing: 2px; color:#a3afbf; font-size: 12px; font-weight: 800; margin-top: 20px; }
a.btn:hover { color:#07579c; border: 2px solid #07579c; transition: 0.3s; }

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



/*****************  BLOCKS*******************/


.block {                           
  position:relative;
  width:100%;
  padding: 65px 0px;
  padding-bottom: 120px;


}
.block h1 { padding-bottom: 42px; font-family: 'Oswald', sans-serif; font-size: 40px;}
.block h3 { padding-bottom: 15px; }



.block2 {                           
  position:relative;
  width:100%;
  padding:250px 0px;

}

.block2 h2 { color:#a3afbf; font-weight: 800; }
.block2 p { color:#a3afbf;  }



.block3 {                           
  position:relative;
  width:100%;
  padding:60px 0px;

}

.block4{                           
  position:relative;
  width:100%;
  padding: 50px 0px;
  margin-bottom: 0px;

}

.block4 h3 { margin-top: -17px; font-size: 30px;}
.block4 h1 { margin-top: -17px; font-size: 60px;}
.block4 p { margin-top: 40px; color: #bbbbbb;}


.bg1 { /*background:url(../img/bg1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  background: #f8f8f8;
}  

.bg2 { background:url(../img/fisherman.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}  

.bg3 { background:url(../img/bg2.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}  
.bg4 { background-color:#f2f2f2; }

.bg5 { background:url(../img/sus2.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
} 
.bg6 { background:url(../img/mif.svg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
} 

.bg7 { background:url(../img/abt5.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
} 

.bgpromo { background:url(../img/promobg.png); background-repeat: no-repeat; background-size: 100% 100%;
}
.block img { border-radius: 10px; }


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


@media screen and (max-width: 1200px) {



}




@media screen and (max-width: 768px) {


.block {                           
  position:relative;
  width:100%;
  padding: 30px 0px;
}

.block h1 { padding-bottom: 32px; font-family: 'Oswald', sans-serif; font-size: 26px;}
.space { padding-top: 10px; padding-bottom: 10px;  padding-left: 35px; padding-right: 35px;}

.block h1 { padding-bottom: 25px; }

}





/********************Cards****************************/
.cards {display: block; 
 padding: 60px; 
 padding-top:70px; 
-webkit-box-shadow: 10px 10px 71px -50px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 71px -50px rgba(0,0,0,0.75);
box-shadow: 10px 10px 71px -50px rgba(0,0,0,0.75);
border-radius: 2rem;
 }

.cards:hover { display: block; 
   -webkit-box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
cursor: pointer; 
transition: 0.14s;}

.cards:hover h1{
      letter-spacing: 4px;
      transition: 0.14s;
  }

.cards:hover h3{
     margin-right: -5px;
     transition: 0.14s;

  }



.cards2 { display: block; 
 padding: 60px; 
 padding-top:70px;
background:#07579c;  
-webkit-box-shadow: 10px 10px 71px -50px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 71px -50px rgba(0,0,0,0.75);
box-shadow: 10px 10px 71px -50px rgba(0,0,0,0.75);
border-radius: 2rem; }

.cards2:hover { display: block;
 background:white;
-webkit-box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
cursor: pointer; 
transition: 0.14s;}

.cards2:hover h1{
  color: white;
      
}

.cards2:hover h1{
     color: #07579c;
      letter-spacing: 4px;
      transition: 0.14s;

  }
.cards2 h1{
     color: white;
      
  }
    .cards2:hover h3{
      color: #8b8b8b;
     margin-right: -5px;
     transition: 0.14s;
  }


.bg_sus { background:url(../img/sus.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 550px;
  padding: 20px;

   }


.bg_o1 { background:url(../img/op1.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 550px;
  padding: 100px;

   }

.bg_o2 { background:url(../img/op2.jpg) no-repeat center center ; 
  -webkit-background-size: fixed;
  -moz-background-size: fixed;
  -o-background-size: fixed;
  background-size: fixed;
  width: 100%;
  height: 550px;
  padding: 100px;

   }
.bg_o3{ background:url(../img/op4.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 550px;
  padding: 100px;

   }
   .bg_o4{ background:url(../img/op3.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 550px;
  padding: 100px;

   }


.style1 h1 {
   font-family: 'Playfair Display', serif;
    color:white;
    font-size: 4.5rem;
    text-align: left;
    padding-top: 30px;
    position: absolute;
    bottom: 100px;
    left: 60px;
   }
.style1 h5 {
  
    text-align: left;
    padding-top: 30px;
    position: absolute;
    top: 180px;
    left: 60px;
    color: white;
    margin-top: -20px;

   }
.style1 h4 {
  

    padding-top: 30px;
    position: absolute;
    top: 0;
    left:0;
    margin-top: 30px;
    padding-left: 60px;
    text-align: center;
    color: white;
    font-size: 12px;
        text-align: center;

   }

.style1



@media screen and (max-width: 768px) {

   .bg_o1 { background:url(../img/op1.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 50vh;
  padding: 70px;

}
.bg_o1 h1 {
   font-family: 'Playfair Display', serif;
    color:white;
    font-size: 4.5rem;
    text-align: left;
    padding-top: 30px;
    position: absolute;
    bottom: 30px;
    left: 60px;
   }
.bg_o1 h5 {
  
    text-align: left;
    padding-top: 30px;
    position: absolute;
    top: 20px;
    left: 60px;
    color: white;
    margin-top: -20px;

   }

.bg_a1{ background:url(../img/abt2.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 

   }

.bg_o1 { background:url(../img/op1.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 250px;
  padding: 20px;

   }

.bg_o2 { background:url(../img/op2.jpg) no-repeat center center ; 
  -webkit-background-size: fixed;
  -moz-background-size: fixed;
  -o-background-size: fixed;
  background-size: fixed;
  width: 100%;
  height: 250px;
  padding: 20px;

   }
.bg_o3{ background:url(../img/op3.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 250px;
  padding: 20px;

   }
.bg_o4{ background:url(../img/op4.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 250px;
  padding:20px;

   }
.bg_ab1{ background:url(../img/abt4.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 250px;
  padding:20px;

   }

.cards2:hover { display: block;
 background:white;
-webkit-box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
box-shadow: 10px 10px 71px -59px rgba(0,0,0,0.75);
cursor: pointer; 
transition: 0.14s;}

.cards2:hover h1{
  color: white;
      
}

.cards2:hover h1{
     color: #07579c;
      letter-spacing: 4px;
      transition: 0.14s;

  }
.cards2 h1{
     color: white;
      
  }
    .cards2:hover h3{
      color: #8b8b8b;
     margin-right: -5px;
     transition: 0.14s;
  }

   }
/*************************************** TOP THE TOP DIV *************************************/



.cd-top {

  display: inline-block;

  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #07579c url(../img/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: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top:hover {
  background-color: #064f8f;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}



/*************************************** thumbs *************************************/
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    -webkit-box-shadow: 17px 10px 136px -72px rgba(87,87,87,0.47);
-moz-box-shadow: 17px 10px 136px -72px rgba(87,87,87,0.47);
box-shadow: 17px 10px 136px -72px rgba(87,87,87,0.47);
}

.thumbnail {
    display: block;
    padding: 15px;
    margin-bottom: 00px;
    margin-top: 0px;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;


}

.thumbnail:hover {
-webkit-box-shadow: 10px 10px 52px -35px rgba(0,0,0,0.35);
-moz-box-shadow: 10px 10px 52px -35px rgba(0,0,0,0.35);
box-shadow: 10px 10px 52px -35px rgba(0,0,0,0.35);
transition: 0.3s ease-in;

}


.caption p { display:block; text-align: left; width: 100%; height: 50px; margin-top:15px; font-size: 14px; color:#0e4f7d;}
.caption h2 {  text-align: left;font-family: 'Roboto', sans-serif; color: #2cd3d5; }
.caption h3 { font-weight: 200; color:#07579c; text-align: left;font-family: 'Roboto', sans-serif; }
.caption h4 { font-weight: 800; color:#07579c; text-align: left; font-size: 20px; }
.caption h5 { font-weight: 600; color:black; text-align: left; font-family: 'Oswald', sans-serif; margin-top: 10px; }
.caption a.up2 { margin-top: -50px; }
p.small { letter-spacing: 0px; font-size: 13px; line-height: 20px; color:#818181;}


@media screen and (max-width: 768px) {

 .caption p { text-align: left; width:100%; margin-top: 5px; margin-left: -10px; padding-left:0px; height:auto; padding-bottom: 20px; margin-bottom: 20px; font-size: 13px; line-height: 20px; }

.thumbnail {
    display: inline-block;
    padding: 4px;
    margin-bottom: 0px;
    margin-top:-10px;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    margin-top: -35px;

}
.caption h4 {
    font-size: 16px; text-align: center;
}
.caption h3 {
    font-size: 16px; text-align: center; margin-top: 5px;
}

}





/*************************************** CONTACT US *************************************/
.contact-form{ margin-top:15px;}
.contact-form .textarea{ min-height:220px; resize:none;}
.form-control{ box-shadow:none; border-color:#eee; height:49px;}
.form-control:focus{ box-shadow:none; border-color:#65CCEE;}
.form-control-feedback{ line-height:50px;}
.main-btn{ background:#65CCEE; border-color:#65CCEE; color:#fff; border-radius: 0px; padding:15px 30px;}
.main-btn:hover{ background:white;color:#65CCEE;}
.form-control-feedback {
line-height: 50px;
top: 0px;
}



/*************************************** QUALITY *************************************/
.stacked1{ 
  display: inline-block; 
  float: left; 
  position: relative;
  padding: 0px !important;
  margin: 0px !important;
  background-image: url(../img/quality.jpeg);
 background-size: cover;
 background-repeat: no-repeat;
  height: 320px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;


}

.stacked2{ 
  display: inline-block; 
  position: relative;   
  margin: 0px !important;
  padding:50px !important;
  background:#e2e6e9;
  height: 320px;

  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  text-align: center;


}
.stacked2 p { font-size: 17px; line-height: 27px; color:#79838a; text-align: left;}


@media screen and (max-width: 768px) {
 .stacked1{ 

}

 .stacked2{ padding:15px;
  border-top-right-radius: 00px;
  border-bottom-right-radius: 00px;
    height: auto;
    border-radius: 20px;

 }
 .stacked2 p { font-size: 14px; line-height: 21px; color:#79838a; text-align: left; padding: 5px;}

}



/*************************************** FOOTE *************************************/



#social { margin-top: 50px;  }
#social a { padding:10px;  color:white; opacity:1;}
#social a:hover { opacity:0.75;}
#social i { font-size: 30px;}
#address { margin-top: 20px; }

@media screen and (max-width: 768px) {

  #address h4  { font-size: 12px; line-height: 18px;}
}



.footer { position: relative; bottom: 0; }
.footer p {color:white;}
.footer p.small {color:#e2e6e9; font-size: 12px; line-height: 18px;}
.footer h3 {color:white; margin-bottom: 20px; font-weight: 300; font-size: 20px; }
.footer h5 {color:white;}
.footer a {color:#65CCEE; opacity: 1; font-size: 15px; margin-left: 10px; margin-right: 10px;}
.footer a:hover {color:#65CCEE; opacity: 0.7; transition: 0.5s;}
.footer { padding-bottom: 0px; }


@media screen and (max-width: 768px) {
 .footer h3 {
    font-size: 18px;
}
 .footer h5 {
    font-size: 13px;
}
}




/*************************************** CAREERS *************************************/

.panel {
    border-color: none;
    box-shadow:-webkit-box-shadow: 17px 10px 136px -72px rgba(87,87,87,0.47);
-moz-box-shadow: 17px 10px 136px -72px rgba(87,87,87,0.47);
box-shadow: 17px 10px 136px -72px rgba(87,87,87,0.47);
max-height: 300px;
margin-bottom: 30px;
padding-bottom: 20px;
padding-top: 15px;
}

.panel-body-text { color:#8c8c8c;
  }

.panel-body p.panel-body-text { 
overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}



a.btn3{ color: black; margin-left: 25px; }
a.btn3:hover{ color: black; margin-left: 25px; transition: linear 0.15s; font-weight: bold; }





.operate { 
  margin-bottom: 30px; 
  padding:7px 10px; 
 -webkit-box-shadow: 10px 10px 71px -73px rgba(0,0,0,0.65);
-moz-box-shadow: 10px 10px 71px -73px rgba(0,0,0,0.65);
box-shadow: 10px 10px 71px -73px rgba(0,0,0,0.65);
border:1px solid white;
border-radius: 2rem;
 }

a .operate:hover { border:1px solid white; 
 transition: 0.4s linear;
 box-shadow: 10px 10px 139px -55px rgba(0,0,0,0.65);
-webkit-box-shadow: 10px 10px 139px -55px rgba(0,0,0,0.65);
-moz-box-shadow: 10px 10px 139px -55px rgba(0,0,0,0.65);
}

.operate h3 { margin-top: -5px; font-family: 'Playfair Display', serif;}
.operate h5 { color:#aaaaaa; font-size: 13px;}

.op_2 h4{  font-family: 'Playfair Display', serif; 
  font-weight: bold; 
  padding-top:0px;
  padding-bottom: 0px;
  color: black;}
.op_2 p{   
 padding-top: 0px;
  padding-bottom: 0px;
 font-family: 'Playfair Display', serif; }



.clogos{ padding:20px; }
.white {color: white;}



.article { width: 45%; margin-bottom: 20px;}
/*.article h1{  color: black;font-family: 'Open Sans', sans-serif; font-weight: 900; line-height: 35px;}*/
.article h2{  color: black; font-family: 'Roboto', sans-serif; font-weight: 900; line-height: 30px; font-size: 24px;}


@media screen and (max-width: 768px) {
.cards p{ display: none; }
.cards2 p{ display: none; }
.operate { 

  padding:15px 15px; 
  margin-bottom: 10px; 
 }
.operate h5 { margin-top: -10px;}

.article h1{  color: black; font-family: 'Roboto', sans-serif; font-weight: 900; line-height: 27px; font-size: 26px;}
.article h2{  color: black; font-family: 'Roboto', sans-serif; font-weight: 900; line-height: 30px; font-size: 19px;}
.article { width: 100%; margin-bottom: 10px;}


  }

.highlighted { display: inline-block;  background: #07579c; color:#ffffff; padding: 5px 12px; border-radius: 5px; margin: 1.5px 0px;}
.highlighted:hover {  background:#eef1f3;  color:#07579c; padding: 5px 12px; border-radius: 5px; margin: 1.5px 0px; transition: 0.5s;}
.highlighted a{
    color:white;
}
.highlighted a:hover{
    color: #07579c;
}
.factstyle { background: #c5cfd2;  color:white;  padding: 15px 25px; border-radius: 20px;}

.bg8 { background:url(../img/sus3.jpg) no-repeat center center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}

.stacked3{
    display: inline-block;
    float: left;
    position: relative;
    padding: 0px !important;
    margin: 0px !important;
    background-image: url(../img/localproducts.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;


}

.stacked4 {
    display: inline-block;
    position: relative;
    margin: 0px !important;
    padding: 50px !important;
    background: #e2e6e9;
    height: 450px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    text-align: center;
}
.stacked4 p { font-size: 17px; line-height: 27px; color:#79838a; text-align: left;}
h1.style2 {  color: black;font-family: 'Open Sans', sans-serif; font-weight: 900; line-height: 35px;}

@media screen and (max-width: 700px) {
    .bg6 {
    background: url(../img/mifmob.svg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}
.stacked4 {
    display: inline-block;
    position: relative;
    margin: 0px !important;
    padding: 50px !important;
    background: #e2e6e9;
    height: auto;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    text-align: center;
}
}
/*
@media screen and (min-width: 768px){
     .bg6 {
    background: url(../img/mifmob.svg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}
}*/

@media screen and (min-width: 1200px) {
    .bg6 {
    background: url(../img/mif.svg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}

}


.dv{
  font-family: "MV_Waheed", "Faruma";
  direction: rtl;
}

.color-blue{
  color: #0e4f7d;
}


.slider-wrapper{
  position: absolute;
  top: 130px;
  left: 30px;
  z-index: 1;
  width: 25vw;
  padding: 5px;
  height: 70vh;
}


.date-intro{
  background-color: #075599;
  text-align: center;
  border-radius: 20px;
  position: relative;
  color: white;
  top: 10px;
  padding: 15px;
}

.date-intro h4{
  line-height: 3.5rem;
}

.stat-content-header{
  top: 20px;
  opacity: 1;
  position: relative;
  border-radius: 20px;
  text-align: center;
  color: white;
  padding:10px;
  background-color: #0e4f7d;
  /* line-height: 3rem; */
}


.divided-content{
  /* background-color: #075599; */
  padding: 5px;
  color: white;
  position: relative;
  top: 25px;
}

.divided-content-mobile{
  color: white;
  position: relative;
}

.without-ice{
  background-color: white;
}

.font-x-large{
 font-size: x-large;
}