body {font-family: 'Karla', sans-serif;font-size: 16px;font-weight: 400;color:#222;}
a {text-decoration: none;transition: all 0.3s linear;}
.primbg {background-color: #110465 !important;}
.primcolor {color: #110465 !important;}
.seconcolor {color: #c68240 !important;}
.seconbg {background-color: #c68240 !important;}
.bga {background:url(../images/bgmap.png) no-repeat;background-position-x: 38%;}


.logo {display: inline-block;margin: 18px 0px 24px 0px;transition: all 0.3s linear;}
.logo img{max-height:55px;transition: all 0.3s linear;}

.toplinks a {display: inline-block;position: relative;padding-left: 32px;color:#000;font-weight: 600;margin-left: 18px;}
.toplinks a ion-icon {position: absolute;content: '';top:1px;left: 0px;color:#c68240;  font-size: 22px;}

.prim-nav {display: block;padding: 12px 16px 11px 16px;position: absolute;width:100%;left:0px;bottom: -24px;border-radius:3px;background-color: #110465;z-index: 999999;box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);transition: all 0.3s linear;}
.prim-nav a {font-size: 16px;font-weight: 400;color: #fff;text-transform: uppercase;margin-right: 30px;}
.prim-nav a:hover {color:#e1bc9a;}
.prim-nav .lang {display: inline;float: right;}
.prim-nav .lang a {margin-right: 0px;opacity: 0.7;padding-left: 8px;padding-right: 8px;border: solid 1px #110465;margin-left: 8px;border-radius: 2px;}
.prim-nav .lang a.active, .prim-nav .lang a:hover {opacity: 1;color:#fff;border: solid 1px #c68240;text-align: center;}

.hero {display: block;min-height:610px;background:url(../images/hero.jpg) no-repeat top right;position: relative;margin-top: 96px;}
.herobox {background-color: #b27a42;position: absolute;left: 0px;top: 0px;width:50%;height: 100%;padding: 130px 80px 0px 120px;}
.herobox h1 {font-size:48px;color:#fff;font-weight:700;}
.herobox p {font-size:20px;color:#fff;font-weight:400;line-height: 30px;margin-top: 24px;}
.herobox a {display: inline-block;border:solid 1px #fff;padding: 12px 24px;color:#fff;margin-top: 30px;background-color: #a6713d;}
.herobox a:hover {background-color: #110465;border:solid 1px #110465;}


#PRODUCTS {padding-top: 90px;}
#PRODUCTS p.subhead {font-size:14px;color:#b86e24;font-weight:500;margin: 10px 0px 16px 0px;line-height: 20px;letter-spacing: 8px;}
#PRODUCTS h3.head {font-size:38px;color:#110465;font-weight:700;letter-spacing: -1px;}
#PRODUCTS h3.head span {font-weight:800;color:#b86e24;}

.prodbox {display: block;padding:1px;margin: 0px;border-radius: 9px;border:solid 1px #dedede;text-align: center;transition: all 0.3s linear;}
.prodbox:hover {box-shadow: 0px 3px 30px rgba(0,0,0,0.1);border:solid 1px #b86e24;}
.prodbox .imgbox {display: block;overflow: hidden;margin-bottom: 12px;border-radius: 9px;}
.prodbox .imgbox img{transition: all 0.3s linear;margin-bottom: 12px;border-radius: 9px;}
.prodbox:hover .imgbox img{transform: scale(1.05);}
.prodbox h4 {font-size:14px;font-weight:400;color:#666;}
.prodbox p {font-size:12px;line-height: 18px;font-weight:400;color:#888;padding: 3px;margin: 0px;margin:2px 30px 12px 30px;}
.prodbox a {display: inline-block;font-size:16px;font-weight:600;color:#000;text-align: center;position: relative;}
.prodbox a::before{position: absolute;content: '';background-color: #c68240;width: 0%;height: 1px;left: 50%;bottom: -2px;transition: all 0.3s linear;}
.prodbox:hover a::before {width: 100%;left:0px}

#WHYUS {padding-top: 90px;}
#WHYUS p.subhead {font-size:14px;color:#b86e24;font-weight:500;margin: 10px 0px 16px 0px;line-height: 20px;letter-spacing: 8px;}
#WHYUS h3.head {font-size:38px;color:#110465;font-weight:700;letter-spacing: -1px;}
#WHYUS h3.head span {font-weight:800;color:#b86e24;}
#WHYUS p {font-size:18px;color:#000;font-weight:400;line-height: 26px;margin-top: 24px;}

.whybox {display: block;margin:12px 16px;}
.whybox h4 {font-size:23px;color:#000;font-weight:700;margin:18px 0px 14px 0px;}

#ABOUTUS {background-color: #f1f2f4;border-bottom: solid 1px #aaa;padding-top: 60px;}
#ABOUTUS p.subhead {font-size:14px;color:#b86e24;font-weight:500;margin: 90px 0px 16px 0px;line-height: 20px;letter-spacing: 8px;}
#ABOUTUS h3.head {font-size:38px;color:#110465;font-weight:700;letter-spacing: -1px;}
#ABOUTUS h3.head span {font-weight:800;color:#b86e24;}
#ABOUTUS p.text {font-size:18px;color:#000;font-weight:400;line-height: 26px;}

.ftr-top {background-color: #0e054a;;padding: 18px 0px 20px 0px;}
.ftr-top img{max-height:180px;}
.ftr-top h3 {font-size:26px;color:#fff;font-weight: 600;text-transform: uppercase;}
.ftr-top h4 {font-size:22px;color:#fff;font-weight: 600;}
.ftr-top p, .ftr-top p a {font-size:16px;color:#f2c08e;font-weight:400;margin: 0px 0px 12px 0px;line-height: 26px;}
.ftr-top p a:hover{color: #fff;}
.ftr-top p.text {color:#fff;font-size: 18px;}

.ftr {background-color: #c68240;padding: 18px 0px 20px 0px; }
.ftr .copy {font-size: 14px;color:#fff;font-weight: 300;opacity: 0.7;}
.ftr a {font-size: 14px;color:#fff;font-weight: 300;opacity: 0.7;margin-left: 18px;}
.ftr a:hover {opacity: 1;}