@charset "UTF-8";

@font-face {font-family: "Gill Sans Bold Condensed";
src: url("assets/Fonts/GillSans Condensed Bold.woff");}

@font-face {
  font-family: "Gill Sans";
  src: url("../../assets/Fonts/GillSans.ttf");
}
@font-face {
  font-family: "Gill Sans Bold Condensed";
  src: url("../../assets/Fonts/Gill-Sans-Condensed-Bold_20590.ttf");
}
@font-face {
  font-family: "Gill Sans Condensed";
  src: url("../../assets/Fonts/GillSans_Condensed.ttf");
}
@font-face {
  font-family: "Gill Sans Light";
  src: url("../../assets/Fonts/GillSans-Light.ttf");
}

body {
	padding: 0;
	margin: 0;
	font-family: "Gill Sans";
}

* {
	padding: 0;
	margin: 0;
}

img { width: 100%; }

header {
	width: 100%;
    box-sizing: border-box;
    background-color: #2f2929;
    /*position: fixed;*/
    top: 0;
    left: 0;
    z-index: 1;
    padding-top: 15px;
    padding-bottom: 15px;/*padding: 30px 0;*/
}

header h1 {
	width: 19%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 15px 0;
}

header h1 a {
    width: 100%;
    display: block!important;
    opacity: 1!important;
    position: relative;
    z-index: 9999999999;
    visibility: visible;
}

header h1 img { 
    width: 100%;
    display: block!important;
    opacity: 1!important;
    position: relative;
    z-index: 9999999999;
    visibility: visible;
}




header .header_logo{
    width: 100%;
    display: block!important;
    opacity: 1!important;
    position: relative;
    z-index: 9999999999;
    visibility: visible;  
}

header nav {
	width: 70%;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-top: 80px;
}

nav > .hamburger { display: none; }

nav > .hamburger {
	width: 30px;
    height: 30px;
    border: 1px solid #fff;
    margin-top: 39px;
    float: right;
}

nav > .hamburger > span {
	width: 75%;
    height: 3px;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 5px;
}

nav ul {
	width: 65%;
	float: right;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	margin: 0;
	text-align: right;
}

nav ul li {
	padding: 7px;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}

nav ul li a {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
    letter-spacing: 2px;
	text-decoration: none;
	font-family: 'Gill Sans Bold Condensed';
}

.banner {
	width: 100%;
	height: 730px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
	/*top: 148px;*/
}

.banner ul { 
	height: 730px;
	padding: 0;
	margin: 0; 
}

.banner ul li img { height: 730px; }

.banner_contact {
	width: 30%;
	position: fixed;
	bottom: 18px;
	/*right: 22px;*/
	right: -330px;
	transition-duration: 1.5s;
}

.slider li {
	position: relative;
	z-index: 0;
}

.banner_layer {
	position: absolute;
	top: 120px;
	left: 14%;
	color: #fff;
}

.banner_layer h1 { font-size: 170px; }
.banner_layer h3 { font-size: 67px; }
.banner_layer h4 { font-size: 30px; }

.slide_form {
	z-index:1!important;
	right: -39px !important;
	transition-duration: 1.5s;
}

.ban_insta {
	width: 70px;
	height: 70px;
	padding: 2%;
	display: block;
	background-color: #000;
	border-radius: 15px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 42px;
	color: #eee;
	font-weight: 800;
	text-decoration: none;
	box-sizing: border-box;
    padding-top: 11px;
}

.wp_link {
    width: 18%;
    display: inline-block;
    vertical-align: top;
}

.info_form {
	width: 70%;
    display: inline-block;
    vertical-align: top;
    background-color: rgba(255,255,255,0.7);
    border: 2px solid #000;
}

.info_form h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.info_form form input {
	width: 94%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    background-color: #ddd;
    padding: 6px;
    color: #000;
    font-size: 16px;
    outline: none;
    border: 2px solid #000;
}

.info_form button {
    display: block;
    width: 32%;
    padding: 7px;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    /*border-radius: 4px;*/
}

/*main start*/

.container {
	width: 90%;
    max-width: 1320px;
    margin: 0 auto;
}

section {
	padding: 30px 0;
	/*border-bottom: 9px double #ddd;*/
}

