@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     font-family: 'Poppins', sans-serif;
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
     font-family: 'Poppins', sans-serif;
     font-size:16px;
     color:#505050;
}
 @font-face {
     font-family: 'geomanistregular';
     src: url('../fonts/geomanist-regular-webfont.eot');
     src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-extralight';
     src: url('../fonts/geomanist-extralight-webfont.eot');
     src: url('../fonts/geomanist-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-extralight-webfont.woff2') format('woff2'), url('../fonts/geomanist-extralight-webfont.woff') format('woff'), url('../fonts/geomanist-extralight-webfont.ttf') format('truetype'), url('../fonts/geomanist-extralight-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-light';
     src: url('../fonts/geomanist-light-webfont.eot');
     src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-medium';
     src: url('../fonts/geomanist-medium-webfont.eot');
     src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-medium-webfont.woff2') format('woff2'), url('../fonts/geomanist-medium-webfont.woff') format('woff'), url('../fonts/geomanist-medium-webfont.ttf') format('truetype'), url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-book';
     src: url('../fonts/geomanist-book-webfont.eot');
     src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff'), url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'), url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
 @font-face {
     font-family: 'TT-Norms-light';
     src: url('../fonts/TTNorms-Light.eot');
     src: url('../fonts/TTNorms-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/TTNorms-Light.woff2') format('woff2'), url('../fonts/TTNorms-Light.woff') format('woff'), url('../fonts/TTNorms-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
}
 @font-face {
     font-family: 'TT-Norms-medium';
     src: url('../fonts/TTNorms-Medium.eot');
     src: url('../fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/TTNorms-Medium.woff2') format('woff2'), url('../fonts/TTNorms-Medium.woff') format('woff'), url('../fonts/TTNorms-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
}
 @font-face {
     font-family: 'TT-Norms-regular';
     src: url('../fonts/TTNorms-Regular.eot');
     src: url('../fonts/TTNorms-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/TTNorms-Regular.woff2') format('woff2'), url('../fonts/TTNorms-Regular.woff') format('woff'), url('../fonts/TTNorms-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'TT-Norms-bold';
     src: url('../fonts/TTNorms-Bold.eot');
     src: url('../fonts/TTNorms-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TTNorms-Bold.woff2') format('woff2'), url('../fonts/TTNorms-Bold.woff') format('woff'), url('../fonts/TTNorms-Bold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
}
 .clear {
     clear: both 
}
 audio, ::selection {
     background:#86be4f;
     color: #fff;
}
 input.contact-enquiry-box::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.contact-enquiry-box::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.contact-enquiry-box:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.contact-enquiry-box:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-wraper{
     width:100%;
     height:88px;
     background-color:#fff;
}
 .logo-container{
     width:25%;
     height:auto;
     float:left;
     /*padding-top:14px;*/
     padding-bottom:14px;
	 position:relative
}
 .logo-for{
     width: auto;
     height: auto;
	 position:absolute;
	 left:0;
	 top:50%;
}
 .logo-for:nth-child(2){
     width: 49%;
     padding-left: 5%;
     padding-right: 5%;
     margin-left:0%;
     margin-right:2%;
    /* border-left: 1px solid #ccc;
    */
     border-right: 1px solid #ccc;
}
 .logo-for:nth-child(3){
     width:30%;
     margin-left:4%;
}
 .top-right-container{
     width:auto;
     height:auto;
     float:right;
     /*padding-top:1em;*/
}
 .top-container-address{
     width:auto;
     height:auto;
     float:left;
	 padding-bottom:0.5em;
}
 .top-container-address p {
    width: auto;
    height: auto;
    overflow: hidden;
    font-size:0.85em;
    font-weight: 300;
    color: #333;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
}

 .top-language-container{
     width:auto;
     height:auto;
     float:right;
	 padding-bottom:0.5em;
}
.topcall{
	background:url(../images/call.png) no-repeat left center;
	padding-left:32px !important;
	margin-right:10px;
}
.topmail{
	background:url(../images/topmail.png) no-repeat left center;
	padding-left:32px !important;
	margin-left:10px;
}
 .top-language{
     width:auto;
     height:auto;
     float:left;
     padding-left:5px;
     font-size:1em;
     font-family:inherit;
     color:inherit;
	 line-height:26px;
}
 .top-language a{
     font-size:1em;
     color:inherit;
     text-decoration:none;
}
 .top-language a:hover{
     font-size:1em;
     color:#ff6600;
     text-decoration:none;
}
 .banner-wraper{
     width:100%;
     height:auto;
     position:relative;
}
.banner-icon{
	width:auto;
	height:auto;
	text-align:left;
	margin-bottom:-18px;
	margin-left:-5px;
}
 .banner-caption-mid{
     font-size:3.375em;
     color:#fff;
     font-family: 'geomanist-extralight';
     text-align:left;
     letter-spacing:-1px;
}
 .caption-top{
     font-size:3.188em;
     font-family: 'geomanist-medium';
     color:#ff6600;
     letter-spacing:-1px;
     text-transform:uppercase;
     line-height:70px;
     text-align:left;
}
 .banner-strip-wraper{
     width:100%;
     height:50px;
    /*background-color:#d3d3d2;
    */
     margin-top:0.5em;
     text-align:right;
     background-color: rgba(153,153,153,0.3);
}
 .banner-strip-container{
     width: auto;
     height: auto;
     float:left;
     font-size:1em;
     font-weight:400;
     color:#fff;
     line-height:50px;
     font-family:inherit;
     text-align:center;
}
 .banner-strip-container a{
     font-size:1em;
     font-weight:400;
     color:#666;
     line-height:50px;
     font-family:inherit;
     margin-left:1em;
     padding-left:1em;
     border-left:1px solid #999;
}
/* .banner-strip-container:nth-child(1){
     text-align:left;
     width:15% 
}
 .banner-strip-container:nth-child(4){
     text-align:right;
     width:15% 
}
 */
 
 #back2Top {
     width: 40px;
     line-height: 40px;
     overflow: hidden;
     z-index: 999;
     display: none;
     cursor: pointer;
     position: fixed;
     bottom:11.5em;
     right: 0.5em;
     color:#fcd406;
     text-align: center;
     font-size: 30px;
     text-decoration: none;
}
 #back2Top:hover {
     color: #07773f;
}
 
 .footer-wrap {
     width: 100%;
     height: auto;
     /*margin-top:60px;*/
}
 .footer-enquiry {
     width: 100%;
     height: auto;
     padding-top: 30px;
	 background-color:#404040;
	 padding-bottom:30px;
    /*padding-bottom: 20px;
    */
    /*background-color: #262626;
    */
}
 .footer-bottom {
     width: 100%;
     height: auto;
    /*background-color: #222127;
    */
}
 .copy-right {
     width: auto;
     height: auto;
     line-height:50px;
     padding-right:2em;
     float: left;
     font-family: inherit;
     font-size:0.875em;
     font-weight:300;
     color:rgba(255,255,255,0.8);
}

 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size: 11px;
     font-weight: 400;
     color:rgba(255,255,255,0.8);
     line-height:55px;
}
 .designed p a {
     text-decoration: none;
     color:rgba(255,255,255,0.8);
     font-weight:300;
}
 .designed p a:hover {
     text-decoration: none;
     color: #fff;
}
 .footer-middle {
     width: 100%;
     height: auto;
    background-color:#2e2e2e;
    
}
 .footer-quick {
     width: 100%;
     height: auto;
     border-bottom: 1px solid #696969;
     padding-top:15px;
     padding-bottom:15px;
}
 .footer-quick-links {
     width: auto;
     height: auto;
     float: left;
}
 .footer-ido {
     width: auto;
     height: auto;
     float: left;
     line-height:50px;
     padding-left:0.5em 
}
 .footer-quick-links ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .footer-quick-links ul li {
     float: left;
     padding-right:30px;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     line-height: 55px;
     color:rgba(255,255,255,0.6);
}
 .footer-quick-links ul li a {
     text-decoration: none;
     color:rgba(255,255,255,0.8);
}
 .footer-quick-links ul li a:hover {
     text-decoration: none;
     color:rgba(255,255,255,1);
}
 .footer-social {
     width: auto;
     height: auto;
     float:left;
}
 .footer-social-links {
     padding: 0;
     margin: 3px 0 0;
     text-align: right;
     padding-top:10px;
}
 .footer-social-links li {
     list-style: none;
     display: inline-block;
     margin: 0 5px 
}
 .footer-social-links li a {
     font-size: 20px;
     height: 30px;
     width:30px;
     display: block;
     text-align: center;
     line-height:30px;
    color:rgba(255,255,255,0.8);
     background-color:transparent 
}
 .footer-social-links li a:hover {
     color:rgba(255,255,255,1);
     background-color:transparent 
}
 .footer-contact{
     width:auto;
     height:auto;
     float:left;
     padding-right:85px;
     min-height:50px;
     display:flex;
     align-items:center;
}
 .footer-contact-icon{
     width:auto;
     float:left;
     padding-right:12px;
     margin-right:12px;
     border-right:1px solid #666;
     min-height:50px;
     display:flex;
     align-items:center;
}
 .ftr-contact-dtl{
     width:auto;
     height:auto;
     float:left;
}
 .footer-cal{
     font-family:inherit;
     line-height:24px;
     width: auto;
     height: auto;
     padding-right: 2em;
     font-size: 1em;
     font-weight: 300;
     color: rgba(255,255,255,0.8);
    
}
 .footer-contact:nth-child(4){
     padding-right:0px;
     float:right;
}
 .footer-mail{
     font-family:inherit;
     line-height:24px;
     width: auto;
     height: auto;
     padding-right: 2em;
      font-size: 1em;
     font-weight: 300;
     color: rgba(255,255,255,0.8);
}
.designed p {
     width: auto;
     height: auto;
     float:left;
     font-family: inherit;
     font-size: 0.9em;
		font-weight: 300;
     
     line-height:50px;
	/* color:#00a8e8;*/
	color: rgba(255,255,255,0.6);
	 
}
 .designed p a {
     text-decoration: none;
     font-weight:300;
	 font-size:1em;
	  color:rgba(255,255,255,0.6);
}
 .designed p a:hover {
     text-decoration: none;
     color: #fff;
}
 
 .sexy-menu {
     position: fixed;
     background: #fff;
     top: 0;
     left: 0;
     right: 0;
     transition: all .5s ease-out;
     z-index:99;
}
 .sexy-menu.detached {
     margin-top: -100px;
     opacity: 0;
     filter: alpha(opacity=0) 
}
 .sexy-menu.visible {
     margin-top: 0;
     opacity: 1;
     filter: alpha(opacity=1) 
}

.more-about{
     width:auto;
     height:auto;
     float:right;
     font-size:1.25em;
     line-height:40px;
     padding-left:35px;
     padding-right:35px;
     font-family:inherit;
     text-transform:uppercase;
     font-weight:500;
}
 a .more-about{
     color:#FFF;
     background:#acacac;
     display:inline-block;
     text-align:center;
     box-shadow:inset 0 0 0 0 #fff;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #acacac;
}
 a:hover .more-about{
     color:#ff6600;
     box-shadow:250px 0 0 0 #fff inset;
}
 .effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .effect-shine1:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine1 {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}

.specials-wrap{
     width:100%;
     height:auto;
     border-bottom:1px solid #eeefef;
	 margin-top:4em;
}
.specials-for{
     display:flex;
     justify-content:center;
     align-items:center;
     width:25%;
     height:110px;
     border-top:1px solid;
     float:left;
     border-right:1px solid #eeefef !important;
}
.specials-for:nth-child(4n+4){
     border-right:0px;
}
.best-quality{
     border-color:#208fed;
     color:#208fed
}
.freeshiping{
     border-color:#ff9900;
     color:#ff9900
}
.waranty{
     border-color:#37c2c0;
     color:#37c2c0
}
.online{
     border-color:#73b55e;
     color:#73b55e
}
.special-icon{
     width:auto;
     height:auto;
     float:left;
}
.special-container{
     width:auto;
     height:auto;
     padding-left:10px;
}
.special-container h4{
     width:100%;
    font-family: 'geomanist-medium';
     font-size:1.1428571428571428em;
     font-weight:500;
     text-transform:uppercase;
     text-align:left;
}
.special-container p{
     width:100%;
     font-family: 'Poppins', sans-serif;
     font-size:0.8571428571428571em;
     font-weight:400;
     color:rgba(75,76,81,0.55);
     text-align:left;
}
.welcome-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:3em;
}
.welcome-container{
	width:100%;
	height:auto;
	position:relative;
	
}
.welcome-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.500em;
	color:#4169e1;
	font-family: 'geomanist-light';
	line-height:45px;
	letter-spacing:-2px;
}
.welcome-title span{
	color:#ff6600;
	font-family: 'geomanist-medium';
	text-transform:uppercase;
}
.welcome-container p{
	width:80%;
	height:auto;
	float:left;
	font-size:1em;
	font-weight:400;
	color:#666;
	line-height:24px;
	font-family: 'Poppins', sans-serif;
	text-align:justify;
}
.welcome-bg{
	width:auto;
	height:auto;
	position:absolute;
	right:0;
	bottom:0;
}

