/*
project Name : AMAN;
BY: i.emam ;
RELEASE : 12/2016
 */
@font-face {
  font-family: 'Montserrat-Regular';
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat-Bold';
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'DINNextLTArabic';
  src: url("../fonts/DINNextLTArabic-Regular.ttf") format("truetype"); }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, label, a {
  font-family: 'Montserrat-Regular', sans-serif; }

.row {
  margin-right: 0;
  margin-left: 0; }

body {
  font-family: 'Montserrat-Regular', sans-serif;
  background-color: #00b7c5; }

ul {
  list-style-type: none;
  padding: 0; }

a:hover {
  text-decoration: none; }

li {
  display: inline-block; }

.m-t20 {
  margin-top: 20px; }

.m-t40 {
  margin-top: 40px; }

header {
  position: relative;
  background-color: #00b7c6;
  height: 70px; }
  header .powered {
    position: absolute;
    z-index: 1;
    left: 0; }
  header .lang {
    font-family: 'DINNextLTArabic';
    border: 2px solid #fff;
    margin-left:45%;
    text-align: center;
    color: #fff;
    padding: 0px 20px 5px 20px;
    margin-top: 20px;
    float: left;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #f16c21;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  header .lang:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00b7c6;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  header .lang:hover, header .lang:focus, header .lang:active {
    color: white; }
  header .lang:hover:before, header .lang:focus:before, header .lang:active:before {
    -webkit-transform: scale(0);
    transform: scale(0); }
  header .header-social {
    float: right;
    margin-top: 8px;
    margin-right: 8%; }
    header .header-social li {
      margin-left: 10px; }
      header .header-social li a {
        color: #fff;
        font-size: 2.8em; }
  header .fb:hover {
    color: #3c599f;
    -webkit-transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
    transition: color .5s ease-out; }
  header .ins:hover {
    color: #A1755C;
    -webkit-transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
    transition: color .5s ease-out; }

.content .carousel-control.left, .content .carousel-control.right {
  background: none;
  height: 60px;
  width: 60px;
  text-align: center;
  font-size: 1.8em;
  top: 45%;
  opacity: 1; }
.content .carousel-inner > .item > a > img, .content .carousel-inner > .item > img {
  width: 100%;
  height:60%;
}
#banner{
    height:400px;
}
.content .carousel-control.left {
  padding: 0px 5px 0px 0px;
  left: 10%; }
.content .carousel-control.right {
  padding: 0px 0 0px 5px;
  right: 10%; }
.content .carousel-indicators {
  left: 125%;
  bottom:50%;
  width: 25px; }
.content .carousel-indicators li {
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #d3d3d3;
  border: 1px solid #d3d3d3;
  margin-bottom: 15px; }
.content .carousel-indicators .active {
  margin-bottom: 15px;
  width: 17px;
  height: 17px;
  background-color: #00b7c5;
  border: none; }
.content .about-aman {
  position: absolute;
  top: 65%;
  color: #fff;
  left: 10.5%;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.1);
}
  .content .about-aman h4 {
    font-family: 'Montserrat-Regular';
    font-size: 1.5em; }
  .content .about-aman h4:after {
    content: "";
    display: block;
    height: 5px;
    width: 38px;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px; }
  .content .about-aman p {
    font-family: 'Montserrat-Regular';
    font-size: 1.2em;
    line-height: 1.4;
    float: left;
    position: relative; }
  .content .about-aman p:after {
    content: "";
    width: 5px;
    height: 34px;
    background-color: #00aec3;
    position: absolute;
    right: -50px;
    bottom: 5px; }
  .content .about-aman a {
    font-size: 1.3em;
    margin-left: 100px;
    margin-top: 52px !important;
    float: right;
    border: 2px solid #8ebaaf;
    color: #fff;
    padding: 3px 20px;
    text-align: center;
    margin-top: 5px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-weight: normal; }
  .content .about-aman a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .content .about-aman a:hover, .content .about-aman a:focus, .content .about-aman a:active {
    color: white; }
  .content .about-aman a:hover:before, .content .about-aman a:focus:before, .content .about-aman a:active:before {
    -webkit-transform: scale(0);
    transform: scale(0); }
.content .featsure {
  background-color: #01a1ad; }
  .content .featsure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto; }
