@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/GothamMedium.eot');
    src: url('fonts/GothamMedium.eot') format('embedded-opentype'),
         url('fonts/GothamMedium.woff2') format('woff2'),
         url('fonts/GothamMedium.woff') format('woff'),
         url('fonts/GothamMedium.ttf') format('truetype'),
         url('fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: alphamedium;
    src: url(/wp-content/themes/twentyseventeen/fonts/Alpha-Medium.otf);
}
@font-face {
    font-family: alpharegular;
    src: url(/wp-content/themes/twentyseventeen/fonts/Alpha-Regular.otf);
}
html{
	background:#f0f0f0;
}
body{
	text-align:center;
	margin:0 auto;
	font-family: 'Roboto';
	font-size:16px;
	color:#282722;
	max-width:1920px;
	width:100%;
	background:white;
}
h1{
	margin:0 !important;
	font-family:alphamedium !important;
	font-weight:normal !important;
	font-size:6vw !important;
	color:white !important;
}
h2{
	margin:0 !important;
	font-family:alphamedium !important;
	font-weight:normal !important;
	font-size:3vw !important;
	color:white !important;
}
h3{
	margin:0;
	margin-bottom:20px;
	font-family:alphamedium;
	font-weight:normal;
	font-size:38px;
}
h4{
	margin-top:10px;
	margin-bottom:20px;
	font-family:alpharegular;
	font-weight:normal;
	font-size:18px;
}
.fa-phone {
    transform: rotate(90deg);
}
.banner1{
	padding-left:5vw;
	padding-bottom:3vw;
	text-align:left;
}
.banner2{
	padding-bottom:3vw;
	text-align:center;
}
.banner3{
	text-align:right;
	padding-top:3vw;
	padding-right:10vw;
}
.yellow-bg{
	background:#fec10d;
	color:white;
}
.yellow-bg2{
	background:#fec10d;
}
.white-bg{
	background:white;
}
.container{
	max-width:960px;
	width:100%;
	margin:0 auto;
}
.space{
	height:30px;
}
.hover-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:space-evenly;
}
.hover-list2{
	margin:0;
	padding:0;
	list-style:none;
}
.hover-list2 li{
	display:inline-block;
	vertical-align:top;
	margin:20px;
}
.hover-effect{
	width:200px;
	height:150px;
	display:block;
	border:2px solid #fec10d;
	position:relative;
}
.item-a{
	width:100%;
	height:100%;
	position:relative;
	cursor:pointer;
}
.item-a .align-mid{
	max-width:100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color:#fec10d;
	font-size:30px;
	font-family:alphamedium;
}
.item-a img{
	max-width:100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.item-b{
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	padding:15px;
	background:#fec10d;
	display:none;
}
.hover-effect:hover .item-a{
	display:none;
}
.hover-effect:hover .item-b{
	display:block;
}
.diamond-list{
	margin:0;
	padding-left:20px;
	line-height:1.5;
	text-align:left;
	list-style-image:url(/wp-content/themes/twentyseventeen/images/diamond.png);
}
.diamond-list li{
	padding-bottom:10px;
}
.diamond-list li:last-child{
	padding-bottom:0px;
}
.line img{
	width:100%;
}
.contact-left{
	width:65%;
	display:inline-block;
	vertical-align:top;
}
.contact-right{
	width:35%;
	display:inline-block;
	vertical-align:top;
	margin-top:16px;
}
.wpcf7-form{
	text-align:left;
}
input, textarea {
    margin-bottom: 10px;
    width: calc(100% - 20px);
    padding: 10px;
	font-family: 'Roboto';
	font-size:16px;
	color:#282722;
	border:0;
}
input.wpcf7-form-control.wpcf7-submit{
	margin-bottom:0;
	width:auto;
	padding:10px 30px;
	color:#fec10d;
	background:white;
	outline:none;
	border:0;
	font-weight:700;
	border:2px solid #fec10d;
}
input.wpcf7-form-control.wpcf7-submit:hover{
	background:#fec10d;
	color:white;
	border:2px solid white;
}
.site-footer{
	font-size:12px;
	padding:30px 0;
	font-family: 'Roboto';
	font-weight:500;
}
.social-list{
	padding:0;
	margin:0;
	list-style:none;
	font-size:21px;
}
.social-list li{
	display:inline-block;
	vertical-align:top;
	width:auto;
	padding:0 30px;
}
.social-list li a{
	color:#fec10d;
	background:white;
	width:40px;
	height:40px;
	line-height:40px;
	display:inline-block;
}
.social-list li a:hover{
	background:#fec10d;
	color:white;
}
.contact-details{
	font-family: 'Roboto';
	font-weight:500;
	padding:0;
	margin:0 auto;
	list-style:none;
	/* width:80%; */
	line-height:1.5;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.contact-details li{
	width:45%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:30px;
}
.contact-details li:last-child{
	margin-bottom:0;
}
.contact-details i{
	color:#fec10d;
	background:white;
	width:40px;
	height:40px;
	line-height:40px;
	display:inline-block;
	font-size:21px;
	margin-bottom:10px;
}
.align-left{
	/* text-align:left; */
}
.day{
	display:inline-block;
	vertical-align:top;
	text-align:right;
	padding-right:5px;
	margin:5px 0;
	/* width:75px; */
}
.time{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin:5px 0;
}
.icon-angle-down{
	display:none;
}
.menu{
	padding:0;
	margin:0;
	list-style:none;
}
.menu li{
	display:inline-block;
	vertical-align:top;
	margin:0px 1vw;
}
.menu li:last-child{
	margin-right:0;
}
.menu li a{
	font-family:alphamedium;
	font-size:22px;
	text-decoration:none;
	color:#282722;
	height:100%;
	display:block;
}
.sub-menu{
	padding:0;
	margin:0;
	list-style:none;
	position: absolute;
    text-align: left;
    background: white;
	border:2px solid #fec10d;
    z-index: 1;
	display:none;
}
.sub-menu li a{
	color:#fec10d !important;
}
.sub-menu li a:hover{
	color:#282722 !important;
}
.menu li a:hover{
	color:#fec10d;
}
.current-menu-item a, .current-menu-parent a{
	color:#fec10d !important;
}
.qtranxs-lang-menu a{
	color:#282722 !important;
}
.menu li a:hover .sub-menu{
	display:block;
}
.menu li:hover .sub-menu{
	display:block;
}
.sub-menu li{
	display:block;
	margin:0;
	padding:10px;
	line-height:normal;
}
header{
	background:white;
	z-index:99;
}
#masthead{
	line-height:80px;
}
.sticky{
	position:fixed;
	max-width:1920px;
	width:100%;
	z-index:9;
	background:white;
	border-bottom:2px solid #fec10d;
}
.menu-left{
	width:30%;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}
.menu-left img{
	max-width:100%;
	/* width:100%; */
	vertical-align:middle;
}
.company-name{
	/* padding-right:20px; */
	/* font-family:alphamedium; */
}
.menu-right{
	width:70%;
	display:inline-block;
	vertical-align:middle;
	text-align:right;
}
.mobile{
	display:none;
}
.mobile-banner1 {
	padding-top: 5vw;
	padding-left: 5vw;
}
.mobile-banner2 {
	padding-bottom: 10vw;
}
.mobile-banner3 {
	padding-right: 5vw;
	text-align: right;
}
a[href^=tel] {
 color: inherit;
 text-decoration:inherit;
}
.language{
	padding-top:10px;
	display:none;
}
.lang-list{
	list-style:none;
	padding:0;
	margin:0;
	text-align:right;
	font-family:alpharegular;
	font-size:14px;
}
.lang-list li{
	display:inline-block;
	padding:0px 30px;
	border-right:1px solid #282722;
}
.lang-list li:last-child{
	border:0;
	padding-right:0;
}
.lang-list li a{
	color:#282722;
	text-decoration:none
}
.lang-list li a:hover{
	color:#fec10d;
}
@media only screen and (max-width: 767px) {
	.desktop{
		display:none;
	}
	.mobile{
		display:block;
	}
	.container{
		width:90%;
	}
	.hover-list{
		display:block;
	}
	.hover-effect{
		margin:0 auto;
	}
	.contact-left{
		width:100%;
	}
	.contact-right{
		width:100%;
		margin-top:30px;
	}
	.align-left{
		text-align:center;
	}
	.social-list li{
		padding:0 2vw;
	}
	.mob-expand-submenu i{
		top:20px !important;
	}
	.sub-menu{
		border:0;
	}
	.day{
		width:auto;
	}
	.current-menu-item a, .current-menu-parent a{
		color:#282722 !important;
		font-weight:600 !important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation: portrait) {
	.container{
		width:90%;
	}
	.hover-list{
		flex-wrap:wrap;
	}
	.mob-expand-submenu i{
		top:20px !important;
	}
	.sub-menu{
		border:0;
	}
	.contact-left{
		width:100%;
	}
	.contact-right{
		width:100%;
		margin-top:30px;
	}
	.align-left{
		text-align:center;
	}
	.day{
		width:auto;
	}
}