input {
    -webkit-user-select: auto !important;
}

html {
    position: relative;
    height: 100%;
    background: url('../imgs/backg.jpg') no-repeat center center fixed;
    background-size: cover;
  }
  
  html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 29, 29, 0.5); /* transparent #FBAE53 */
    z-index: -1;
    pointer-events: none;
  }
  
  
html.non-background { background: #fff; }
body { margin: 0; padding: 0; font: 15px/1.4em "Helvetica Neue", Arial; font-weight: 300; background: none; color: #eee; }
a { color: #f2f2f2; text-decoration: none!important; }
a:hover { color: #fff; }
a:focus, .btn:focus { outline:none; }
p { margin: 0 0 10px 0; font-size: 1.05em; }
h1 { font-family: "league_gothicregular"; text-transform: uppercase; font-size: 3em; }
h2 { font-family: "league_gothicregular"; text-transform: uppercase; font-size: 2.6em; }
h3 { font-size: 2em; }
h4 { font-size: 1.6em; }
img { max-width: 100%; }

.os-animation, .staggered-animation { opacity: 0; }  
.os-animation.animated, .staggered-animation.animated { opacity: 1; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.x1 { width: 25%!important; }
.x2 { width: 50%!important; }
.x3 { width: 75%!important; }
.x4 { width: 100%!important; }

/*Preload*/
#PreLoader { display: block; height: 100%; width: 100%; position: fixed; z-index: 10001; background: #111; }
#PreLoader .inner-PreLoad { margin: 0 auto; width: 100%; height: 100%; position: relative; z-index: 1; }

.loader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.5s linear 0s normal none infinite spin;
    -webkit-animation: 1.5s linear 0s normal none infinite spin;
    border-color: #FBAE53 transparent transparent;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 80px;
    left: 50%;
    margin: -40px 0 0 -40px;
    position: relative;
    top: 50%;
    width: 80px;
}
.loader:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.5s linear 0s normal none infinite spin;
    -webkit-animation: 1.5s linear 0s normal none infinite spin;
    border-color: #FBAE53 transparent transparent;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    bottom: 5px;
    content: "";
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.loader:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1s linear 0s normal none infinite spin;
    -webkit-animation: 1s linear 0s normal none infinite spin;
    border-color: #FBAE53 transparent transparent;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 10px #f4af01f0;
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
}
@keyframes spin {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}

}
@-webkit-keyframes spin {
	0% {
	    -webkit-transform: rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(360deg);
	}

}
/*End Preload*/

.navigation { position: fixed; left: 5%; top: 0; z-index: 10; width: 24%!important; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; overflow: hidden; vertical-align: top; }
.navigation.open { overflow-y: auto; transition: none; -webkit-transition: none; /*border-right: 1px solid #FBAE53;*/ }
.navigation .logo { width: 305px; position: relative; bottom: 0; z-index: 3; float: right; padding: 20px 40px 40px 0; opacity: 0; }
.bg-navigation { position: fixed; top: 0; z-index: 1; display: block; background: rgba(0, 0, 0, 0.6); width: 24%; height: 0; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
.open .bg-navigation { height: 100%; transition: none; -webkit-transition: none; }
#content { position: relative; left: 0; width: 100%; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; width: 100%; visibility: hidden; }

.menu { position: absolute; z-index: 2; top: 50%; width: 100%; }
.nav-menu { list-style: none; font-size: 1.7em; margin: 0; padding: 0; font-family: "league_gothicregular"; text-transform: uppercase; letter-spacing: 0.75px; display: block; clear: right; margin-bottom: 40px; }
.nav-menu li { width: 100%; text-align: right; position: relative; }
.nav-menu li a { display: block; width: 100%; padding: 17px 40px; color: #fff; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.6)!important; }
.nav-menu li a span { display: block; position: relative; z-index: 2; white-space: nowrap; opacity: 0.7; }
/*@-moz-document url-prefix() {
	.nav-menu li a span { padding-top: 3px; }
}*/
.nav-menu li a span + span { position: absolute; top: 0; right: 0; z-index: 1; width: 0; height: 100%; background: rgba(0, 0, 0, 0); transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; }
.nav-menu li a:hover span + span { width: 100%; background: rgba(0, 0, 0, 0.7); }
.nav-menu li.active a:hover span + span, .nav-menu li.fix-active a:hover span + span { background: #f4af01af; }
.nav-menu li a:hover span, .nav-menu li.active a span, .nav-menu li.fix-active a span { opacity: 1; }
.nav-menu li.active > a, .nav-menu li.fix-active > a { padding-right: 15px; background: #f3ae0095; border-right: 5px solid #FBAE53; }
.nav-menu li a span u { font-size: 0.4em; margin-top: 8px; display: block; text-decoration: none; line-height: 0.8em; color: #ddd; font-family: "Helvetica Neue", Arial; }
.nav-menu li.dropdown.active, .nav-menu li.dropdown.open, .nav-menu li.dropdown.open > a { background: rgba(0, 0, 0, 0.7); }
.nav-menu .sub { font-size: 0.7em; padding: 15px 0; display: none; }
.nav-menu .sub li { border-right: none; }
.nav-menu .sub li a { width: 100%; text-align: right; padding: 6px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important; }
.nav-menu .sub li:last-child a { border-bottom: none!important; }
.nav-menu .sub li a span + span, .nav-menu.sub li a:hover span + span, .nav-menu.sub li.active a span + span { background: none; border-right: none; }

.nav-toggle { position: relative; z-index: 3; padding: 15px; cursor: pointer; text-align: center; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; left: -100%; }
.open .nav-toggle { width: 100%; left: 0; }
.nav-toggle.active { text-align: left; }
.nav-toggle.active .open { display: none; }
.nav-toggle.active .close { display: inline-block; }
.nav-toggle .close { background: url("../imgs/plus-small.webp") no-repeat; background-size: cover; width: 21px; height: 21px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); opacity: 0.5; display: none; float: none; }
.nav-toggle span i { font-size: 1.8em; color: #fff; }

/* Default */
.section, .section-none { position: relative; padding: 10% 5% 3.5% 35%; overflow: hidden; background-position: center center; background-attachment: fixed!important; background-size: cover!important; z-index: 4; }
.section h2 { font-size: 3em; text-transform: uppercase; margin: 0 0 30px 0; }
.section h2 span { display: inline-block; border-bottom: 1px solid #FBAE53; border-top: 3px solid #FBAE53; padding: 5px 10px; }
.section .row h2 { text-indent: inherit; color: inherit; }
.section .dark { color: #000; border-color: rgba(0, 0, 0, 0.5); }
.section .white { color: #fff; border-color: rgba(255, 255, 255, 0.5); }
.section h3 { margin-top: 0; color: #fff; }

.overlay-section { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/section-one-pattern.png") repeat rgba(0, 0, 0, 0.5); z-index: 2; display: none; }

.container { width: 100%; position: relative; }

.background-slide { position: fixed!important; left: 0; top: 0; opacity: 1!important; width: 100%; height: 100%!important; }
.background-text { position: relative; z-index: 3; }

#section-one { }
#section-one h1 { font-size: 6.2em; color: #fff; margin: 0; line-height: 1em; }
#section-one h1 span { color: #FBAE53!important; }
#section-one h2 { font-size: 2.4em; color: #ccc; margin: 20px 0 5px 0; line-height: 1em; padding: 0; border: none; }
#section-one h3 { font-size: 2.4em; font-weight: 300; margin: 0 0 10px 0; line-height: 1em; color: #FBAE53; clear: left; }
#section-one h4 { font-size: 1.7em; font-weight: 200; margin: 0 0 10px 0; color: #fff;  line-height: 1.3em; }

.section .logo { width: 300px; margin: 20px 0; float: left; }
.social-list { list-style: none; padding: 0; margin: 35px 0 0 15px; float: left; }
.social-list a { border: 1px solid #fff; border-radius: 100%; width: 48px; height: 48px; display: block; text-align: center; line-height: 48px; margin-bottom: 10px; }
.social-list a:hover { border: 1px solid #FBAE53; color: #FBAE53; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.social-list a i { font-size: 1.2em; }

.progress { background: #111; }
.progress-bar { position: relative; }
.progress-bar > .percent { position: absolute; right: 5px; margin-top: -12px; font-size: 0.8em; background: rgba(0, 0, 0, 0.7); padding: 2px 6px; font-style: normal; border-radius: 100%; width: 30px; height: 30px; line-height: 24px; text-align: center; }
.progress-bar > .percent i { font-size: 0.6em; font-style: normal; }
.progress-bar > span { float: left; line-height: normal; margin-top: 10px; white-space: nowrap; font-weight: bold; text-align: left; }
.progress-bar-alpha { background: #FBAE53; box-shadow: 0 0 10px rgba(255, 255, 255, 0.9); }

.feature { border-radius: 100%; padding: 2px; width: 150px; height: 150px; margin: 0 auto 20px auto; background: #FBAE53; position: relative; }
.feature .arrow { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #FBAE53; width: 0; height: 0; position: absolute; bottom: -7px; left: 0; right: 0; margin: 0 auto; z-index: -1; }
.feature i { border-radius: 100%; display: block; border: 4px solid rgba(255, 255, 255, 0.7); width: 100%; height: 100%; font-size: 5em; color: #111; line-height: 150px; }
.feature + h4 { color: #FBAE53; font-size: 1.5em; }

.feature2 { border-radius: 100%; padding: 2px; width: 100px; height: 100px; margin: 0 auto 20px auto; background: #FBAE53; position: relative; }
.feature2 .arrow { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #FBAE53; width: 0; height: 0; position: absolute; bottom: -7px; left: 0; right: 0; margin: 0 auto; z-index: -1; }
.feature2 i { border-radius: 100%; display: block; border: 4px solid rgba(255, 255, 255, 0.7); width: 100%; height: 100%; font-size: 3.2em; color: #111; line-height: 90px; }
.feature2 + p { padding: 15px 25px 0 25px; }
.feature2 + p + h5 { color: #FBAE53; padding-bottom: 45px; }


.title-header { text-transform: uppercase; text-align: center; line-height: normal; }

.content-section { display: none; position: fixed; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; color: #fff; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.content-section.active { display: block; }
.content-section .container { position: relative; z-index: 1; padding: 0 7%!important; }
.content-section h3 { color: #FBAE53; margin-top: 0; }
.content-section .row { margin-top: 0; margin-left: -15px; margin-right: -15px; }
.content-section .row > div { padding: 0 15px; }
.content-section .date { color: #bbb; }
.content-section .container { margin-top: 85px; }
.content-section > i { position: absolute; right: 20px; top: 20px; z-index: 13; text-align: center; border-radius: 100%; border: 2px solid #fff; opacity: 0.7; width: 46px; height: 46px; line-height: 40px; }
.content-section > i:hover { opacity: 1; }
.content-section > i img { cursor: pointer; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 21px; }
.content-section .row img { width: 100%; }
.content-section-inner { position: relative; }
.content-section .option-list a { width: 38px; height: 38px; line-height: 40px; }
.content-section .option-list a > i { font-size: 1.1em; }

.img-portfolio { float: left; position: relative; width: 100%; margin-bottom: 15px; }
.img-portfolio > div { float: left; width: 25%; position: relative; }
.img-portfolio > div a { display: block; height: 100%; width: 100%; background: #f6d98f77; position: absolute; top: 0; z-index: 1; opacity: 0; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.img-portfolio > div:hover a { opacity: 1; }
.img-portfolio > div a i { color: #fff; width: 30px; height: 30px; position: relative; top: 50%; display: block; margin: -15px auto 0 auto; }
.img-portfolio > div img { position: relative; display: block; left: 0; top: 0; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.img-portfolio > div:hover img { filter: none; -webkit-filter: none; }


.slide-section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; z-index: 0; }
.slide-section li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-position: center!important; }
/*.slide-section li img { width: 100%; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }*/

.list-horizontal { list-style: none; padding: 0; margin: 0; }
.list-horizontal > li { display: inline-block; margin-right: 8px; margin-top: 8px; }
.list-horizontal > li a { background: #000; padding: 10px 15px; cursor: pointer; display: inline-block; font-size: 0.9em; }
.list-horizontal > li.active a { color: #000; background: #FBAE53; }
.list-horizontal > li.active h4 { font-weight: bold; }
.list-horizontal h4 { display: inline; margin: 0; font-weight: normal; }

.list-thumbnails { overflow: hidden; }

.thumbnail { padding: 0; margin-bottom: 15px; border: 0; border-radius: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); transition: none; -webkit-transition: none; position: relative; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.thumbnail { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15); } 
}
.thumbnail .caption { position: relative; line-height: normal; overflow: hidden; color: #000; }
.thumbnail .text { display: block; overflow: hidden; }
.overlay { position: relative; z-index: 1; overflow: hidden; }
.overlay > .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; text-align: center; display: block; opacity: 0; background: #fbaf537d; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; visibility: hidden; }
.overlay.active > .hover { opacity: 1; visibility: visible; }
.overlay a { transform: translateY(30px); opacity: 0; }
.overlay.active a { transform: translateY(0); opacity: 1; }
.overlay > .hover a.inlink { background: none; text-align: center; margin: -70px auto 0 auto; padding-top: 45%; width: auto; height: auto; display: inline-block; }
.overlay > .hover a.inlink i { color: #000; border: 4px solid #000; font-size: 2em; border-radius: 100%; width: 54px; height: 54px; line-height: 48px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.overlay > .hover a.inlink:hover i { transform: scale(1.2); -webkit-transform: scale(1.2); }
/*.overlay > img { transition: all 0.15s ease-out 0s; -webkit-transition: all 0.15s ease-out 0s; }
.overlay:hover > img { transform: scale(1.2); -webkit-transform: scale(1.2); }*/

.panel.active .panel-heading a .plus { background: #FBAE53; box-shadow: 0 0 8px rgba(255, 255, 255, 0.9); }

.option-list { margin-top: 15px; }
.option-list a { background: #FBAE53; width: 48px; height: 48px; line-height: 54px; display: inline-block; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; text-align: center; border-radius: 100%; }
.option-list a.like { background: rgba(255, 48, 106, 0.8); }
.option-list a.like i { color: #fff; }
.option-list a.facebook { background: #3b5998; }
.option-list a.twitter { background: #18a3fe; }
.option-list a.google { background: #c24b35; }
.option-list a.facebook i, .option-list a.twitter i, .option-list a.google i { color: #fff; }
.option-list a > i { color: #000; font-size: 1.5em; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.option-list a:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }

.gallery-list { list-style: none; padding: 0; position: relative; display: block; }
.gallery-list > li { overflow: hidden; display: block; }
.gallery-list > li a { display: block; position: relative; width: 100%; height: 100%; }
.gallery-list > li a h3 { margin-bottom: 0; color: #fff!important; font-size: 1.3em; }
.gallery-list > li a p { text-indent: 0!important; clear: left; line-height: 1.1em; color: #ccc!important; }
.gallery-list > li a i { color: #fff; width: 30px; height: 30px; position: relative; top: 50%; display: block; margin: -15px auto 0 auto; }
.gallery-list > li a span { display: block; position: relative; top: 27%; line-height: normal; color: #fff; padding: 0 10px; }
.gallery-list > li img { position: relative; display: block; left: 0; top: 0; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.gallery-list > li:hover img { filter: none; -webkit-filter: none; }
.gallery-list > li div { position: absolute; font-size: 0.85em; background: rgba(249, 249, 29, 0.482); width: 100%; height: 100%; text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.company-logos {
    width: 20%;
}

.print-list {
    float: left;
    width: 150px;
    margin-left: -20px;
    margin-right: 30px;
}

/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}

.map { width: 100%; height: 631px; position: relative; z-index: 3; border: 3px solid #FBAE53; }
#mapcontent { color: #000; }

.contact-list { padding: 0; margin: 0; color: #fff; line-height: normal; list-style: none; overflow: hidden; }
.contact-list li { margin-bottom: 5px; width: 48%; margin: 0 1% 15px 1%; float: left; }
.contact-list i { color: #FBAE53; width: 55px; float: left; font-size: 3em; }
.contact-list h4 { margin-top: 0; margin-bottom: 5px; }
.contact-list span { overflow: hidden; display: block; }

.footer { display: block; position: fixed; bottom: -100%; z-index: 2; width: 24%; background: #FBAE53; padding: 10px 50px 10px 10px; font-size: 0.85em; color: #000; line-height: normal; font-size: 0.75em; }
.open .footer { bottom: 0; }

#back-to-top { background: #000; color: #fff; cursor: pointer; display: block; height: 100%; position: absolute; top: 1px; right: 1px; text-align: center; transition: background 0.25s linear 0s; width: 40px; padding: 5px 10px; font-size: 1.6em; }
#back-to-top:hover { color: #FBAE53; }

.loadmore i { margin-right: 5px; }

.color-switch { position: fixed; top: 120px; right: 0; z-index: 1002; background: rgba(32, 32, 32, 0.9); width: 45px; height: 45px; overflow: hidden; }
.color-switch.open { width: 200px; height: auto; }
.color-switch hr { border-color: #333; margin: 0; }
.color-switch > i { display: block; font-size: 16px; float: right; width: 45px; height: 45px; line-height: 45px; cursor: pointer; text-align: center; }
.color-switch > h3 { overflow: hidden; height: 45px; line-height: 45px; padding: 0 0 0 10px; margin: 0; font-size: 1em; text-align: left; word-spacing: nowrap; }
.color-switch > h4 { font-size: 0.8em; padding: 0 10px; margin-bottom: 0; color: #999; }
.color-switch a { margin: 0!important; }
.color-switch a.remove-bg { color: #fff; background: #cc1111; }
.color-switch a > i { display: none; }
.color-switch a.active > i { color: #fff; font-size: 0.8em; display: block; line-height: 2em; text-align: center; }
.color-switch ul { display: block; padding: 10px; margin: 0; list-style: none; clear: right; }
.color-switch li { display: inline-block; margin-right: 5px; margin-bottom: 5px; vertical-align: top; }
.color-switch li:last-child { margin-bottom: 0; }
.color-switch li a { width: 24px; height: 24px; display: block; border-radius: 50%; margin: 0 auto; opacity: 0.7; }
.color-switch li a.active { opacity: 1; }
.color-switch li #default { background: #FBAE53; }
.color-switch li #default i { color: #333; }
.color-switch li #red { background: rgb(255, 75, 32); border: 3px solid #888; }
.color-switch li #red i { line-height: 1.6em; }
.color-switch li #blue { background: #FBAE53; }
.color-switch li #green { background: rgb(140, 205, 170); }
.color-switch li #gray { background: rgb(200, 200, 198); border: 3px solid #FBAE53; }
.color-switch li #gray i { color: #333; line-height: 1.6em; }
.color-switch li #black { background: rgb(0, 0, 0); }
.color-switch li #white { background: rgb(255, 255, 255); }
.color-switch li #white i { color: #333; }

/*QapTcha*/
.QapTcha { overflow: hidden; padding-top: 10px; }
.QapTcha .bgSlider { width: 60px; float: left; background: url("../imgs/bg-unlock-submit.png") no-repeat; height: 40px; background-size: cover!important; }
.QapTcha .Slider { width: 40px; height: 40px; cursor: e-resize; position: relative; top: 0; left: 0; margin: 0; }
.QapTcha .button-slider { width: 100%; height: 100%; background: url("../imgs/unlock-submit.png") no-repeat; background-size: cover!important; }
/*.QapTcha .dropError { background: url("../imgs/bg-unlock-submit-error.png") no-repeat; }*/
.QapTcha .dropError .button-slider { background: url("../imgs/unlock-submit-error.png") no-repeat; }
.QapTcha .TxtStatus { float: left; clear: left; color: #fff; padding: 2px 5px; margin-top: 5px; }
.QapTcha .TxtStatus.dropSuccess { background-color: #669900; }
.QapTcha .TxtStatus.dropError { background-color: #c00; }

.carousel-icon-list .item { padding: 0 10px; }
.carousel-icon-list .item a { display: block; }
.carousel-icon-list .item a img { opacity: 0.4; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.carousel-icon-list .item a:hover img { opacity: 1; transform: scale(1.1); -webkit-transform: scale(1.1); }

.outer-circle { padding: 12%; }
.maincircle { width: 100%; position: relative; }
.maincircle img { width: 100%; border-radius: 100%; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.maincircle img.circle1 { position: absolute; top: 0; left: 0; }
.maincircle img.circle1.hover { transform: scale(1.2); -webkit-transform: scale(1.2); }
.maincircle .inner-circle { position: relative; z-index: 2; width: 100%; height: 100%; border-radius: 100%; border: 2px solid #FBAE53; }
.maincircle .text-circle { font-size: 3em; color: #fff; position: absolute; top: 50%; left: 0; right: 0; z-index: 1; text-align: center; margin-top: -4%; font-family: "league_gothicregular"; text-transform: uppercase; line-height: 0.8em; }
.maincircle .text-circle span { font-size: 0.5em; display: block; }
.maincircle .circle { position: absolute; width: 28%; height: 28%; overflow: hidden; padding: 3px; top: 50%; left: 50%; border-radius: 100%; background: #FBAE53; margin-left: -14%; margin-right: -14%; margin-top: -14%; }
.maincircle .circle:hover, .maincircle .circle.open, .maincircle .circle.transparent.open { padding: 8px; z-index: 1; opacity: 1; filter: none; -webkit-filter: none; }
.maincircle .circle.transparent { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.maincircle .circle.none { opacity: 0; }
.maincircle .circle img { border: 2px solid #fff; border-radius: 100%; }
.maincircle .desc-circle { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; padding: 28% 18%; border-radius: 100%; }

/*@-moz-document url-prefix() {
    .maincircle .desc-circle { padding: 18% 8%; }
}*/

.maincircle .desc-circle { display: none; }
.maincircle .desc-circle h3 { margin-bottom: 5px; color: #FBAE53; }
.maincircle .desc-circle h4 { margin-top: 0; font-weight: 300; }
.maincircle .desc-circle > div { display: none; }
.maincircle .desc-circle > .active { display: block; }
.maincircle.active .desc-circle { display: block; z-index: 3; width: 100%; }
.maincircle.active img { background: rgba(0, 0, 0, 0.85); }
.maincircle.active .text-circle { z-index: 0; }
.maincircle .close { position: absolute; bottom: 17%; left: 0; right: 0; z-index: 4; margin: 0 auto; width: 24px; height: 24px; display: none; background: url("../imgs/plus-small.webp") no-repeat; background-size: cover; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.maincircle.active .close { display: block; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #FBAE53; color: #000; border-color: #FBAE53; }

.contact { margin-left: 0; margin-right: 0; margin-bottom: 0; }
.contact > div { padding: 30px; }
.contact > div:last-child, .contact > div.col-md-8 { background: rgba(0, 0, 0, 0.5); }
.contact > div:last-child, .contact > div.col-md-4 { background: none; padding: 0; }

@media (min-width: 1600px) {
#section-one { background-size: 100% auto!important; }
}

@media (max-width: 1550px) {
.outer-circle { width: 80%; height: 80%; }
.maincircle.active .desc-circle { display: block; z-index: 3; width: 130%; }
.maincircle .close { position: relative; top: -24px; float: none; background-color: #FBAE53; border: 8px solid #FBAE53; border-radius: 100%; width: 36px; height: 36px; opacity: 1;  }
.maincircle .desc-circle { position: relative; padding: 0; margin: -10px -15% 0 -15%; }
.maincircle .desc-circle p {  display: block; }
.maincircle .circle.open { width: 100%; height: 100%; left: 0!important; top: 0!important; margin: 0!important; }
.maincircle .text-circle { font-size: 2em; } 
}

@media (max-width: 1280px) {
.outer-circle {  width: 80%; height: 80%; }
.maincircle .close { position: relative; top: -24px; float: none; background-color: #FBAE53; border: 8px solid #FBAE53; border-radius: 100%; width: 36px; height: 36px; opacity: 1; }
.maincircle .desc-circle { position: relative; padding: 0; margin: -10px -15% 0 -15%; }
.maincircle .desc-circle p {  display: block; }
.maincircle .circle.open { width: 100%; height: 100%; left: 0!important; top: 0!important; margin: 0!important; }
.maincircle .text-circle { font-size: 2em; } 
}
@-moz-document url-prefix() {
    .maincircle .desc-circle { padding: 24% 17%; }
    
.navigation .logo { width: 235px; padding-left: 30px; padding-right: 30px; }

}



@media (max-width: 1199px) {
.outer-circle {  width: 100%; height: 100%; }
.maincircle .text-circle { font-size: 2.4em; }
}


@media (max-width: 991px) {
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }

.navigation .logo { width: 200px; padding-left: 30px; padding-right: 30px; }
.nav-menu li a { padding: 15px 30px; }

.feature { width: 100px; height: 100px; }
.feature i { font-size: 3.2em; line-height: 100px; }
    
}

@media (min-width: 767px) {
.outer-circle {  width: 100%; height: 100%; }
.nav-toggle { display: none; }
.nav-menu li a i { display: none; }
}

@media (max-width: 767px) {
body { font-size: 15px; font-weight: 300; }
.navigation { width: 12%!important; right: 0; left: auto; top: 0!important; margin-top: 0!important; height: 100%!important; }
.footer { background: none!important; width: 12%; text-indent: -999em; padding: 10px; }
.navigation.active { width: 40%!important; }
.navigation .logo { display: none!important; }
.navigation .logo.fix-active { display: none!important; }
.bg-navigation { position: fixed; width: 12%; }
.active .bg-navigation { width: 40%; background: #000; }
.nav-menu li.active > a, .nav-menu li.fix-active > a { border-right: none!important; border-left: 5px solid #FBAE53; }
.nav-toggle { background: #FBAE53; }
.active .nav-toggle { background: none; }
.section { min-height: 660px; }
.section .logo { width: 250px; margin: 15px 0 10px 0; float: none; }
.social-list { margin: 0 0 10px 0; float: none; }
.social-list li { display: inline-block; }

.section, .section-none { padding-left: 3%; padding-right: 15%; }

#section-one { text-align: center; }
#section-one h1 { font-size: 5em; }
#section-one h2 { font-size: 2.5em; }
#section-one h3 { font-size: 2.5em; }
#section-one h4 { font-size: 1.3em; }

#section-one .logo { display: block; margin: 15px auto 10px auto!important; }

.menu { position: relative; top: 20px!important; }
.nav-menu { font-size: 1.3em; }
.nav-menu li a { text-align: center; padding: 12px; border-color: #000; }
.nav-menu li a i { font-size: 1.5em; z-index: 3; position: relative; }
.nav-menu li.active a i { margin-right: -5px; }
.nav-menu li a span:first-child { display: none; }
.nav-menu li a span u { margin-top: 3px; }
.nav-menu .sub li a { text-align: center; padding: 6px 0; }

.navigation.active .nav-menu li a { padding: 12px 24px; }
.navigation.active .nav-menu .sub li a { padding: 6px 24px; }
.navigation.active .nav-menu li a span { display: block; text-align: right; }
.navigation.active .nav-menu li a i { display: none; }

#back-to-top { text-indent: 0; width: 100%; background: none!important; color: #fff; padding: 0; }

.feature { width: 120px; height: 120px; }
.feature i { font-size: 4em; line-height: 120px; }

.section, .section-none { background-position: center center!important; }
.section-none h3 { font-size: 1.8em; }

.content-section .container { margin-top: 65px; padding: 0 15px!important; }
.content-section > i { width: 36px; height: 36px; right: 15px; top: 15px; line-height: 30px; }
.content-section > i img { width: 16px; }

.overlay > .hover a.inlink i { font-size: 1.8em; }

.gallery-list > li a i { width: 26px; height: 26px; margin-top: -13px; }

.carousel-icon-list .item a img { opacity: 1; } 

.color-switch { left: 0; right: auto; }
}

@media (max-width: 640px) {
.maincircle .close { position: relative; top: -24px; float: none; background-color: #FBAE53; border: 8px solid #FBAE53; border-radius: 100%; width: 36px; height: 36px; opacity: 1; }
.maincircle .desc-circle { position: relative; padding: 0; margin: -10px -15% 0 -15%; }
.maincircle .desc-circle p {  display: block; }
.maincircle .circle.open { width: 100%; height: 100%; left: 0!important; top: 0!important; margin: 0!important; }
.maincircle .text-circle { font-size: 2em; }
.contact > div { padding: 30px 15px; }
.contact-list li { width: 100%; float: none; min-height: auto!important; }
.contact-list i { font-size: 2.4em; }
    
.map { width: 100%; height: 350px; position: relative; z-index: 3; border: 3px solid #FBAE53; }
}

@media (max-width: 480px) {

body { overflow-x: hidden; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }

.navigation { width: 15%!important; }
.footer { width: 15%; }
.bg-navigation { width: 15%; }
.nav-menu li a i { font-size: 1em; }
.nav-menu li a span { font-size: 0.9em; }
.nav-toggle span i { font-size: 1.6em; }

.section-none { padding: 3%; }
.section, .section-none { padding: 10% 15% 0 0; }

#section-one h1 { font-size: 4em; }
#section-one h2 { font-size: 2em; }
#section-one h3 { font-size: 2em; }

#section-one h1 i.circle { width: 70px; height: 70px; top: -30px; right: -10px; }

.maincircle .text-circle { font-size: 1.2em; }

#owl-carousel .item { margin: 0; }
#owl-carousel .desc i { width: 50px; height: 35px; line-height: 32px; }
#owl-carousel .desc i img { width: 14px; }

.list-horizontal { text-align: center; }

.loadmore { width: 100%; }

.gallery-list > li a span { font-size: 0.85em; }

.col-xs-6 { width: 100%; }
}



/* Color Skin */
.white .bg-navigation { background: rgba(200, 200, 200, 0.25); }
.white.active .bg-navigation { background: #444; }
.white .nav-menu li a { border-color: rgba(255, 255, 255, 0.25)!important; }