.title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.188em;
	color:#4169e1;
	font-family: 'geomanist-light';
	line-height:30px;
	letter-spacing:-1px;
	padding-bottom:15px;
}
.title span{
	color:#ff6600;
	font-family: 'geomanist-medium';
}
.facility{
	width:24.25%;
	height:auto;
	float:left;
	background-color:#fff;
	/*padding:2em 2em;*/
	color:#666;
	margin-right:1%;
	margin-bottom:1em;
	
}
.facility:nth-child(4){ margin-right:0%;}
.facility-icon{
	width:100%;
	height: auto;
	text-align:center;
	-webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
}

a:hover .facility-icon{
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.facility-name-home{
	width:100%;
	height:auto;
	text-align:center;
	font-weight:500;
	line-height:30px;
	font-family: 'Poppins', sans-serif;
	font-size:1.375em;
}
.facility p{
	width:100%;
	height:auto;
	text-align: justify;
	font-weight:300;
	line-height:24px;
	font-family: 'Poppins', sans-serif;
	font-size:1em;
}
a:hover .facility{
	background-color:#6fb17c !important;
	/*padding:2em 2em;*/
	color:#fff;
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	
}
.facility-new{
	width:100%;
	height:auto;
}
.facility-new ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.facility-new ul li{
	font-weight:300;
	line-height:40px;
	font-family: 'Poppins', sans-serif;
	font-size:1em;
	background:url(../images/listing.png) no-repeat left 10px;
	padding-left:30px;
	clear:left;
}



.history-sub {
    width:30%;
    height: auto;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
	max-width:100%;
}

.home-gallery{
	width:18.2%;
	height:auto;
	float:left;
	padding-left:1px;
	padding-bottom:0px;
	position:relative;
}
.home-gallery:nth-child(1){ width:45.4%; padding-left:0px; padding-bottom:0px;}
.home-gallery:nth-child(2){ width:27.3%;padding-bottom:1px;  }
.home-gallery:nth-child(3){ width:27.3%;padding-bottom:1px;}


.box-link{
    overflow: hidden;
    /*box-shadow: 0 0 3px rgba(0,0,0,0.3);*/
    position: relative;
}
.box-link img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.box-link:hover img{ transform: scale(1.1); }
.box-link .box-content{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
	display:flex;
	align-items:center;
	justify-content:center;
}
.box-link:hover .box-content{
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}
.box-link .box-content:before{
    content: "";
    width: 90%;
    height: 90%;
    /*border: 1px solid #fff;*/
    position: absolute;
    top: 5%;
    left: 5%;
}
.box-link .icon{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    /*top: 40%;*/
}
.box-link .icon li{ display: inline-block; }
.box-link .icon li i{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 18px;
    transition: all 0.5s ease 0s;
	background:#ff6600;
    color: #fff;
}
.box-link .icon li i:hover{
    background:#ff6600;
    color: #fff;
}
.box-link .content{
    padding: 10px;
    text-align: left;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.box-link .title{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.box-link .post{
    display: block;
    font-size: 14px;
    color: #fff;
}
/************************************************* START ABOUT US *************************************************/

.inner-banner-wrap{
     width:100%;
     height:auto;
     position:relative;
     font-size:14px 
}
 .inner-banner{
     width:100%;
     height:auto;
}
 .inner-caption-wrap{
     width:100%;
     height:140px;
     text-align:right;
     position:absolute;
     bottom:5%;
     margin:auto;
     right:0;
}

.bredcum-wraper{
     width:100%;
     height:auto;
     padding-top:2em;
}

 .bred-home{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:#666;
     line-height:30px;
     text-transform: capitalize;
}
 .bred-home a{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:#666;
     line-height:30px;
}
 .bred-home a:hover{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
}
 .bred-arrow{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:#666;
     line-height:30px;
     padding-left:6px;
     padding-right:6px;
}
 .bred-next{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
     text-transform: capitalize 
}

.inner-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.500em;
	color:#4169e1;
	font-family: 'geomanist-light';
	line-height:30px;
	letter-spacing:-2px;
	padding-bottom:15px;
}
.inner-title span{
	color:#ff6600;
	font-family: 'geomanist-medium';
	text-transform:uppercase;
}
.about-content{ width:100% !important;}
.page-name{
	width:100%;
	text-align:right;
}

.page-name-title{
	width:100%;
	height:auto;
	font-size:2.500em;
	color:#ff6600;
	font-family: 'geomanist-light';
	line-height:30px;
	letter-spacing:-2px;
	margin-top:-1em;
}
.page-name-title span{
	color:#ff6600;
	font-family: 'geomanist-medium';
}

/************************************************* E ABOUT US *************************************************/

.facilities-main{
	width:49%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	position:relative;
}
.facilities-main:nth-child(2n+2){ margin-right:0%;}
.facilities-pic{
	width:100%;
	height:auto;
}
.facility-name-wrap{
	width:100%;
	height:50%;
	position: absolute;
	bottom:0em;
	background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0.4),rgba(0,0,0,0.3), rgba(0,0,0,0.1), rgba(0,0,0,0.05), rgba(0,0,0,0.025), rgba(0,0,0,0.075));
	
}
.facility-name{
	width:100%;
	height:auto;
	position: absolute;
	bottom:1em;
	font-size:2.500em;
	color:#fff;
	font-family: 'geomanist-light';
	text-align:right;
	padding-right:1em;
	
}

