/*CSS*/
@font-face{
	font-family: century_gothic;
	src: url('custom_fonts/GOTHIC.TTF'),url('custom_fonts/GOTHICB.TTF'),url('custom_fonts/GOTHICBI.TTF'),url('custom_fonts/GOTHICI.TTF');
}

@font-face{
	font-family: brickham;
	src: url('custom_fonts/BickhamScriptPro-Bold.otf'),url('custom_fonts/BickhamScriptPro-Regular.otf'),url('custom_fonts/BickhamScriptPro-Semibold.otf');
}

body{margin: 0px; font-family: century_gothic, arial; color: #73737B;}

h1{
	font-family: century_gothic, arial;
	color: #73737B;
	font-weight: normal !important;
	font-size: 64px;
	margin-right: auto;
	margin-left: auto;
}

p{font-size: 18px; letter-spacing: 0px; font-family: century_gothic, arial;}

a{color: #333333; text-decoration: none;}
a:hover{color: #FF7F27;}

#wrapper{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}

#container{
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	/*width: 100%;*/
	padding: 0px;
	overflow: hidden;
}

#headContain{
	position: relative;
	width: 100%;
	background: #25281F;
	background-size: cover;
	background-position:center;
	height:400px;
}

/* ============= HEADER ==============*/

#navbar{padding: 0px; z-index: 10000; color: #000; background:#fff; position:relative;}
#navbar a{color: #000; text-decoration: none;}

#logo{display:inline-block; padding: 7px 0px; width: 20%; vertical-align:middle; text-align:center;}
#logo img{height: 74px; border:none;}

#nav{width:78%; display:inline-block; text-align:right;}
#nav ul{margin: 0px; padding: 0px; list-style-type: none; position: relative; width: 100%; text-align: right;}
#nav  li{display: inline-block; padding: 0px;}
#nav  li a{text-decoration: none; text-transform: uppercase; font-family: arial; color: #000; font-size: 14px; letter-spacing: 2px; padding: 7px 12px; border-bottom:1px solid #fff; transition:0.75s;}
#nav  li a:hover, .nav li a:hover{color: #fdd235; border-bottom:1px solid #fdd235;}

.dtmdropdown, .dtwdropdown, .dtcdropdown{background:#5b6191; padding:0px; width:100%; height:auto; border-top:1px #ddd solid; position: absolute; z-index: 9999999; box-shadow:0px 2px 4px #ddd; display:none;}
.dtmdropdown div, .dtwdropdown div, .dtcdropdown div{padding:42px 0px; width:80%; margin:auto;} .dtmdropdown span, .dtwdropdown span, .dtcdropdown span{color:#fff; font-family:arial;}
.dtmdropdown section, .dtwdropdown section, .dtcdropdown section{display:inline-block; padding:24px; vertical-align:top;  color:#fff;}
.dtmdropdown div a, .dtwdropdown div a, .dtcdropdown div a{display:block; color:#fff; font-size:21px !important;}

.contact{background:#222222; color:#fff; padding:4px 18px; text-align:right;}
.contact a{color:#fff; padding:0px 12px; text-decoration:none; font-size:12px; text-transform:uppercase; transition:0.75s;}
.contact a:hover{color:#fdd235;}

.searchpanel input[type=text]{border:1px solid #ddd; font-size:17px; padding:6px; outline:none;}
.searchpanel button{padding:7px 10px; border:none; cursor:pointer; background:#ddd; font-size: 17px; transition:0.75s;}
.searchpanel button:hover{background:#ccc;}

/*==================== MOBILE NAV ======================*/
#mobilenav{font-size: 54px; text-decoration: none; padding:0px; color: #000 !important; vertical-align:middle;}

#mobileTab{background:teal; padding: 7px 0px; position: absolute; width: 80%; height:100vh; right: 0px; z-index: 70000; display: none;}
#mobileTab ul{background:teal; list-style: none; padding: 0px; margin: 0px;}
#mobileTab ul li{display: block; padding: 12px 0px; text-align: center; border-bottom: 1px solid #eee;}
#mobileTab ul li a{color: #fff; text-decoration: none; padding: 12px 0px; font-family: century_gothic, arial;}
#mobileTab ul li a:hover{background:none;}

/*==================== SLIDESHOW  ====================*/
#banner-home{background:url('../images/banner.jpg') no-repeat; background-size:cover; width: 100%; height: 500px; overflow: hidden;}

/* ================= FOOTER ====================== */
#footerNav{width:100%; background:#242424; color:#fff;}
#footerNav a{color:#fff; text-decoration: none; transition:0.75s;}
#footerNav a:hover{color: #FF7F27;}
#footerNav h1{color: #65605E;}
#footerNav div{padding:7px 0px; text-align:center;}
#footerNav div a{padding:10px;}

/* =================== FOOTER END =============== */
#itemList{padding: 12px; font-size: 24px; text-align: center; color: #292828; font-family: century_gothic, arial;}
#itemList img{height: 200px; width: 200px;}
#itemList ul{margin: 0px; list-style-type: none; position: relative;}
#itemList li{display: inline-block; padding: 24px;}
#itemList section{border:1px solid #fff; width: 200px;}
#itemList li div{color: #fff; font-weight:bold; font-size:18px; font-family:arial;}
#itemList li p{color: #fff; font-size:14px;}
#itemList li a{color: #fff; font-size:14px; text-decoration:none; padding:7px 14px; border:1px solid #fff; border-radius:2px;}
#itemList li a:hover{background: #fff; color:#F7343A;}

#process{width:90%; margin-left:auto; margin-right:auto; padding:24px 0px; color:#fff !important;}
#process table{width:100%;}
#process td{width:30%;}

/*================ INFO LIST ===============*/
#infoList{padding: 12px 0px; font-size: 24px; color: #292828; font-family: century_gothic, arial;}
#infoList img{height: 200px; width: 380px;}
#infoList ul{list-style-type: none; width: 100%; text-align: center;}
#infoList li{display: inline-block; width:380px; height:450px; padding:0px; text-align: justify; transition:0.75s;}
#infoList div{padding:12px;}
#infoList p{font-size:12px;}
#infoList li:hover{background:#fff; box-shadow:0px 0px 7px #333333;}

/*===================================*/
#itemList2{padding: 12px; font-size: 24px; text-align: center; color: #292828; font-family: century_gothic, arial;}
#itemList2 img{height: 450px;width: 300px;}
#itemList2 ul{margin: 0px; padding: 0px; list-style-type: none; position: relative;}
#itemList2 li{display: inline-block;}
#itemList2 ul li{padding: 10px; transition:0.75s;}
#itemList2 ul li a{text-decoration: none;color: #333333;}
#itemList2 ul li:hover{opacity:.7;}

/*================== PRODUCT LIST ============*/
#prodList{padding: 12px; font-size: 24px; text-align: center; color: #292828; font-family: century_gothic, arial;}
#prodList img{height: 300px; width: 200px;}
#prodList ul{margin: 0px; list-style-type: none; position: relative;}
#prodList li{display: inline-block; padding: 24px;}
#prodList section{border:1px solid #ddd; width: 200px; transition:0.75s;}
#prodList section:hover{box-shadow:0px 0px 7px #333333;}

#loadComment{height:100px; overflow: hidden;}
#contactImg{width:40%; padding:0px; background-image:url('../images/embroidery.jpg'); background-repeat:no-repeat; background-size: cover; overflow:hidden;}
#brand td{}
#contactPage{width:100%;}
#contactPage td{width:50%;}

#contactLeft{text-align:left; width:100% !important; padding:0px; font-family:century_gothic; color:#333333;}
#contactLeft div{padding:10px;}
#contactLeft p{float:left; padding:0px;}

#contactRight{text-align:center; font-size:21px;}
#contactRight td{padding:7px 0px;}

/* ================ CLASSES ==================== */
.desktop{display:block;}
.mobile{display:none;}
.icons{height:70px;}
.logoImg{height:380px; background-image:url('../images/logo.png'); background-repeat:no-repeat; background-position:center center;}

.center{text-align:center;}

.calltoaction{position:absolute; right:0px; bottom:50%; top:50%; height:350px;}

.pageTitle{
	font-size: 42px;
	font-family: century_gothic,arial;
	color: #fff;
	padding: 24px 0px;
	width: 100%;
	position: absolute;
	top: 180px;
	text-align: center;
}

.dark-fade{
	background-image: url('../images/dark-fade.png');
    background-repeat: repeat-x;
    /*background-position: top center;*/
	z-index: 1000;
    width: 100%;
	height: 100vh;
	padding: 100px;
}

.nav{
	background: #000;
	padding: 66px 0px;
	width: 100%;
	overflow:hidden;
	z-index: -1000;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: .9;
	display: none;
}

.headBanner{
	width: 100%;
	height: 400px;
	background-attachment:fixed; 
	background-repeat:no-repeat;
	background-position:center top;
	border: none;
	overflow:hidden;
}

.bodyContent{padding: 7px; background: #fff;}

.contentClass{margin-left:auto; margin-right:auto; width:75%; padding: 82px 0px;}
.contentClass td{padding:34px;}
.content td{	}

.contentClassfull{width: 100%; padding: 0px; text-align: center; font-family: century_gothic, arial;}

.dkimage{background-size: cover; background-repeat: no-repeat; height: 550px; width: 650px;}

.img-overlay{
	position:absolute; 
	z-index:100; 
	background:#FF7F27; 
	width: 323px;
	height: 232px;
	opacity: .9;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: none;
}
.hmBtn{
	border:solid 1px #fff; 
	color:#fff !important;
	padding:4px !important;
}

.btn0{padding: 18px 72px 18px 18px; font-size:24px; color:#333333; background:#fff; letter-spacing: 1px; text-decoration: none; cursor: pointer; transition:0.75s;}
.btn0:hover{background:#F8A038; color:#fff; padding-right:82px;}

.btn1{
	padding: 12px;
	background: #4db9b9;
	color: #fff;
	font-family: century_gothic, arial;
	font-size: 14px;
	text-decoration: none;
	border:none;
	cursor: pointer;
	transition:0.75s;
}
.btn1:hover{background: #fff; color: #4db9b9;}

.btn2{padding: 18px 24px; color: #F8A038; border: 1px solid #F8A038; letter-spacing: 1px; text-decoration: none; cursor: pointer; transition:0.75s;}
.btn2:hover{background:#F8A038; color:#fff;}

.btn3{
	padding: 12px;
	border: 1px solid #F7343A;
	color: #F7343A;
	font-family: century_gothic, arial;
	font-size: 14px;
	letter-spacing: 0px;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
}

.btn4{
	padding: 24px 48px;
	color: #fff;
	font-family: century_gothic, arial;
	font-size: 18px;
	text-decoration: none;
	border-radius: 2px;
	border: 1px solid #fff;
	cursor: pointer;
}

.link1{padding:7px 0px; color: #333333; text-decoration:none; font-size:16px; transition:0.65s;}
.link1:hover{color:#f8a038;}

.submitbtn{
	background:#222222; 
	border:none; 
	color:#fff; 
	font-size:18px; 
	font-weight:normal; 
	cursor:pointer; 
	letter-spacing:2px;
	transition:0.75s;
}
.submitbtn:hover{letter-spacing:7px; background:#333333;}

.head1{font-weight:bold; font-size:42px; padding:10px 0px; font-family:century_gothic; color:#222222; text-transform: uppercase;}
.head2{font-weight:bold; font-size:24px; padding:10px 0px; font-family:century_gothic; color:#222222; text-transform: uppercase;}
.text1{width: 280px; height: 42px; font-size: 16px;}
.text2{width:400px; height:42px; font-size:18px; padding: 0px 4px;}
.text3{width:400px; height:150px; font-size:18px;}

.form-field{border:1px solid #ddd; background:#f5f5f5;}
.form-field div{padding:12px 0px;}
.form-field input, .form-field select{width:80%; border:1px solid #ddd; border-radius:4px; padding:4px; font-size:18px; height:42px;}
.form-field textarea{min-width:80%; max-width:80%; border:1px solid #ddd; border-radius:4px; padding:4px; font-size:18px; font-family:arial; min-height:140px; max-height:140px;}

.social ul{margin: 0px; padding: 0px; list-style-type: none; position: relative;	width: 100%; text-align: center; text-transform: uppercase;}
.social li{display: inline-block;}
.social ul li{padding-top: 10px;}
.social li a{text-decoration: none; font-size: 16px; color: #fff;	font-family: impact; padding: 14px 10px 6px 10px; letter-spacing: 1px; border-radius: 42px;}
.social img{height: 18px;}
.social ul li a:hover {background: #FF7F27; color: #fff;}

.ps{width: 100%;}
.ps ul{margin: 0px; padding: 0px; list-style-type: none; position: relative; width: 100%; text-align: center; text-transform: uppercase;}
.ps li{display: inline-block; padding: 24px;}

.padding21{padding: 21px;}
.hm-prodImg{}

.map{background-image:url('../images/map.jpg'); background-size:cover; height:650px;}

@media only screen and (max-width: 800px){
	h1{font-size: 32px;}
	h3{font-size: 16px; padding:0px !important;}
	p{text-align: center !important;}
	form{padding:0px !important; width:100%;}

	#headContain{overflow:visible;}
	#logo{padding:0px; width:50%;}
	#logo img{height:72px;}
	#nav{width:40%;}
	#nav ul{display: none;}
	#footerNav input{width:95% !important;}
	#footerNav div a{display:inline-block;}
	#headContain, #banner-home{height:250px !important; background-size:100% 250px !important; background-repeat: no-repeat;}
	#contactImg{display: none;}
	#infoList, #infoList ul, #prodList, #prodList ul{padding:0px;}
	#infoList li, #prodList li{width:100%; padding:0px; padding-top:24px; border-bottom: 1px solid #eee;}
	#infoList img{width:100%; padding:0px;}
	#prodList section{width:100%; text-align:center;}
	#brand td{display:block; padding:12px 0px !important;}
	
	#contactPage{padding:4px 0px !important;}
	#contactPage td{padding:12px 0px !important; width:100% !important;}
	
	#contactLeft{text-align:center !important; padding:12px 0px !important; width:100% !important;}
	#contactLeft div{padding: 4px 0px !important;}  #contactLeft p{float:none !important;}
	
	#contactRight table{width:100% !important; padding:6px 0px !important;}	
	#contactRight td{padding:4px 0px !important; text-align:center; width:100% !important;}
	
	#process{width:100%;}
	#process td{display:block; width:100%;}
		
	.calltoaction{display:none;}
	.desktop{display:none;}
	.mobile{display:block;}
	.contact{padding:4px 0px; text-align:center;}
	.contact a{padding:10px 5px;}
	.icons{height:44px;}
	.hm-prodImg{padding:0px; width:100%;}
	.dkimage{background-size: 100% 250px; background-repeat: no-repeat; height: 250px; width: 100%;}
	.content td{display:block; width:100% !important; padding:42px 0px !important; font-size:21px !important;}
	.logoImg{background-size: 100% 200px;}
	.contentClass{padding: 12px 0px !important; width:100% !important;}
	.contentClass td{display:block !important; width:100% !important; padding:0px !important; text-align: center;}
	.contentClassfull{padding: 12px 0px;}
	.social ul{text-align: center; padding:12px 0px;}
	.pageTitle{top: 150px;}
	.dark-fade{/*height: 230px !important; padding:0px;*/ display:none;}
	.nav{opacity:.7; padding:56px 0px;}
	.text2, .text3{width:97% !important; padding:0px;}
	.submitbtn{padding:24px 0px; width:100%;}
	.btn2{padding:24px 0px !important; width:95% !important;}
	.map{height:300px;}
	
}