body, html {height: 100%; background: #27313f; color: white; font-family: 'Cairo', sans-serif;}
main {height:100%; min-height:320px; background: url(../img/bg.jpg) no-repeat center; background-size: cover; overflow: hidden}

.moveon {position: absolute; text-align: center; bottom: 14px; width:65px; left: 50%; right: 50%; margin-left: -23px; margin-bottom: 25px;}
.arrow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 46px;
  width: 46px;
  border-style: solid;
  border-color: white;
  border-width: 0px 2px 2px 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 150ms ease-in-out;
  transition: border-color 150ms ease-in-out;
  cursor: pointer;

}
.arrow:hover {
  border-bottom-color: #9aa7b4;
  border-right-color: #9aa7b4;
}
.gallery {background: white}
.gallery img {
    opacity: 1;
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
    
    
      -webkit-transform: scale(1.01);
     transform: scale(1.01);
}


h5 {font-size:1.125rem; font-weight: bold}

.nav-link {padding:0; font-size:1.5rem; color:#666b72; }
.nav-pills .nav-link.active {background-color: transparent;}
.nav-item {margin-right:40px;}
section h1 {

    border-left: 6px solid #52c8e7;
    padding-left: 10px;
    padding-top: 0;
    line-height: 38px;
    padding-bottom: 0;    

}

.sec-ico {width:30px; margin-right:10px; margin-top:-6px}

.first {background: url(../img/bg1.jpg) no-repeat center; background-size: cover; overflow: hidden; background-attachment: fixed}
.second {background: url(../img/bg2.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.third {background: url(../img/bg3.jpg) no-repeat center; background-size: cover; overflow: hidden; background-attachment: fixed}

.viewImg, .viewImg img { -webkit-backface-visibility: hidden; backface-visibility: hidden;  -webkit-transform:translate3d(1,0,0); transform:translate3d(1,0,0);}

a, a:hover {color:white}

 ul {
     list-style-image: url(../img/dots.svg);
     padding-left:17px;
}

li { padding-bottom: 4px }

li span {
    position: relative;
    margin-left:14px;
    display: block;
}

.wow {
  visibility: hidden;
}

.flex-even {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.g-item {position: relative; overflow: hidden; background: url(../img/zoom.png) no-repeat center center; background-size: 150px 153px }

.gallery img:hover {
    
      -webkit-transform: scale(1.1);
     transform: scale(1.1);   
    
    opacity: 0.6}
.title-img {width: 70%; margin-bottom: 25px}


.inner {margin-top: -400px; position: relative; width: 100%;}

.myBtn {border-width: 2px; font-weight: 600}
.myBtn:hover {color:#364354 !important}

.myBtn2 {background-color: #3e4f67; border:2px solid #3e4f67; color:white;}
.myBtn2:hover {background-color: #52c8e7; border:2px solid #52c8e7; color:white;}
.myBtn2 img {width: 16px; margin-right:10px; margin-top:-2px}

.btn:focus,.btn:active {
   outline: none !important;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.cbg {
    background:rgba(41,46,52,0.8); width: 100%
}

.cbg table {margin: 0; width: 100%}
.cbg td {padding: 7px 0;  font-size: 18px}
.fico {width: 26px; margin-right: 24px; margin-top:-3px}

#map {min-height: 400px; width: 100%;}

.contacts { position: relative}

@media (min-width: 576px) {

.cbg ul {font-size: 20px}
}

.seeContacts {display: block;background: #52c8e7; position: fixed; bottom: 20px; right: 0; text-align: center; z-index: 99; padding: 18px 18px 11px 14px; -webkit-transition: background 0.15s linear; transition: background 0.15s linear }
.seeContacts img {width: 32px}
.seeContacts:hover {background: #191f29; }
@media (min-width: 768px) {
    .inner, .cbg{width: auto;  float: left;}
     .cbg ul {font-size: 24px}
    .title-img {width: 90%;}
}


@media (min-width: 992px) { 


    
}

@media (min-width: 1200px) {
   
    .g-item {background-size: 265px 270px }
    
}