.photo-gallery-container{
    width:31.33%;
    height: auto;
    float: left;
    margin-right:3%;
    position: relative;
    margin-bottom: 3%;
	background-color:#fff;
}
.photo-gallery-container:nth-child(3n+3){
	margin-right:0%;
	}
	
	
.box-down{
    text-align: center;
    overflow: hidden;
    position: relative;
}
.box-down:before,
.box-down:after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
.box-down:after{ transform: scaleY(0); }
.box-down:hover:before{ transform: scaleX(1); }
.box-down:hover:after{ transform: scaleY(1); }


.box-down-icon{ position:absolute; bottom:10px; right:10px; color:rgba(255,255,255,0.8) !important; font-size:1.3em; font-weight:300;}
a:hover .box-down-icon{ display:none !important;}




.box-down img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
	display:block;
}
.box-down:hover img{
    transform: scale(1.3);
}
.box-down .box-content-down{
    width: 100%;
    position: absolute;
    top: 35%;
    left: 0;
    z-index: 2;
}



.box-down .title{
    opacity: 0;
    transition: all 0.3s ease 0s;
	text-transform: capitalize;
    font-family: 'geomanist-book';
    font-size: 1.5em;
    color: #999;
	margin-bottom:1em;
	padding:0em 1em;
}
.box-down:hover .title{
    opacity: 1;
}
.box-down .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
	color: #fff;
	font-size: 50px;
}
.box-down:hover .icon{
    transform: scaleX(1);
}
.box-down .icon li{ display: inline-block; }
.box-down .icon li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    /*border: 1px solid #fff;*/
    margin-right: 5px;
    transition: all 0.3s ease 0s;
}
.box-down .icon li a:hover{
    background: #fff;
    color: #444;
}

.gallery-main-name {
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-family: inherit;
    margin-top: 2px;
}
.gallery-main-name-for {
    color: #666;
    line-height: 42px;
    font-size:1.625em;
     font-family: 'geomanist-light';
    font-weight: normal;
    text-transform: capitalize;
    display: inline-block;
}

.gallery-container{
	width:19.5%;
	height:auto;
	float:left;
	margin-right:0.5%;
	margin-bottom:0.5%;
}
.gallery-container:nth-child(5n+5){ margin-right:0%;}


