@charset "utf-8";
/* CSS Document */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
        margin:0;  padding:0;  border:0; outline:0; font-size:100%;  vertical-align:baseline;   background:transparent;font-family: 'Raleway', sans-serif;
    }

    body {line-height:1;    }
    img{ max-width: 100%;  }
	h1{font-size:38px; color:#1b1c3b; font-weight:normal; text-transform:uppercase; padding:20px 0px; text-align:center;}
	h2{font-size:38px; color:#1b1c3b; font-weight:normal; text-transform:uppercase; padding:20px 0px;  text-align:center;}
	h3{font-size:28px; color:#1b1c3b; font-weight:normal; text-transform:uppercase; padding:20px 0px;  text-align:center;}
	h4{font-size:20px; color:#1b1c3b; font-weight:normal; padding:20px 0px;  }
	
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {   display:block;   }

    nav ul { list-style:none; }

    blockquote, q {  quotes:none; }

    blockquote:before, blockquote:after,
    q:before, q:after {   content:'';   content:none;  }

    a {  margin:0;  padding:0;  font-size:100%;  vertical-align:baseline;   background:transparent;   color: #454545;}
	a:hover, a:focus{color:#1b1c3b}
	
    /* change colours to suit your needs */
    ins {  background-color:#ff9;  color:#000;   text-decoration:none;  }

    /* change colours to suit your needs */
    mark { background-color:#ff9;   color:#000;   font-style:italic;    font-weight:bold; }

    del { text-decoration: line-through; }

    abbr[title], dfn[title] {  border-bottom:1px dotted;   cursor:help;  }

    table { border-collapse:collapse;   border-spacing:0;  }

    /* change border colour to suit your needs */
    hr { display:block;   height:1px;   border:0;   border-top:1px solid #eaeaea;  margin:40px 0px 20px; padding:0;}

    input, select {   vertical-align:middle;  }

header nav ul {    display: block;    list-style: outside none none;    margin-top: 40px;}
header nav ul .active li{background:rgba(245,245,245,1); color:#3a3d84 !important ;  }

header nav ul li {    display: block;    margin: 0 0 0px;    text-transform:uppercase; text-align:center;
						-webkit-transition-duration:.5s; transition-duration:.5s;	}						
.hvr-underline-from-left a{padding: 20px 0; display:block; }
.pageNotFoundMessage{min-height:200px; line-height:22px;}
header nav ul li a:hover{}						
header nav ul li:hover{background:rgba(245,245,245,1); color:#454545 !important ; }
header nav ul li:hover a{color:#454545 !important ;}

body { color:#333; font-family: 'Roboto', sans-serif; font-size:15px; }
ol, ul{ list-style:none; padding:0px; margin:0px;}
header{display:block;  float:left; left:0; position:fixed; z-index:99; text-align:center; min-height:100%}
header .inn-blk {  background:rgba(255, 255, 255, 1.0);    min-height: 100%;    position: absolute;    width: 170px; border-right:1px solid #cacaca;}
header .logo {    margin-top: 0;    padding: 10px 0 0 10px;}
header .logoMobile{display:none;}
.main {    background: #6d4732 none repeat scroll 0 0;    box-sizing: border-box;    clear: both;    height: 100%;
    position: relative;    width: 100%;    z-index: 55;}
.details p{text-align:left; }
#menu_icon, .close_menu {
    background: rgba(0, 0, 0, 0) url("../images/men_icons.png") no-repeat scroll 0 0;
    cursor: pointer;  float: right;  height: 40px;  margin-right: 40px;  width: 40px;
}
#menu_icon, .close_menu {    display: none;}

.close_menu {    background-position: -41px 0 !important;}
.social {    bottom: 0;    left: 0;    list-style: outside none none;    margin: 0 auto;    padding: 0 0 10px;   
		 position: absolute;    right: 0;    width: 108px;}
.social li {    display: block;    float: left;    margin: 0 auto;    padding: 0 7px;    width: 32px;}
.fa-facebook-square{color:#292e93;}
.fa-youtube-square{color:#d23030;}
.fa-twitter-square{color:#09a8d6;}
.fa{font-size:27px;}
.fa-refresh{font-size:22px; color:#999; cursor:pointer}
.main {       box-sizing: border-box;    clear: both;    height: 100%;    position: relative;
    width: 100%;    z-index: 55;}
.sliderWrap {    height: 100vh; position:relative;}
.sliderWrap .caption{width:100%; position:absolute; bottom:0; background-color:rgba(27, 28, 59, 0.7); min-height:50px; font-size:26px;
	font-weight:400; color:#FFF; padding:20px 0px ; line-height:32px;}
.caption .captionIn{width:87%; margin:0 auto; padding-left:190px;}

.sliderWrapIn {    height:315px;    left: 0;    margin: 0;    overflow: hidden;    padding: 0;    position: relative;    top: 0;    width: 100%; }
.bookNowBlock{position:absolute; background:rgba(27,28,59,0.7); max-width:300px; right:0; top:0; width:100%; min-height:315px; 
		padding: 10px 20px 20px; z-index:1000;}
.book-block  input {    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  height: 32px;  text-align: left; margin-bottom:8px; border: 1px solid #52536b; }
.bookNowBlock h2 {font-size:26px; color:#FFF; text-transform:uppercase; padding:12px 0 16px 0;}
.homeMessage{width:100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;    border: 1px solid #52536b;    height: 32px;
    margin-bottom: 8px;    text-align: left; color:#999999;}
.form-control{color:#CCC}
.contactPageForm .form-control{color:#000;}
.contactPageForm  .homeMessage{height:130px;}
.int-block{width:30%; float:left}
.book{background-color:rgba(255, 255, 255, 0.5); border:none; height:32px; text-align:center; width:100% ; padding:0px 15px;}
.book:hover{color:#1b1c3b;}
.mainRightSide{overflow-x:hidden; padding:0 60px 0 240px;}
.about{min-height:230px; text-align:center; margin-top:65px; line-height:28px; font-size:15px;}
.about .details{width:80%; margin:0 auto 40px;}
.button1{min-width:55px; padding:0px 6px; background-color:rgba(245, 245, 245, 1) !important;  font-weight:normal; line-height:30px;
			text-transform:uppercase; font-size:13px; display:inline-block; color:#454545; transition-duration:.5s; -webkit-transition-duration:.5s;				}
.owl-nav .owl-prev{background: url(../images/prev-icon2.png) 0  0 no-repeat;	}
.owl-nav .owl-next{background: url(../images/next-icon2.png) 7px  0 no-repeat;	}
.owl-controls .owl-nav .owl-prev {
    left: -45px;
    top: 32%;
}
.owl-controls .owl-nav div {
    position: absolute;
	width:35px;height:97px;
	
	/* text-indent: -999999px; */
}
.owl-controls .owl-nav .owl-next {
    right: -45px;
    top:32%;
}	
.serviceGalWrap{position:relative;}
	

.alert-success{background:#FFF !important;}
	
.image-gallery {    padding-bottom: 30px;}		
.gallery-block .item {    overflow: hidden; border:1px solid #ececec;}
.product-block{padding-bottom:40px;}
.gallery-page{padding-bottom:40px;}
.gallery-page .name{text-align:center; padding:15px 4px; line-height:20px; min-height:50px;}
.product-block .item {    overflow: hidden; border:1px solid #ececec; margin-bottom:25px}
.gallery-page .item {    overflow: hidden; margin-bottom:25px}
.gallery-block .item .name{text-align:center; padding:15px 10px; text-transform:uppercase; line-height:20px; min-height:70px;}
.product-block .item .name {    line-height: 20px;    min-height: 70px;    padding: 15px 10px;    text-align: center;    text-transform: uppercase;}
.gallery-block {    display: block;    margin-top: 35px;    padding: 30px 0 0px;}
.service-block {    display: block;    margin-top: 35px;    padding: 30px 0 0px;}
.service-block .item{border:none !important}
.serviceHead{background-color:rgba(27,28,59,0.6); position:absolute; height:45px; bottom:0; left:0; padding:15px 10px; 
			transition-duration:.5s; -webkit-transition-duration:.5s; width:100%}
.serviceHead h3{font-size:18px; color:#FFF; font-weight:normal; text-transform:uppercase; text-align:center; padding:0;}			
.item:hover .serviceHead{height:100%; padding-top:37%}
.item img{width:100%}
/* Underline From Left */
.hvr-underline-from-left {
 /* display: inline-block; width:100%;*/
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #a7a7a7;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0; 
}
.hvr-underline-from-left.active{background:rgba(245,245,245,1);box-sizing: border-box;}
.footer{background:#1b1c3b; text-align:center; padding:20px; color:#757575; font-size:13px;}
.footerIn{padding-left:200px; display:block}
.pgs{color:#757575; font-size:12px;}
.pgs a{color:#757575;}
.pgs a:hover{color:#CCC}
.form-control{font-size:13px;}
.mobSocialMedia{display:none;}
.galleryThumb{margin-bottom:30px;}		
.gm-style .place-card, .gm-style .default-card, .gm-style .directions-card{display:none}
.address{text-align:left; margin-bottom:20px;}
.location{font-weight:normal; padding:1px 0 8px 40px; background:url(../images/contact.png) 0px -309px no-repeat; display:block;}
.phone{font-weight:normal; padding:8px 0 8px 40px; background:url(../images/contact.png) 0px -61px no-repeat;  display:block;}
.mobile{font-weight:normal; padding:8px 0 8px 40px; background:url(../images/contact.png) 0px -2px no-repeat;  display:block;}
.fax{font-weight:normal; padding:8px 0 8px 40px; background:url(../images/contact.png) 0px -183px no-repeat; display:block;}
.mail{font-weight:normal; padding:8px 0 8px 40px; background:url(../images/contact.png) 0px -122px no-repeat; display:block;}
.post{font-weight:normal; padding:8px 0 8px 40px; background:url(../images/contact.png) 0px -248px no-repeat; display:block;}
.contactPageForm .book{ background-color: rgba(225, 225, 225, 1);}
.contactPageForm .int-block{text-align:left; width:26%}

.address h4{padding-top:0;}
.innerBanner{  background-size: cover !important;    height: 315px;    overflow: hidden;    position: relative;    width: 100%;}
.refresh{width:20px; float:left; margin:4px 8px;}
.captcha{background:#e8edf4; text-align:center !important; padding:6px 0px; min-height:30px;}
.contactPageForm .captcha{background:none; text-align:center !important; padding:2px 0px; min-height:30px;}
.form-control{padding:6px 0px 6px 7px !important}
.cbp-biprev{left:170px;}

/********************************* shamjas ****************/
.green{ color:#7ac143 }
.online-form label.error { font-weight:normal; display:none !important; }
.online-form input.error { border:1px solid #df3333; }
.online-form textarea.error { border:1px solid #df3333; }
#gMap{ height:315px}

/********************************* shamjas ****************/


@media (max-width:1300px){
.serviceHead h3	{font-size:15px;}
	
}
@media (max-width:1020px){
/*.gallery-block .item .name{font-size:10px;}*/
.about .details{width:100%; margin:0 auto 40px;}
.product-block .item .name { min-height: 60px;    padding: 15px 10px;  }
}

@media (max-width:767px){
header{max-width:100%; min-height:70px; display:block; position:relative}
header .logo { display:none;}
header .logoMobile{margin-top: 0;    padding: 10px 0 0 10px; display:block}
h1{font-size:26px; }
h2{font-size:26px; }	
header nav ul li {padding: 0px 0;}
#headerWrap{position:absolute; top:0; right:0; left:0; width:100%}
header #menu_icon,  header .close_menu { float: right; margin: 30px 18px 0 0; }
header nav ul { list-style: none; display: none; margin-top: 35px; position: relative; }
#menu_icon,  .close_menu,  .show_menu { display: block; }
.top-block{ display:none}
header nav ul li.resMenu { display:block; }	
header{ text-align:left; background:none}
header nav ul{ padding:0 30px}

header #menu_icon, header .close_menu{ margin-top:-45px;}
header nav ul{ background:none repeat scroll 0 0 rgba(240, 240, 240, 1); margin-top:0px; padding:4px; margin-top:8px;}
header nav ul li i{ float:left; margin-right:8px;}
header nav ul li a{ line-height:26px;}
.inn-blk{ width:100% !important}
.social{top:16px; right:16px; left:inherit; height:30px;}
.bookNowBlock{display:none}
.mainRightSide{padding:0 10px;}
.footerIn{padding-left:0px;}
.serviceHead h3	{font-size:20px;}
.gallery-block .item .name{font-size:20px; line-height:20px; padding:10px 5px; }
.social{display:none;}
.caption .captionIn{padding:0;}
.sliderWrap .caption{font-size:16px; font-weight:normal; text-align:center; line-height:27px;}
.mobSocialMedia{display:table; margin:0 auto; padding:0px 5px 15px;}
.social2 { list-style: outside none none;    margin: 0 auto;    padding: 0 0 10px;   
		 }
.social2 li {    display: block;    float: left;    margin: 0 auto;    padding: 0 7px;    width: 32px;}
.image-gallery {    padding-bottom: 15px;}
.service-block {    display: block;    margin-bottom: 15px;    margin-top: 10px;    padding: 30px 0 0;}
.product-block .item .name{font-size:19px; line-height:27px;}
.sliderWrapIn{top:55px; height:360px;}
.address h4{text-align:center;}
.address{margin-bottom:30px;}
.cbp-biprev{left:0px;}
.cbp-bicontrols{display:none;}
.cbp-bicontrols span{width:60px;}
.gallery-block .owl-nav .owl-prev, .service-block .owl-nav .owl-prev { left:-8px;}
.gallery-block .owl-nav .owl-next, .service-block .owl-nav .owl-next { right:-8px; }
.gallery-block .item .name{padding:15px 10px; min-height:50px;}
.product-block .item .name { min-height: 50px;    padding: 15px 10px;  }
.about .details{width:100%; margin:0 auto 40px;}
	}