.content .title-bar {
  margin-top: 10px;
  background-color: #0195a0;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px; }
  .content .title-bar p {
    border: 4px solid #fff;
    text-transform: uppercase;
    color: #fff;
    padding: 1px 0;
    font-size: 3.3em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    font-weight: normal; }
.content .services {
    margin-left:4%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
  .content .services li {
    margin-right: 20px;
    padding-right: 30px;
    background-image: url(../img/border-right.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    position:relative;
	 }
  .content .services li span{
	  display:block;
	  }
    .content .services li h6 {
        position:absolute;
		color:#fff;
        text-transform:uppercase;
	}

  .content .services li:nth-child(2) {
    position: relative; }
  .content .services li:nth-child(2):before {
    content: "";
    position: absolute;
    display: block;
    height: 10px;
    width: 50px;
    background-color: #f26f21;
    left: 22%;
    top: -20px; }
  .content .services li:last-child {
    background-image: none; }
.content .parallax {
  position: relative;
  height: 600px;
  background-repeat: no-repeat; }
.content .banner {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: auto; }
.content .map {
  width: 100%;
  background-image: url(../img/map-bg.jpg);
  background-position: center center;
  background-repeat: repeat-x;
  padding-top: 30px;
  height: 935px; }
  .content .map h1 {
    text-align: center;
    color: #58585a;
    text-transform: uppercase;
    background-image: url(../img/map-pin.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 85px;
    margin-top: 0;
    margin-bottom: 30px; }
    .content .map h1 span {
      color: #00b7c6; }
  .content .map img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto; }
.content .info {
  border-bottom: 4px solid #fff;
  padding-bottom: 50px;
  margin-bottom: 50px; }
  .content .info h2 {
  font-family: 'Montserrat-Regular';
    background-color: #0195a0;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    margin-top: 0; }
  .content .info ul {
    text-align: center;
    margin-left:9%;
  }
    .content .info ul li {
      padding-right: 10%;
      text-align: center;
    background-image: url(../img/border-right.jpg);
    background-position: 80% bottom;
    background-repeat: no-repeat;
	}
        .content .info ul li:last-child {
    background-image:none;

	}
	.content .info ul li a {
        border: 4px solid #fff;
        text-align: center;
        display: block;
        margin-top: 20px;
        padding: 5px 15px;
        color: #fff;
        font-size: 1.5em; 
		position:relative;
		}

    .content .info ul li:last-child {
      margin-right: 0;
	   }
    .content .info ul a:hover {
      background-color: #fff;
      color: #00b7c5;
      -webkit-transition: background-color .5s ease-out;
      -moz-transition: background-color .5s ease-out;
      -o-transition: background-color .5s ease-out;
      transition: background-color .5s ease-out; }

footer {
  border-bottom: 20px solid #f16c21; }
  footer .footer-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px; }
  footer .footer-social {
    text-align: center;
    margin-bottom: 50px; }
    footer .footer-social li {
      margin-right: 10px;
      background-image: url(../img/social-footer-border.jpg);
      background-repeat: no-repeat;
      background-position: 0px center;
      padding-left: 20px; }
    footer .footer-social li:first-child {
      background: none; }
  footer .footer-menu {
    text-align: center;
    margin-bottom: 25px; }
    footer .footer-menu li {
      margin-right: 35px; }
      footer .footer-menu li a {
        padding-bottom: 10px;
        text-transform: uppercase;
        color: #58585a;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        overflow: hidden; }
      footer .footer-menu li a:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #f16c21;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
      footer .footer-menu li a:hover:before, footer .footer-menu li a:focus:before, footer .footer-menu li a:active:before {
        left: 0;
        right: 0; }
      footer .footer-menu li a:hover {
        color: #fff;
        -webkit-transition: color .4s ease-out;
        -moz-transition: color .4s ease-out;
        -o-transition: color .4s ease-out;
        transition: color .4s ease-out; }
    footer .footer-menu li:last-child {
      margin-right: 0; }
  footer .copy-rights {
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 35px;
    text-transform: uppercase; }

/*RESPONSIVE*/
@media (max-width: 1500px) {
  .content .title-bar p {
    width: 33%; }
    .content .about-aman {
        top:55%;
    }
  .magnify {
    margin-left: 10%; } }
@media (max-width: 1150px) {
    .content .about-aman{
        top:55%;
    background-color: #00b7c5;
    float: left;
    width: 100%;

    }
    .content .info ul li{
        background-image:none;
        margin-right:0;
        display:block;
        margin-bottom:15px;
    }
    .content .info ul li a{
        width:50%;
        margin-right: auto;
        margin-left: auto;
    }
    .content .featsure{
        margin-top:10%;
    }
  .content .carousel-control.left{
      top:35%;
  }
  .content .carousel-control.right{
      top:35%;
  }
  .content .title-bar p {
    width: 40%; }

  .content .about-aman {
    position: initial; }

  .magnify {
    margin-left: 2%; }

  .content .about-aman a {
    margin-left: 5px;
    margin-top: 0 !important; } }
@media (max-width: 950px) {
    #banner{
        height:325px;
    }
  .magnify {
    margin-left: 0; }
	header .lang{
		margin-left:70%;
	}
  .content .map {
    padding-bottom: 50px;
    height: auto; }

  .content .title-bar p {
    width: 53%; } }
@media (max-width: 750px) {
    header .header-social{
        display:none;
    }
    .content .carousel-indicators{
        display:none;
    }
    .content .carousel-control.right,.content .carousel-control.left {
        top:50%;
    }
    .content .info ul li a {
        width: 70%;
    }
    #banner{
        height:250px;
    }
  header .header-social {
    width: 100%;
    text-align: center; }

  header .lang {
    margin-left: 30%; }

  .carousel {
    position: initial; }

  .content .title-bar p {
    width: 63%;
    }
	 }
@media (max-width: 550px) {
    header .powered{
        display:none;
    }
    .logo img{
        display:block;
        max-width:100%;
        height:auto;
    }
    .content .carousel-control.right,.content .carousel-control.left {
        top:35%;
    }
    .content .services li{
        display:block;
        margin-bottom:20px;
    }
    .content .services li h6{
        position:relative;
    }
    .content .info ul li a {
        width:90%;
    }
  .logo {
    float: right; }
  
    #banner{
        height:200px;
    }
  .content .services li:nth-child(2):before {
    background-color: transparent; }

  .content .services li {
    background: none; }

  .content .title-bar p {
    width: 93%; } }