.box{
    overflow: hidden;
   /* box-shadow: 0 0 3px rgba(0,0,0,0.3);*/
    position: relative;
	cursor:pointer;
}
.box img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.box:hover img{ transform: scale(1.1); }
.box .box-content{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
	display: flex;
align-items: center;
justify-content: center;
}
.box:hover .box-content{
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}
.box .box-content:before{
    content: "";
    width: 90%;
    height: 90%;
   /* border: 1px solid #fff;*/
    position: absolute;
    top: 5%;
    left: 5%;
}
.box .icon{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    /*top: 40%;*/
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #ff6600;
    font-size: 18px;
    color:#fff;
    transition: all 0.5s ease 0s;
}
.box .icon li a:hover{
    background:#ff6600;
    color: #fff;
}
.box .content{
    padding: 10px;
    text-align: left;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.box .title{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.box .post{
    display: block;
    font-size: 14px;
    color: #fff;
}

a .download-container{
    width:100%;
    height:auto;
    background-color:#fff;
    padding:25px 18px;
    float:left;
	border-bottom:1px dashed #ccc;
}

a .download-icon{
    width:auto;
    height:33px;
    float:left;
    line-height:33px;
}
a .download-icon img:last-child {
    display: none;
}
a:hover .download-icon img:last-child {
    display: block;
    line-height:33px;
}
a:hover .download-icon img:first-child {
    display: none;
}
.for-download{ font-size:16px !important; text-transform:capitalize;}
a .download-container p{
    font-family: inherit;
    font-size:1.625em;
    color:#666;
    font-weight:500;
    line-height:33px;
    text-align:left;
    padding-left:2%;
    width:40%;
    float:left;
    padding-bottom:0px;
}
a:hover .download-container p{
    color:#ff6600;
    font-family: inherit;
    font-size:1.625em;
    font-weight:500;
    line-height:33px;
    text-align:left;
    padding-left:2%;
    padding-bottom:0px;
}
a:hover .download-container{
    width:100%;
    height:auto;
    padding:25px 18px;
}





a .for-bokklist{
    width:100%;
    height:auto;
    background-color:#fff;
    padding:25px 18px;
    float:left;
	border-bottom:1px dashed #ccc;
	padding-left:0px;
}

a .for-bokklist p{
    font-family: inherit;
    font-size:1.15em;
    color:#666;
    font-weight:500;
    line-height:33px;
    text-align:left;
    padding-left:2%;
    width:40%;
    float:left;
    padding-bottom:0px;
}
a:hover .for-bokklist p{
    color:#ff6600;
    font-family: inherit;
    font-size:1.15em;
    font-weight:500;
    line-height:33px;
    text-align:left;
    padding-left:2%;
    padding-bottom:0px;
}
a:hover .for-bokklist{
    width:100%;
    height:auto;
    padding:25px 18px;
	padding-left:0px ;
}


/*news*/
.inner-news{width:30%;height:auto;float:left;margin-right: 5%;margin-bottom: 3%;}
.inner-news:nth-child(3n+3){ float:right;margin-right: 0px;}
.news_inner_wrap{width:100%;height:auto;}
.news-pic-inner{
	width:100%;
	height:232px;;
	padding-top:0.5%;overflow: hidden;
}

.readmore_news a{
     width:115px;
     height:38px;
     text-align:center;
     cursor:pointer;
	 font-family: inherit;
     font-size:0.857em;
     color:rgba(0,0,0,0.7);
	 line-height:38px;
	 transition:all .5s ease;
	 font-weight:400;
	 
	 border:1px solid #ccc;
	 margin-top:10px;
	 border-radius:10px;
	 text-transform:uppercase;
	 display:block;
}

 .readmore_news a:hover {
      width:115px;
     height:38px;
     text-align:center;
     cursor:pointer;
	 font-family: inherit;
     color:#fff;
	 line-height:38px;
	 transition:all .5s ease;
	 background-color:#9d520b;
	 font-weight:400;
	  border:1px solid #9d520b;
}

.innernews-title{
	font-family:inherit;
     font-size:1.143em;
      color:rgba(0,0,0,0.7);
     line-height:22px;
     font-weight:500;
	 text-transform:uppercase;
	 text-align:left;
	 margin-top:5px;
	 margin-bottom:5px;
	}


.view-latest-news {
    width: 100%;
    height: auto;
 
    padding-top: 1%;
    padding-bottom: 1%;
	 border-bottom: 1px solid #e1e1e1;
}

.view-news-img {
    width: 20%;
    height: auto;
    float: left;margin-right: 2%;
}
.news-deatils {
    width: 78%;
    height: auto;
    float: left;
    padding-left: 2%;
}

.latest-news-head {
    width: auto;
    height: auto;
    float: left;
    font-family: inherit;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 26px;
   color:#4169e1;
}
.line {
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    float: left;
    padding-left: 13px;
    padding-right: 13px;
}
.innernews-date {
    font-family:inherit;
    font-weight: 500;
    font-size: 1em;
    line-height: 26px;text-align: left;
    color: #4169e1;
}
.view-latest-news p {
    width: auto;
    height: auto;
    overflow: hidden;
    text-align: justify;
	font-size: 1em;
font-weight: 400;
color:#666;
line-height: 24px;
font-family: 'Poppins', sans-serif;
	
}

.view-latest-newstext{
    width: auto;
    height: auto;
    font-family:inherit;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-align: justify;
}





.news-dtl{
    width:9.5%;
    height: auto;
    background-color: #f3f3f3;
    margin-right: 0.5%;
    margin-bottom:0.5%;
	float:left;
	cursor:pointer;
}
.news-dtl:nth-child(10n+10){ margin-right:0%;}
.news-details-pic {
    height: 75px !important;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.news_details_galry{    width: 100%;
    height: auto;
    padding-top: 1%;}



.news-pic-wrap{
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:10px;
}
.news-pic{
	width:100%;
	height:auto;
	padding-top:0.5%;
}

.news-pic-img{
	width:100%;
	height:183px;
	overflow:hidden;
}
.news-date-container{
	width:42px;
	height:42px;
	position:absolute;
	right:0px;
	bottom:0px;
	background-color:#9d520b;
	padding-top:6px;
}
.news-date{
	width:100%;
	height:auto;
	text-align:center;
	font-size:1.371em;
	color:#fff;
	font-family:inherit;
	font-weight:500;
	line-height:18px;
}
.news-month{
	width:100%;
	height:auto;
	text-align:center;
	font-size:0.857em;
	color:#fff;
	font-family:inherit;
	font-weight:300;
	text-transform:uppercase;
	line-height:16px;
}
.news-title{
	font-family:inherit;
     font-size:1.143em;
      color:rgba(0,0,0,0.7);
     line-height:22px;
     font-weight:500;
	 text-transform:uppercase;
	 text-align:center;
	 margin-top:5px;
	 margin-bottom:5px;
	}
.news-pic p{
	font-family:inherit;
     font-size:1em;
      color:rgba(0,0,0,0.7);
     line-height:24px;
     font-weight:400;
	 text-align: center; 
}

.readmore a{
     width:115px;
     height:38px;
     text-align:center;
     cursor:pointer;
	 font-family: inherit;
     font-size:0.857em;
     color:rgba(0,0,0,0.7);
	 line-height:38px;
	 transition:all .5s ease;
	 font-weight:400;
	 margin:0 auto;
	 border:1px solid #ccc;
	 margin-top:10px;
	 border-radius:10px;
	 text-transform:uppercase;
	 display:block;
}

 .readmore a:hover {
      width:115px;
     height:38px;
     text-align:center;
     cursor:pointer;
	 font-family: inherit;
     color:#fff;
	 line-height:38px;
	 transition:all .5s ease;
	 background-color:#9d520b;
	 font-weight:400;
	  border:1px solid #9d520b;
}

/*news*/





/*********************************** S CAREERS ***********************************/
 .careers-form-container{
     width:60%;
     height:auto;
     float:left;
}
 .careers-pics{
     width:40%;
     height:auto;
     float:left;
     text-align:center;
     padding-top:20vh 
}
 .careers-enquiry{
     width:49%;
     height:auto;
     float:left;
     margin-right:2%;
     margin-bottom:2% 
}
 .careers-enquiry:nth-child(2n+2){
     margin-right:0%;
}
 .careers-enquiry1{
     width:100%;
     height:auto;
     float:left;
     margin-bottom:2%;
}
 .careers-offering{
     width:100%;
     height:auto;
     padding:0% 2%;
     margin-top:5%;
     border-left:3px solid #67245a 
}
 .contact-enquiry-box {
     width: 100%;
     height: 60px;
     border: 1px solid #ccc;
     padding-left: 5%;
     padding-right: 5%;
     line-height: 60px;
     font-weight: normal;
     font-style: normal;
     color: #666;
	 font-size:1em
}
 .calback-box1 {
     width: 100%;
     height: 140px;
     border: 1px solid #ccc;
     padding-left: 2.5%;
     padding-right: 2.5%;
     line-height: 26px;
     font-weight: normal;
     font-style: normal;
     color: #666;
	 font-size: 1em;
	 
}
 .project-main-wrap p a {
     font-family: inherit;
     font-weight: 500;
     color: #296638;
     font-size: 1em;
}
 .project-main-wrap p a:hover {
     font-family: inherit;
     font-weight: 500;
     color:#fcd406;
     font-size: 1em;
}
 .more-upload{
     width:auto;
     height:auto;
     float:left;
     font-size:1em;
     line-height:40px;
     padding-left:35px;
     padding-right:35px;
     font-family:inherit;
     text-transform:uppercase;
     font-weight:600;
     color:#FFF;
     background:#056434;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #056434;
     margin-right:10px;
}
 .more-upload:hover {
     color:#056434;
     box-shadow:250px 0 0 0 #fff inset;
     cursor:pointer;
}
 .upload {
     width: auto;
     float: left;
}

.buttonfx{
     color: #fff;
    /* button text color */
     outline: none;
     background: transparent;
     border: none;
     padding: 0px 30px;
     text-transform: uppercase;
     line-height:40px;
     position: relative;
     display: inline-block;
     cursor: pointer;
     text-decoration: none;
     overflow: hidden;
     transition: all .5s;
     z-index:1;
     font-family: 'geomanist-book';
     font-size:1em;
     font-weight: normal;
     float:right;
}
/* //// Default effect: Slide from Top //// */
 .buttonfx:before, .buttonfx:after{
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     height: 100%;
     background:#ff6600;
    /* onhover background color */
     z-index: -1;
     transform: translate3D(0,-100%,0);
    /* move elements above button so they don't appear initially */
     transition: all .5s;
}
 .buttonfx:before{
     background:#4169e1;
    /* button default background color */
     z-index: -2;
     transform: translate3D(0,0,0);
}
 .buttonfx:hover{
     color: white;
}
 .buttonfx:hover:after{
     transform: translate3D(0,0,0);
     transition: all .5s;
}
/*********************************** E CAREERS ***********************************/

.contact-left-for{ width:40%; float:left;}
/******************************************* S CONTACT *******************************************/
.contact-address{
	width:100%;
	margin-bottom:10px;
}

   .box-comment>.box-comment{
        margin-left:145px
    }

*+.box-comment{
    margin-top:30px
}
.box-comment+h5{
    margin-top:46px
}
.box-contacts{
    text-align:left;
/*    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
*/    min-height: inherit;
    /*box-shadow:0 0 10px 0 rgba(0,0,0,.17);*/
    transition:all .3s ease;
	padding-top:10px; padding-bottom:10px;
	/*border-bottom:1px solid rgba(0,0,0,.17)*/
}
.box-contacts-body{
   /* max-width:250px*/
   width:100%;
   display:flex;
   /*justify-content:center;*/
   align-items: flex-start;
}
.box-contacts-icon{
    font-size:30px;
    line-height:1;
    color:#ff6600;
	margin-right:10px;
	width:8%;
	text-align:center
}
.box-contacts-decor{
    margin:10px auto;
    height:2px;
    max-width:100px;
    background:#67245a;
    transition:all .3s ease-in-out
}
.box-contacts-link{
    font-size:18px;
    line-height:1.67;
    letter-spacing:.025em
}
.box-contacts-link a,.box-contacts-link a:focus,.box-contacts-link a:active{
    color:inherit
}
.box-contacts-link a:hover{
    color:#ff6600
}


.box-contacts-link {
    font-size: 16px;
    line-height: 1.67;
    letter-spacing: .025em;
	color:#333;
}



.title-classic {
    text-align: left;
    -ms-flex-direction: row;
    flex-direction: row;
}
.title-classic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: -15px;
    margin-left: -32px;
}
.title-classic-text {
    padding-top: 0;
    padding-left: 28px;
    border-top: none;
    border-left: 1px solid #e1e1e1;
}

.title-classic-title > h3 {
    margin-top: 6px;
}
h3 {
    font-size: 32px;
}

.contact-enquiry{
	width:49%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:2%
	
}
.contact-enquiry:nth-child(2n+2){ margin-right:0%;}
.contact-enquiry1{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:2%;
	
}
.contact-offering{
	width:100%;
	height:auto;
	padding:0% 2%;
	margin-top:5%;
	border-left:3px solid #67245a
}


.contact-enquiry-right{
	width:32%;
	height:auto;
	float:right;
	margin-top:2%;
}
.contact-enquiry-wrap{
	width:58%;
	height:auto;
	margin-top:1%;
	margin-bottom:5%;
	float:right;
}

.messages-pic{
    width: auto;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    max-width: 100%;
}




/******************************************* E CONTACT *******************************************/


div.mdgov_OverflowTable {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
		
    }
    div.mdgov_OverflowTable table {
        max-width:100%;
        white-space: nowrap; /* Optional */
		min-width:50%;
    }
	.table-stripe tbody tr:nth-child(2n+1) td, .table-stripe tbody tr:nth-child(2n+1) th {
    background-color: #eee;
    background-color: rgba(0,0,0,0.04);
}

	.table-stripe tbody td{
	border:1px solid #ccc;
}

	tbody{
    border-left:1px solid #000 !important;
	
}


.ui-table th, .ui-table td {
    line-height: 1em;
    text-align: center;
    padding: 1em 1em;
    /*vertical-align: top;*/
	border-collapse:inherit !important;
	font-family: 'Roboto', sans-serif;
    color: #565959;
    font-size: 1em;
    font-weight: 400;
	}
	
	.ui-table th, .ui-table td span {
   
	font-family: 'Roboto', sans-serif;
    color: #565959;
    font-size: 14px;
    font-weight: 400;
	}
	
	
	.ui-table th, .ui-table td a {
     font-size:12px;
	 font-weight:500;
	 color:#333366;
	 text-transform:uppercase
	}
	
	.ui-table th, .ui-table td a:hover {
     font-size:1em;
	 font-weight:500;
	 color:#cc1f25;
	 text-transform:uppercase
	}
.ui-table th {
    font-weight: bold;
	color:#666;
	background-color:#ccc;
	text-transform:uppercase;
	text-align:center;
	border-right:1px solid rgba(0,0,0,0.2);
}
.ui-table th:last-child{ border:0px;}

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

.booklist{ width:48%; height:auto; float:left}
.booklist:nth-child(2n+2){ float:right}
.circular{
	width:45%;
	height:auto;
	float:left;
	margin-bottom:1em;
}
.circular:nth-child(2n+2){ float:right}
.circular-container{ min-height:235px;}
.objectives-wrap{
	width:100%;
	height:auto;
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px dashed #ccc;
}
.objctive-title{
	width:20%;
	height:auto;
	float:left;
	text-align:left;
	font-family:inherit;
	font-size:1.15em;
	color:#333;
	font-weight:500;
	line-height:26px;
}
.objctive-sep{
	width:5%;
	height:auto;
	float:left;
	text-align: center;
	font-family:inherit;
	font-size:1.15em;
	color:#333;
	font-weight:500;
	line-height:26px;
}
.objctive-content{
	width:75%;
	height:auto;
	float:left;
	text-align:left;
	font-family:inherit;
	font-size:1em;
	color:#666;
	font-weight:400;
	line-height:24px;
}
.desk-view{ display:block}
.mob-view{ display:none}




 @media (min-width: 1023px) and (max-width: 1279px) {
     body {
        font-size:14px;
    }
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	.top-container {
    width: 100%;
    padding-left: 2%;
    padding-right:2%;
}
     .map-details{
         width:55%;
    }
     .image-arrow1{
        right:-4px;
    }
     .image-arrow{
         left:-4px;
    }
     .video-bottom{
         height:356px;
    }
     #back2Top{
        right:0px;
    }
	.nav a {
    padding: 0px 10px !important;
    font-size: 0.85em !important;
}
}
 @media (min-width: 1280px) and (max-width: 1359px) {
     body {
        font-size:14px;
    }
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	.top-container {
    width: 100%;
    padding-left: 2%;
    padding-right:2%;
}
	.footer-contact{ padding-right:50px;}
   
     #back2Top{
        right:0px;
    }
	.nav a {
    padding: 0px 10px !important;
    font-size: 0.9em !important;
}
}
 @media (min-width: 1360px) and (max-width: 1399px) {
	 
     body {
        font-size:15px;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}
     
     #back2Top{
        right:0px;
    }
	.footer-contact{ padding-right:60px;}
	.nav a {
    padding: 0px 10px !important;
    font-size: 0.9em !important;
}
    
}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width:1600px){
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}

