

*{margin:0px; padding:0px; outline:0px; border:0px;} a{color:inherit; text-decoration:none; border:none;} a:hover{  text-decoration:none; } h1, h2, h3, h4, h5, h6{margin:0px; padding:0px 0px 8px 0px; font-weight:normal} p {margin:0px; padding:0px 0px 10px 0px;} img{border:none; vertical-align: middle;} a img {border: none;} ul, li { list-style:none;} input:focus::-webkit-input-placeholder {    opacity: 0;} input:focus::-moz-placeholder {    opacity: 0;} textarea:focus::-webkit-input-placeholder {    opacity: 0;} textarea:focus::-moz-placeholder {    opacity: 0;} input, textarea, select {  font-size:16px; padding:15px; border:1px #e3e4e8 solid; margin:3px 0 8px 0; border-radius:3px;} .f-left { float:left; } .f-right { float:right; } .clearfix:before, .clearfix:after{ content:" "; display:table;} .clearfix:after { clear:both;} .clearfix { *zoom:1;}  /* For ie 6-7*/ div, input, select, textarea, .extra-pro-info-wrap li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body { color: #909090; font-size:20px; background-color:#fff; font-family: 'Open Sans', sans-serif;}

input,  textarea { width:100%;  font-family: 'Open Sans', sans-serif;}
input[type="submit"] { appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; width:auto;}

.valign-center { display:table; height:100%;  width:100%;}
.valign-center .valign-centersub { display:table-cell; vertical-align:middle;}

.floatingbox { position:relative; height:0;}
.floatingbox .adjustbox { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.adjustbox { background-repeat:no-repeat; background-size: cover;}

.responsive-image img{max-width:100%; height:auto;}
.fullwidth-image img{ width:100%;  height:auto;}
.makeme_fullscreen { width:100%; height:100vh;}

.embed-container {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; z-index: 5} 
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*-------------------------------------------------------Animation--------------------------------------------------------------*/

a, a:hover, .animated
{-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;	}

.animated-slider
{-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; 	}


/*------ Grid-------*/
.container { max-width:1176px; margin:auto; position:relative; width:100%; padding:0 14px;}



/*------ Common-------*/
.prime-font {	font-family: 'Open Sans', sans-serif; }
.prime-color { color:#d49356;}
.font-color { color:#fff;}
.font-xlarge { font-size:78px;}
.font-large { font-size:58px;}
.font-xmedium { font-size:42px;}
.font-medium { font-size:24px;}
.font-normal { font-size:18px;}
.font-small { font-size:16px;}
.heading { color:#909090; letter-spacing: -3px; line-height: 0.9; word-wrap: break-word;	}
.heading b, .heading strong { font-weight:bold; display: block; }
.subheading { color:#b1b1b1;}


/*----------Header and footer-----------*/

.header { position:fixed; width:100%; background-color: transparent; z-index: 99; padding:35px 0; border-bottom: 1px #fff solid; }
.header .container { max-width:1450px;}
.header-gap {height:210px;}
.shortheader-gap {height:100px;}
.logo { max-width:490px; float:left; width:80%;}
.logo img, .mobmenu img, .download-logo img { max-width:100%; height: auto;}
.mobmenu { max-width:40px; float:right; width:20%; margin-top:10px; margin-right: 60px;}
.header.shortheader {  padding:10px 0; background-color: #d49356;}
.shortheader .logo { max-width:323px;}
.shortheader .mobmenu { max-width:40px;}

.nl-theme-menu { background-color: rgba(255,255,255, 0.75); background-image: url(images/menu-bg.png); background-position: bottom right; background-repeat: no-repeat; background-size: 90%;}
.mm-menu { color:#000;}
.menu-load { display:none;}

.footer {background-color:#313131; padding:3% 0 1% 0}
.footer-logo { float:left; width:29%;}
.footer-rightside { float:right; width:69%}
.footer-menu ul { text-align:right; border-right:1px #555 solid;}
.footer-menu ul li { display: inline-block; margin:0 20px; text-transform: lowercase; font-weight: 100}

.header.otherpage-header { height:100px; padding: 10px 0;background-color: #fff; border-bottom:2px #eaeaea solid;}
.otherpage-header .logo {	max-width: 300px;}
.otherpage-header .mobmenu {	max-width: 40px;}
.page-header-wrap {	padding-top: 100px;}
.page-left {	padding: 5% 0; color:#fff;}

.sm-upper {	text-align: center;	padding-top: 20px;}
.nl-theme-menu .mm-list { font-size:32px; font-weight: 300; color:#b1b1b1;}
.nl-theme-menu .mm-list >li>a { padding:20px;}
.nl-theme-menu .mm-list >li:after { border:none !important;}
.nl-theme-menu .mm-list >li.current_page_item, .nl-theme-menu .mm-list >li>a:hover { color:#d49356;}
.closemenu {	text-align: right; cursor: pointer;}
.closemenu img { max-width:42px; height:auto; width:100%;}


input[type="submit"]:disabled { opacity: 0.3;
}

/*----------Slider-----------*/

.home-slider-wrap { background-color:#184078; height:500px; width:100%;}
.nav-bar {	position: absolute;	width: 100%;	top: 62px; padding-top: 2%;}

.slide-bg { width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size:cover; min-height: 700px;}
.slider-text { opacity:0; transform: translateY(100%);}
.active .slider-text { opacity:1; transform: translateY(0);}
.lSAction > a {	width: 90px;	height: 90px;  transition:none}
.lSAction > .lSNext {	background-position: -90px 0;}
.lSAction > a:hover {background-position: 0 -90px;}
.lSAction > .lSNext:hover {	background-position: -90px -90px;}

.slider-text {	max-width: 50%; margin: 0 0 1% 10%;	color: #fff;line-height: 1.4; text-align: left; border-bottom: 1px #eee solid; padding-bottom: 10px}
#fullslider { width:100%; height:100vh;}
.sliderwrapper { position: relative; width:100%; height: 100%; z-index: 5}
.slider-heading {max-width: 50%;margin: 0 0 1% 10%; color:#fff;  font-weight: bold;  text-align: left; border-bottom: 1px #eee solid;}
.slider-button {max-width: 50%; margin: 2% 0 2% 10%; text-align: left; }
.slider-button a { display:inline-block; background-color:#d49356; padding:15px 35px; font-weight:bold; text-align: center; color:#fff;}
.slider-button a:hover { color:#d49356; background-color:#fff; }
.slide-pattern { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-repeat: no-repeat; z-index: 1}
.slidercontentfix { position:relative; z-index: 5}

.lower-slider-arc { position:absolute; bottom:0; right:0; width:100%; z-index: 10; overflow: hidden;}
.triangle {	background-color: #313131;	width: 100%;	height: 170px;	transform: rotate(-5deg) translate(15px, 5px);	transform-origin: right bottom;}



/*----------corporative information-----------*/
.side-bar-left { padding-left: 6%; position: relative;}
.side-bar-left:before { content:''; width:25px; height:100%; position: absolute; top:0; left: 0; background-color:#d49356}

.block--ci { background-color:#313131; padding:3% 0 5% 0; color:#fff;}
.ci-left { width:46.6%; float:left; padding-right: 6%;}
.ci-right { width:53.4%; float:right;}
.ci-heading  { color:#fff; padding-bottom: 20px; line-height: 0.8}
.ci-content {	margin: 5% 0; line-height: 1.5}


.largetext-design { font-size:200px; color:#fff; opacity:0.1; line-height: 0.62; font-weight: bold;letter-spacing: -15px; padding-top: 50px; padding-left: 20px;}
.main-image img{ width:100%; height:auto;}
.ci-upper {	position: relative;}
.ci-middle {	position: relative;}
.ci-lower {	margin-top: -40px; position: relative;}
.ci-lower .ci-right { margin-top:50px; max-width: 40%; float: left;}
.ci-lower .ci-right.side-bar-left { padding:inherit;}
.ci-lower .ci-right.side-bar-left:before { display:none;}
.wrap--ci { background-repeat: no-repeat; background-position:  right 80%; position: relative;overflow-x: hidden;}
.globeSvg { position: absolute; bottom: 14%; height: 600px; right: 0; transform: rotate(15deg) translateX(90px);}

/*----------Product features-----------*/
.wrap--pf { background-color: #eaeaea;} 
.pf-left { width:46.6%; float:left; }
.pf-right { width:53.4%; float:right;}
.pf-heading  { color:#b1b1b1; padding-bottom: 20px}
.pf-content {	margin: 3% 0; line-height: 1.5}
.pf-textbox {margin-top:3%;}
.pf-left.pf-textbox { text-align: right; padding-right:5%;}
.pf-right.pf-textbox { text-align: left; padding-left:5%;}

.pf-left.pf-textbox .pf-content { padding-left:30%;}
.pf-right.pf-textbox .pf-content { padding-right:30%;}

.main-image.maximage img{ width:auto; height:auto; max-width: 100%;}
.pf-upper .pf-right.pf-textbox {padding-left: 1%;}
.pf-upper .pf-right.pf-textbox .pf-content {	 padding-right: 0%;}

.side-bar-right { padding-right: 6%; position: relative;}
.side-bar-right:before { content:''; width:25px; height:100%; position: absolute; top:0; right: 0; background-color:#d49356}

.wrap--withoutlimit { text-align:center; color:#b1b1b1;}
.wl-heading { color:#b1b1b1; font-weight: bold; margin: 20px; line-height: 0.9}
.wl-content { width:50%; margin: 20px auto;}

/*----------decorative dimensión-----------*/

.block--decdim { background-color:#eaeaea;}
.wrap--decdim { padding:6% 0;}
.dd-heading-wrap { margin-bottom:5%;}
.dd-heading { display: inline-block; width:35%; vertical-align: middle; text-align: right; color:#909090; line-height: 0.9}
.dd-content { display: inline-block; width:55%; vertical-align: middle;  column-gap: 40px;  column-count: 2; padding:0 3%; color:#909090;}

.dd-featurelist-wrap { max-width:1290px; width:100%; margin: auto;}

.fl-box { position:absolute; top:0; left:0; width:25%; overflow: hidden;}

.fl-box-1 { top:0; left:5.42%; width:28.29%}
.fl-box-1 .floatingbox { padding-bottom:73.97%;}

.fl-box-2 { top:0; left:33.71%; width:30.38%}
.fl-box-2 .floatingbox { padding-bottom:86.22%;}

.fl-box-3 { top:0; left:64.09%; width:36.04%}
.fl-box-3 .floatingbox { padding-bottom:58.06%;}

.fl-box-4 { top:25.7%; left:0; width:33.72%}
.fl-box-4 .floatingbox { padding-bottom:79.7%;}

.fl-box-5 { top:32.2%; left:33.71%; width:30.38%}
.fl-box-5 .floatingbox { padding-bottom:70.88%;}

.fl-box-6 { top:25.7%; left:64.09%; width:31.78%}
.fl-box-6 .floatingbox { padding-bottom:84.4%;}

.fl-box-7 { top:58.7%; left:10.6%; width:53.48%}
.fl-box-7 .floatingbox { padding-bottom:60.95%;}

.fl-box-8 { top:58.7%; left:64.08%; width:34.10%}
.fl-box-8 .floatingbox { padding-bottom:76.13%;}

.fl-heading { font-size:54px; color:#fff; text-align: right; position: absolute; bottom:30px; right:20px; line-height: 0.9; z-index: 3}
.fl-box:hover {}
.fl-hover {	position: absolute;	top: 0;	bottom: 0;	right: 0;	left: 0;background-color: #d49356; color:#eaeaea; padding:20px; text-align: right; z-index: -1; opacity: 0; visibility: hidden; transform: translateY(100%);}

.fl-hover .fl-content { position:static; }

.fl-box:hover .fl-hover{  z-index: 5; opacity:1; visibility:visible; transform: translateY(0);}
.fl-hover .fl-heading {  font-size: 45px; position:static; margin-bottom: 20px;}

.fl-con {	position: absolute;	top: auto;left: 10%;	right: 10%;	bottom: 10%;}

/*----------Featured Collection fc-----------*/

.fc-contentbox { width:62.5%; position:absolute; top:0; left: 0; padding:3% 0;}
.fc-contentbox .adjustbox { background-repeat:no-repeat; background-size: auto; background-position:top right; }
.fc-sidebanner { width:37.5%; position:absolute; top:0; right: 0;}
.fc-otherimage1 { width:38.88%; position:absolute; top:57.5%; left:23.6%; }
.fc-otherimage2 { width:26.66%; position:absolute; top: 68.05%;left: 62.5%; }

.fc-bottom-coll { margin:3%; text-align: center;}
.fc-bottom-coll img { max-width:100%; height:auto;}
.fc-content { width:60%; margin:3% 6%;}
.collection-name { margin:3% 6%;}
.collection-name img { max-width: 100%; height:auto;}
.fc-button { margin: 3% 6%;}
.twoDiamondsSvg { position: absolute; left: 70%; height: 500px;}
@media only screen and (max-width: 481px){.twoDiamondsSvg { display: none;}}

.button a { display: inline-block; border:1px #dcdcdc solid; padding:18px 30px; color:#909090;}
.button a:hover { color:#fff; background-color: #d49356;}

.deco-image img { max-width:100%; height: auto;}
/*----------other collection-----------*/

.wrap--oc { margin:5% 0;}

.oc-box { width:33%; float:left; overflow: hidden;}
.oc-boxes { padding-top:10%; padding-bottom:5%; padding-right:6%; padding-left:6%;}
.oc-box .oc-heading{ font-size:54px; color:#fff; text-align: right; position: absolute; bottom:85px; right:50px; line-height: 0.9; z-index: 3}
.oc-subheading { font-size:28px; color:#fff; text-align: right; position: absolute; bottom:30px; right:50px;}
.oc-hover {	position: absolute;	top: 0;	bottom: 0;	right: 0;	left: 0;background-color: #d49356; color:#eaeaea; padding:20px; text-align: right; z-index: -1; opacity: 0; visibility: hidden; transform: translateY(100%);}

.ochover-heading {font-size:54px; color:#fff; text-align: left;}
.ochover-content { color:#fff; text-align: left; margin: 20px 0; font-weight: 300;}
.ochover-subheading {color:#fff; text-align: left; margin: 10px 0; font-size:28px;}
.ochover-extra { text-align: center; color:#fff;}

.oc-box-2 {	margin-top: 4%;}
.oc-box-3 {	margin-top: -4%;}

.oc-box:hover .oc-hover{  z-index: 5; opacity:1; visibility:visible; transform: translateY(0);}
.oc-button {	text-align: center;}

/*----------Home blog-----------*/

.homedivider { position:relative; height:170px;}
.homedivider .triangle { background-color:#eaeaea;}
.bloack--hb { background-color:#eaeaea;}
.wrap--hd { padding:6% 0;}
.hb-box { width:33.33%; margin: 0%; float:left; pointer-events: all;}
.hb-boxes {	padding: 0 5%; position: relative; z-index: 10; pointer-events: none;}
.hb-headingbox {	position: absolute;	margin-top:0%; z-index: 2}
.hb-content {	padding: 2% 6%;	width: 35%;}
.hb-button {	padding: 0 6%;	width: 35%;}
.hb-postcontent { padding:5% 5% 8% 5%; background-color:#fff;}
.hb-posttitle { color:#909090; font-size:24px; margin-bottom:10px; font-weight: bold;}
.hb-posttext { color:#909090; font-size:16px;}
.hb-box:hover .hb-posttitle { color:#d49356;}


/*----------Footer-----------*/

.footer-menu-box {	float: left;	width: 60%; font-size:0px;}
.footer-social {	float: right;	width: 40%;}
.footer-menu {  color:#909090; display:inline-block; width: 33%;}
.footer-menu ul { font-size:18px; padding-bottom:20px;}
.footerlower {	border-bottom: 1px #555 solid;}
.footer-social { color:#fff; font-size: 16px; text-align: right;}
.lang-sel { display:inline-block;}
.social-icon { display:inline-block; font-size: 20px; padding: 0 15px }
.footer-menu:last-child ul { border:none;}

.footer-social ul li {display:inline-block; padding: 0 4px; vertical-align: middle;}
.footer-menu ul li:hover a { color:#fff;}

.newsletter-heading { font-size:32px; color:#5a5a5a; font-weight: bold; text-align: left; line-height: 1;}
input[type="submit"].nw-button {	border-radius: 0;	margin: 0;	float: right;	width: 35%; font-weight: 18px; font-weight: bold; background-color: #d49356; border-color:#d49356; color:#fff;}
.nw-text {	border-radius: 0;	width: 65%; float:left; margin: 0;}
.footer-newsletter { margin:20px 0; padding-left:10px}

.nl { text-align:right; display:inline-block; padding-top: 20px; width: 100%;}

/*----------Contact form-----------*/

.contact-half { width:50%; float:left;}
.contact-half:first-child { padding-right:4%;}
.contact-half:last-child { padding-left:4%;}
.contact-form input, .contact-form textarea {color: #000;border: none;background-color: transparent;margin-bottom: 25px;border-bottom: 1px #666 solid;border-radius: 0;	padding: 10px 0; font-size:21px;}
.contact-form input[type="submit"] { background-color:#a8dad0; color:#606265; padding:10px 25px; float:right; font-size:22px; border:none}
.contact-form { margin-bottom:0px; text-align: left;}
.contact-form a { color:#f4ad50;}
.contact-form textarea { max-height:235px; border: 1px #666 solid; padding: 10px}
.contact-form label { text-align:left;display: block;}
.contact-form .label { margin-bottom:10px;}
.accept-text { font-size:16px;}
.accept-text a { color:#a8dad0;}
.contact-form input[type="submit"]:hover { color:#fff;}

input[type="checkbox"] { width:auto; margin-right: 10px;}



/*----------page-----------*/

.page-padding { padding:5%;}


/*----------Product-----------*/
#single-slider li img { width:100%; height: auto;}
.single-maininfo-wrap {	padding: 45px 8%; border-bottom: 1px #eaeaea solid;}
.goback {	display: table-cell;	width: 7%; padding-top: 20px;}
.goback img {max-width:100%; height:auto;}
.single-maintitle {	color:#909090;  line-height: 0.9; letter-spacing: -4px; text-align: right; padding-right: 3%; display: table-cell; min-width: 350px; width:40%;  }
.single-maintitle strong { font-weight:bold; display: block; }
.single-maincontent {display: table-cell; color: #909090;line-height: 1.4;padding-top: 10px; font-size:20px; padding-left: 3%; border-left: 1px #eaeaea solid; vertical-align: top;}
.single-hero-image-wrap {	position: relative;}
.extra-pro-info-wrap {	position: absolute;	z-index: 15;	top: 0;	right: 0; background-color: #fff;width: 60%;}
.extra-pro-info-wrap li {	display: inline-block;	width: 24%;	text-align: center;	vertical-align: middle; font-size: 36px; color: #909090;}
.extra-pro-info-wrap li span{ color:#d49356;}
.extra-pro-info-wrap li { border-left:1px solid #eaeaea; padding:4% 3%; letter-spacing: -2px;}
.extra-pro-info-wrap li:first-child {border-left:none;}
.extra-pro-info-wrap li.orange-text { font-size:36px; color:#d49356; font-weight: bold;}
.extra-pro-info-wrap li.orange-text img {vertical-align: middle; padding-left: 10px;}
.single-sub-menu { background-color:#eaeaea; font-size:32px; color:#909090; position:relative;}
#scrollmenu {	position: absolute;	width: 100px;	height: 130px;	bottom: 100%;	z-index: -1;}
.single-sub-menu ul li { float:left; width:20%; text-align: center;}
.single-sub-menu ul li a { padding:25px 0; display:block;}
.single-sub-menu ul li a:hover, .single-sub-menu ul li.active a { background-color:#313131; color:#fff;}

.tab-content { padding:4% 0;}

.gc-wrap { position:relative;}

.gc-detailbox { width:63.33%; float:left; background-position: bottom right; background-repeat: no-repeat; padding-top: 5%;}
.gc-title { line-height:0.9; letter-spacing: -3px; padding-left:10%; margin-bottom: 50px; }
.gc-title strong { display:block;}
.gc-content { padding-left:10%; width:75%; padding-bottom: 50px;}
.gc-img-1 {float: right;width: 36.66%;}
.gc-img-2 {	float: left; width: 63.33%;text-align: right;}
.gc-img-3 {	float: left;	max-width: 36.66%; text-align: left}
.gc-img img { width:100%; height:auto;}
.gc-img-2 img { max-width:100%; width:auto;}


.tab-content { display:none;}
.tab-content.active { display:block;}

.dp-title { line-height:0.9; letter-spacing: -3px; padding-left:6%; margin-bottom: 50px; width:40%; float:left; }
.dp-content { padding-left:10%; width:60%; padding-bottom: 50px; float:right; padding-top: 30px;}
.dp-title strong { display:block;}
.dp-pieces { font-size:0; }
.dp-pie {	width: 25%;	display: inline-block;	padding: 2%; vertical-align: top; margin: 30px 0;}
.pie-img {	margin-bottom: 20px;}
.pie-img img { width:100%; height:auto;}
.pie-text  { letter-spacing:-1px; text-align: center}
.nopie {max-width: 50%;	text-align: center;	padding: 5%;	margin: 5% auto;	border: 1px #d49356 solid;}

.dw-title { line-height:0.9; letter-spacing: -3px; padding-left:6%; margin-bottom: 50px; }
.dw-title strong { display:block;}
.flbox-title { font-weight:300; margin-bottom:20px; letter-spacing: -2px;}
.file-list-box {	max-width: 50%;	margin: 40px auto;}
.page-template-tpl-download .file-list-box {	max-width: 60%;}
.file-list-box ul li { padding:10px 30px; border:1px #eaeaea solid; border-width:1px 0; color:#d49356; margin-top:-1px;}
.file-list-box ul li small { color:#909090;}
.file-list-box ul li img { float:right;}
.down-img-2 {	float: right;	padding-top: 2%;	margin-right: -5%;}
.down-img-1 {	float: right;	padding-top: 10%;}

.tf-title { line-height:0.9; letter-spacing: -3px; padding-left:6%; margin-bottom: 50px; }
.tf-title strong { display:block;}

.tf-box-wrap { padding:2% 10% ;}
.tf-box-left { float:left; width:40%; padding-right: 8%; border-right:1px #eaeaea solid;}
.tf-box-right { float:right; width:60%; padding-left: 8%;}
.tf-box-title { font-weight:300; letter-spacing: -1px; margin-bottom:25px;}
.cat-detail { display:inline-block;  vertical-align: top; margin-right: 20px;text-align: center; width: 110px;line-height: 1;}
.cat-detail img {max-width:90px; display: block; margin: 15px auto; }
.cat-title { font-size:16px; color:#8a8a8a;}
.tt-box-wrap { padding:5% 10%;}
.tech-table-wrap {	border: 1px #eaeaea solid; border-width: 1px 0;}
.tech-table-title {	float: left;	width: 12.5%;}
.tech-table-detail {	width: 87.5%;	float: right; border-left: 1px #eaeaea solid;}
.tect-table-heading ul li, .tect-table-row ul li { width:17.5%; float:left; padding: 20px 0; border-bottom: 1px #eaeaea solid; margin-bottom: -1px}
.tect-table-heading, .tect-table-row {	text-align: center; }
.tect-table-row {font-size:16px; letter-spacing: -1px; line-height: 1.1; font-weight: 300;}
.tect-table-heading{font-size:15px;  line-height: 1.1; font-weight: 600; color:#313131; text-transform: uppercase;}
.tect-table-heading ul li.tt-caj, .tect-table-row ul li.tt-caj { width:10%;}
.tech-table-title span { color:#d49356; font-weight:bold; display:block;}
.tech-table-title { text-align: left;letter-spacing: -1px;line-height: 1.1; padding: 2%;}

.gama-title { line-height:0.9; letter-spacing: -3px; padding-left:10%; margin-bottom: 25px; }
.gama-title strong { display:block;}
.gama-subtitle { color:#d49356; padding-left:10%;}

.gama-detailbox { float:left; width:60%;}
.gama-sideimage-box1 { float:right; width:38.8%}
.gama-sideimage-1 .floatingbox { padding-bottom:132%;}
.gama-sideimage-2 .floatingbox { padding-bottom:80%;}
.gama-sideimage-1 {	max-width: 75%;	margin-left: 25%;}

.gama-layout-box {	float: left;	width: 60%;	padding-left: 6%; margin-top: 50px;}
.lay1-top-text { letter-spacing:-1px; margin-bottom: 15px;}
.lay1-top-text span {color: #d49356;}
.lay1-design ul li {  display: inline-block; margin:10px; overflow: hidden;}
.lay1-design ul li img { width:100%; height:auto;}
.lay1-design ul {    max-width: 680px;    float: left;   margin: -10px 10px 20px -10px;}
.lay1-icon { width:40px; height:40px; overflow: hidden; margin:0 0 10px 0; }
.lay1-icon img { width:100%; height:auto;}

.lay1-title { color:#313131; font-size:20px;}
.lay1-format { color:#909090;  font-size:20px;}
.lay1-code { color:#313131;  font-size:20px; margin-left: 10px;}

.gama-lower-image-wrap { width:50%; float:left; margin-top:120px;}
.gama-sideimage-3 { max-width:80%;}
.gama-sideimage-3 .floatingbox { padding-bottom:100%;}
.gama-sideimage-4 { max-width:100%;}
.gama-sideimage-4 .floatingbox { padding-bottom:85%;}

.diaimage.gama-lower-image-wrap { width:80%; position: relative;}
.gama-sideimage-5 .floatingbox { padding-bottom:65%;}
.gama-sideimage-5 {	max-width: 1100px; margin-top:20%;}
.gama-sideimage-6 .floatingbox { padding-bottom:85%;}
.gama-sideimage-6 {	position: absolute;	width: 600px;	max-width: 100%;	top: 0;	right: 0;}

.gama-suggestion-wrap { float:right; width:45%; margin-top:100px;}
.sug-title {	text-align: right;	padding-right: 10%;	font-weight: 600;	letter-spacing: -3px; margin-bottom:50px;}

.sug-comp-title { width:45%; float:left; text-align: right; padding-right:50px; letter-spacing: -2px; line-height: 1.1; margin-top:10px;}
.sug-comp-title span {color:#d49356; font-weight: bold; display: block}
.comp-box { width:55%; float:right; border-left:1px #eaeaea solid; padding-left:50px;}
.comp-box ul li {	display: inline-block;	width: 40%;	text-align: center;	max-width: 140px;	margin: 10px; vertical-align: top;}
.comp-box ul li .image-round { border-radius: 50%; width:130px; height:130px; overflow: hidden; border:5px solid #b8b8b8; margin:0 auto 5px}
.comptitle { font-size:16px;}
.bottomcomp { margin-top:40px;}

.layout-col-two .layout2box { width:50%; display: inline-block; padding:30px; vertical-align: top;}
.layout-col-three .layout2box { width:33%; display: inline-block; padding:20px; vertical-align: bottom;}
.layout-col-four .layout2box { width:25%; display: inline-block; padding:10px; vertical-align: bottom; padding-bottom: 20px}
.lay2-image { float: left;  max-width: 85%; margin-bottom: 10px;}
.lay2-image img { max-width:100%; margin-right: 10px;}
.layout2box .lay1-icon { margin: 0 0 10px 0;}
.adjustlayout2 { margin:0 -30px; font-size: 0;}
.layout-col-three .adjustlayout2 { margin:0 -20px;}
.layout-col-four .adjustlayout2 { margin:0 -10px;}
.layout-col-three .lay1-icon {    width: 30px;    height: 30px;}
.layout-col-four .lay1-icon {    width: 20px;    height: 20px;}

.layout3 { font-size:0;}
.layout3 .lay1-icon {    width: 30px;    height: 30px;}
.layout3box { padding:10px; display: inline-block; vertical-align: bottom; margin-bottom:40px;}
.lay3-image {	float: left;	margin-bottom: 10px;}
.lay3-image img {	max-width: 100%;	margin-right: 10px;}

.layoutype-layout3 .gama-sideimage-box1 { width:29%;}
.layoutype-layout3 .gama-layout-box {width: 70%;}
.layoutype-layout3 .gama-sideimage-1 {	max-width: 100%;	margin-left: 0%;}
.layout3box .lay1-icon {	margin:0 0 10px 0;}
.layout3-image { display: inline-block;}
.layout3box  .lay1-code {	margin-left: 0;	display: block;}
.lay1-iconwrap {	float: left; padding-left: 5px;}

.collboxes {	padding: 5%;}
.coll-box {	padding: 0 25px;	margin-bottom: 50px;}

.ochover-extra ul li { display: inline-block;}
.ochover-extra ul li:before { content:'|'; padding:0 10px;}
.ochover-extra ul li:first-child:before { content:''; padding: 0;}

.filters-wrap { border:1px #eaeaea solid; border-width:1px 0; overflow: hidden; position:relative;}
.fil-tab { float:left; width:22.5%; padding: 0 65px; text-align: right; color:#b1b1b1; letter-spacing: -2px; line-height: 0.85; height:150px; border-right:1px #eaeaea solid; position:relative; cursor: pointer;}
.fil-tab strong { font-weight:700; display:block;}
.search-tab { float:right; width:10%; background-color: #d49356; height:150px; text-align: center; cursor: pointer; position: relative;z-index: 5;}
.search-tab.activesearch { background-color:#909090;}
.fil-tab:hover, .activefilter.fil-tab { background-color:#eaeaea;}
.filtab-arrow {	position: absolute;	top: 20px;}
.allpro-block { background-color:#eaeaea; padding: 3% 8%;}

.termbox {	display: inline-block;	width: 25%; padding:2% 3%; vertical-align: top;}
.term-name {font-weight:600; color:#fff;	background-color: #ccc;	text-align: center;	padding: 5px 0;	margin-bottom: 20px; cursor: pointer;}
.selectedItem .term-name { background-color:#d49356;}
.term-post {	padding-left: 20px;}
.allpro-block { display:none;}
.activeblock.allpro-block { display:block;}

.search-field {	position: absolute;	width: 90%;	top: 0;	bottom: 0;	left: 0; z-index:-1; transform: translateX(100%);}
.activesearch.search-field {  transform: translateX(0); z-index: 2;}

.se-form, #search { height:100%; margin: 0; font-size: 42px;}
#search { padding:0 8%;}
.address-table {	vertical-align: top; font-size: 16px;color: #909090;}
.address-table tr td {	vertical-align: top;}
.closesearch {	position: absolute;	z-index: 10;	top: 50%;	right: 1%;	transform: translatey(-50%); cursor: pointer;}

.collbox-bg {	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0;	background-color: rgba(0,0,0,0.3);}
.contactleft { float:left; width:50%; }
.contactright { float:right; width:50%;}
.addwrap .contactleft { border-right:1px #eaeaea solid; text-align: center;}
.addwrap { padding:5% 0;}
.address-wrap {	padding-left: 10%;}
.address-heading {	font-size: 24px;	color: #909090;	margin-bottom: 20px;}
.add-icon {	font-size: 24px;	color: #747572; padding-right: 10px;text-align: center;}
.add-text {	padding-right: 10px;	padding-top: 5px;}
.add-value {	padding-top: 5px;}
.add-value a { color:#d49356;}
.add-value a:hover {color:#909090;}
.sociallink { font-size:18px;}
.sociallink {	font-size: 28px;	display: inline-block;	margin-right: 15px;}
.sociallink a:hover { color:#d49356}
.soli { margin:20px 0;}
.contact-image { float:left; width:25%;}
.contactmap {	height: 900px;}
.contactform-wrap { padding:8% 10%;}

.cf-bb input, .cf-bb textarea { border:none; border-bottom:1px #eee solid; border-radius: 0; padding:0 0 10px 0; margin-bottom: 30px; font-size: 16px; color: #909090;}
.cf-bb textarea { max-height: 200px;}
.cf-bb input[type="submit"] {	padding: 10px 25px;	background-color: #d49356;	color: #fff;	font-size: 26px;	font-weight: bold; float: right; }
.contactform-wrap .heading {line-height:0.9; letter-spacing: -3px; margin-bottom:50px;}
.image-404 {	text-align: center;	 margin:auto;}
.image-404 img { max-width:900px; width:100%; height:auto;}
.text-404 {	color: #c9c9c9;	text-align: center; letter-spacing: -2px;}
.wrap-404 { padding:50px; margin: 50px auto 90px;	border-bottom: 1px #eaeaea solid;}
.for404 .single-maintitle strong {	display: inline-block;}

.post-maintitle-wrap {	display: table;	width: 100%; margin:2% 0;}
.post-maintitle {	display: table-cell;	text-align: left; padding: 0% 8% 0; vertical-align: middle; line-height: 1;letter-spacing: -5px;font-weight: bold;}
.post-nav-left {	display: table-cell;	padding-left: 5%;	vertical-align: middle; text-align: right}
.post-nav-right {	display: table-cell;	padding-right: 5%;	vertical-align: middle;}

.single-post .extra-pro-info-wrap {width: 350px;padding: 30px;}
.single-post .extra-pro-info-wrap li { width:auto;}
.extra-pro-info-wrap li .post-date {	font-size: 36px;	color: #b6b6b6;}
.extra-pro-info-wrap li .post-month {	font-size: 36px;	color: #313131; font-weight: bold;}
.extra-pro-info-wrap li .post-year {	font-size: 36px;	color: #d49356; margin-right:10px}



.slidertext {	position: absolute;	top: 40%;	left: 43%;	z-index: 10;	font-size: 68px;	width: 800px;	line-height: 1;	letter-spacing: -1px; color:#d6d6d6; font-weight: 300}
.slidertext strong { font-weight:normal; color:#d49356;}
.dia-tex-wrap {	padding: 5% 0;}
.middleimage {	text-align: center;	padding: 3% 5%;}
.middleimage img { width:100%; height:auto;}
.middletitle {	font-size: 42px;	color: #d49356;	text-align: center;	max-width: 700px;	margin: auto;	line-height: 1;	letter-spacing: -1px;	font-weight:bold; margin-bottom: 30px;	}
.middlecontent {	font-size: 20px;	text-align: center;	max-width: 800px;	margin: auto;	color: #909090;}
.dia-box { float:left; width:50%; margin-bottom:20px; overflow: hidden}
.dia-odd { padding-right:10px;}
.dia-even { padding-left:10px;}
.dia-box .floatingbox {padding-bottom:80%;}
.diaimage-heading { margin-bottom:5%;}
.diabox-heading {	color: #fff;	line-height: 1;	letter-spacing: -2px;	background-color: #000;	position: absolute;	top: 10%;	padding: 30px 40px 30px 60px; z-index: 11}
.diabox-heading strong { display:block;}
.diabox-heading:after { content:'';width: 0;height: 0;border-style: solid;border-width: 214px 170px 0 0;border-color: #000 transparent transparent transparent;position: absolute;top: 0;right: -170px;}
.diabox-overlay { position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; z-index: -1; visibility: hidden; transform: translateY(100%)}
.dia-box:hover .diabox-overlay {z-index: 10; visibility:visible; transform: translateY(0) }
.diaboxhover-text {	color: #fff;	text-align: right;	bottom: 20%;	position: absolute;	right: 10%;	font-size: 64px;	line-height: 1;	letter-spacing: -2px;}
.dc-subtitle {	font-size: 28px;	margin: 10px 0 0; min-height: 28px;}
.dia-slidertext {	position: absolute;	bottom: 0;	right: 0;	z-index: 11; color: #fff;padding: 30px 60px; letter-spacing: -2px; line-height: 1}

.postcontent { padding:4% 0;}
.postcontent {	padding: 3% 12%;}
.content-col {	column-count: 2;	column-gap: 70px;}
.content-col img{ max-width: 100%; height: auto;}
.content-col ol li {list-style:inside decimal;}
.content-col ul li {list-style: inside disc;}
.content-col h1 { font-size:58px; color:#909090; line-height: 1;letter-spacing: -3px; margin-bottom: 40px;}
.content-col h2 { font-size:42px; color:#d49356; line-height: 1; letter-spacing: -3px; margin-bottom: 35px;}
.content-col h3 {font-size:32px; color:#b2b2b2; line-height: 1;letter-spacing: -2px; margin-bottom: 30px;}
.content-col h4 { font-size:28px; color:#b2b2b2; line-height: 1;letter-spacing: -2px; margin-bottom: 25px;}
.content-col h5 { font-size:24px; color:#b2b2b2; line-height: 1;letter-spacing: -1px; margin-bottom: 20px;}
.content-col h6 { font-size:18px; color:#b2b2b2; line-height: 1;letter-spacing: -1px; margin-bottom: 10px;}
.content-col p { margin-bottom: 20px;}
.content-col p:last-child { margin-bottom: 0px;}

.ab-left { float:left; width:50%;}
.ab-right {	width: 50%;	float: right;}
.ab-right.pf-textbox, .ab-left.pf-textbox  {	margin-top: 0%;	padding:3%;}
.ab-left.pf-textbox .pf-heading { text-align:right;}
.ab-left.pf-textbox .pf-content { text-align:right;}
.middle-content-wrap {	padding: 5% 0;}
.mc-heading { margin-bottom: 50px;}
.mc-content { column-gap:50px; column-count: 2;}
.trianglereal { height:200px; width:100%; overflow: hidden;}
.about-triangle1 { background-color:#eaeaea;}
.ab-middle-wrap {	background-color: #eaeaea; padding-bottom: 6%;}
.ab-middle-wrap .pf-box-1 .ab-left.pf-textbox .pf-heading { text-align:left; position: relative;}
.ab-middle-wrap .pf-box-1 .ab-left.pf-textbox .pf-content { text-align:left;}
.ab-middle-wrap .ab-right.pf-textbox, .ab-middle-wrap .ab-left.pf-textbox {	margin-top: 0%;	padding: 6%;}
.ab-middle-wrap .pf-box-1 .pf-heading:before {	content: '';	width: 25px;	height: 100%;	position: absolute;	top: 0;	left: -22%;	background-color: #d49356;}

.inn-block {	padding: 4% 0;}
.inn-block .largetext-design {color: #000; margin-bottom: 30px;}
.inn-layout-wrap {	padding-bottom: 5%;}
.inn-layout-wrap .main-image img {	max-width: 100%;	height: auto; width:auto;}
.inn-layout-wrap .main-image {text-align:center;}

.inn-left, .inn-right { width:50%; float:left;}
.inn-img-wrap { position:relative; padding-bottom: 33%;}
.inn-image-1 {	position: relative; max-width: 700px;}
.inn-image-2 {	position: absolute;	width: 100%;	top: 35%;	left: 50%;	max-width: 500px;}
.inn-content-1 {	margin: 70px 0% 5% 0; min-height: 490px;}
.inn-content-1 .pf-heading { margin-bottom:50px}
.inn-content-1.side-bar-right {	padding-right: 20%;}
.inn-content-2 {	padding: 0px 20% 0% 10%;}
.inn-content-2 .pf-heading { margin-bottom:50px}
.hb-box .oc-box { width:100%; float:none;}
.downgap {	margin: 60px; height:1px}

.downform-wrap { position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; opacity: 0; visibility: hidden; z-index: -1;}
.modelcontent {}
.modelinner {}
.downform-wrap.active { opacity:1; visibility: visible; z-index: 100;}
.modelcontent {	width: 100%;	height: 100%;	margin: auto;}
.modelinner {margin: auto;	padding: 0 3%;	width: 100%; position: relative; z-index: 4; overflow: auto;}
.modeloverley, .downmodeloverlay {	background-color: rgba(0,0,0,0.5); top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index: 2; position: absolute;}

.downmodel {	width: 100%;margin: auto;	position: relative;	z-index: 5;	max-width: 1000px;	background-color: #fff;	padding: 2%;}
.mainlinkwrap {display:none}
.mainlinkwrap.active { display: block; text-align: center;}

.modelinner ul { font-size:0;}
.modelinner ul li {	display: inline-block;	vertical-align: top;	font-size: 16px;	margin-bottom: 20px;	text-align: center; margin-right: 50px; max-width:70px;}
.prothumb {	max-width: 90px;	max-height: 90px;	overflow: hidden; text-align: center; margin:0 auto 5px}
.prothumb img { width:100%; height:auto}
.showmorepost {	font-size: 16px;	color: #d49356;	margin-top: 10px;}
.gridder-list, .gridder-show {	font-size: 20px;}

.aa-suggestion {	width: 45%;	display: inline-block;	margin: 2px 1%;}
.aa-dropdown-menu .suggestion-post-thumbnail {	width: 64px !important;	height: 64px !important;}
.aa-dropdown-menu a .suggestion-post-title {	font-size: 18px !important;color: #1a1a1a;	font-weight:300 !important;}

.headerlinks {	position: absolute;	top: 5px; color: #fff; right: 2%; transform: translatex(-50%);font-size: 18px;line-height: 2;}
.headerlinks ul li { display: inline-block; padding: 0 10px;}
.headerlinks ul li:hover a {	border-bottom: 1px #fff solid;}
.otherpage-header .headerlinks { color: #d49356;}
.otherpage-header .headerlinks ul li:hover a {	border-bottom: 1px #d49356 solid;}

.ab-right.firstboxside { padding-top:0; margin-top:3%; padding-bottom: 0; margin-bottom: 3%;}

.sidebar{
    will-change: min-height;
}

.sidebar__inner{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}
.sidebar.is-affixed { z-index:98;}


.headersearch {position: absolute;right: 20px;top: 10px;}
.scrollcap { position:absolute; top:-150px;}

/*----------scroll to top-----------*/
.scototop {	position: fixed;	top: 50%;	right: 0;	transform: translatey(-50%); z-index: 99}
.scrolltotop {	width: 60px;	height: 60px;	font-size: 54px;	background-color: #28a2ef;	color: #fff;	text-align: center;	line-height: 60px; display:none; cursor: pointer;}





/*----------contactform-----------*/
.contactform { margin:30px auto; font-size:16px; color:#414141;}
.contactform .name-field { float:left; width:49%;}
.contactform .email-field { float:right; width:49%;}
.contactform input, .contactform textarea, .contactform select { font-size:21px; background-color:#ddd; border-radius:3px; color:#666;}
.contactform select { width:100%;}
.contactform textarea { height:160px;}
.contactform .contact-info { float:left; width:70%;}
.contactform .contact-submit { float:right; width:30%; text-align:right; position:relative}
.contactform input[type="submit"] { padding: 10px 25px;background-color: #d49356;color: #fff;font-size: 26px;font-weight: bold;float: right;}
div.wpcf7 .ajax-loader { float:left}
.contactform input[type="checkbox"] { width:auto; float:left; margin: 5px 10px 5px 0;}
.contactform  .accept { font-size:18px;}
.contactform  .accept a { color:#a9a9a9; font-weight:normal;}
span.wpcf7-not-valid-tip { padding-bottom:10px;}
.wpcf7-not-valid {  border: 1px red solid;}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border:none}
div.wpcf7-response-output { text-align:center}
input[type="checkbox"] { width:auto; margin-right:10px;}
.login-title { text-align:center; margin-bottom:30px;}
.contactform  .accept   input[type="checkbox"] { float:none;}
.contactform  .accept span.wpcf7-not-valid-tip { display:inline-block}

.lang-sel li.active {	text-decoration: underline;}

.closeme {	position: absolute;	top: 10px;	right: 10px; cursor: pointer}


.header-lang {	display: inline-block;	position: absolute;	top: 46px;	right: 5%; color:#fff;}
.shortheader .header-lang { top:20px;}
.header-lang ul li { display: inline-block; font-size: 16px;}
.otherpage-header .header-lang { top:30px; color:#d49356}





.menu-social-icon li {
	display: inline-block;
	/* background-color: #d49356; */
	margin: 5px;
	color: #000;
	opacity: 0.5;
}
.menu-social-icon li  a { padding:0 10px !important}
.menu-social-icon  {width: 100%;text-align: center;}
/*----------text-----------*/





.text-content p{ margin-bottom: 20px;}
.text-content table { width:100%; margin-bottom: 20px;}
.text-content blockquote {}
.text-content ul { margin: 10px 0 10px 20px;}
.text-content ol { margin: 10px 0 10px 20px;}
.text-content li {}
.text-content li li { font-size: 90%;}
.text-content ol li,  .pcontent ol li { list-style:decimal;}
.text-content ul li ,  .pcontent ul li { list-style: disc;}
.text-content form {margin-bottom: 20px;}
table {	width: 100%;	margin: 10px 0; font-size: 16px; color:#173335;}
.text-content input {}
input[type="checkbox"], input[type="radio"] { width: auto; height:auto;}


/*---------------------------------------------Special CSS --------------------------------*/

/*----------arrows-----------*/
.arrow-up, .arrow-down, .arrow-right, .arrow-left { position:relative;}
.arrow-up::after {	content: '';	position: absolute;	width: 0;	height: 0;	border-left: 30px solid transparent;	border-right: 30px solid transparent;	border-bottom: 30px solid white;	top: -30px;	left: 50%;	transform: translatex(-50%); z-index: 2}

.arrow-down:after {  content: '';	position: absolute;	width: 0;	height: 0;  border-left: 30px solid transparent;  border-right:30px solid transparent;  border-top: 30px solid #fff;bottom: -30px;	left: 50%;	transform: translatex(-50%); z-index: 2}

.arrow-right:after {  content: '';	position: absolute;	  width: 0;   height: 0;   border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  
  border-left: 30px solid #fff; top: 50%;	right: -30px;	transform: translatey(-50%); z-index: 2}

.arrow-left:after {  content: '';	position: absolute;	  width: 0;   height: 0;   border-top: 30px solid transparent;  border-bottom: 30px solid transparent;   
  border-right:30px solid white;  top: 50%;	left: -30px;	transform: translatey(-50%); z-index: 2}
