*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body{height:100%;width:100%;margin:0;padding:0;}
body{font-size:90%;-webkit-font-smoothing:antialiased;opacity:0.9;filter:alpha(opacity=90);}
@media only screen and (min-width:1024px){body{font-size:100%;}
}
body.overflow-y{overflow-y:hidden;}
h1, h2, h3, h4, h5, h6{padding-top:10px;padding-bottom:10px;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
a, a:hover, a:focus{text-decoration:none;outline:none;}
blockquote{padding:10px;margin:0;}
hr{border:0;height:0;}
video, img, object, embed, iframe{max-width:100%;}
iframe{border:0;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{content:' ';display:table;}
.clearfix:after{clear:both;}
.no-list{list-style:none;}
.ordered-list, .unordered-list{padding-left:20px;}
.ordered-list li, .unordered-list li{margin:5px auto;}
.inline-list{overflow:hidden;}
.inline-list li{display:block;float:left;margin-right:15px;margin-bottom:5px;}
.inline-list li i{padding-right:3px;}
@media only screen and (max-width:768px){.inline-list > li:first-child{margin-left:2px;}
}
@media only screen and (min-width:768px){.inline-list > li{display:block;float:left;margin-left:20px;}
.inline-list > li:first-child{margin-left:0;}
}
.inline-list i{padding-right:3px;}
.icon-list{list-style:none;padding-left:5px;}
.icon-list li{margin:10px auto;}
.icon-list li i{padding-right:5px;}
.social-icons{padding:10px 0;margin:0;list-style:none;}
.social-icons .social-icon{display:inline-block;padding-left:0;}
.social-icons a, .social-icons i{padding:4px;}
.social-icons a:first-child, .social-icons i:first-child{padding-left:0;}
.skills-bar{margin:5px 0;}
.skills-bar .skill-bar{margin:10px auto;position:relative;}
.skills-bar .skill-bar #skill1{position:absolute;animation:animate-skill1 4s;-webkit-animation:animate-skill1 4s;-moz-animation:animate-skill1 4s;-o-animation:animate-skill1 4s;}
.skills-bar .skill-bar #skill2{position:absolute;animation:animate-skill2 5s;-webkit-animation:animate-skill2 5s;-moz-animation:animate-skill2 5s;-o-animation:animate-skill2 5s;}
.skills-bar .skill-bar #skill3{position:absolute;animation:animate-skill3 5s;-webkit-animation:animate-skill3 5s;-moz-animation:animate-skill3 5s;-o-animation:animate-skill3 5s;}
.skills-bar .skill-bar #skill4{position:absolute;animation:animate-skill4 4s;-webkit-animation:animate-skill4 4s;-moz-animation:animate-skill4 4s;-o-animation:animate-skill4 4s;}
.skills-bar .skill-bar .skill-area{z-index:1;float:left;text-shadow:none;}
@keyframes animate-skill1{from{width:10px;}
to{width:80%;}
}
@-webkit-keyframes animate-skill1{from{width:10px;}
to{width:80%;}
}
@-moz-keyframes animate-skill1{from{width:10px;}
to{width:80%;}
}
@-o-keyframes animate-skill1{from{width:10px;}
to{width:80%;}
}
@keyframes animate-skill2{from{width:10px;}
to{width:90%;}
}
@-webkit-keyframes animate-skill2{from{width:10px;}
to{width:90%;}
}
@-moz-keyframes animate-skill2{from{width:10px;}
to{width:90%;}
}
@-o-keyframes animate-skill2{from{width:10px;}
to{width:90%;}
}
@keyframes animate-skill3{from{width:10px;}
to{width:70%;}
}
@-webkit-keyframes animate-skill3{from{width:10px;}
to{width:70%;}
}
@-moz-keyframes animate-skill3{from{width:10px;}
to{width:70%;}
}
@-o-keyframes animate-skill3{from{width:10px;}
to{width:70%;}
}
@keyframes animate-skill4{from{width:10px;}
to{width:90%;}
}
@-webkit-keyframes animate-skill4{from{width:10px;}
to{width:90%;}
}
@-moz-keyframes animate-skill4{from{width:10px;}
to{width:90%;}
}
@-o-keyframes animate-skill4{from{width:10px;}
to{width:90%;}
}
.progress-bar{margin:5px 0;}
.progress-bar .progress{height:5px;margin:10px auto;}
.progress-bar .progress .bar{width:0%;height:100%;text-align:left;}
button, .button{border:none;border-radius:.25em;box-shadow:none;text-align:center;cursor:pointer;background-image:none;}
button.btn-large, .button.btn-large{padding:0.7em 2.3em;font-size:1.2em;}
button.btn-small, .button.btn-small{padding:0.5em 2.1em;font-size:0.8em;}
button.btn-icon, .button.btn-icon{padding:0.5em 0.8em;}
button.btn-round, .button.btn-round{width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
button.btn-round-small, .button.btn-round-small{width:30px;height:30px;padding-bottom:2px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.btn, .btn:link, .btn:visited{border:none;box-shadow:none;-webkit-border-radius:2px;border-radius:2px;margin:10px 0;padding:.6em 2.2em;font-size:1.2em;text-align:center;line-height:1.4;cursor:pointer;background-image:none;}
.btn:focus, .btn:hover, .btn:link:focus, .btn:link:hover, .btn:visited:focus, .btn:visited:hover{outline:none;box-shadow:0px 2px 3px rgba(0, 0, 0, 0.1);}
.btn-transparent{background-color:transparent;}
.btn-transparent:focus, .btn-transparent:hover{outline:none;}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select{padding:0.6em;letter-spacing:1px;display:inline-block;margin:1em 0;border-radius:.25em;transition:all .2s;box-shadow:inset 1px 1px rgba(0, 0, 0, 0.03);}
select:focus{padding:.6em .995em;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{outline:none;box-shadow:0 0 6px rgba(95, 142, 228, 0.2);}
input[type="file"],
input[type="radio"],
input[type="checkbox"]{margin:0.5em 0;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus{outline:none;}
.contact-form{max-width:600px;margin:0 auto;}
.contact-form form{margin-bottom:20px;}
.contact-form input, .contact-form textarea{width:100%;margin:10px 0;}
.contact-form textarea{display:block;min-height:120px;}
@media only screen and (min-width:769px){.contact-form textarea{min-height:180px;}
}
.thank-you{margin-top:40px;}
@media only screen and (min-width:769px){.thank-you{margin-top:80px;}
}
@media only screen and (min-width:1024px){.thank-you{margin-bottom:30px;}
}
.thank-you h3{padding:20px;padding-top:50px;}
.thank-you p{margin-top:25px;}
.thank-you a{display:block;text-align:center;margin:50px auto;}
.tab-section{max-width:100%;margin:5px auto;}
.tab-section [data-tab-head]{cursor:pointer;height:70px;padding:5px;}
.tab-section [data-tab-head]:last-of-type{border-bottom:none;}
@media only screen and (min-width:481px){.tab-section [data-tab-head]{height:60px;padding:15px;}
}
.tab-section [data-tab-body]{margin:0;padding:5px;text-align:left;width:100%;}
.tab-section [data-tab-body] ul{list-style-type:disc;padding-left:15px;}
@media only screen and (min-width:768px){.tab-section [data-tab-body]{padding:15px;}
}
.modal-section{position:fixed;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-index:10;}
.modal-section.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;overflow-y:scroll;}
.modal-section_header{height:60px;top:0;width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding:15px;}
@media screen and (min-width:1024px){.modal-section_header{margin-top:6%;}
}
.modal-section_header.header_transparent{background:transparent;}
.modal-section_header .modal-title{font-size:20px;font-weight:700;}
.modal-section_body{position:fixed;top:50px;right:0;bottom:50px;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;background-size:cover;padding:10px;}
.modal-section_body.modal_noheader{top:0px;}
.modal-section_body.modal_nofooter{bottom:0px;}
.modal-section_footer{width:100%;padding:15px;max-width:600px;margin-left:auto;margin-right:auto;margin-top:-5px;}
.modal-section_footer p{padding-bottom:8px;}
.modal-section_footer p span{padding-right:8px;}
.modal-close{font-size:20px;cursor:pointer;font-weight:400;}
.modal-close i{-webkit-opacity:0.8;opacity:0.8;}
.modal-section_image{max-width:600px;margin-left:auto;margin-right:auto;}
.modal-section_image img{width:100%;}
@media only screen and (min-width:768px){.list-items{display:flex;flex-wrap:wrap;}
}
.sidebar{padding:20px;}
@media only screen and (min-width:768px){.sidebar{max-width:460px;padding:0 30px;display:flex;position:fixed;top:0;left:0;bottom:0;width:25%;}
}
.header{text-align:center;top:auto;}
@media only screen and (min-width:768px){.header{margin:24% auto;}
}
@media only screen and (min-width:1024px){.header{margin:28% auto;}
}
.header .header_title{padding-bottom:40px;}
.header .nav-list{list-style:none;margin:0;padding:0;padding-top:40px;padding-bottom:30px;}
.header .nav-list .nav-item{display:inline-block;}
.header .nav-list .nav-item a{letter-spacing:0.05em;text-transform:uppercase;font-size:90%;}
@media only screen and (max-width:767px){.header .nav-list .nav-item a{margin:5px;}
}
@media only screen and (min-width:768px){.header .nav-list .nav-item a{margin:10px;}
}
.header .nav-list .nav-item .nav-button{display:inline-block;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;padding:0.5em 1em;text-decoration:none;border-radius:2px;}
.header .social-icons{margin-top:20px;}
.header .site-copyright{margin-top:20px;margin-bottom:10px;}
@media only screen and (min-width:768px){.content{padding:0 30px;display:flex;width:75%;margin-left:25%;}
}
.content .list-content{width:90%;margin-left:auto;margin-right:auto;}
.content .content_title{text-transform:uppercase;padding:0.4em 0;font-size:28px;font-weight:500;}
.content .content_description{padding-bottom:15px;}
.content .content_print{cursor:pointer;padding-top:20px;}
@media only screen and (max-width:1024px){.content .content_print{display:none;}
}
.fade-in-top{opacity:0;transform:translateY(-6px);animation:fadeInTop 0.5s ease-out forwards;-webkit-animation:fadeInTop 0.5s ease-out forwards;}
.fade-in-bottom{opacity:0;transform:translateY(6px);animation:fadeInTop 0.5s ease-out forwards;-webkit-animation:fadeInTop 0.5s ease-out forwards;}
@keyframes fadeInTop{to{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeInTop{to{opacity:1;transform:translateY(0);}
}
.fade-in-left{opacity:0;transform:translateX(-6px);animation:fadeInLeft 0.5s ease-out forwards;-webkit-animation:fadeInLeft 0.5s ease-out forwards;}
.fade-in-right{opacity:0;transform:translateX(6px);animation:fadeInLeft 0.5s ease-out forwards;-webkit-animation:fadeInLeft 0.5s ease-out forwards;}
@keyframes fadeInLeft{to{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes fadeInLeft{to{opacity:1;transform:translateX(0);}
}
.product-layout{width:100%;padding:0;margin:0 auto;*zoom:1;}
.product-layout:before, .product-layout:after{content:' ';display:table;}
.product-layout:after{clear:both;}
.hover-item{position:relative;float:left;overflow:hidden;width:100%;cursor:pointer;height:240px;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-position:top center;background-repeat:no-repeat;}
@media only screen and (max-width:480px){.hover-item{margin-bottom:4%;}
}
@media only screen and (min-width:481px){.hover-item{margin:1%;}
.hover-item.hover-two-third{width:64.666666%;}
.hover-item.hover-two{width:48%;}
.hover-item.hover-three{width:31.333333%;}
.hover-item.hover-four{width:25%;}
.hover-item.hover-one-third{width:31.333333%;}
}
@media only screen and (min-width:1280px){.hover-item{height:360px;}
}
.hover-item.about_height{height:400px;}
.hover-item.contact_height{height:500px;}
.hover-effect .hover-caption::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;}
.hover-effect .product-title{position:absolute;top:50%;left:0;padding-left:20px;width:100%;-webkit-transition:-webkit-transform 0.35s, color 0.35s;transition:transform 0.35s, color 0.35s;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
.hover-effect .hover-caption::before,
.hover-effect p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
.hover-effect p{position:absolute;top:40%;left:0;padding:12px;padding-left:20px;width:100%;opacity:0;-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);line-height:1.4;}
.hover-effect:hover .product-title{color:transparent;}
.hover-effect:hover .hover-caption::before,
.hover-effect:hover p{opacity:0.8;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.hover-effect:hover p{font-size:30px;}
.hover-caption{position:absolute;top:0;left:0;width:100%;height:100%;padding:2em;font-size:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;}
.hover-caption::before,
.hover-caption::after{pointer-events:none;}
.hover-caption .product-title{letter-spacing:1.5px;margin:0;word-spacing:-0.15em;font-size:30px;font-weight:700;}
.hover-caption p{margin:0;letter-spacing:1px;}
.product_name{text-align:center;color:#ffffff;font-size:24px;font-weight:700;position:absolute;top:45%;left:35%;}
@media only screen and (min-width:361px) and (max-width:480px){.product_name{left:40%;}
}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.bold{font-weight:bold;}
.italic{font-weight:italic;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.titlecase{text-transform:capitalize;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.center{margin:0 auto;}
.pull-left{float:left;}
.pull-right{float:right;}
.pad-0{padding:0;}
.pad-10{padding:10px;}
.pad-20{padding:20px;}
.pad-40{padding:40px;}
.pad-top-0{padding-top:0;}
.pad-top-20{padding-top:20px;}
.pad-bottom-0{padding-bottom:0;}
.pad-bottom-20{padding-bottom:20px;}
.mag-0{margin:0;}
.mag-10{margin:10px;}
.mag-20{margin:20px;}
.mag-40{margin:40px;}
.mag-top-0{margin-top:0;}
.mag-top-20{margin-top:20px;}
.mag-bottom-0{margin-bottom:0;}
.mag-bottom-20{margin-bottom:20px;}
.grid-1024{max-width:1024px;margin-left:auto;margin-right:auto;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.sr-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.show, [data-show]{display:block;}
.hide, [data-hide]{display:none;}
.vertical-align{position:relative;}
.vertical-align_item{position:absolute;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.horizontal-center{position:relative;}
.horizontal-center_item{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
@media only screen and (max-width:768px){.show-desktop{display:none;}
.show-mobile{display:block;}
[data-desktop]{display:none !important;}
[data-mobile]{display:block !important;}
}
@media only screen and (min-width:769px){.show-desktop{display:block;}
.show-mobile{display:none;}
[data-desktop]{display:block !important;}
[data-mobile]{display:none !important;}
}
.img-circle{width:200px;height:200px;padding:10px;background:#ffffff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
@media only screen and (min-width:768px) and (max-width:900px){.img-circle{width:120px;height:120px;}
}
.img-square{width:200px;height:200px;padding:10px;background:#ffffff;}
@media only screen and (min-width:768px) and (max-width:900px){.img-square{width:120px;height:120px;}
}
.img-color1{-webkit-background:linear-gradient(to bottom right, #52edc7, #5ac8fb);-moz-background:linear-gradient(to bottom right, #52edc7, #5ac8fb);-o-background:linear-gradient(to bottom right, #52edc7, #5ac8fb);background:linear-gradient(to bottom right, #52edc7, #5ac8fb);}
.img-color2{-webkit-background:linear-gradient(135deg, #FFAE27 0%, #DE496D 100%) repeat scroll 0% 0%;-moz-background:linear-gradient(135deg, #FFAE27 0%, #DE496D 100%) repeat scroll 0% 0%;-o-background:linear-gradient(135deg, #FFAE27 0%, #DE496D 100%) repeat scroll 0% 0%;background:linear-gradient(135deg, #FFAE27 0%, #DE496D 100%) repeat scroll 0% 0%;}
.image-cover{width:100%;margin:0;padding:120px 0;color:#ffffff;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;text-align:center;}
.image-fixed{width:100%;margin:0;padding:120px 0;color:#ffffff;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.page-up{padding:20px;text-align:center;}
@media only screen and (min-width:768px){.page-up{margin-left:25%;}
}
@media only screen and (max-width:1024px){.change-font{font-size:90%;}
}
@media only screen and (min-width:1024px){.change-font{font-size:100%;}
}
h1{margin:0;}
h3{padding-top:0;}
.about-card{margin:0 auto;max-width:600px;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.09);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.about-card img{width:100%;}
.about-card_text{text-align:left;padding:20px;margin-top:-5px;}
.about-card_text p{margin-bottom:4px;}
.about-card_text .about-card_title{font-size:18px;}
.about-card_text span{font-weight:700;}
.about-card_text a{padding-right:10px;}
@media print{*{color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}
a, a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
a[href="#"], a[href="javascript:"]{content:"";}
body{font-family:'Open Sans', sans-serif;font-size:1em;}
.text-align{text-align:left;}
.show-print{display:block;}
.hide-print{display:none;}
.header{background:#ffffff;}
.nav-list, .content_title{display:none;}
.vcard{margin-top:-30px;padding-bottom:20px;}
.tile{padding:0;margin:0px auto;background:#ffffff;}
.tab-section [data-tab-head]{margin-bottom:-30px;border-bottom:0;}
}