@media (max-width:390px) {.logo-container{ width:33%;} .toggleMenu{ right:2% !important}
.top-container-address {
    width: 44%;}
}

 @media (max-width:420px) {
	 .objctive-title{ width:100%;}
	 .objctive-sep{ display:none}
	 .objctive-content{ width:100%;}
	 .circular{ width:100%;}
	 .circular-container{ min-height:inherit}
	 .history-sub{ display:none}
	 .booklist{ width:100%;}
     
     body {font-size:14px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
     .top-container{ width:100%; padding-left:2%; padding-right:2% }
	 .welcome-container p{ width:100%;}
	.facility{ width:100%;}
	 .welcome-title{ font-size:1.8em; line-height:30px;}
	 .caption-top{ font-size:2em;}
	 .banner-caption-mid{ font-size:2em;}
	 .designed{ width:227px; margin:0 auto; float:none;}
	 .copy-right{ width:100%; text-align:center; line-height:30px;}
	 .designed p{ line-height:30px;}
	 .footer-ido{ line-height:30px;}
	 .footer-quick-links ul li{ line-height:30px;}
	 .specials-for{width:100%; height:75px;}
	 .inner-title{ font-size:1.8em;}
	 .page-name-title{ display:none;}
	 .facilities-main{ width:100%; margin-right:0%;}
	 .facility-name{ font-size:2em;}
	 .careers-form-container{ width:100%;}
	 .careers-pics{ display:none;}
	 .photo-gallery-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .gallery-container{ width:49.5%; margin-right:1%; margin-bottom:1%;}
	 .gallery-container:nth-child(5n+5){ margin-right:1%;}
	 .gallery-container:nth-child(2n+2){ margin-right:0%;}
	 a .download-container p{ width:90%;}
	 .contact-left-for{ width:100%;}
	 .contact-enquiry-wrap{ width:100%;}
	 .footer-contact:nth-child(4){ float:left}
	 .logo-for{ position:inherit}
	 .top-language a:nth-child(2){ display:none;}
	 .topmail{ background:none; padding-left:0px !important;}
	 .topcall{ background:none; padding-left:0px !important;}
	 .top-language-container{ width:100%; justify-content:center; display:none;}
	 .top-right-container{ float:none;}
	 .logo-for img{ max-width:100%;}
	 .logo-container{ float:none; margin:0 auto; padding-bottom:0px;}
	 .top-right-container{ padding-top:0px;}
	 .top-wraper{ height: inherit}
	 .nav{ float:none !important}
	 .banner-wraper{ margin-top:0em;}
	 .home-gallery:nth-child(1){ width:100%; margin-bottom:1px;}
	 .home-gallery:nth-child(2){ display:none}
	 .home-gallery:nth-child(3){ display:none}
	 .home-gallery{ width:33.3%;}
	 .swiper-slide-caption{ bottom:10% !important}
	 .caption-top{ line-height:normal;}
	 .inner-banner-wrap{ margin-top:0em;}
	 .inner-caption-wrap{ height:auto; bottom:15%; top: inherit;font-size:10px;}
	 .inner-title span{ font-size:0.85em;}
	 .history-sub { float:none; margin-left:0px;}
	 .welcome-wraper{padding-top:1em;}
	 .bredcum-wraper{padding-top:0.5em;}
	 .logo-container{ width:30%;}
	 .footer-contact{ padding-right:0px;}
	 .sexy-menu{position:inherit;}
	 .inner-title{ padding-bottom:0px;}
    
}
 @media (min-width:421px) and (max-width:560px){
	  .objctive-title{ width:100%;}
	 .objctive-sep{ display:none}
	 .objctive-content{ width:100%;}
	 .circular{ width:100%;}
	 .circular-container{ min-height:inherit}
	 .history-sub{ display:none}
	 .booklist{ width:100%;}
	 
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
     .top-container{ width:100%; padding-left:2%; padding-right:2% }
	 .welcome-container p{ width:100%;}
	 .facility{ width:49.50%; margin-right:1%; float:left;}
	 .facility:nth-child(2n+2){ margin-right:0%;}
	 .welcome-title{ font-size:1.8em; line-height:30px;}
	 .caption-top{ font-size:2em;}
	 .banner-caption-mid{ font-size:2em;}
	 .designed{ width:227px; margin:0 auto; float:none;}
	 .copy-right{ width:100%; text-align:center; line-height:30px;}
	 .designed p{ line-height:30px;}
	 .footer-ido{ line-height:30px;}
	 .footer-quick-links ul li{ line-height:30px;}
	 .specials-for{width:100%; height:75px;}
	 .inner-title{ font-size:1.8em;}
	 .page-name-title{ display:none;}
	 /*.facilities-main{ width:100%; margin-right:0%;}*/
	 .facility-name{ font-size:1.2em;}
	 .careers-form-container{ width:100%;}
	 .careers-pics{ display:none;}
	 .photo-gallery-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .gallery-container{ width:49.5%; margin-right:1%; margin-bottom:1%;}
	 .gallery-container:nth-child(5n+5){ margin-right:1%;}
	 .gallery-container:nth-child(2n+2){ margin-right:0%;}
	 a .download-container p{ width:90%;}
	 .contact-left-for{ width:100%;}
	 .contact-enquiry-wrap{ width:100%;}
	 .footer-contact:nth-child(4){ float:left}
	 .logo-for{ position:inherit}
	 .top-language a:nth-child(2){ display:none;}
	 .topmail{ background:none; padding-left:0px !important;}
	 .topcall{ background:none; padding-left:0px !important;}
	 .top-language-container{ width:100%; justify-content:center; display:none;}
	 .top-right-container{ float:none;}
	 .logo-for img{ max-width:100%;}
	 .logo-container{ float:none; margin:0 auto; padding-bottom:0px;}
	 .top-right-container{ padding-top:0px;}
	 .top-wraper{ height: inherit}
	 .nav{ float:none !important}
	 .banner-wraper{ margin-top:0em;}
	 .home-gallery:nth-child(1){ width:100%; margin-bottom:1px;}
	 .home-gallery:nth-child(2){ display:none}
	 .home-gallery:nth-child(3){ display:none}
	 .home-gallery{ width:33.3%;}
	 .swiper-slide-caption{ bottom:10% !important}
	 .caption-top{ line-height:normal;}
	 .inner-banner-wrap{ margin-top:0em;}
	 .inner-caption-wrap{ height:auto; bottom:15%; top: inherit; font-size:10px;}
	 .inner-title span{ font-size:0.85em;}
	 .history-sub { float:none; margin-left:0px;}
	 .welcome-wraper{padding-top:1em;}
	 .bredcum-wraper{padding-top:0.5em;}
	 .footer-contact{ padding-right:0px;}
	 .sexy-menu{position:inherit;}
	 .inner-title{ padding-bottom:0px;}
    
}
 @media (min-width:561px) and (max-width:680px){
	  .objctive-title{ width:100%;}
	 .objctive-sep{ display:none}
	 .objctive-content{ width:100%;}
	 .circular{ width:100%;}
	 .circular-container{ min-height:inherit}
	 .history-sub{ display:none}
	 .booklist{ width:100%;}
	 
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
     .top-container{ width:100%; padding-left:2%; padding-right:2% }
	 .welcome-container p{ width:100%;}
	 .facility{ width:49.50%; margin-right:1%; float:left;}
	 .facility:nth-child(2n+2){ margin-right:0%;}
	 .welcome-title{ font-size:1.8em; line-height:30px;}
	 .caption-top{ font-size:2em;}
	 .banner-caption-mid{ font-size:2em;}
/*	 .designed{ width:227px; margin:0 auto; float:none;}
	 .copy-right{ width:100%; text-align:center; line-height:30px;}
	 .designed p{ line-height:30px;}
	 .footer-ido{ line-height:30px;}
*/	 .footer-quick-links ul li{ line-height:30px;}
	 .specials-for{width:100%; height:75px;}
	 .inner-title{ font-size:1.8em;}
	 .page-name-title{ display:none;}
	 /*.facilities-main{ width:100%; margin-right:0%;}*/
	 .facility-name{ font-size:1.2em;}
	 .careers-form-container{ width:100%;}
	 .careers-pics{ display:none;}
	 .photo-gallery-container{ width:49.5%; margin-right:1%; margin-bottom:2em;}
	 .photo-gallery-container:nth-child(2n+2){ margin-right:0%;}
	 .photo-gallery-container:nth-child(3n+3){ margin-right:1%;}
	 .gallery-container{ width:49.5%; margin-right:1%; margin-bottom:1%;}
	 .gallery-container:nth-child(5n+5){ margin-right:1%;}
	 .gallery-container:nth-child(2n+2){ margin-right:0%;}
	 a .download-container p{ width:90%;}
	 .contact-left-for{ width:100%;}
	 .contact-enquiry-wrap{ width:100%;}
	 .footer-contact:nth-child(4){ float:left}
	 .logo-for{ position:inherit}
	 .top-language a:nth-child(2){ display:none;}
	 .topmail{ background:none; padding-left:0px !important;}
	 .topcall{ background:none; padding-left:0px !important;}
	 .top-language-container{ width:100%; justify-content:center; display:none;}
	 .top-right-container{ float:none;}
	 .logo-for img{ max-width:100%;}
	 .logo-container{ float:none; margin:0 auto; padding-bottom:0px;}
	 .top-right-container{ padding-top:0px;}
	 .top-wraper{ height: inherit}
	 .nav{ float:none !important}
	 .banner-wraper{ margin-top:0em;}
	 .home-gallery:nth-child(1){ width:100%; margin-bottom:1px;}
	 .home-gallery:nth-child(2){ display:none}
	 .home-gallery:nth-child(3){ display:none}
	 .home-gallery{ width:33.3%;}
	 .swiper-slide-caption{ bottom:10% !important}
	 .caption-top{ line-height:normal;}
	 .inner-banner-wrap{ margin-top:0em;}
	 .inner-caption-wrap{ height:auto; bottom:12%; top: inherit; font-size:12px;}
	 .inner-title span{ font-size:0.85em;}
	 .specials-for{ width:50%;}
	 .logo-container{ width:20%;}
	 .history-sub { float:none; margin-left:0px;}
	 .welcome-wraper{padding-top:1em;}
	 .bredcum-wraper{padding-top:0.5em;}
	 .sexy-menu{position:inherit;}
	 .inner-title{ padding-bottom:0px;}
     
}
 @media (min-width:681px) and (max-width: 768px){
	 .circular{ width:100%;}
	 .circular-container{ min-height:inherit}
	 .history-sub{ display:none}
	 .booklist{ width:100%;}
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
     .top-container{ width:100%; padding-left:2%; padding-right:2% }
	 .welcome-container p{ width:100%;}
	 .facility{ width:49.50%; margin-right:1%; float:left;}
	 .facility:nth-child(2n+2){ margin-right:0%;}
	 .welcome-title{ font-size:1.8em; line-height:30px;}
	 .caption-top{ font-size:2em;}
	 .banner-caption-mid{ font-size:2em;}
/*	 .designed{ width:227px; margin:0 auto; float:none;}
	 .copy-right{ width:100%; text-align:center; line-height:30px;}
	 .designed p{ line-height:30px;}
	 .footer-ido{ line-height:30px;}
*/	 .footer-quick-links ul li{ line-height:30px;}
	 .specials-for{width:100%; height:75px;}
	 .inner-title{ font-size:1.8em;}
	 .page-name-title{ display:none;}
	 /*.facilities-main{ width:100%; margin-right:0%;}*/
	 .facility-name{ font-size:1.2em;}
	 .careers-form-container{ width:100%;}
	 .careers-pics{ display:none;}
	 .photo-gallery-container{ width:49.5%; margin-right:1%; margin-bottom:2em;}
	 .photo-gallery-container:nth-child(2n+2){ margin-right:0%;}
	 .photo-gallery-container:nth-child(3n+3){ margin-right:1%;}
	 .gallery-container{ width:49.5%; margin-right:1%; margin-bottom:1%;}
	 .gallery-container:nth-child(5n+5){ margin-right:1%;}
	 .gallery-container:nth-child(2n+2){ margin-right:0%;}
	 a .download-container p{ width:90%;}
	 .contact-left-for{ width:100%;}
	 .contact-enquiry-wrap{ width:100%;}
	 .footer-contact:nth-child(4){ float:left}
	 .logo-for{ position:inherit}
	 .top-language a:nth-child(2){ display:none;}
	 .topmail{ background:none; padding-left:0px !important;}
	 .topcall{ background:none; padding-left:0px !important;}
	 .top-language-container{ width:100%; justify-content:center; display:none;}
	 .top-right-container{ float:none;}
	 .logo-for img{ max-width:100%;}
	 .logo-container{ float:none; margin:0 auto; padding-bottom:0px;}
	 .top-right-container{ padding-top:0px;}
	 .top-wraper{ height: inherit}
	 .nav{ float:none !important}
	 .banner-wraper{ margin-top:0em;}
	 .home-gallery:nth-child(1){ width:100%; margin-bottom:1px;}
	 .home-gallery:nth-child(2){ display:none}
	 .home-gallery:nth-child(3){ display:none}
	 .home-gallery{ width:33.3%;}
	 .swiper-slide-caption{ bottom:10% !important}
	 .caption-top{ line-height:normal;}
	 .inner-banner-wrap{ margin-top:0em;}
	 .inner-caption-wrap{ height:auto; bottom:2%; top: inherit;}
	 .inner-title span{ font-size:0.85em;}
	 .specials-for{ width:50%;}
	 .logo-container{ width:15%;}
	 .history-sub { float:none; margin-left:0px;}
	 .sexy-menu{position:inherit;}
	 .inner-title{ padding-bottom:0px;}
     
}
 @media (min-width:769px) and (max-width:991px){
	 .circular{ width:100%;}
	 .circular-container{ min-height:inherit}
	 .history-sub{ display:none}
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
     .top-container{ width:100%; padding-left:2%; padding-right:2% }
	 .welcome-container p{ width:100%;}
	 .facility{ width:49.50%; margin-right:1%; float:left;}
	 .facility:nth-child(2n+2){ margin-right:0%;}
	 .welcome-title{ font-size:1.8em; line-height:30px;}
	 .caption-top{ font-size:2em;}
	 .banner-caption-mid{ font-size:2em;}
/*	 .designed{ width:227px; margin:0 auto; float:none;}
	 .copy-right{ width:100%; text-align:center; line-height:30px;}
	 .designed p{ line-height:30px;}
	 .footer-ido{ line-height:30px;}
*/	 .footer-quick-links ul li{ line-height:30px;}
	 .specials-for{width:100%; height:75px;}
	 .inner-title{ font-size:1.8em;}
	 .page-name-title{ display:none;}
	 /*.facilities-main{ width:100%; margin-right:0%;}*/
	 .facility-name{ font-size:1.2em;}
	 .careers-form-container{ width:100%;}
	 .careers-pics{ display:none;}
	 .photo-gallery-container{ width:49.5%; margin-right:1%; margin-bottom:2em;}
	 .photo-gallery-container:nth-child(2n+2){ margin-right:0%;}
	 .photo-gallery-container:nth-child(3n+3){ margin-right:1%;}
	 .gallery-container{ width:49.5%; margin-right:1%; margin-bottom:1%;}
	 .gallery-container:nth-child(5n+5){ margin-right:1%;}
	 .gallery-container:nth-child(2n+2){ margin-right:0%;}
	 a .download-container p{ width:90%;}
	 .contact-left-for{ width:100%;}
	 .contact-enquiry-wrap{ width:100%;}
	 .footer-contact:nth-child(4){ float:left}
	 .logo-for{ position:inherit}
	 .top-language a:nth-child(2){ display:none;}
	 .topmail{ background:none; padding-left:0px !important;}
	 .topcall{ background:none; padding-left:0px !important;}
	 .top-language-container{ width:100%; justify-content:center; display:none;}
	 .top-right-container{ float:none;}
	 .logo-for img{ max-width:100%;}
	 .logo-container{ float:none; margin:0 auto; padding-bottom:0px;}
	 .top-right-container{ padding-top:0px;}
	 .top-wraper{ height: inherit}
	 .nav{ float:none !important}
	 .banner-wraper{ margin-top:0em;}
	 .home-gallery:nth-child(1){ width:100%; margin-bottom:1px;}
	 .home-gallery:nth-child(2){ display:none}
	 .home-gallery:nth-child(3){ display:none}
	 .home-gallery{ width:33.3%;}
	 .swiper-slide-caption{ bottom:10% !important}
	 .caption-top{ line-height:normal;}
	 .inner-banner-wrap{ margin-top:0em;}
	 .inner-caption-wrap{ height:auto; bottom:2%; top: inherit;}
	 .inner-title span{ font-size:0.85em;}
	 .specials-for{ width:50%;}
	 .logo-container{ width:15%;}
	 .sexy-menu{position:inherit;}
    
}
 @media (min-width:992px) and (max-width:1199px){
	 .nav a{ margin:0px 5px !important}
	 a .download-container p{ width:50%;}
	 .top-container{ padding-left:2%; padding-right:2%;}
	 .logo-container {width:20%; float: left; margin: inherit;}
	 .logo-for{ position:inherit;}
	 .top-right-container { width: auto; height: auto; float: right; padding-top: 1em; }
	 .nav a {padding: 0px 6px !important; font-size: 0.85em !important; }
	 .top-language {font-size: 0.85em;}
	 .logo-container {width: 12%; float: left; margin: inherit; }
	 .logo-for img{ max-width:100%;}
}
@media (max-width:768px) {
.top-container-address p{ text-align:left; line-height:22px; font-size: 1em;}
.top-container-address{ width: 52%; height: auto; float: left; padding-left:2%; display:flex; align-items:center;}
.logo-container {width: auto; float: left; margin: inherit;}
.desk-view{ display: none}
.mob-view{ display: block}
.header-top{ display:flex; align-items:center}

}