@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; }
body{ width:100%; padding:0; margin:0;  font-family: 'ACaslonPro-Regular'; }
a{ outline:none; }
a:focus, a:hover{ outline:none; text-decoration:none; }
ul, li{ padding:0; margin:0; list-style:none; }
h1, h2, h3, h4, h5, h6, p{ padding:0; margin:0; }

/* ___________________ Fontface Start ______________________*/
@font-face {
  font-family: 'ACaslonPro-Regular';
  src: url('../fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/ACaslonPro-Regular.otf')  format('opentype'),
     url('../fonts/ACaslonPro-Regular.woff') format('woff'), 
     url('../fonts/ACaslonPro-Regular.ttf')  format('truetype'), 
     url('../fonts/ACaslonPro-Regular.svg#ACaslonPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GillSans';
  src: url('../fonts/GillSans.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/GillSans.woff') format('woff'), 
       url('../fonts/GillSans.ttf')  format('truetype'), 
       url('../fonts/GillSans.svg#GillSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ___________________ Fontface Ends _______________________*/

/* ___________________ Header Starts _______________________*/

.main-sec{ padding:20px 40px; margin:0; position:relative; }
.main-sec .container-fluid {
    padding: 0;
}
.main-sec .main-body {padding:0; margin:0;}
.main-sec .main-body{ width:calc(100% - 20%); padding:0; margin:0; }
.main-sec .main-body .banner-sec{ padding:0; margin:0; }
.main-sec .main-body .banner-sec img{ width:100%; height:auto; }
.main-sec .side-menu{ text-align:center; width:calc(100% - 80%); position:fixed; top:0; right:0; padding: 4% 40px 0 0; margin:0; }

.main-sec .side-menu .logo-block{ max-width:200px; padding:0; margin:0 auto 20px; }
.main-sec .side-menu .logo-block img{ width:100%; height:auto; }


.main-sec .main-body .desc{ text-align:right; padding:20px 0; margin:0; }
.main-sec .main-body .desc p{ font-family: 'ACaslonPro-Regular'; font-size:16px; line-height:24px; color:#aeaeae; padding:0 0 15px 0; margin:0; }
.img-caption{
  text-align: right;
  font-style: 16px;
  padding: 10px 0;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255, 0.95);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 20px;
  line-height:22px;
  color: #818181;
  display: block;
  transition: 0.3s;
  font-family: 'GillSans';
}

.overlay a:hover, .overlay a:focus {
  color: #222222;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}


.gallery-sec{ padding:0; margin:0; }
.gallery-sec .img-block{ cursor:pointer; padding:0; margin:0; }
.gallery-sec .img-block img{ width:100%; height:auto; }

.single-page-sec{ padding:20px 0 0; margin:0; }
.single-page-sec p {
  font-family: 'ACaslonPro-Regular';
    font-size: 14px;
    color: #aeaeae;
    font-weight: 400;
    padding: 0 0 15px 0;
    margin: 0;
    text-align: justify;
}
.single-page-sec h3{ font-family: 'GillSans'; display:inline-block; font-size:18px; line-height:22px; color:#000; font-weight:400; padding:0 0 15px 0; margin:0; }
.single-page-sec h3 span{ display:block; }
.single-page-sec a:hover{ color:#aeaeae; }


.main-sec .main-body .slider-box .img-block{ /*width:calc(100% - 20%);*/ padding:0; margin:0; }
.main-sec .main-body .slider-box .img-block img{ width:100%; height:auto; }

.break-menu{ display:block; }
.menu-wrap{ text-align: center; padding:0; margin:0; position:relative; }
.menu-wrap a{ 
  padding: 8px;
  text-decoration: none;
  font-size: 16px;
  line-height:18px;
  color: #818181;
  display: block;
  transition: 0.3s;
  font-family: 'GillSans'; text-transform:uppercase; }



.icon {
  position: relative;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  width: 41px;
  height: 41px;
  cursor: pointer;
  margin:0 auto;
}

.hamburger {
  width: 40px;
  height: 4px;
  background: #666666;
  position: absolute;
  top:50%;
  left: 0;
  /*transform: translate(-50%, -50%);*/
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  transition: .5s;
}

.hamburger:before,
.hamburger:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #666666;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  transition: .5s;
  left:0;
} 

.hamburger:before {
  top: -10px;
}

.hamburger:after {
  top: 10px;
}

.icon.ac .hamburger {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
}

.icon.ac .hamburger:before {
  top: 0;
  transform: rotate(45deg);
}
.icon.ac .hamburger:after{
  top: 0;
  transform: rotate(135deg);
}

.menu-body {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    padding: 10px 0;
}


/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}
@media screen and (max-width: 1366px){

}

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

}

@media screen and (max-width:767px){
.gallery-sec .img-block{ margin-bottom:20px; }
.main-sec .side-menu {
    padding: 10px 10px 0 0;
	width: calc(100% - 74%);
}	
.main-sec .side-menu .logo-block {
    padding: 0;
    margin: 5px auto 10px;
}
.menu-wrap a {
    padding: 6px;
    text-decoration: none;
    font-size: 10px;
    line-height: 16px;
}	
.main-sec .main-body .desc {
    padding: 20px 2px 20px 0;
}	
.single-page-sec h3 {
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 13px 0;
}	
.single-page-sec p {
    font-size: 12px;
    padding: 0 3px 15px 3px;
}
	
	
}


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

}

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

}

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

}

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

}

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

}