@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

body{font-family: 'Roboto', sans-serif; color:#fff; font-size:18px; font-weight:400;}
*{margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6,label,address,ul,ol{margin:0; padding:0;}
ul li a,ul li a:hover,a:hover,a{text-decoration:none;}
a:focus {outline: none;}
img{max-width:100%;}
 
h1 {color: #fff;font-size: 36px;float: left;width: 100%;padding-bottom:40px;}
h2 {color: #fff;font-size: 34px;float: left;width: 100%;padding-bottom: 15px;}
h3 {color: #fff;font-size: 25px;float: left;width: 100%;padding-bottom: 15px;}
h4 {color: #fff;font-size: 24px;float: left;width: 100%;padding-bottom: 15px;}
h5 {color: #fff;font-size: 22px;float: left;width: 100%;padding-bottom: 15px;}
h6 {color: #fff;font-size: 20px;float: left;width: 100%;padding-bottom: 15px;}
p {color: #fff;font-size: 18px;padding-bottom: 15px;font-weight: 400;}
a {color: #fff;font-size:16px;}
ul,ol {padding-left: 15px;margin-bottom: 15px;}
ul li,ol li {color: #fff;font-size: 15px;}
table {float: left;width: 100%;padding-bottom: 15px;}
tr:first-child {background-color: #ff9000;color: #fff;}
tr:nth-child(2n+2) {background-color: #ebebeb;}
tr:nth-child(2n+3) {background-color: #aaa7a7;}
tr:first-child td {color: #fff;font-size: 18px;font-weight: normal;}
tr td:first-child {width: 20%;}
tr td {padding: 17px 25px;color: #242424;font-size: 16px;letter-spacing: 0.40px;}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; position:relative;
}
@media (min-width: 768px) {
  .container {
    width:90%;
  }
}
@media (min-width: 992px) {
  .container {
    width:94%;
  }
}
@media (min-width: 1200px) {
  .container {
    width:94%;
  }
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
header{float:left; width:100%; padding:12px 0 0px 0; background:#000;transition: ease-in-out 0.4s;}
.head-fix{ position:fixed; z-index:99; padding:12px 0 0 0;}
.logo {float:left;width:70%; text-align: left; padding:0px;}
.login{padding:0px;font-weight:400; margin:0; color:#fff; float:right;}
.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #000;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s; padding:10px 26px; border:solid 1px #fff;
}
.hvr-shutter-out-horizontal::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #d8a141;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-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;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	color: white;
}

.hvr-shutter-out-horizontal:hover::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:active::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.about{float:left; padding:0; width:100%; position:relative; overflow:hidden; height:100vh;}
.about-inner{float:left; width:100%; padding:60px 0; position:absolute; top:5%; left:0;}
.about-left-part{width:50%; padding:0; float:left;}
.about-left-part p{padding-right:50px;}
.about-right-part{width:50%; margin:40px 0px 0 0; float:left;}
.about img{object-position: center; object-fit: cover; width: 100%; height:100vh;transition: ease-in-out 0.4s;}
.about .about-right-part img{height:auto;}

/* sub menu code end */
.snip1217 {
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px; padding:0; margin:0 0 40px 0;
}
.snip1217 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1217 li {
  display: inline-block;
  list-style: outside none none;
  margin:0 12px 0 0; width:100%;
  padding: 0;
}
.snip1217 a {
  padding:5px 0px;font-weight:400;
  color:#fff;
  position: relative;
  text-decoration: none;
  display: inline-block;text-transform: capitalize; 
}
.snip1217 a:after {
  height: 1px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #fff;
  width: 0;
}
 
.snip1217 a:after {
  bottom: 0;
  left: 0;
}
.snip1217 a:hover,
.snip1217 .current a {
  color: #d4ba63;
}
.snip1217 a:hover:before,
.snip1217 a:hover:after {
  width: 100%;
}

footer{width:100%; float:left; padding:0; background:#373739; margin-top:-10px;}
.copy{width:100%; padding:16px 0; text-align: left;float:left;}
.copy-inn{ text-align: left;float:left; width:100%; font-size: 14px; color:#fff;} 
.copy p{color:#fff; font-size: 16px; padding:0; font-weight:400;transition: ease-in-out 0.4s;}
.copy p a{color:#fff;transition: ease-in-out 0.4s;}
.copy p a:hover{color:#d4ba63;transition: ease-in-out 0.6s;}

@media screen and (max-width:1024px) {
 header{padding:12px 0 8px 0; position:relative;}
 .head-fix { position: fixed; padding:12px 0 8px 0;}
 .about{ height:100%;}
 .about-inner{top:5%; left:0%;}
 .about-left-part p{padding:0 20px 20px 0;}
 .about-left-part h1{padding:0 0 20px 0;}
 .container { width:88%;}
 .about img{height:80vh;}
.about .about-right-part img{height:auto;}
}

 @media screen and (max-width:900px) {
 .about-left-part, .about-right-part{width:100%;}
 .logo{width:70%;}
 .about{overflow:auto; background:#929292;}
  .about-inner{top:0;}
 .about img{height:100%;}
.about .about-right-part img{height:auto;}
}
@media screen and (max-width:568px) {
  .container { width:84%;}
  .logo {width: 70%;}
   .about-inner{top:0%; left:0%;}
   .about{ height:100%;}
  .about img{ height:80vh;transition: ease-in-out 0.4s;}
}
@media screen and (max-width:375px) {
	.about img{ height:120vh;transition: ease-in-out 0.4s;}
}