html{height:100%;}
body{margin:0;padding:0;height:100%;width:100%;background:#FFFFFF;font:15px/23px "ralewayregular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#8F989F;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
.wrap{position:relative;z-index:500;}
.content-section{padding-top:150px;padding-bottom:130px;background:#FFFFFF;}
h1, h2{color:#333333;font-family:'ralewaysemibold', Helvetica, Arial, sans-serif;font-weight:normal;line-height:100%;margin-bottom:20px;margin-top:0;text-rendering:optimizelegibility;}
h3, h4, h5, h6{color:#333333;font-family:'ralewaymedium', Helvetica, Arial, sans-serif;font-weight:normal;line-height:100%;margin-bottom:20px;margin-top:0;text-rendering:optimizelegibility;}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:inherit;}
p{margin:0 0 20px 0;}
p img{margin:0;}
p.lead{font-size:21px;line-height:27px;color:#77777;}
em{font-style:italic;}
strong{font-weight:bold;}
small{font-size:80%;}
blockquote, blockquote p{font-size:17px;line-height:24px;font-style:italic;}
blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #DDDDDD;}
blockquote cite{display:block;font-size:12px;color:#999999;}
blockquote cite:before{content:"\2014 \0020";}
blockquote cite a{color:#999999;}
hr{border:solid #DDDDDD;border-width:1px 0 0;clear:both;margin:20px 0 40px;height:0;}
a{text-decoration:none;outline:0;-webkit-transform:translateZ(0);-webkit-transition:0.2s color linear;-moz-transition:0.2s color linear;transition:0.2s color linear;}
a:hover{color:#555555;}
ul, ol{margin-bottom:20px;}
ul{list-style:none outside;}
ol{list-style:decimal;}
ol, ul.square, ul.circle, ul.disc{margin-left:30px;}
ul.square{list-style:square outside;}
ul.circle{list-style:circle outside;}
ul.disc{list-style:disc outside;}
ul ul, ul ol,
ol ol, ol ul{margin-left:30px;}
ul ul li, ul ol li,
ol ol li, ol ul li{margin-bottom:0}
img{max-width:100%;height:auto;}
@media \0screen{img{width:auto;}
}
#header-section{line-height:80px;}
.ha-header{position:fixed;top:0;left:0;width:100%;width:100%;padding:0;z-index:1000;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.95);box-shadow:0 1px 10px rgba(31, 50, 63, 0.25);}
.ha-header-perspective{width:100%;height:100%;position:relative;-webkit-perspective:1100px;-moz-perspective:1100px;perspective:1100px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;perspective-origin:50% 0;}
.ha-header-perspective > div{position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;overflow:hidden;}
.ha-header-front{z-index:2;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;transform-origin:50% 100%;}
.logo{text-align:left;margin:0;line-height:80px;color:#1d1d1d;text-transform:uppercase;}
.logo img{max-height:55px;vertical-align:middle;}
.ha-header nav{height:100%;text-align:right;font-family:'ralewaymedium', Helvetica, Arial, sans-serif;}
.ha-header nav a{display:inline-block;text-transform:uppercase;letter-spacing:1px;font-size:11px;cursor:pointer;color:#777777;outline:none;text-decoration:none;padding-left:30px;position:relative;}
.ha-header nav a:after{content:'·';font-size:20px;position:absolute;top:0;color:#999999;font-weight:bold;left:10px;}
.ha-header nav a:first-child:after{display:none;}
.ha-header-small{height:80px;}
.ha-header-hide{height:80px;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
.ha-header-show{height:80px;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);}
.section-header{text-align:center;padding-bottom:50px;}
.section-title{font-size:40px;margin-bottom:20px;background-attachment:scroll;background-image:url('../images/divider1.png');background-repeat:repeat-x;background-position:center center;text-transform:uppercase;}
.section-title span{background:#FFFFFF;padding:0 35px;}
.section-slogan{font-size:20px;line-height:140%;}
.js .section-title,
.js .section-slogan{opacity:0;}
.hero{height:100%;min-height:100%;position:relative;overflow:hidden;text-align:center;z-index:750;}
.hero .hero-holder{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:820px;max-width:100%;}
.js .hero .hero-holder{opacity:0;}
.hero-title-holder{background-attachment:scroll;background-image:url('../images/divider1.png');background-repeat:repeat-x;background-position:top center;display:inline-block;}
.hero-title{font-size:5em;margin-bottom:20px;text-transform:uppercase;text-align:center;display:inline-block;color:#FFFFFF;padding-top:20px;}
.hero-description{color:#FFFFFF;font-size:12px;letter-spacing:1px;margin-bottom:10px;text-align:center;margin:0 auto;text-transform:uppercase;display:block;text-rendering:optimizelegibility;}
.btn-holder{display:block;}
.hero-btn{background:transparent;color:#FFFFFF;border:2px solid rgba(255, 255, 255, 0.15);padding:10px 15px;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;text-align:center;display:inline-block;text-rendering:optimizelegibility;-webkit-transition:0.2s background linear;-moz-transition:0.2s background linear;transition:0.2s background linear;}
.hero-btn:hover{color:#FFFFFF;background:rgba(255, 255, 255, 0.15);}
.hero-poster-image{background:url('../images/parallax-banner-1.jpg');background-repeat:no-repeat;background-size:cover;width:100%;height:100%;z-index:0 !important;backface-visibility:hidden;background-position:center center;}
.about-section{padding-bottom:90px;}
.about-box{overflow:hidden;margin-bottom:20px;}
.js .about-box{opacity:0;}
.about-icon{float:left;margin-right:20px;overflow:hidden;width:60px;height:60px;text-align:center;line-height:60px;margin-bottom:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.about-icon img{max-width:30px;}
.service-section .parallax-header{padding-bottom:70px !important;}
.info{overflow:hidden;text-align:left;}
.service-section{padding-bottom:130px;}
.service-section .service-icon{display:block;text-align:center;font-size:100px;line-height:150px;background:rgba(255, 255, 255, 0.15);color:#FFFFFF;z-index:3;position:relative;}
.icon-box{position:relative;margin-bottom:40px;width:150px;height:150px;float:left;margin-right:20px;}
.arrow-right{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(255, 255, 255, 0.15);position:absolute;right:-10px;top:50%;margin-top:-10px;}
.js .box-fade{opacity:0;}
.team-section{padding-bottom:90px;}
.member-box{overflow:hidden;margin-bottom:20px;}
.js .member-box{opacity:0;}
.member-box h3{margin-bottom:0;margin-top:15px;font-size:15px;}
.member-box span{color:#8F989F;margin-bottom:20px;display:block;font-size:10px;letter-spacing:1px;line-height:120%;text-transform:uppercase;margin-top:5px;}
.member-photo{float:left;margin-right:20px;margin-bottom:20px;width:60px;height:60px;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.member-photo img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.member-photo.alternative{width:100%;height:auto;margin:0 auto;float:none;display:block;}
.member-photo.alternative img{margin:0 auto;float:none;display:block;}
.team-bio .member-box{text-align:center;}
.team-bio .member-box h3{margin-top:0;}
.team-bio .member-photo{float:none;width:100%;height:auto;border:none;margin-right:0;}
.team-bio .member-photo img{border:4px solid #F1F4F5;}
.bio-desc h3{color:#222222;}
.cta-section{position:relative;text-align:center;padding:50px 0;color:#FFFFFF;}
.cta-btn{font-family:'ralewaymedium',Helvetica,Arial,sans-serif;}
.cta-btn a{position:relative;display:inline-block;margin:15px 25px;outline:none;color:#FFFFFF;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:1.4em;}
.cta-btn a:hover,
.cta-btn a:focus{outline:none;color:#FFFFFF;}
.cl-effect-18{position:relative;z-index:1;}
.cl-effect-18 a{padding:0 5px;color:#FFFFFF;font-weight:700;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.cl-effect-18 a::before,
.cl-effect-18 a::after{position:absolute;width:100%;left:0;top:50%;height:2px;margin-top:-1px;background:#FFFFFF;content:'';z-index:-1;pointer-events:none;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s;}
.cl-effect-18 a::before{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);transform:translateY(-20px);}
.cl-effect-18 a::after{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px);}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus{color:#FFFFFF;}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after{opacity:0.7;}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.portfolio-section{}
.portfolio-box{position:relative;overflow:hidden;margin-bottom:20px;}
.js .portfolio-box{opacity:0;}
.portfolio-box:hover .portfolio-caption{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter:alpha(opacity=95);}
.portfolio-image{margin:0;}
.portfolio-image img{display:block;width:100%;box-shadow:0 0 0 0 #000000;}
.portfolio-caption:before,
.portfolio-title{display:inline-block;vertical-align:middle;}
.portfolio-caption:before{content:"";height:100%;}
.portfolio-caption{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;text-align:center;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:0.2s all linear;-moz-transition:0.2s all linear;transition:0.2s all linear;backface-visibility:hidden;}
.portfolio-title{color:#FFFFFF;margin:0;font-size:15px;text-transform:uppercase;padding:0 10px;}
.portfolio-category{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:5px;}
.ut-testimonials{position:relative;overflow:hidden;}
.js .ut-testimonials{opacity:0;}
.ut-quote-name{margin:5px 0 0 0;font-size:10px;text-transform:uppercase;letter-spacing:1px;}
.ut-quote-comment{font-size:16px;display:block;}
.ut-rotate-avatar .slides > li,
.ut-rotate-quote .slides > li{display:none;-webkit-backface-visibility:hidden;}
.ut-rotate-avatar,
.ut-rotate-quote{position:relative;zoom:1;}
.ut-rotate-avatar .slides,
.ut-rotate-quote .slides{zoom:1;}
.ut-rotate-quote .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.ut-rotate-quote{position:relative;text-align:center;}
.ut-rotate-avatar{height:200px;margin:0 auto 40px auto;overflow:hidden;width:200px;}
.ut-rotate-avatar .slides{list-style:none;margin:0px !important;}
.ut-rotate-avatar img{border-radius:50% 50% 50% 50%;display:block;width:100%;}
.ut-rotate-avatar ul.slides,
.ut-rotate-quote ul.slides{list-style:none;}
.ut-rotate-quote .slides{list-style:none;margin:0px !important;}
.ut-rotate-quote .flex-direction-nav{*height:0;list-style:none;}
.ut-rotate-quote .flex-direction-nav a{display:block;text-indent:-9999px;width:40px;height:40px;margin:-110px 0 0;position:absolute;top:-50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(255,255,255,0.9);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.ut-rotate-quote .flex-direction-nav .flex-prev{left:-50px;background-image:url(../images/arrow-left-black.png);background-repeat:no-repeat;}
.ut-rotate-quote .flex-direction-nav .flex-next{right:-50px;background-image:url(../images/arrow-right-black.png);background-repeat:no-repeat;}
.ut-testimonials:hover .ut-rotate-quote .flex-prev{opacity:0.7;left:10px;}
.ut-testimonials:hover .ut-rotate-quote .flex-next{opacity:0.7;right:10px;}
.ut-testimonials:hover .ut-rotate-quote .flex-next:hover,
.ut-testimonials:hover .ut-rotate-quote .flex-prev:hover{opacity:1;}
.ut-rotate-quote .flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;}
.contact-section{position:relative;padding-bottom:150px;}
.contact-section .parallax-header{padding-bottom:70px !important;}
.contact-section .section-title span{background:#F1F4F5;}
.contact-wrap{color:#FFFFFF;}
.js .contact-wrap{opacity:0;}
.contact-message{padding:20px 20px 10px;font-size:12px;letter-spacing:1px;background:rgba(255, 255, 255, 0.15);}
.contact-message ul li{margin-bottom:10px;}
.contact-form-holder{padding:20px;background:rgba(255, 255, 255, 0.15);}
.social-section .parallax-header{padding-bottom:70px !important;}
.social-section{padding-bottom:110px;}
.social-network{list-style:none;margin:0;text-align:center;}
.social-network li{text-align:center;}
.social-link{margin-bottom:40px;display:block;}
.js .social-link{opacity:0;}
.social-link,
.social-link:visited,
.social-link:hover,
.social-link:active{color:#FFFFFF;}
.social-icon{display:block;width:100px;height:100px;line-height:100px;text-align:center;margin:0 auto 20px auto;background:rgba(255, 255, 255, 0.15);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:translateZ(0);-webkit-transition:0.2s background linear;-moz-transition:0.2s background linear;transition:0.2s background linear;}
.social-icon i{line-height:100px;}
.social-title,
.social-info{display:block;}
.social-title{margin-bottom:0;text-transform:uppercase;letter-spacing:1px;font-size:10px;}
.social-info{font-size:15px;}
.parallax-section{position:relative;overflow:hidden;width:100%;}
.parallax-header{position:relative;text-align:center;}
.parallax-title{font-size:40px;margin-bottom:20px;color:#FFFFFF;background-attachment:scroll;background-image:url('../images/divider1.png');background-repeat:repeat-x;background-position:top center;padding-top:20px;display:inline-block;text-transform:uppercase;position:relative;z-index:10;}
.parallax-title span{}
.parallax-slogan{font-size:20px;line-height:140%;margin:0;z-index:10;position:relative;}
.js .parallax-title,
.js .parallax-slogan{opacity:0;}
.parallax-content{color:#FFFFFF;position:relative;}
.parallax-content .parallax-header{padding:150px 0;}
.parallax-background{background-position:center center;-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important;background-repeat:repeat-y;}
.parallax-background.fixed{background-attachment:fixed !important;}
.parallax-banner-1{background:url('../images/parallax-banner-1.jpg');background-position:center center;}
.parallax-banner-2{background:url('../images/parallax-banner-2.jpg');background-position:center center;}
.parallax-banner-3{background:url('../images/parallax-banner-3.jpg');}
.parallax-banner-4{background:url('../images/parallax-banner-4.jpg');background-position:center bottom !important;}
.parallax-banner-5{background:url('../images/parallax-banner-5.jpg');}
.parallax-banner-6{background:url('../images/parallax-banner-6.jpg');}
.parallax-banner-7{background:url('../images/404.jpg');}
.parallax-overlay-1{background-image:url('../images/overlay-pattern.png');}
.parallax-overlay-2{background-image:url('../images/overlay-pattern.png');}
.parallax-overlay-3{background-image:url('../images/overlay-pattern.png');}
.parallax-overlay-4{background-image:url('../images/overlay-pattern.png');}
.parallax-overlay-5{background-image:url('../images/overlay-pattern.png');}
.parallax-overlay-6{background-image:url('../images/overlay-pattern.png');}
.parallax-overlay-7{background-image:url('../images/overlay-pattern.png');}
.parallax-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat;background-attachment:scroll;}
.counter-section{padding-bottom:110px;}
.counter-section .parallax-header{padding-bottom:70px;}
.counter-box{text-align:center;background:rgba(255, 255, 255, 0.15);padding:20px;margin-bottom:40px;}
.counter-details{color:#FFFFFF;margin:0;}
.count{font-family:'ralewaysemibold',Helvetica,Arial,sans-serif;font-size:60px;line-height:1.2;padding:0;margin-bottom:20px;display:block;text-transform:uppercase;}
js .counter-box{opacity:0;}
.client-section{padding:40px 0;}
.client-logo img{margin:0 auto;display:block;}
.js .client-logo{opacity:0;}
.footer{padding:30px 0;text-align:center;background:#FFFFFF;position:relative;}
.toTop{display:block;width:40px;height:40px;background:#FFFFFF;font-size:28px;line-height:38px;position:absolute;top:-40px;left:0;right:0;margin:auto;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-webkit-box-shadow:0px -5px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px -5px 5px rgba(0, 0, 0, 0.2);box-shadow:0px -5px 5px rgba(0, 0, 0, 0.2);-webkit-transform:translateZ(0);-webkit-transition:0.2s all linear;-moz-transition:0.2s all linear;transition:0.2s all linear;}
.toTop:hover{-webkit-box-shadow:0px -5px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px -5px 5px rgba(0, 0, 0, 0.1);box-shadow:0px -5px 5px rgba(0, 0, 0, 0.1);}
.footer h3{text-transform:none;margin:0;position:relative;}
.copyright{padding:0;margin:0;letter-spacing:1px;font-size:10px;color:#999999;}
.copyright a{color:#333333;text-transform:uppercase;}
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{border:none;display:inline-block;text-align:center;text-decoration:none;cursor:pointer;margin-bottom:20px;line-height:normal;color:#FFFFFF;padding:10px 15px;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;text-align:center;-webkit-transition:0.2s background linear;-moz-transition:0.2s background linear;transition:0.2s background linear;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-appearance:none;}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{color:#FFFFFF;background:#111111;}
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{color:#FFFFFF;background:#111111;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
form{margin:0;}
input[type="text"],
input[type="password"],
input[type="email"],
textarea{font-family:"ralewayregular", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;letter-spacing:1px;border:1px solid transparent;padding:10px;outline:none;color:#FFFFFF;margin:0;width:100%;max-width:100%;display:block;vertical-align:baseline;*vertical-align:middle;margin-bottom:20px;-webkit-transition:0.2s background linear;-moz-transition:0.2s background linear;transition:0.2s background linear;-webkit-transform:translateZ(0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.50);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;resize:vertical;min-height:151px;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{border:1px solid transparent;color:#FFFFFF;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.85);}
.success-message,
.alert-message,
.error-message{display:none;font-size:12px;letter-spacing:1px;}
.no-js .section-title,
.no-js .section-slogan,
.no-js .hero .hero-holder,
.no-js .about-box,
.no-js .box-fade,
.no-js .member-box,
.no-js .portfolio-box,
.no-js .ut-testimonials,
.no-js .contact-wrap,
.no-js .social-link,
.no-js .parallax-title,
.no-js .parallax-slogan,
.no-js .client-logo{opacity:1;}
.slider,
.slides,
.flex-viewport,
.main-slider{position:relative;height:100%;width:100%;}
.slides li{height:100%;width:100%;display:block;-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important;height:100% !important;position:relative;width:100% !important;background-position:center center !important;}
.main-slider .flex-direction-nav{display:none;}
.slider .parallax-overlay,
.slider .hero-holder{z-index:500;}
.remove-bottom{margin-bottom:0 !important;}
.half-bottom{margin-bottom:10px !important;}
.add-bottom{margin-bottom:20px !important;}
@media screen and (max-width:767px){#header-section{display:none;}
.hero-title{font-size:45px;margin-top:0;}
.hero-title-holder{background-image:none !important;}
.hero-description{display:none;}
.section-title{background-image:none !important;font-size:25px;}
.parallax-title{font-size:25px;}
.parallax-slogan,
.section-slogan{font-size:15px;}
.section-title span{background:transparent;padding:0;}
.member-photo{float:none;margin:0 auto;}
.member-box{text-align:center;}
.social-info{display:none;}
.parallax-background{background-position:center center !important;}
.icon-box{float:none;margin-right:0;}
.arrow-right{display:none;}
.info{text-align:center;margin-top:20px;}
.about-box{margin-bottom:10px;}
.section-header{padding-bottom:30px;}
.content-section{padding-top:50px;padding-bottom:30px;}
.parallax-content .parallax-header{padding-top:50px;padding-bottom:50px !important;}
.counter-section,
.service-section{padding-bottom:30px;}
.testimonial-section,
.contact-section,
.cta-section{padding-bottom:50px;}
.counter-box{margin-bottom:20px;}
.social-section{padding-bottom:10px;}
.about-section,
.team-section{padding-bottom:0;}
.portfolio-category,
.portfolio-title{font-size:10px;letter-spacing:1px;}
.member-box{margin-bottom:10px;}
.js .section-title,
.js .section-slogan,
.js .hero .hero-holder,
.js .about-box,
.js .box-fade,
.js .member-box,
.js .portfolio-box,
.js .ut-testimonials,
.js .contact-wrap,
.js .social-link,
.js .parallax-title,
.js .parallax-slogan,
.js .client-logo{opacity:1;}
}
@media screen and (min-width:768px) and (max-width:1024px){.section-title{background-image:none !important;}
.section-title span{background:transparent;padding:0;}
.parallax-background{background-position:center center !important;}
.js .section-title,
.js .section-slogan,
.js .hero .hero-holder,
.js .about-box,
.js .box-fade,
.js .member-box,
.js .portfolio-box,
.js .ut-testimonials,
.js .contact-wrap,
.js .social-link,
.js .parallax-title,
.js .parallax-slogan,
.js .client-logo{opacity:1;}
}
@media screen and (max-width:400px){@-ms-viewport{width:320px;}
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.grid-container:before, .clearfix:before,
.grid-container:after,
.clearfix:after{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.grid-container:after, .clearfix:after{clear:both;}
.grid-container, .clearfix{*zoom:1;}
.grid-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:10px;padding-right:10px;}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px;*padding-left:0;*padding-right:0;}
.grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *{*margin-left:expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");*margin-right:expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");}
.grid-parent{padding-left:0;padding-right:0;}
/* ===== iDEM refresh stability overrides ===== */
:root{
  --idem-gray:#d9d9d9;
  --idem-dark:#2f2f2f;
  --idem-gold:#d4aa1f;
  --idem-text:#333333;
}
html,body{overflow-x:hidden;background:var(--idem-gray);color:var(--idem-text);}
body{font-family:"ralewayregular","Helvetica Neue",Helvetica,Arial,sans-serif;}
img{max-width:100%;height:auto;display:block;}
#header-section{line-height:normal;}
.ha-header{background:rgba(255,255,255,.96)!important;box-shadow:0 1px 10px rgba(31,50,63,.18);}
.ha-header-front{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:10px 0;overflow:visible;}
.logo{line-height:1;display:flex;align-items:center;min-height:58px;}
.logo img{max-height:52px;width:auto;}
.ha-header nav{height:auto;line-height:1.2;}
#ut-navigation{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 18px;}
.ha-header nav a{padding-left:18px;line-height:1.2;}
.ha-header nav a:after{left:4px;top:50%;transform:translateY(-52%);}

/* force old JS-hidden elements visible */
.js .section-title,
.js .section-slogan,
.js .hero .hero-holder,
.js .about-box,
.js .box-fade,
.js .member-box,
.js .portfolio-box,
.js .ut-testimonials,
.js .contact-wrap,
.js .social-link,
.js .parallax-title,
.js .parallax-slogan,
.js .client-logo{opacity:1 !important;}

.hero,
.hero.hero-solid-bg{
  min-height:100vh;
  height:auto;
  padding-top:110px;
  background:var(--idem-gray)!important;
}
.hero .hero-holder{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  width:min(1100px,100%) !important;
  max-width:1100px !important;
  margin:0 auto !important;
  display:block !important;
}
.hero-inner{
  padding:72px 24px 84px !important;
  text-align:center;
}
.hero-title-holder{
  display:block;
  background-position:center 0;
  margin:10px auto 16px;
}
.hero-title{
  display:block !important;
  color:var(--idem-dark) !important;
  font-size:clamp(3.2rem,10vw,8rem) !important;
  line-height:.92 !important;
  letter-spacing:-.02em;
  margin:0 auto 16px !important;
  padding-top:22px !important;
  text-wrap:balance;
}
.hero-title span{display:block; color:var(--idem-gold);}
.hero-description{
  color:#5f5f5f !important;
  font-size:13px !important;
  letter-spacing:1.4px !important;
  line-height:1.7 !important;
  max-width:980px;
  margin:0 auto 16px !important;
}
.hero-inner h2{
  color:var(--idem-dark) !important;
  max-width:980px;
  margin-left:auto !important;
  margin-right:auto !important;
  text-wrap:balance;
}
.hero-btn{
  color:var(--idem-dark) !important;
  border:2px solid rgba(47,47,47,.6) !important;
  border-radius:999px;
  padding:14px 28px !important;
  margin-top:30px;
}
.hero-btn:hover{background:rgba(47,47,47,.07) !important;}

.content-section{background:#fff;}
.section-title,.parallax-title{word-break:normal;}
.section-title span,.parallax-title span{line-height:1.02;display:inline-block;}
.section-header h4,.parallax-header h4,.section-slogan,.parallax-slogan{max-width:980px;margin-left:auto;margin-right:auto;text-wrap:balance;}

.about-box,.member-box,.portfolio-box,.contact-message,.contact-form-holder{overflow:visible;}
.about-section .about-box{display:flex;align-items:flex-start;gap:20px;margin-bottom:34px;}
.about-section .about-box > .about-box{flex:1;min-width:0;}
.about-icon{flex:0 0 74px;width:74px;height:74px;line-height:74px;margin:0;border-radius:50%;background:#f1f1f1;display:flex;align-items:center;justify-content:center;}
.about-icon img{max-width:34px;height:auto;}
.about-icon-svg{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:var(--idem-gold);color:#fff;}
.about-icon-svg svg{width:34px;height:34px;fill:currentColor;}
.about-box h3{margin:0 0 10px;font-size:20px;line-height:1.18;color:var(--idem-dark);}
.about-box p{margin:0 0 12px;color:#5f5f5f;}

.service-section{padding-bottom:110px;}
.service-section .parallax-content{padding-bottom:10px;}
.service-section .parallax-header{padding:120px 0 55px !important;}
.service-section .grid-33{display:flex;align-items:flex-start;gap:22px;}
.service-section .icon-box{float:none;width:150px;height:150px;min-width:150px;margin:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);position:relative;}
.service-section .service-icon,
.service-section .service-icon-svg{display:flex !important;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:2;color:#fff;}
.service-section .service-icon-svg svg{width:84px;height:84px;fill:currentColor;display:block;}
.service-section .info{flex:1;min-width:0;padding-top:8px;}
.service-section .info h3{font-size:18px;line-height:1.2;margin-bottom:12px;}
.service-section .info p{line-height:1.55;color:rgba(255,255,255,.92);}
.arrow-right{display:none;}

.portfolio-box{background:#f8f8f8;}
.portfolio-caption{opacity:1 !important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 100%);display:flex;align-items:flex-end;justify-content:center;padding:24px 16px;}
.portfolio-title{width:100%;}
.portfolio-image img{min-height:240px;object-fit:cover;}

.social-network{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;}
.social-network li{list-style:none;}
.social-icon{display:flex;align-items:center;justify-content:center;}
.social-icon-svg svg{width:42px;height:42px;fill:currentColor;}

.contact-wrap{display:flex;gap:24px;align-items:stretch;}
.contact-wrap .grid-parent{float:none !important;display:block !important;}
.contact-wrap .grid-40{width:38% !important;}
.contact-wrap .grid-55{width:58% !important;}
.contact-message,.contact-form-holder{height:100%;}

@media (max-width:1024px){
  .hero{padding-top:102px;min-height:auto;}
  .hero-inner{padding:56px 20px 72px !important;}
  .hero-title{font-size:clamp(3rem,12vw,6rem) !important;}
  .service-section .grid-33{display:block;}
  .service-section .icon-box{margin:0 auto 20px;}
  .service-section .info{text-align:center;}
}
@media (max-width:768px){
  .hide-on-mobile{display:none !important;}
  .ha-header-front{display:block;padding:10px 0 14px;}
  #ut-navigation{justify-content:center;gap:8px 14px;}
  .ha-header nav a{padding-left:14px;font-size:10px;}
  .ha-header nav a:after{left:2px;}
  .hero{padding-top:128px;}
  .hero-inner{padding:42px 16px 56px !important;}
  .hero-title{font-size:clamp(2.6rem,15vw,4.2rem) !important;}
  .hero-description{font-size:11px !important;letter-spacing:1px !important;}
  .section-title{font-size:30px !important;}
  .parallax-title{font-size:32px !important;}
  .about-section .about-box{display:block;}
  .about-icon{margin:0 auto 16px;}
  .about-section .about-box > .about-box{text-align:center;}
  .contact-wrap{display:block;}
  .contact-wrap .grid-40,.contact-wrap .grid-55{width:100% !important;}
}
@media (max-width:480px){
  .hero{padding-top:138px;}
  .hero-title{font-size:clamp(2.2rem,16vw,3.4rem) !important;}
  .hero-btn{padding:12px 20px !important;}
  .social-network li{width:100% !important;}
}


/* 2026 stability patch */
.hero{height:auto !important; min-height:72vh;}
.hero-holder{float:none !important; margin:0 auto !important; max-width:1100px; width:100% !important;}
.hero-inner{text-align:center;}
.about-icon-svg{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:#d4aa1f;color:#fff;}
.about-icon-svg svg{width:44px;height:44px;fill:currentColor;}
.portfolio-box{position:relative;overflow:hidden;cursor:pointer;}
.portfolio-box .portfolio-image img{transition:transform .35s ease, filter .35s ease;}
.portfolio-box:hover .portfolio-image img{transform:scale(1.035);filter:brightness(.9);}
.portfolio-caption{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease, visibility .25s ease;background:rgba(212,170,31,.88);}
.portfolio-box:hover .portfolio-caption,.portfolio-box:focus-within .portfolio-caption{opacity:1;visibility:visible;}
#counter-section.parallax-banner-6{background-image:url('../images/VideoCanalCongresoUnion.jpg');background-position:center center;background-size:cover;}
#counter-section .parallax-overlay-6{background:rgba(47,47,47,.62) url('../images/overlay-pattern.png') repeat;}
.counter-box{opacity:1 !important;transform:none !important;}
@media (max-width:768px){.hero{min-height:auto;}.hero-holder{max-width:100%;}}


/* 2026 final patch: single source of truth */
:root{--idem-gray:#d9d9d9;--idem-dark:#2f2f2f;--idem-gold:#d4aa1f;--idem-text:#333333;}
*{box-sizing:border-box;}
body{overflow-x:hidden;color:var(--idem-text);}
img{max-width:100%;height:auto;display:block;}

/* Ensure all legacy JS-hidden blocks remain visible */
.js .section-title,
.js .section-slogan,
.js .hero .hero-holder,
.js .about-box,
.js .box-fade,
.js .member-box,
.js .portfolio-box,
.js .ut-testimonials,
.js .contact-wrap,
.js .social-link,
.js .parallax-title,
.js .parallax-slogan,
.js .client-logo,
.js .counter-box{opacity:1 !important;transform:none !important;}

/* Hero */
.hero,
.hero.hero-solid-bg{
  min-height:100vh !important;
  height:auto !important;
  padding-top:110px !important;
  background:var(--idem-gray) !important;
}
.hero .parallax-overlay-1{background:transparent !important;}
.hero .grid-container,
.hero-holder{position:relative;z-index:2;}
.hero .hero-holder{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  float:none !important;
  display:block !important;
  width:min(1100px,100%) !important;
  max-width:1100px !important;
  margin:0 auto !important;
}
.hero-inner{padding:72px 24px 84px !important;text-align:center !important;}
.hero-title-holder{display:block !important;background-position:center 0 !important;margin:10px auto 16px !important;}
.hero-title{
  display:block !important;
  color:var(--idem-dark) !important;
  font-size:clamp(3.2rem,10vw,8rem) !important;
  line-height:.92 !important;
  letter-spacing:-.02em !important;
  margin:0 auto 16px !important;
  padding-top:22px !important;
  text-align:center !important;
}
.hero-title span{display:block !important;color:var(--idem-gold) !important;}
.hero-description{
  display:block !important;
  color:#5f5f5f !important;
  font-size:13px !important;
  letter-spacing:1.4px !important;
  line-height:1.7 !important;
  max-width:980px !important;
  margin:0 auto 16px !important;
  text-align:center !important;
}
.hero-inner h2{
  color:var(--idem-dark) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.hero-btn{
  color:var(--idem-dark) !important;
  border:2px solid rgba(47,47,47,.6) !important;
  border-radius:999px !important;
  padding:14px 28px !important;
  margin-top:30px !important;
  background:transparent !important;
}
.hero-btn:hover{background:rgba(47,47,47,.07) !important;}

/* About icons */
.about-section .about-box{display:flex;align-items:flex-start;gap:20px;margin-bottom:34px;}
.about-section .about-box > .about-box{flex:1;min-width:0;}
.about-section .about-icon{flex:0 0 96px;width:96px;height:96px;line-height:96px;margin:0 !important;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent !important;}
.about-section .about-icon-svg,
.about-section .about-icon-svg.about-icon-dark,
.about-section .about-icon-svg.about-icon-muted,
.about-section .about-icon-svg.brush-icon,
.about-section .about-icon-svg.bottle-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:96px !important;
  height:96px !important;
  border-radius:50% !important;
  background:var(--idem-gold) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.about-section .about-icon-svg svg{width:44px !important;height:44px !important;fill:currentColor !important;}
.about-section .about-box h3{margin:0 0 10px !important;font-size:20px !important;line-height:1.18 !important;color:var(--idem-dark) !important;}
.about-section .about-box p{margin:0 0 12px !important;color:#5f5f5f !important;}

/* Service icon layout */
.service-section .grid-33{display:flex;align-items:flex-start;gap:22px;}
.service-section .icon-box{float:none !important;width:150px !important;height:150px !important;min-width:150px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,.15) !important;position:relative !important;}
.service-section .service-icon,
.service-section .service-icon-svg{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;color:#fff !important;position:relative !important;z-index:2 !important;}
.service-section .service-icon-svg svg{width:84px !important;height:84px !important;fill:currentColor !important;display:block !important;}
.service-section .info{flex:1;min-width:0;padding-top:8px;}
.service-section .info h3{font-size:18px !important;line-height:1.2 !important;margin-bottom:12px !important;}
.service-section .info p{line-height:1.55 !important;color:rgba(255,255,255,.92) !important;}
.service-section .arrow-right{display:none !important;}

/* Portfolio gallery */
.portfolio-popup,.portfolio-popup-video{display:block !important;cursor:pointer !important;}
.portfolio-box{position:relative !important;overflow:hidden !important;cursor:pointer !important;background:#f8f8f8 !important;}
.portfolio-box .portfolio-image img{width:100% !important;min-height:240px !important;object-fit:cover !important;display:block !important;transition:transform .35s ease, filter .35s ease !important;}
.portfolio-box:hover .portfolio-image img{transform:scale(1.035) !important;filter:brightness(.9) !important;}
.portfolio-caption{
  position:absolute !important;top:0;left:0;width:100%;height:100%;
  display:flex !important;align-items:flex-end !important;justify-content:center !important;
  padding:24px 16px !important;
  background:linear-gradient(180deg,rgba(212,170,31,.18) 0%, rgba(0,0,0,.72) 100%) !important;
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transition:opacity .25s ease, visibility .25s ease !important;
}
.portfolio-box:hover .portfolio-caption,
.portfolio-box:focus-within .portfolio-caption{opacity:1 !important;visibility:visible !important;}
.portfolio-title{width:100% !important;}

/* Counter section with reliable background */
#counter-section,
#counter-section.parallax-banner-6{
  background:url('../images/VideoCanalCongresoUnion.jpg') center center / cover no-repeat !important;
}
#counter-section .parallax-overlay-6{
  background:rgba(47,47,47,.62) url('../images/overlay-pattern.png') repeat !important;
}
#counter-section .parallax-content{position:relative;z-index:2;}
.counter-box{
  opacity:1 !important;
  transform:none !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.08);
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease !important;
}
.counter-box:hover{transform:translateY(-4px) !important;background:rgba(255,255,255,.2) !important;box-shadow:0 14px 30px rgba(0,0,0,.12);}

/* Social icons */
.social-network{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;}
.social-network li{list-style:none;}
.social-icon{display:flex;align-items:center;justify-content:center;}
.social-icon-svg svg{width:42px;height:42px;fill:currentColor;}

/* Contact */
.contact-wrap{display:flex;gap:24px;align-items:stretch;}
.contact-wrap .grid-parent{float:none !important;display:block !important;}
.contact-wrap .grid-40{width:38% !important;}
.contact-wrap .grid-55{width:58% !important;}
.contact-message,.contact-form-holder{height:100%;}

/* Responsive */
@media (max-width:1024px){
  .hero{padding-top:102px !important;min-height:auto !important;}
  .hero-inner{padding:56px 20px 72px !important;}
  .hero-title{font-size:clamp(3rem,12vw,6rem) !important;}
  .service-section .grid-33{display:block !important;}
  .service-section .icon-box{margin:0 auto 20px !important;}
  .service-section .info{text-align:center !important;}
}
@media (max-width:768px){
  .hide-on-mobile{display:none !important;}
  .ha-header-front{display:block !important;padding:10px 0 14px !important;}
  #ut-navigation{justify-content:center !important;gap:8px 14px !important;}
  .ha-header nav a{padding-left:14px !important;font-size:10px !important;}
  .ha-header nav a:after{left:2px !important;}
  .hero{padding-top:128px !important;min-height:auto !important;}
  .hero-inner{padding:42px 16px 56px !important;}
  .hero-title{font-size:clamp(2.6rem,15vw,4.2rem) !important;}
  .hero-description{font-size:11px !important;letter-spacing:1px !important;}
  .section-title{font-size:30px !important;}
  .parallax-title{font-size:32px !important;}
  .about-section .about-box{display:block !important;}
  .about-section .about-icon{margin:0 auto 16px !important;}
  .about-section .about-box > .about-box{text-align:center !important;}
  .contact-wrap{display:block !important;}
  .contact-wrap .grid-40,.contact-wrap .grid-55{width:100% !important;}
}
@media (max-width:480px){
  .hero{padding-top:138px !important;}
  .hero-title{font-size:clamp(2.2rem,16vw,3.4rem) !important;}
  .hero-btn{padding:12px 20px !important;}
  .social-network li{width:100% !important;}
}