.sec_contact {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.sec_contact li {
	width: 32%;
	display: inline-block;
	vertical-align: top;
}

.sec_contact li {
	position: relative;
	z-index: -1;
}

.sec_contact > li > figure,
article figure{ 
	margin: 0;
	padding: 0 ;
}

.sec_contact > li > figcaption,
article figcaption{
	width: 100%;
    padding: 14px 0;
    text-align: center;
    background-color: #000;
    /* opacity: .7; */
    color: #fff;
    font-size: 27px;
    font-weight: 600;
    position: absolute;
    bottom: 5px;
    z-index: 1;
    font-family: 'Gill Sans Bold Condensed';
}

.sec_contact li:not(:nth-of-type(3)) { margin-right: 2%; }

.sec_contact li:not(:first-of-type) { margin-left: -4px; }

.stocks {
	background-color: #312d2d;
	color: #fff;
	padding-bottom: 100px;
}

.content p {
	width: 70%;
    display: block;
    margin: 0 auto;
    padding: 1%;
    font-size: 22px;
    line-height: 1.6;
    text-align: center;
    color: #b8bdbb;
}

.content a {
	width: 70%;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    padding: 12px 6px;
    text-align: center;
    border: 2px solid #000;
    background-color: #000;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'Gill Sans Bold Condensed';
}

.intro_img {
	width: 55% !important;
	display: block;
	margin: 0 auto
} 

.intro_img img {
	width: 100%;
}

.content span {
	display: block;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    margin-top: 25px;
    color: #b8bdbb;
}

section h3 {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	font-family: 'Gill Sans Bold Condensed';
}

.logo-1 {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
}

.logo-1 figure {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin-left: -4px;
	padding: 1%;
}

.logo-2 {
	width: 84%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.logo-2 figure {
	box-sizing: border-box;
    width: 16%;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    padding: 1%;
}

article .logo_img {
	width: 39%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
}

article figure {
	width: 100%;
    margin: 0;
    padding: 0;
}

article .logo_video {
	width: 60%;
	height: 424px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	margin-left: -4px;
}

.logo_img {
	position: relative;
	z-index: 0;
}

article .logo_video img { height: 424px; }
.inquiry { font-family: 'Gill Sans Light'; }
.inquiry,
.submit {
	width: 21%;
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #777;
    color: #777;
    font-size: 21px;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Gill Sans Bold Condensed';
}

form {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}

form span {
	width: 21%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 10px;
	padding: 13px;
	background-color: #000;
	color: #fff;
	font-size: 22px;
	text-transform: capitalize;
	font-family: 'Gill Sans Light';
	line-height: 20px;
}

form input{
	width: 70%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
	background-color: #ddd;
	padding: 10px;
	color: #000;
	font-size: 22px;
	border: none;
	outline: none;
}



.topbar-1  li p:first-of-type a:hover,
.topbar-1 li p:nth-of-type(2) a:hover { 
	text-decoration: underline; 
	transition-duration: .5s;
}

.submit {
	margin: 0 auto;
	margin-top: 20px;
	background-color: #000;
	border: 2px solid #000 !important;
	color: #fff;
	border: none;
	cursor: pointer;
}

.submit_page img {
	position: relative;
	z-index: 0;
}

.submit_page h3 {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	padding: 100px 0;
	text-align: center;
	font-size: 60px;
	font-weight: 600;
	font-style: italic;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
}

.header-toll:hover {
    color: #c3b4a4;
    transition-duration: .2s;
}

nav ul li a:hover {
    color: #c3b4a4;
    transition-duration: .2s;
}


/*footer section starts*/

.topbar-1 { 
	box-sizing: border-box;
	padding: 2%;
	border-bottom: 2px solid #777; 
}

.topbar-1 ul li{ 
	box-sizing: border-box; 
	padding: 3%;
}

.topbar-1 ul {
	width: 51%;
	display: inline-block;
	vertical-align: top;
	list-style: none;
}

.topbar-1 > .map-div1,
.topbar-1 > .map-div2,
.topbar-1 > .map-div3,
.topbar-1 > .map-div4,
.topbar-1 > .map-div5,
.topbar-1 > .map-div6,
.topbar-1 > .map-div7{
	width: 47%;
	display: inline-block;
	vertical-align: top;
	margin-left: -4px;
}


.topbar-1 >	.map-div1 iframe,
.topbar-1 >	.map-div2 iframe,
.topbar-1 >	.map-div3 iframe,
.topbar-1 >	.map-div4 iframe,
.topbar-1 >	.map-div5 iframe,
.topbar-1 >	.map-div6 iframe,
.topbar-1 >	.map-div7 iframe{ width: 100%; }

.locator {
	width: 48%;
	height: 20px;
	margin-right: 1%;
	display: inline-block;
	vertical-align: top;
	font-size: 24px;
	padding: 13px 0;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	list-style: none;
	border: 2px solid #000;
	background-color: #000;
	color: #fff;
	font-family: 'Gill Sans Light';
}

.city {
	width: 35%;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    font-size: 26px;
    padding: 9px 0;
    outline: none;
    /*font-family: 'Gill Sans Light';*/
}

.city a:hover { text-decoration: underline; }

.topbar-1 ul li h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	padding-bottom: 10px;
	font-family: 'Gill Sans Bold Condensed';
}

.topbar-1 ul li p{ 
	margin: 0; 
	padding: 0; 
	font-size: 21px;
	font-style: normal;
	text-transform: capitalize;
	font-family: 'Gill Sans Light';
	line-height: 23px;
}

.topbar-1 ul li p a {
	text-decoration: none;
	color: #000;
}

.topbar-2 {
	box-sizing: border-box;
	padding: 10px 0;
}

.links {
	width: 66%;
	padding: 20px 0;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.links li {
	padding: 1%;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}

.links li a {
	display: block;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-family: 'Gill Sans Bold Condensed';
}

.social {
	width: 30%;
	padding: 20px 0;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	list-style: none;
	float: right;
}

.social li span {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Gill Sans Bold Condensed';
}

.social li a {
	font-size: 20px;
    display: initial;
    color: #000;
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Gill Sans Bold Condensed';
}

.social li a:hover {
    text-decoration: underline !important;
}

/*.social li:hover { background-color: #ccc;transition-duration: .5s; }*/

.sec_contact li { height: 406px; }
.sec_contact li img { height: 342px; }

.content a:hover,
.submit:hover  {
	background-color: #fff;
	color: #000;
	transition-duration: .3s;
}

.links li a:hover { 
	text-decoration: underline; 
	transition-duration: .3s;
}

.add { 
	display: block;
	margin-bottom: 20px;
	font-family: 'Gill Sans Condensed';
}

.stock {
	margin-top: 20px !important;
}

.sec_contact .slick-prev,
.sec_contact .slick-next { display: none !important; }

.notes {
    background-color: #2f2929;
}

.notes p {
    color: #c8b8a4; 
    width: 80%;
    margin: 0 auto;
    font-size: 27px;
    word-spacing: 6px;
    line-height: 35px;
    text-align: center;
    padding: 8px 0;
    font-family: 'Gill Sans Bold Condensed';
}

.banner_mob { display: none !important; }

.header-toll {
    /*padding: 0 20px;*/
    font-size: 18px;
    color: #fff;
    font-family: 'Gill sans Bold Condensed';
    text-decoration: none;
}

.social li { padding: 1%;}
.slick-dots { display: none !important; }
/*Media query*/

@media only screen and (max-width: 650px) and (min-width: 299px) {
	/*.banner { top: 107px; }*/
	header h1 { width: 55%;visibility: visible; }
	header h1 a { 
        width: 100%;
        display: block!important;
        visibility: visible;
    }

	header a img { 
        width: 100%;
        display: block!important;
        opacity: 1!important;
        position: relative;
        z-index: 9999999;
        visibility: visible;
    }

	.banner { height: 265px; }
	.banner ul { height: 265px; }
	.banner ul li img { height: 265px; }
	.sec_contact li { width: 100%; }
	.content p { width: 100%; }
	.content a { 
		width: 80%; 
		margin-left: 28px;
		margin-top: 35px;
	}

	.slick-prev:before, .slick-next:before {
		font-size: 80px !important;
	}

	.logo-1 figure { width: 100%; height: 215px;}
	.logo-1 figure img { width: 100%; height: 100%; }
	.logo-2 figure { width: 50%; }
	article .logo_img { width: 100%; }
	article .logo_video { width: 100%; }
	.inquiry, .submit {
		width: 83%;
		font-size: 19px;
	}

	form span { 
		width: 29%; 
		font-size: 18px;
		padding: 10px;
	}
	form input {
		width: 47%;
		font-size: 18px;
	}

	.topbar-1 ul { 
		width: 100%; 
		padding: 0;
	}
	.locator { width: 100%;margin-bottom: 10px; }
	.links { width: 100%; }
	.links li { margin-right: 0%; }
	.social { width: 100%; padding: 0; text-align: left;}
	/*.social li { width: 43px; height: 43px; }*/
	.social li a { font-size: 15px;margin-top: 7px; }
	.banner_contact{ top: 200px; right: 26px;}
	.ban_insta {
		width: 40px;
	    height: 40px;
	    padding: 2%;
	    display: inline-block;
	    vertical-align: top;
	    border-radius: 6px;
	    font-size: 21px;
	    padding-top: 7px;
	}

	.content p {
		box-sizing: border-box;
	    padding: 10px 5%;
	    font-size: 16px;
    	text-align: center;
	}
	.content a { font-size: 18px; }
	.content span { width: 94%;font-size: 16px; }
	.stocks { padding-bottom: 60px; }
	.topbar-1 > .map-div1,
    .topbar-1 > .map-div2,
    .topbar-1 > .map-div3,
    .topbar-1 > .map-div4,
    .topbar-1 > .map-div5,
    .topbar-1 > .map-div6,
    .topbar-1 > .map-div7{ width: 100%; }
	.topbar-1 ul li p,.add { 
		font-size: 18px; 
	}


	.locator {
		font-size: 24px;
    	padding: 9px 0;
	}

	.city {
	    box-sizing: content-box;
		font-size: 16px;
    	height: 25px;
    	outline: none;
    	width: 100%;
    	margin-bottom: 10px;
	}

	header nav {
		width: 60px;
		float: right;
		margin-top: 0;
	}

	nav > ul { 
		width: 100%;
		position: absolute;
		z-index: 1;
		left: 0;
		top: 145px;
		display: none; 
	}

	nav ul li {
		width: 100%;
		padding: 3% 0;
		background-color: #000;
	}

	nav > .hamburger { 
		display: block; 
		position: relative;
		z-index: 0;
	}

	nav > ul li a {
		font-size: 22px;
	}

	.banner_layer {
		top: 100px;
    	left: 21%;
	}
	.banner_layer h1 { font-size: 75px; font-family: 'Helvetica'; }
	.banner_layer h3 { font-size: 35px; font-family: 'Helvetica'; }
	.banner_layer h4 { font-size: 18px; font-family: 'Helvetica'; }
	.banner_contact {
		width: 100% !important;
	}
	.wp_link { width: 15%; }
	.info_form { width: 75%; }
	.banner_contact { right: -86%; }

	.slide_form {
	    right: -5% !important;
	    transition-duration: 1.5s;
	}
	.intro_img {
		width: 100% !important;
    	height: 83px;
	}
	.intro_img img {
		width: 100%;
    	height: 100%;
	}
	.slick-prev { left: 0 !important;display: none !important; }
	.slick-next { right: 0 !important;display: none !important; }
	.slick-dots { display: block !important; }
	
	.notes p {
	    font-size: 19px;
        line-height: 26px;
	}
	
	.banner_mob { display: block !important; }
	.banner_desk { display: none !important; }
	.links li a { font-size: 15px; }
	.links { padding: 12px 0; }
	.social li span { font-size: 18px; }
}

@media only screen and (max-width: 1033px) and (min-width: 1096px) {
	header nav { margin-top: 58px; }
}

@media only screen and (max-width: 1099px) and (min-width: 678px) {
	header h1 { width: 27%; }
	header nav { 
		width: 73%; 
		margin-top: 43px;
	}
	nav ul { width: 77%; }
	nav ul li a { font-size: 22px; }
	.sec_contact li { height: 325px; }
	.sec_contact li img { height: 263px; }
	.content p {
		width: 82%;
    	font-size: 22px;
	}
	.content a { width: 78%; }
	.content span {
	    width: 70%;
	    font-size: 24px;
	}
	article .logo_img { width: 50%; }
	article .logo_video { 
		width: 49%; 
	    height: 412px;
	}
	article .logo_video iframe { height: 412px; }
	.inquiry, .submit { width: 36%; }
	form span { width: 28%; }
	form input { width: 61%; }
	.topbar-1 ul { width: 100%; }
	.topbar-1 > .map-div1, .topbar-1 > .map-div2, .topbar-1 > .map-div3,
	.topbar-1 > .map-div4, .topbar-1 > .map-div5, .topbar-1 > .map-div6,
	.topbar-1 > .map-div7 { width: 100%; }
	.links { width: 100%; }
	.social { 
		width: 100%; 
		text-align: left;
	}
	.banner_contact { width: 55%;bottom: 108px;right: -45%; }
	.info_form { width: 80%; }
	.slide_form { right: 0px !important; }
	.logo-1 { width: 100%; }
	.intro_img { width: 75% !important; }
	.logo-1 {    
		width: 100%;
    	height: 390px;
    }
    .logo-1 figure {     height: 100%; }
    .logo-1 figure img {     height: 100%; }
}

@media only screen and (min-width: 411px) and (max-width: 731px) {
	.banner_contact { right: -363px !important; }
	.wp_link { width: 13%; }
	.slide_form { right: -43px !important }
}

/*@media screen and (min-width: 320px) and (max-width: 1090px) and (orientation: landscape) {
 html {
   transform: rotate(-90deg);
   transform-origin: left;
   width: 100vh;
   overflow-x: hidden;
   position: absolute;
   top: 100%;
   left: 0;
 }
}
*/