body{background-color:#fff;font-size: 16px;font-weight: 400;color:#262830;font-family:"Outfit", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
a {text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #43464B;}
.seconbg {background-color: #F3DE87;}
.darkbg {background-color: #323539;}

.logo {position: absolute;left: 0px;top:0px;background-color: #F3DE87;padding:8px 16px 12px 16px;border-radius:0px 0px 3px 3px;box-shadow: 0px 1px 16px 1px rgba(120,120,120,0.1);}
.logo img{height: 100px;transition: all 0.3s linear;}

/* navibar **/
.navibar {display: block;margin-top:18px;margin-bottom: 18px;transition: all 0.3s linear;}
.navibar a {display: inline-block;color:#fff;margin-left:26px;font-size: 14px;font-weight:400;opacity: 0.8;position: relative;text-transform: uppercase;letter-spacing: 1px;}
.navibar a:hover {opacity: 1.0;color:#F3DE87;transform: scale(1.05);}

.navibar a.lang {font-size: 14px;font-weight:500;margin-left:10px;}
.navibar a.act  {opacity: 1.0;color:#F3DE87;}

.srink {box-shadow: 0px 1px 16px 1px rgba(120,120,120,0.3) !important}
.srink .logo {padding:6px 12px 10px 12px;}
.srink .logo img{height:70px;}
.srink .navibar {margin-top:12px;margin-bottom:12px;}

/* heroslider*/
.heroslider {margin: 0px;padding: 0px;}
.heroslider .heroslide {display: block;height:640px;padding-top: 210px;}
.heroslider .heroslide h2 {color:#fff;font-size:46px;font-weight:600;text-shadow: 0px 1px 3px rgba(0,0,0,0.3);text-transform: uppercase;}
.heroslider .heroslide p {font-size: 22px;font-weight:300;line-height:30px;color:#efede4;}
.heroslider .heroslide a {display: inline-block;background-color: rgba(67, 70, 75, 0.7);padding: 9px 40px;color:#fff;font-size: 18px;font-weight: 400;border-radius: 3px;text-align: center;position: relative;overflow: hidden;}
.heroslider .heroslide a::before {position: absolute;left: -46px;top:50%;transform: translateY(-50%);content: '\27F6';transition: all 0.5s linear;}

.heroslider .heroslide a:hover {background-color: #F3DE87;padding: 9px 30px 9px 50px;color:#43464B}
.heroslider .heroslide a:hover::before {left: 12px;}

.heroslider .slide-a {background: url(../images/hero/a.jpg);background-size: cover;}
.heroslider .slide-b {background: url(../images/hero/c.jpg);background-size: cover;}
.heroslider .slide-c {background: url(../images/hero/b.jpg);background-size: cover;}

h3 {font-size:30px;color:#43464B;line-height: 38px;}
h4 {font-size:24px;color:#43464B;}
p {color:#5c5e62;font-size:18px;font-weight:400;}
p.heading {color:#43464B;font-size:14px;font-weight:500;position: relative;z-index: 1;padding-left: 7px;padding-right: 16px;display: inline-block;text-transform: uppercase;}
p.heading::before {border:solid 3px #F3DE87;left: -5px;top:-5px;width:10px;height:10px;font-size:18px;font-weight:400;position: absolute;content: '';z-index: -1;transition: all 0.2s linear;}
p.heading-light {color:#F3DE87;font-weight: 300;}

p.small {font-size:14px;}

h3.whitetext {color:#ddd;font-weight:400;}
h4.whitetext {color:#ddd;font-weight:400;}
p.whitetext {color:#aaa;font-weight:400;}

.section-heading:hover p.heading::before {width: 100%;height: 30px;}

.boxitem {display: block;border-radius: 5px;border:solid 1px #ccc;overflow: hidden;padding: 0px;transition: all 0.3s linear;}
.boxitem:hover {background-color: #F3DE87;border:solid 1px #F3DE87;}
.boxitem .imgbox {display: block;overflow: hidden;}
.boxitem .imgbox img {width: 100%;border-radius:3px 3px 0px 0px;transition: all 0.3s linear;}
.boxitem:hover .imgbox img {transform: scale(1.1);}

.boxitem .txbox {padding: 20px 18px 18px 18px;}
.boxitem .txbox h5 {font-size:20px;color:#43464B;line-height:26px;}
.boxitem .txbox p{color:#5c5e62;font-size:16px;font-weight:400;}

.boxitem2 {display: block;border-radius: 5px;background-color:#4d5156;overflow: hidden;padding: 0px;transition: all 0.3s linear;}
.boxitem2:hover {background-color: #F3DE87;border:solid 1px #F3DE87;}
.boxitem2 .imgbox {display: block;overflow: hidden;}
.boxitem2 .imgbox img {width: 100%;border-radius:3px 3px 0px 0px;transition: all 0.3s linear;}
.boxitem2:hover .imgbox img {transform: scale(1.1);}

.boxitem2 .txbox {padding: 20px 18px 18px 18px;}
.boxitem2 .txbox h5 {font-size:20px;color:#dedede;font-weight: 400;line-height:26px;transition: all 0.3s linear;}
.boxitem2 .txbox p{color:#999;font-size:16px;font-weight:400;transition: all 0.3s linear;}

.boxitem2:hover .txbox h5 {color:#43464B;} 
.boxitem2:hover .txbox p {color:#5c5e62;}


.cta a {display: inline-block;border:solid 2px #4d5156;padding: 9px 40px;color:#4d5156;font-size: 18px;font-weight: 400;border-radius: 3px;text-align: center;position: relative;overflow: hidden;}
.cta a::before {position: absolute;left: -46px;top:50%;transform: translateY(-50%);content: '\27F6';transition: all 0.5s linear;}
.cta a:hover {background-color: #F3DE87;padding: 9px 30px 9px 50px;color:#43464B}
.cta a:hover::before {left: 12px;}


/*  Footer  */
.copy{font-size:14px;color:#fff;opacity: 0.6;}
.copy a{display: inline-block;font-size: 12px;color:#ccc;opacity: 0.8;}
.copy a:hover{opacity: 1.0;color:#fff;}