@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; font-size: 100%;}

body, html, form {height:100%; min-height:100%;}
html    {font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html    {font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body    {font-size:15px; font-family: 'Lato', sans-serif; font-weight:normal; font-weight:400; font-style:normal; color:#afafaf; background-color:#070908; line-height:17pt; padding-top:0px; overflow-x:hidden}
body    {opacity:0;}
button, input, select, textarea {font-family:inherit; font-size:inherit; line-height:inherit;}

@media (max-width:980px) {
body    {padding-top:0px;}
}

@media (max-width:767px) {
body    {padding-top:0px;}
}

.content-spacing {margin-top:120px; margin-bottom:120px; position:relative; z-index:991}
.content-spacing-t {margin-top:120px;  position:relative; z-index:991}
.content-spacing-bt {margin-bottom:120px;  position:relative; z-index:991}
/*.content-spacing-vis {margin-top:250px;}*/
.content-spacing-vis {position: relative; z-index: 999; margin-top: -150px;;}
@media (max-width:1100px) {
.content-spacing {margin-top:60px; margin-bottom:60px;}
.content-spacing-t {margin-top:60px;}
.content-spacing-bt {margin-bottom:60px;}
}

@media (max-width:980px) {
.no-spacing-t-md {margin-top:0px;}
}

@media (max-width:767px) {
.marg-b-xs-10 {margin-bottom:10px;}
.no-spacing-t-xs {margin-top:0px;}
}

p {margin:0px 0px 15px 0px;}

.spacer1 {height:10px; display:block; clear:both; width:100%;}
.spacer2 {height:20px; display:block; clear:both; width:100%;}
.spacer3 {height:30px; display:block; clear:both; width:100%;}
.spacer4 {height:40px; display:block; clear:both; width:100%;}
.spacer5 {height:50px; display:block; clear:both; width:100%;}


.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
.delay-35s{-webkit-animation-delay:3.5s;animation-delay:3s;}
.delay-4s{-webkit-animation-delay:4s;animation-delay:3s;}
.delay-45s{-webkit-animation-delay:4.5s;animation-delay:3s;}

.centered {float:none !important; margin:0px auto}
.bolder {font-weight:900 !important}

.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:9999;font-size:14px;}
.scrollup i{ font-weight:bold !important; font-size:17px;}
.scrollup{-webkit-animation:fadeInUp 1000ms ease;-moz-animation:fadeInUp 1000ms ease;-ms-animation:fadeInUp 1000ms ease;}
a.scrollup{color:#000 !important;text-decoration:none;border:1px solid #d8c8a7;border-width:1px 0px 1px 1px;background:#d8c8a7;padding:5px 5px 7px 5px;width:60px;right:0px;border-radius:100px;border-top-right-radius:0px;border-bottom-right-radius:0px;text-align:center;bottom:125px;}
a.scrollup:hover{color:#fff !important;text-decoration:none;border-width:1px 0px 1px 1px;background:#000;text-decoration:none !important}
@media(max-width:767px){
a.scrollup{bottom:5px !important}
}
/*
=====================================================================================================================================================
TOP NAVIGATION STYLE
=====================================================================================================================================================
*/
.navbar-brand {margin:15px !important;}
.navbar-brand h1 {margin:0px !important; line-height:30px!important; font-size:initial !important}
.navbar-header {width:100%; float:left;}
.navbar-default {background:#fff}
.navbar-shadow{-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);}
.bg-skew {background:#fff; padding:20px 0px; position:relative}
.bg-nav {background:#0067ae; padding:12px 15px 8px 15px !important; margin:0px 20px 5px 0px; position:relative;}
.nav-inline {position:relative; z-index:2}
.nav-inline .nav-item {padding:0px 8px; font-size:15px;}
.nav-inline .nav-item a {color:#fff; position:relative; text-decoration:none; padding:14px 10px;}

.bg-skew:after {content: "";position:absolute;padding:10px 0px!important;background-color: #fff;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: skewy(2deg);-ms-transform: skewy(2deg);transform: skewy(2deg);width: 100%;display: inline-block;bottom:-10px;height:10px;z-index:-1;left:0px; -webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);box-shadow:2px 3px 5px 0px rgba(0,0,0,.2);}
.bg-nav:after {content: "";position:absolute;padding:5px 0px!important;background-color: #0067ae;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: skewy(2deg);-ms-transform: skewy(2deg);transform: skewy(2deg);width: 100%;display: inline-block;bottom:-15px;height:25px;z-index:-1;left:0px}

.nav-inline .nav-item a:after{position:absolute;top:0px;left:0;display:block;content:'';padding:0px;margin:0 0 0px;border-top:solid 5px #c9e6ff;-webkit-transform:scale(0);transform:scaleY(0);transition:transform 200ms ease-in;width:100%;}
.nav-inline .nav-item a:hover:after{position:absolute;top:0px;left:0;display:block;content:'';padding:0;margin:0 0 0px;border-top:solid 5px #c9e6ff;-webkit-transform:scale(1);transform:scaleY(1);transition:transform 200ms ease-in;width:100%;}
.nav-inline .active a:after{position:absolute;top:0px;left:0;display:block;content:'';padding:0;margin:0 0 0px;border-top:solid 5px #c9e6ff;-webkit-transform:scale(1);transform:scaleY(1);transition:transform 200ms ease-in;width:100%;}

.nav-inline .dropdown-item a:after, .nav-inline .dropdown-item a:hover:after{border-top:solid 0px #c9e6ff;}

@media (max-width:1024px) {
.bg-skew:after {display:none}
.bg-nav:after {display:none}
.bg-nav {background:#fff; padding:0px 5px !important; margin:5px 0px 5px 0px; width:100%;}
.nav-inline .nav-item {display:block !important; padding:0px 0px;}
.nav-inline .nav-item a {color:#000; border-bottom:1px dashed #e0e0e0; display:block; padding:7px 5px;}
.nav-inline .active a:after{border-top:solid 0px #c9e6ff;}

.nav-inline .nav-item a:after{border-top:solid 0px #0095da;}
.nav-inline .nav-item a:hover:after{border-top:solid 0px #0095da;}
.nav-inline .nav-item .active a:after{border-top:solid 0px #0095da;}

.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:0px 0;margin:0px 0 0 !important;font-size:1rem;color:#373a3c;text-align:left;list-style:none;background-color:#eeeeee!important;-webkit-background-clip:padding-box;background-clip:padding-box;border:0px solid #d1e4f2;border-radius:0rem;}
.dropdown-item{display:block;width:100%;padding:0px 5px !important;clear:both;font-weight:normal;color:#373a3c;text-align:inherit;white-space:nowrap;background:none;border:0; font-size:14px;}
}

@media (max-width:767px) {
.navbar-brand h1 {margin:0px !important; line-height:30px!important}
.nav-inline .nav-item a:after{border-top:solid 0px #0095da;}
.nav-inline .nav-item a:hover:after{border-top:solid 0px #0095da;}
.nav-inline .nav-item .active a:after{border-top:solid 0px #0095da;}
}

/*
=====================================================================================================================================================
VISUAL CONTAINER
=====================================================================================================================================================
*/
.visual-container{position:relative;height:100%;min-height:100%;width:100%; padding:0px; margin:0px;}


.tp-caption-lg {font-size:35px; margin-bottom:10px; line-height:40px;}
.tp-txt-wt {color:#fff}
.tp-light {font-weight:100 !important}
.tp-bold {font-weight:700}
.tp-bolder {font-weight:900}
.tp-text1 {font-size:22px; line-height:20pt;}

.tp-content-holder {width:650px; white-space:normal; text-align:center}
.bg-overlay {background:rgba(0,0,0,0.5)}
.tp-banner ul li a {position: relative !important;width:auto !important;}
 a.tp-btn {border-radius:50px; background:rgba(216,200,167,.5); display:inline-block !important; font-weight:300 !important; font-size:15px; margin-top:40px;}
 a.tp-btn {padding:7px 30px 5px !important; color:#fff !important}

.tp-bannertimer{display:none; }
@media (max-width:767px) {
.visual-container{margin-top:100px;}

.tp-caption-lg {font-size:22px !important; padding-bottom:45px !important; line-height:22pt !important;}
.tp-text1 {font-size:16px; line-height:14pt;}
.tp-content-holder {width:100%; white-space:normal; text-align:center; padding:0px 5%;}
}

.video_holder{position:relative;height:100%;min-height:100%;width:100%; padding:0px; margin:0px;}
#video_container{position:absolute;height:100%;width:100%;margin:0 auto;padding:0;top:0px;}
.video_mask{height:100%;margin:0 auto;padding:0;position:absolute;width:100%;top:0px;background:rgba(27,107,144,0.20) url(images/pattern2.png);z-index:9;color:#fff;font-size:17px;font-weight:400;text-align:center;}
.video_mask p{text-align:center}
.video_mask .container{display:table;max-width:1100px;width:100%;height:400px;position:absolute;margin:auto;top:50%;left:50%;margin-left:-550px;margin-top:-200px;}
.video_mask .container .caption{display:table-cell;vertical-align:middle;width:100%;}
.video_mask .container .caption ul{list-style:none;margin:0px;padding:0px;}
.video_mask .container .caption ul li{list-style:none;margin:0px;padding:0px;}

/*
=====================================================================================================================================================
HEADERS
=====================================================================================================================================================
*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:inherit;font-weight:600;line-height:1.1;color:inherit;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small,
.h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{font-weight:400;line-height:1;color:#777;}
.h1, .h2, .h3, h1, h2, h3{margin-top:20px;margin-bottom:15px;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{font-size:65%;}
.h4, .h5, .h6, h4, h5, h6{margin-top:10px;margin-bottom:10px;}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{font-size:75%;}
.h1, h1{font-size:36px !important;color:#000;margin:0px 0px 20px 0px;padding:0px;line-height:28px;font-weight:900 !important;text-transform:uppercase;}
.h2, h2{font-size:36px !important;color:#000;margin:0px;line-height:normal !important;font-weight:600 !important;}
.h3, h3{font-size:28px !important;color:#000;margin:0px;line-height:24pt;font-weight:600 !important;}
.h4, h4{font-size:20px !important;margin:0px;color:#000;line-height:normal;font-weight:600 !important;}
.h5, h5{font-size:16px !important;font-weight:700 !important;line-height:normal !important;}
.h6, h6{font-size:18px; line-height:normal !important}

.fontlato {font-family: 'Lato', sans-serif;}
.clrpeach {color:#d8c8a7}
.clrwhite {color:#fff}
.clrblk {color:#000}

h2.hm {font-size:32px !important; font-weight:900 !important; display:inline-block;}
h3.hm {font-size:26px !important; font-weight:900 !important; display:inline-block; vertical-align:text-top}

header, header.hm {margin-bottom:30px;}
.underline          {position:relative; font-size:20px; max-width:100px; margin:auto; color:#000; background:url(images/icon-logo.png) no-repeat center center; padding:5px;}
.underline:before   {position:absolute; content:""; width:20px; height:1px; background-color:#fff; top:50%; left:0;}
.underline:after    {position:absolute; content:""; width:20px; height:1px; background-color:#fff; top:50%; right:0;}

@media (max-width:1100px) {
header img {width:159px;}
}

@media (max-width:767px) {
.h1, h1{font-size:30px !important; line-height:48px}
.h2, h2{font-size:25px !important;}

.h6, h6{font-size:16px; line-height:normal !important}

header h2 span {font-size:16px;}

h2.hm {font-size:x-large !important;}
h3.hm {font-size:x-large !important;}
}


/*
=====================================================================================================================================================
WRAPPER STYLE
=====================================================================================================================================================
*/
.sitewrapper    {position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.sitewrapper    {min-height:100% !important;height:auto !important;height:100%;margin:0 auto -95px;}
.footer         {position:relative;bottom:0px;width:100%;margin:0 auto;background:#070908; border-top:1px solid #3a3a3c}
.footer, .push  {min-height:95px;clear:both;}

/*
=====================================================================================================================================================
LIST STYLES
=====================================================================================================================================================
*/
ul.mrg-t {margin-top:30px;}
ul.hmlist {display:block; padding:0px}
ul.hmlist li {display:inline-block; padding:0px; margin:0px 40px 0px 0px; width:130px; vertical-align:top; float:left}
ul.hmlist li figure {position:relative;}
ul.hmlist li figure .bg-icon {background:url(images/bg-icon.png) center bottom no-repeat; width:130px; height:112px; margin-bottom:5px; position:relative; display:table-cell; vertical-align:bottom; overflow:hidden}
ul.hmlist li figure .bg-icon img {padding-bottom:4px; transition:all 0.3s ease}
ul.hmlist li figcaption {font-family: 'Caveat', cursive; font-size:19px; font-weight:700; line-height:normal; padding:0px 10px;}

ul.hmlist li a {color:#000; text-decoration:none; transition:all 0.6s;}
ul.hmlist li a:hover {color:inherit; text-decoration:none}
ul.hmlist li a:hover figure .bg-icon img {padding-bottom:10px;}

@media (max-width:980px) {
ul.hmlist li {margin:0px 20px 10px 0px;}
}

@media (min-width:768px) {
ul.hmlist li {min-height:200px}
}

@media (max-width:767px) {
ul.hmlist {text-align:center}
ul.hmlist li {margin:0px 10px 20px 0px; width:115px; float:none; min-height:200px}
}

.list ul   {margin-bottom:20px; display:block; margin:0px; padding:0px;}
.list ul li {list-style:none; margin:0px 0px 0px 0px; padding:0px 10px 2px; width:100% !important; padding-left:20px; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; text-align:left}
.list ul li:before {content:'\f105'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-15px; font-weight:800; line-height:18pt;}

.list ul li ul   {margin-bottom:0px; display:block; margin-bottom:2px;}
.list ul li ul li {list-style:none; margin:0px; padding:2px 10px; width:100%; padding-left:20px;}
.list ul li ul li:before {content:'\f105'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-15px; font-size:12px; line-height:18pt;}

.list ul li ul li ul li {list-style:none; margin:0px; padding:0px 10px; width:100%; padding-left:20px;}
.list ul li ul li ul li:before {content:'\f105'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-15px; _font-size:8px; line-height:16pt;}

.list1 ul li { line-height:14pt; font-size:13px;}
.list1 ul li:before {content:'\f105'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-15px; font-weight:800; line-height:13pt;}

ul.iconlist {display:block; padding:0px; margin:0px;}
ul.iconlist li {display:inline-block; padding:0px; margin:0px; min-height:initial !important;}
ul.iconlist li a {text-decoration:none;}
ul.iconlist li a:hover {text-decoration:none; color:#005996 !important}

.pdflist ul   {margin-bottom:20px; display:block; margin:0px 0px 0px 0px; padding:0px; display:block; min-height:75px;}
.pdflist ul li {list-style:none; margin:0px; padding:0px 0px 2px; width:100% !important; padding-left:30px; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; text-align:left; line-height:19pt;}
.pdflist ul li:before {content:'\f1c1'; padding-right:10px; font-family: 'FontAwesome'; float:left; margin-left:-22px; font-weight:800; line-height:18pt;}
.pdflist ul li a {color:#000; display:block}
.pdflist ul li a:hover {color:#1ca2d5}
.pdflist ul li:hover:before {color:#1ca2d5}

.doclist ul   {margin-bottom:20px; display:block; margin:0px; padding:0px;}
.doclist ul li {list-style:none; margin:0px 0px 0px 0px; padding:0px 10px 8px; width:100% !important; padding-left:30px; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; text-align:left; color:#000}
.doclist ul li.pdf:before {content:''; _padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt; background:url(images/icon-pdf.png); height:25px; width:22px;}
.doclist ul li.video:before {content:''; _padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt; background:url(images/icon-video.png); height:25px; width:22px;}
.doclist ul li.doc:before {content:''; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt; background:url(images/icon-doc.png); height:25px; width:22px;}
.doclist ul li.xls:before {content:''; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt; background:url(images/icon-xls.png); height:25px; width:22px;}

.doclist ul li a {color:#000}

@media (max-width:767px) {
.doclist {padding:0px 10px;}
}

#success-stories ul.iconlist li a {color:#fff}

/*
=====================================================================================================================================================
HOME EVENT STYLES
=====================================================================================================================================================
*/
.text-intro {padding:0px 11%}

@media (max-width:767px) {
.text-intro {padding:0px 0%}
}

.border {border:1px solid rgba(0,0,0,.1)}
.eve-border {border-radius: 20px;}
.bg-green {background:#78a000; padding:1px; margin-top:20px; position:relative; margin-bottom:20px;}
.bg-blue {background:#1ca2d5; padding:1px; margin-top:20px; position:relative; margin-bottom:20px;}
.eve-info {background:#fff; padding:0px; min-height:200px; -webkit-transform:skew(-3deg); -moz-transform:skew(-3deg); transform:skew(-3deg); margin:0px 6px;display:block}
.eve-icon {background:#fff; padding:20px 10px 20px; margin:-3px 0px 0px -15px; display:inline-block; position:relative; vertical-align:top; -webkit-transform:skew(3deg); -moz-transform:skew(3deg); transform:skew(3deg); float:left;}
.eve-detail {display:inline-block; padding:10px; margin:0px; width:88%; -webkit-transform:skew(3deg); -moz-transform:skew(3deg); transform:skew(3deg);}

.eve-icon-blank {background:#fff; padding:20px 18px 20px; display:inline-block; position:absolute; vertical-align:top; -webkit-transform:skew(3deg); -moz-transform:skew(3deg); transform:skew(3deg); float:right; bottom:-1px; right:-14px;}

.eve-btn {font-family: 'Caveat', cursive; font-size:16px; color:#909090}
.eve-btn .fa {margin-left:10px; font-weight:100; margin-top:10px; font-size:13px;}

.bg-drkgrey {background:#2e2e2e; padding:1px; position:relative; margin-bottom:20px; margin-left:10%}
.bg-lgtgrey {background:#e0e0e0; padding:1px; position:relative; margin-bottom:20px;}
.bg-curve-white {background:#fff; padding:0px; min-height:200px; -webkit-transform:skew(-3deg); -moz-transform:skew(-3deg); transform:skew(-3deg); margin:0px 6px;display:block}
.curve-border {border-radius: 20px;}
.curve-detail {display:inline-block; padding:10px; margin:0px; width:100%; -webkit-transform:skew(3deg); -moz-transform:skew(3deg); transform:skew(3deg);}

ul.leftnav {display:block; margin:0px; padding:0px 2%;}
ul.leftnav li {display:block; margin:0px; padding-bottom:8px; padding-top:8px; border-bottom:1px dashed #f0f0f0}

ul.leftnav li a {color:inherit; display:block}
ul.leftnav li a:hover {color:#0067ae; text-decoration:none;}

ul.leftnav li.focus a {color:#0067ae; text-decoration:none;}

/*
=====================================================================================================================================================
HOME CLIENTS STYLES
=====================================================================================================================================================
*/
.bg-clients {border-radius:15px; border:1px solid #b2d1e7; border-bottom:0px; border-right:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-right-radius:0px; padding:15px 20px !important; display:table-cell; float:none !important; height:200px;}
.bg-partners {border-radius:15px; border:1px solid #b2d1e7; border-bottom:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:0px; padding:15px 20px !important; display:table-cell; float:none !important}
.bg-skew-ftr {position:relative; display:block; width:100%; display:table}
.bg-skew-ftr:after {content: "";position:absolute;padding:10px 0px!important;background-color: #0067ae;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: skewy(2deg);-ms-transform: skewy(2deg);transform: skewy(2deg);width: 100%;display: inline-block;bottom:-26px;height:25px;z-index:1;left:0px}

.logo-slider {position:relative; padding:0px 0px; margin-right:5%;}
.logo-slider  img {margin:0px 13px;}

@media (max-width:767px) {
.bg-clients, .bg-partners {display:block}
.bg-clients {border-radius:15px; border:1px solid #b2d1e7; border-bottom:0px; _border-right:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; _border-top-right-radius:0px; padding:15px 20px !important; float:none !important; height:150px;}
.bg-partners {border-radius:15px; border:1px solid #b2d1e7; border-bottom:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; padding:15px 20px !important; float:none !important}
}

/*
=====================================================================================================================================================
PARALLAX STYLES
=====================================================================================================================================================
*/
.parallax-banner-inside {position:absolute;width:100%;padding:0px;overflow:hidden;clear:both;float:left;margin-bottom:30px;min-height:410px; top:0px;}

.parallax-banner-inside h2 {font-weight:400 !important; color:#fff; margin-bottom:0px; font-size:24px !important; text-transform:uppercase} 
.parallax-banner-inside h3 {font-weight:800 !important; color:#fff; margin-bottom:15px; font-size:24px !important; text-transform:uppercase} 
.parallax-banner-inside .pic-mirror {position:relative; top:-85px; right:-55px;}

.parallax-banner-inside img {vertical-align:text-bottom}

.vis-gradient {background: -moz-linear-gradient(top, rgba(7,9,8,0.25) 0%, rgba(7,9,8,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(7,9,8,0.25) 0%,rgba(7,9,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(7,9,8,0.25) 0%,rgba(7,9,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40070908', endColorstr='#070908',GradientType=0 ); /* IE6-9 */ min-height:410px; position:relative; z-index:99;}

/*
=====================================================================================================================================================
WIDTH STYLES
=====================================================================================================================================================
*/
.width-75 {width:75%;}

@media (max-width:1200px) {
.width-full-md {width:100%;}
}

@media (max-width:992px) {
.width-full-sm {width:100%;}
}

@media (max-width:767px) {
.width-full-xs {width:100%;}
}


/*
=====================================================================================================================================================
PADDING STYLES
=====================================================================================================================================================
*/
.no-pad {padding:0px !important;}
.no-pad-t {padding-top:0px !important;}
.no-pad-rl {padding-left:0px !important; padding-right:0px !important}

.pad-10 {padding:10px !important;}
.pad-t10 {padding-top:10px !important;}
.pad-b10 {padding-bottom:10px !important;}
.pad-r10 {padding-left:10px !important;}
.pad-l10 {padding-right:10px !important;}

.pad-20 {padding:20px !important;}
.pad-t20 {padding-top:20px !important;}
.pad-b20 {padding-bottom:20px !important;}
.pad-r20 {padding-left:20px !important;}
.pad-l20 {padding-right:20px !important;}

.pad-rl10 {padding-left:10px !important; padding-right:10px !important}
.pad-rl20 {padding-left:20px !important; padding-right:20px !important}


@media (max-width:767px) {
.no-pad-rl-xs {padding-left:0px !important; padding-right:0px !important}
}


/*
=====================================================================================================================================================
MARGIN STYLES
=====================================================================================================================================================
*/
.no-marg {margin:0px!important}
.no-marg-t {margin-top:0px!important}
.marg-t20 {margin-top:20px !important;}

@media (max-width:1200px) {
.marg-b20-md {margin-bottom:20px !important;}
}

@media (max-width:992px) {
.marg-b20-sm {margin-bottom:20px !important;}
}

@media (max-width:767px) {
.marg-t20-xs {margin-top:20px !important;}
.marg-b20-xs {margin-bottom:20px !important;}
.marg-b40-xs {margin-bottom:40px !important;}
}

/*
=====================================================================================================================================================
BORDER STYLES
=====================================================================================================================================================
*/
.br-radius-20 {border-radius:20px}
.br-radius-20-btm-rgt {border-bottom-right-radius:20px;}
.br-radius-20-btm-lft {border-bottom-left-radius:20px;}

.img-br-radius-15 {border-radius:15px}


/*
=====================================================================================================================================================
BACKGROUND STYLES
=====================================================================================================================================================
*/
.bg-white {background:#ffffff;}
.bg-grey {background:#eeeeee; overflow:hidden}

/*
=====================================================================================================================================================
MIRROR SHORING STYLES
=====================================================================================================================================================
*/
ul.mirror-list {display:inline-block; padding:0px; text-align:center; width:100%}
ul.mirror-list li {display:inline-block; padding:0px; margin:0px 15px; width:230px; vertical-align:top;}
ul.mirror-list li figure {position:relative;}
ul.mirror-list li figure .bg-icon {background:url(images/bg-icon1.png) center top no-repeat; width:230px; height:108px; margin-bottom:5px; position:relative; display:table-cell; vertical-align:bottom; overflow:hidden; text-align:center}
ul.mirror-list li figure .bg-icon img {padding-bottom:4px; transition:all 0.3s ease}
ul.mirror-list li figcaption {line-height:normal; padding:0px 10px;}

ul.mirror-list li figcaption h6 {font-size:15px; margin-bottom:0px;}

ul.mirror-list li a {color:#000; text-decoration:none; transition:all 0.6s;}
ul.mirror-list li a:hover {color:inherit; text-decoration:none}
ul.mirror-list li a:hover figure .bg-icon img {padding-bottom:10px;}

@media (max-width:1200px) {
ul.mirror-list li {display:inline-block; padding:0px; margin:0px 1% 10px; width:200px; vertical-align:top;}
ul.mirror-list li figure {position:relative;}
ul.mirror-list li figure .bg-icon {background:url(images/bg-icon1.png) center top no-repeat; width:200px; height:108px; margin-bottom:5px; position:relative; display:table-cell; vertical-align:bottom; overflow:hidden; text-align:center}
}

@media (max-width:767px) {
ul.mirror-list li {margin:0px 0px 20px;}
}

.mirror-stories {background:#749800;position: relative;z-index: 1;border-radius:20px;display:inline-block;width:100%; color:#fff}
.mirror-stories:before, .mirror-stories:after {background:#749800;content: '';display: block;height: 50%;left: 0;position: absolute;right: 0;z-index: -1;-webkit-back`-visibility: hidden;}
.mirror-stories:before {top: 0;-webkit-transform: skewY(1.5deg);transform: skewY(1.5deg);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;border-radius:20px 20px 0px 0px;}
.mirror-stories:after {bottom: 0;-webkit-transform: skewY(-1.5deg);transform: skewY(-1.5deg);-webkit-transform-origin: 100%;transform-origin: 100%;border-radius:0px 0px 20px 20px;}
.mirror-stories h4 {font-size:20px !important; color:#fff; font-weight:400 !important; margin-bottom:10px;}

.mirror-stories h4 a {color:#fff}

.mirror-eve {position:absolute; top:-25px; width:80%; right:15px; background:#2e2e2e; padding:10px 20px; min-height:330px; -webkit-transform:skew(-3.5deg); -moz-transform:skew(-3.5deg); transform:skew(-3.5deg); margin:0px 6px;display:block; border-radius: 20px;}
.mirror-eve .mirror-eve-info {-webkit-transform:skew(3.5deg); -moz-transform:skew(3.5deg); transform:skew(3.5deg);}
.mirror-eve .mirror-eve-detail {display:inline-block; padding:10px; margin:0px; width:100%;}

.mirror-eve .eve-btn {font-family: 'Caveat', cursive; font-size:19px; color:#fff; font-weight:400}
.mirror-eve .eve-btn .fa {margin-left:10px; font-weight:100; margin-top:10px; font-size:13px;}
.mirror-eve .eve-btn:hover {color:#fff}

.mirror-eve h2 {margin-bottom:20px;}
.mirror-eve h2 .fa {margin-right:10px; font-size:35px;}

@media (max-width:900px) {
.mirror-eve {position:relative; top:0px; width:100%; right:0px; background:#2e2e2e; padding:10px 20px; min-height:200px; -webkit-transform:skew(-1.5deg); -moz-transform:skew(0deg); transform:skew(0deg); margin:0px 0px;display:block; border-radius: 20px;}
.mirror-eve .mirror-eve-info {-webkit-transform:skew(0deg); -moz-transform:skew(0deg); transform:skew(0deg);}
}

.mirror-solutions {padding:40px; display:block;}
.mirror-solutions p {font-size:18px; padding:0px 8%; line-height:20pt;}
.mirror-solutions ul {display:block; padding:0px; margin:0px; text-align:center}
.mirror-solutions ul li {display:inline-block; padding:0px; margin:0px 30px; width:280px; vertical-align:top}


@media only screen and (max-width:1200px) {
.mirror-solutions ul {margin:0px -25px;}
.mirror-solutions ul li {margin:0px 25px}
}


@media only screen and (max-width:992px) {
.mirror-solutions p {font-size:16px; padding:0px}
}

@media only screen and (max-width:767px) {
.mirror-solutions ul li {display:inline-block; padding:0px; margin:0px 0px; width:280px; vertical-align:top}
.mirror-solutions p {font-size:16px; padding:0px}
}

.mirror-solutions ul li .outer-box {background:#fff; padding:0px; min-height:360px; -webkit-transform:skew(-3deg); -moz-transform:skew(-3deg); transform:skew(-3deg); margin:0px 9px;display:block; position:relative}
.mirror-solutions ul li .info-box {display:inline-block; padding:0px 15px; margin:0px; width:100%; -webkit-transform:skew(3deg); -moz-transform:skew(3deg); transform:skew(3deg);}

.mirror-solutions ul li a {color:inherit; transition:all 0.3s ease-in; display:block; position:absolute; height:100%; left:0px; right:0px;}
.mirror-solutions ul li a:hover {color:inherit !important}
.mirror-solutions ul li a:hover .eve-btn { color:#78a000 !important;}

.bg-icon {background:url(images/bg-icon.png) center top no-repeat; width:280px; height:113px; margin-bottom:5px; position:relative; display:table-cell; vertical-align:bottom; overflow:hidden; text-align:center}
.bg-icon img {padding-bottom:4px; transition:all 0.3s ease}

.bg-icon-popup {background:url(images/bg-icon.png) center top no-repeat; width:130px; height:113px; margin-bottom:5px; position:relative; display:table-cell; vertical-align:bottom; overflow:hidden; text-align:center}
.bg-icon-popup img {padding-bottom:4px; transition:all 0.3s ease}

.mirror-solutions ul li a:hover figure .bg-icon img {padding-bottom:10px;}

.abs-btm {position:absolute; bottom:10px; left:0px; right:0px;}

.testimonials {position:relative;z-index: 1;border-radius:20px;display:inline-block;width:100%; color:#000; text-align:center}
.testimonials:before, .testimonials:after {background:#fff;content: '';display: block;height:71%;left: 0;position: absolute;right: 0;z-index: -1;-webkit-backface-visibility: hidden;}
.testimonials:before {top: 0;-webkit-transform: skewY(-2deg);transform: skewY(-2deg);-webkit-transform-origin: 0  50%;transform-origin:  0 50%;border-radius:20px 20px 0px 0px; border:2px solid #78a000; border-width:2px 2px 0px 2px}
.testimonials:after {bottom: 0;-webkit-transform: skewY(2deg);transform: skewY(2deg);-webkit-transform-origin: 50%;transform-origin: 50%;border-radius:0px 0px 20px 20px; border:2px solid #78a000; border-width:0px 2px 2px 2px}
.testimonials h4 {font-size:20px !important; color:#fff; font-weight:400 !important; margin-bottom:10px;}

.heading {_background:#749800;position: relative;z-index: 1;border-radius:15px; display:inline-block; color:#fff; padding:5px 50px; top:-45px;}
.heading:before, .heading:after {background:#749800;content: '';display: block;height: 73%;left: 0;position: absolute;right: 0;z-index: -1;-webkit-backface-visibility: hidden;}
.heading:before {top: 0;-webkit-transform: skewY(-5deg);transform: skewY(-3deg);-webkit-transform-origin:  0 0%;transform-origin:  0 25%;border-radius:15px 15px 0px 0px;}
.heading:after {bottom: 0;-webkit-transform: skewY(5deg);transform: skewY(3deg);-webkit-transform-origin: 0%;transform-origin: 25%;border-radius:0px 0px 15px 15px;}

.learning-solutions {padding:40px; display:block;}
.learning-solutions p {font-size:18px; padding:0px 8%}
.learning-solutions ul {display:block; padding:0px; margin:0px -5px; text-align:center}
.learning-solutions ul li {display:inline-block; padding:0px; margin:0px 5px; width:215px; vertical-align:top}

.learning-solutions ul li .outer-box {background:#fff; padding:0px; min-height:330px; -webkit-transform:skew(-3deg); -moz-transform:skew(-3deg); transform:skew(-3deg); margin:0px 9px;display:block; position:relative}
.learning-solutions ul li .info-box {display:inline-block; padding:0px 20px; margin:0px; width:100%; -webkit-transform:skew(3deg); -moz-transform:skew(3deg); transform:skew(3deg);}

.learning-solutions ul li a {color:inherit; transition:all 0.3s ease-in; display:block; position:absolute; height:100%; left:0px; right:0px;}
.learning-solutions ul li a:hover .eve-btn { color:#1ca2d5 !important;}

.learning-stories {background:#1ca2d5;position: relative;z-index: 1;border-radius:20px;display:inline-block;width:100%; color:#fff}
.learning-stories:before, .learning-stories:after {background:#1ca2d5;content: '';display: block;height: 50%;left: 0;position: absolute;right: 0;z-index: -1;-webkit-backface-visibility: hidden;}
.learning-stories:before {top: 0;-webkit-transform: skewY(1.5deg);transform: skewY(1.5deg);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;border-radius:20px 20px 0px 0px;}
.learning-stories:after {bottom: 0;-webkit-transform: skewY(-1.5deg);transform: skewY(-1.5deg);-webkit-transform-origin: 100%;transform-origin: 100%;border-radius:0px 0px 20px 20px;}
.learning-stories h4 {font-size:20px !important; color:#fff; font-weight:400 !important; margin-bottom:10px;}

.learning-stories h4 a {color:#fff}

.learning-testimonials {position:relative;z-index: 1;border-radius:20px;display:inline-block;width:100%; color:#000; text-align:center}
.learning-testimonials:before, .learning-testimonials:after {background:#fff;content: '';display: block;height:71%;left: 0;position: absolute;right: 0;z-index: -1;-webkit-backface-visibility: hidden;}
.learning-testimonials:before {top: 0;-webkit-transform: skewY(-2deg);transform: skewY(-2deg);-webkit-transform-origin: 0  50%;transform-origin:  0 50%;border-radius:20px 20px 0px 0px; border:2px solid #1ca2d5; border-width:2px 2px 0px 2px}
.learning-testimonials:after {bottom: 0;-webkit-transform: skewY(2deg);transform: skewY(2deg);-webkit-transform-origin: 50%;transform-origin: 50%;border-radius:0px 0px 20px 20px; border:2px solid #1ca2d5; border-width:0px 2px 2px 2px}
.learning-testimonials h4 {font-size:20px !important; color:#fff; font-weight:400 !important; margin-bottom:10px;}

.learning-heading {_background:#749800;position: relative;z-index: 1;border-radius:15px; display:inline-block; color:#fff; padding:5px 50px; top:-45px;}
.learning-heading:before, .learning-heading:after {background:#1ca2d5;content: '';display: block;height: 73%;left: 0;position: absolute;right: 0;z-index: -1;-webkit-backface-visibility: hidden;}
.learning-heading:before {top: 0;-webkit-transform: skewY(-5deg);transform: skewY(-3deg);-webkit-transform-origin:  0 0%;transform-origin:  0 25%;border-radius:15px 15px 0px 0px;}
.learning-heading:after {bottom: 0;-webkit-transform: skewY(5deg);transform: skewY(3deg);-webkit-transform-origin: 0%;transform-origin: 25%;border-radius:0px 0px 15px 15px;}

@media only screen and (max-width: 1024px) {
.learning-solutions ul li {margin:0px 20px; width:280px;}
.learning-solutions ul li .outer-box {min-height:330px;}
}

@media only screen and (max-width: 992px) {
.learning-solutions ul li {display:inline-block; padding:0px; margin:0px 20px; width:280px; vertical-align:top}
}


/*
=====================================================================================================================================================
ABOUT STYLES
=====================================================================================================================================================
*/
.aboutus-mission {padding:0px; display:block;}
.aboutus-mission ul {display:block; padding:0px; margin:0px -15px; text-align:center}
.aboutus-mission ul li {display:inline-block; padding:0px; margin:0px 15px; width:260px; vertical-align:top}

.aboutus-mission ul li .outer-box {background:#fff; padding:0px; min-height:260px; -webkit-transform:skew(-3deg); -moz-transform:skew(-3deg); transform:skew(-3deg); margin:0px 9px;display:block; position:relative; overflow:hidden}
.aboutus-mission ul li .info-box {display:inline-block; padding:0px 15px; margin:0px; width:100%; -webkit-transform:skew(3deg); -moz-transform:skew(3deg); transform:skew(3deg);}

@media only screen and (max-width: 1024px) {
.aboutus-mission {padding:0px; display:block;}
.aboutus-mission ul {display:block; padding:0px; margin:0px -10px; text-align:left;}
.aboutus-mission ul li {display:inline-block; padding:0px; margin:0px 10px; width:210px; vertical-align:top; text-align:center}
}

@media only screen and (max-width: 767px) {
.aboutus-mission ul {display:block; padding:0px; margin:0px -15px; text-align:center}
.aboutus-mission ul li {display:inline-block; padding:0px; margin:0px 15px; width:280px; vertical-align:top}
}

.team {background:#eeeeee;position: relative;z-index: 1;border-radius:20px;display:inline-block;width:100%;}
.team:before, .team:after {background:#eeeeee;content: '';display: block;height: 50%;left: 0;position: absolute;right: 0;z-index: -1;-webkit-backface-visibility: hidden;}
.team:before {top: 0;-webkit-transform: skewY(1.5deg);transform: skewY(1.5deg);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;border-radius:20px 20px 0px 0px;}
.team:after {bottom: 0;-webkit-transform: skewY(-1.5deg);transform: skewY(-1.5deg);-webkit-transform-origin: 100%;transform-origin: 100%;border-radius:0px 0px 20px 20px;}

ul.teamlist {display:block; margin:0px; padding:25px 10px;}
ul.teamlist li {display:block; margin:0px; padding:0px; width:100%;}

ul.teamlist li .team-pic     {float:left; -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; max-width:150px; width:100%;}
ul.teamlist li .team-pic img {border-radius:15px;}
ul.teamlist li .team-detail  {float:right; -webkit-animation-name:fadeInRight; animation-name:fadeInRight; width:78%; padding-left:10px;}

ul.teamlist li:nth-child(even) .team-pic     {float:right; -webkit-animation-name:fadeInRight; animation-name:fadeInRight; text-align:right}
ul.teamlist li:nth-child(even) .team-detail  {float:left; -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  padding-right:10px;}

.team-pic       {font-size:14px; font-weight:400; color:#000 !important}
.team-pic img   {margin-bottom:5px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

ul.teamlist li .team-detail h3 {color:rgba(48,106,188,1) !important; font-size:25px !important; font-weight:600 !important}

ul.teamlist li .hr              {background:rgba(48,106,188,0.5); height:1px; margin:20px 28% 35px; width:44%; float:left; display:block}
ul.teamlist li:last-child .hr   {background:rgba(48,106,188,0); height:1px; margin:0px; width:auto;}

ul.tech-teamlist    {display:block; margin:0px; padding:0px; text-align:left}
ul.tech-teamlist li {display:block; margin:0px; padding:0px; width:25%; float:left; text-align:left; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
ul.tech-teamlist li img   {margin-bottom:5px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

@media (max-width:1024px) {
ul.teamlist li .team-detail  {float:right; -webkit-animation-name:fadeInRight; animation-name:fadeInRight; width:75%; padding-left:10px;}
}


@media (max-width:767px) {
ul.teamlist li .team-pic     {float:left; -webkit-animation-name:fadeIn; animation-name:fadeIn; max-width:150px; width:100%; margin-bottom:5px;}
ul.teamlist li .team-detail  {float:right; -webkit-animation-name:fadeIn; animation-name:fadeIn; max-width:380px; width:100%; padding:0px;}

ul.teamlist li:nth-child(even) .team-pic     {float:right; -webkit-animation-name:fadeIn; animation-name:fadeIn;}
ul.teamlist li:nth-child(even) .team-detail  {float:left; -webkit-animation-name:fadeIn; animation-name:fadeIn;}

ul.teamlist li .hr {margin:15px 28% 35px;}

ul.tech-teamlist    {display:block; margin:0px; padding:0px; text-align:left}
ul.tech-teamlist li {display:block; margin:0px; padding:0px; width:50%; float:left; text-align:left; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; text-align:center}
ul.tech-teamlist li img   {margin-bottom:5px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
}


@media (max-width:544px) {
ul.teamlist li .team-pic     {float:left; -webkit-animation-name:fadeIn; animation-name:fadeIn; max-width:150px; width:100%; margin-bottom:5px;}
ul.teamlist li .team-detail  {float:left; -webkit-animation-name:fadeIn; animation-name:fadeIn; width:100%; padding:0px;}

ul.teamlist li:nth-child(even) .team-pic     {float:left; -webkit-animation-name:fadeIn; animation-name:fadeIn;}
ul.teamlist li:nth-child(even) .team-detail  {float:left; -webkit-animation-name:fadeIn; animation-name:fadeIn;}

ul.teamlist li .hr              {background:rgba(48,106,188,0.5); height:1px; margin:15px 28% 35px; width:44%; float:left; display:block}

ul.tech-teamlist    {display:block; margin:0px; padding:0px; text-align:left}
ul.tech-teamlist li {display:block; margin:0px; padding:0px; width:50%; float:left; text-align:left; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; text-align:center}
ul.tech-teamlist li img   {margin-bottom:5px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
}

/*
=====================================================================================================================================================
TABLE STYLES
=====================================================================================================================================================
*/
.mirror-shoring {display:block; color:#fff}
.mirror-shoring table thead tr {background:#749800 !important; font-weight:600}

.mirror-shoring table thead tr td {border:none; vertical-align:top !important; padding:10px 25px;}
.mirror-shoring table tbody tr td {border:none; vertical-align:top !important; padding:10px 25px;}

.mirror-shoring table thead tr td {border-bottom:5px solid #fff}
.mirror-shoring table thead tr td:nth-child(1) {border-top-left-radius:20px !important; border-right:5px solid #fff}
.mirror-shoring table thead tr td:nth-child(3) {border-top-right-radius:20px !important; border-left:5px solid #fff}

.mirror-shoring table tbody tr td {background:#e9e9e9; color:#000}
.mirror-shoring table tbody tr td:nth-child(1) {border-bottom-left-radius:20px !important; border-right:5px solid #fff}
.mirror-shoring table tbody tr td:nth-child(3) {border-bottom-right-radius:20px !important; border-left:5px solid #fff}

.mirror-shoring table tbody tr td:nth-child(1) {width:31%} 
.mirror-shoring table tbody tr td:nth-child(2) {width:36%} 
.mirror-shoring table tbody tr td:nth-child(3) {width:31%} 



.event-table {display:block; font-size:14px; position:relative}
.event-table table .th     {background:rgba(48,106,188,1)}
.event-table table tr th   {padding:10px !important; font-weight:400 !important; color:#fff}
.event-table table tr th:nth-child(1) {width:10%}
.event-table table tr th:nth-child(2) {width:35%}
.event-table table tr th:nth-child(3) {width:18%}
.event-table table tr th:nth-child(4) {width:25%}
.event-table table tr th:nth-child(5) {width:12%}

.event-table .link-btn           {float:none; text-decoration:none !important; width:auto;}
.event-table .link-btn a         {padding:4px 15px !important; border:1px solid #306abc; background:transparent; color:#000; text-decoration:none !important; font-weight:400; display:inline-block; font-size:14px; text-align:center; transition:all .2s ease-in-out;}
.event-table .link-btn a:hover   {background:#306abc; color:#fff; text-decoration:none !important}

.link-btn           {float:none; text-decoration:none !important; width:auto; margin-top:5px;}
.link-btn a         {padding:3px 15px !important; border:2px solid #fff; background:transparent; color:#000; text-decoration:none !important; font-weight:400; display:inline-block; font-size:14px; text-align:center; transition:all .2s ease-in-out; border-radius:20px}
.link-btn a:hover   {background:#fff; color:#0275d8 !important; text-decoration:none !important; border-radius:20px}



/*responsive table*/
@media only screen and (max-width: 980px) {
.mirror-shoring table tbody tr td:nth-child(1) {border-bottom-left-radius:0px !important;}
.mirror-shoring table tbody tr td:nth-child(3) {border-bottom-right-radius:0px !important;}

table tr td {padding:5px !important; border:0px !important;}
table tr th {padding:5px !important;border:0px;}

.responsive-table table, .responsive-table thead, .responsive-table tbody, 
.responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr   {display: block;}

.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:0px solid #ccc !important; margin-bottom:20px;}
.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:0px solid #ccc !important; margin-bottom:0px;}
.responsive-table table tr td {text-align:left !important; width:auto !important;}
.responsive-table td    {border:none; border-bottom:0px solid #ccc; position:relative; padding-left:63% !important; white-space:normal; text-align:left; z-index:99;}
.responsive-table td:before {position:absolute; top:4px; left:6px; width:32% !important; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000;}

.responsive-table tbody td {background:#e9e9e9 !important}
.responsive-table td:before {content:attr(data-title); z-index:-1; background:initial !important}

.cart-details tr.update td { padding:0px !important; text-align:center!important;}
.order-details tr td.update { padding-left:30% !important; text-align:center!important;}
}


@media only screen and (max-width: 767px) {
.resp-table td {border: none !important;border-bottom: 5px solid #fff !important;position: relative;padding: 40px 6px 10px !important;white-space: normal;text-align:left;width: 100% !important;border-radius:0px !important}
.resp-table td:before {position: absolute;top: 0px;left: 0px;width: 100% !important;padding-left: 0px;padding-right: 0px;white-space: nowrap;text-align:left;font-weight: bold;color:#fff;padding:8px 10px;background:#749800 !important;}  
}




/*
=====================================================================================================================================================
FOOTER STYLES
=====================================================================================================================================================
*/
.ftr-container {padding:15px 15px 15px; position:relative; z-index:2;}
.ftr-container .hd {font-size:16px; font-weight:400}

ul.ftr-left {display:block; margin:0px; padding:0px;}
ul.ftr-left li {display:inline-block; margin:0px 10px 0px 0px; padding:0px; vertical-align:bottom}

ul.ftrlink {display:block; padding:0px; margin:0px; font-size:13px}
ul.ftrlink li {display:inline-block; padding:0px 10px; margin:0px; border-right:1px solid #afafaf; line-height:13px;}
ul.ftrlink li:last-child {border-right:none; padding-right:0px;}

ul.sub-ftrlink {display:block; padding:0px; margin:0px;}
ul.sub-ftrlink li {display:block; padding:5px 0px 5px; margin:0px; border-bottom:1px dotted #8cbada; font-weight:300}
ul.sub-ftrlink li:last-child {border-bottom:0px dotted #b2d1e7;}

.ftr-container a {color:#afafaf !important}
.ftr-container .fa {width:20px;}

@media (max-width:1100px) {
ul.ftr-left {display:block; margin:0px; padding:0px;}
ul.ftr-left li {display:inline-block; margin:0px 10px 0px 0px; padding:0px; vertical-align:bottom; width:15%; float:left}
ul.ftr-left li:last-child {width:80%}
}

@media (max-width:980px) {
ul.ftr-left {display:block; margin:0px; padding:0px; text-align:center; width:100%; float:none}
ul.ftr-left li {display:block; margin:0px; padding:0px; vertical-align:bottom; width:100%; float:none; text-align:center}
ul.ftr-left li:last-child {width:100%;}

ul.ftr-left li img {display:inline-block}

ul.ftrlink {display:block; padding:0px; margin:0px; font-size:13px; text-align:center}
ul.ftrlink li {display:inline-block; padding:0px 13px; margin:0px 0px 10px; border-right:1px solid #afafaf; line-height:13px;}
ul.ftrlink li:last-child {border-right:none; padding-right:0px;}
}





/*
=====================================================================================================================================================
Class By Vikas
=====================================================================================================================================================
*/

.parallax-banner-inside .head {margin-bottom:10px !important;}

.btn-learn-service-video {border-radius:50px; background:#fff; border:2px solid #fff; display:inline-block; color:#000; text-transform:uppercase; font-weight:600; font-size:17px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); transition:0.3s all ease-in}
.btn-learn-service-video i {background:#1ca2d5; color:#fff; border-radius:100%; width:34px; height:34px; text-align:center; line-height:34px; margin-left:15px; transition:0.3s all ease-in}
.btn-learn-service-video:hover {background:#1ca2d5; color:#fff;}
.btn-learn-service-video:hover i {background:#fff; color:#1ca2d5;}
.btn-learn-service-video a {color:#000; padding:2px 2px 2px 18px; display:block; transition:0.3s all ease-in}
.btn-learn-service-video a:hover {color:#fff; text-decoration:none}

.mirror-uplist { list-style-type:none; margin:0 auto;  }
.mirror-uplist li:before{ color:#7c7c7c; content:'\f128'; font-family:FontAwesome; float:left; width:40px; height:40px; background:#fff; border-radius:100%; text-align:center; font-size:26px; margin-left:-50px; line-height:40px;}
.mirror-uplist li{ display:inline-block; width:46%; vertical-align:top; margin:0 10px; padding-left:55px;}

.learning-fetures { list-style-type:none;}
.learning-fetures li { border:1px solid #fff; display:inline-block; font-weight:700;  }

.uplist {list-style-type:none; margin:0 auto; padding:0px;}
.uplist li:before{ color:#7c7c7c; content:'\f00c'; font-family:FontAwesome; float:left; width:40px; height:40px; background:#fff; border-radius:100%; text-align:center; font-size:26px; margin-left:-50px; line-height:40px;}
.uplist li {display:inline-block; width:47%; vertical-align:top; padding-left:50px; margin-bottom:15px; margin:0px 1%;}

.service-approach { list-style-type:none; margin:0 auto; padding:0px 3%}
.service-approach li{display:inline-block; width:31%; vertical-align:top; margin:0 10px; padding-left:55px;}
.service-approach li:before {color:#fff; content:'\f00c'; font-family:FontAwesome; float:left; width:35px; height:35px; background:#219bd0; border-radius:100%; text-align:center; font-size:20px; line-height:35px; margin-left:-45px}

.learning-offerings {display:block; color:#000; text-align:left;}
.learning-offerings table thead tr {background:#1ca2d5; font-weight:600; border-bottom:3px solid #fff !important; color:#fff}
.learning-offerings table thead tr td {border:none; vertical-align:top !important; padding:5px 10px !important; text-align:center}

.learning-offerings table tr td {padding:5px 10px}

.learning-offerings table thead tr td:first-child {border-top-left-radius:20px;}
.learning-offerings table thead tr td:last-child {border-top-right-radius:20px;}

.learning-offerings table tr td:nth-child(3), .learning-offerings table tr td:nth-child(4),
.learning-offerings table tr td:nth-child(5), .learning-offerings table tr td:nth-child(6), .learning-offerings table tr td:nth-child(7),
.learning-offerings table tr td:nth-child(8), .learning-offerings table tr td:nth-child(9) {border-left:3px solid #fff}

.learning-offerings table tbody tr {border-bottom:3px solid #fff !important; text-align:center}
.learning-offerings table tbody tr td:first-child {text-align:left}

.learning-offerings table tbody tr:last-child td:first-child {border-bottom-left-radius:20px;}
.learning-offerings table tbody tr:last-child td:last-child {border-bottom-right-radius:20px;}

.learning-offerings table tbody tr td {background:#e9e9e9}
.learning-offerings .fa {color:#646464}

.offering_info {list-style-type:none; display:table}
.offering_info > li {width: 25%; display:table-cell; border-right:1px solid #e3e3e3; padding:1px; _min-height:260px; border-bottom:1px solid #e3e3e3;}
.offering_info li:nth-child(4){border-right:none !important;}
.offering_info{padding:0px; margin:0px;}
.offering-catgory{padding:10px 20px;}
.number {color:#fff; border-radius:100%; width:40px; line-height:20px; text-align:center; height:40px; padding:10px; background:#646464; margin-bottom:10px;}
.offering-ul {list-style-type:none;}
.offering-ul li::before {content:'\f105'; padding-right: 8px; font-family:'FontAwesome'; margin-left:-15px; font-weight: 800; line-height: 18pt;}
.offering-ul li {margin-left:14px; float:left; width:100%;}

ul.stats{float:left;width:100%;text-align:center;margin:0 0 20px 0;padding:0;}
ul.stats li{list-style:none;color:#000;margin:0px 0px 0px -1px;padding:5px 15px; vertical-align:top;line-height:normal;border:1px solid #64b9de;float:left;text-align:center; min-height:88px;}
ul.stats li div{text-align:left;width:auto;float:none !important;margin:auto !important}
ul.stats li:nth-child(1) {width:18%;}
ul.stats li:nth-child(2) {width:15%;}
ul.stats li:nth-child(3) {width:27%;}
ul.stats li:nth-child(4) {width:22%;}
ul.stats li:nth-child(5) {width:18%;}
ul.stats li span{font-size:22px;font-weight:800;text-align:left;color:#fff}
ul.stats li p{color:#fff;margin-bottom:0px !important;}

@media(max-width:1024px) {
.service-approach {list-style-type:none; margin:0 auto; padding:0px}
.service-approach li{width:30%; margin:0 1.5%;}

ul.stats li span {font-size: 18px; font-weight: 800; text-align:left; color: #fff;}
}

@media (max-width:768px) {
.offering_info {padding:0px 0px; margin:0px;}
.offering-catgory {padding:10px;}
}

@media (max-width:980px){
.uplist li {width:100%;  margin-bottom:15px;}
.mirror-uplist li {width:100%; margin:10px 0px;}
.service-approach li{width:100%; margin:0px; margin-bottom:15px; padding-left: 45px;}

.offering_info > li {width:100% !important; border-right:none !important; border-bottom:1px solid #e3e3e3; padding:10px 0px; min-height:initial; display:block}
.offering-catgory   {padding:5px 10px;}

.learning-offerings table tbody tr:last-child td:first-child, .learning-offerings table tbody tr:last-child td:last-child {border-radius:0px!important;}
.learning-offerings table tr td:first-child {border-bottom: 0px solid #fff !important;position: relative;padding: 5px!important;width: 100% !important;background:#0095da !important;color:#fff; font-weight:600}

.learning-offerings table tr td:nth-child(2), .learning-offerings table tr td:nth-child(3), .learning-offerings table tr td:nth-child(4),
.learning-offerings table tr td:nth-child(5), .learning-offerings table tr td:nth-child(6), .learning-offerings table tr td:nth-child(7),
.learning-offerings table tr td:nth-child(8) {border-left:0px solid #fff}
    
.learning-offerings table tbody tr td {background:#fff}

ul.stats li{min-height:50px; margin-bottom:-1px}
ul.stats li:nth-child(1) {width:49%;}
ul.stats li:nth-child(2) {width:49%;}
ul.stats li:nth-child(3) {width:97.5%;}
ul.stats li:nth-child(4) {width:49%;}
ul.stats li:nth-child(5) {width:49%;}
ul.stats li span{font-size:16px;font-weight:800;text-align:left;color:#fff}
}



/*---- Menu Animation ---*/
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 25px;
  height: 20px;
  position: relative;
  margin: 13px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
@media (max-width:767px) {
    #nav-icon2{
      width: 19px;
      height: 20px;
     margin: 10px auto;
    }
}


#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #d8c8a7;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #d8c8a7;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 8px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 16px;
}

@media (max-width:767px) {
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 6px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 12px;
}
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 2px;
  top: 3px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 3px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 2px;
  top: 11px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 11px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

.burger-holder {float:right; border:2px solid #d8c8a7; width:50px; height:50px; border-radius:100%; margin-top:5px; position:relative; z-index:9999; margin:15px; transition:all 0.6s ease}
/*---- Menu Animation ---*/





.scroll-me {
  position: absolute;
  bottom:10px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 40px;
  border: 2px solid #d8c8a7;
  border-radius: 100px;
  z-index:999999
}

.scroll-me:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 2px;
  height: 10px;
  background-color: #d8c8a7;
  animation: scrollDown 2s infinite;
}

@keyframes scrollDown {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  
  30% {
    opacity: 1;
  }
  
  100% {
    opacity: 0;
    transform: translate(-50%, 22px);
  }
}


.scroll-holder  {width: 100%; padding:0px; margin:0px; text-align:center; position:absolute; bottom:10px; z-index:999;}
.scrolldown     {font-size: 12px;color: #d8c8a7;text-transform: uppercase;line-height:18pt;}
.scrolldown:hover .scroll {-webkit-transform: translateY(7px);transform: translateY(7px);-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
.scroll {display: block;margin: 0 auto;width: 30px;height: 45px;border: 2px solid #d8c8a7;border-radius: 20px;margin-bottom: 15px;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;cursor: pointer;}
.scroll .dot {display: block;width: 3px;height: 8px;background: #d8c8a7;margin: 6px auto 0;border-radius: 50%;-webkit-animation: slide 2.4s infinite;animation: slide 2.4s infinite;}

@-webkit-keyframes slide {
  0% {-webkit-transform: translateY(0px);transform: translateY(0px);}
  50% {-webkit-transform: translateY(10px);transform: translateY(10px);}
  100% {opacity: 0;}
}
@keyframes slide {
  0% {-webkit-transform: translateY(0px);transform: translateY(0px);}
  50% {-webkit-transform: translateY(10px);transform: translateY(10px);}
  100% {opacity: 0;}
}



/*
=====================================================================================================================================================
BUTTON STYLES
=====================================================================================================================================================
*/
.link-btn-round {border-radius:50px !important; border:1px solid #d8c8a7 !important; color:#d8c8a7; display:inline-block; padding:7px 30px 9px !important}
.link-btn-round:hover {background:#d8c8a7; color:#000}
.link-btn-round-dark{border-radius:50px !important;  border:1px solid #a08b5f !important; color:#000; display:inline-block; padding:7px 30px 9px !important}
.link-btn-round-dark:hover{color:#000; background:#d8c8a7}
.link-btn-round-dark:focus{color:#000 !important;}

/*
=====================================================================================================================================================
GALLERY STYLES
=====================================================================================================================================================
*/
ul.coating-gallery {display:block; padding:0px; margin:0px; overflow:hidden; text-align:center}
ul.coating-gallery li {display:inline-block; padding:0px; margin:0px -1.7px -6px; float:none; width:25%; overflow:hidden;}

ul.coating-gallery li figure {margin:0px; padding:0px; display:block; height:100%; position:relative; overflow:hidden}
ul.coating-gallery li figure img {display:block;width: 100%; -webkit-transition: all 8s linear;-o-transition: all 8s linear;transition: all 8s linear;}

ul.coating-gallery li figure figcaption {position:absolute; left:0px; top:0px; bottom:0px; height:100%; width:100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(3,3,3,0.5) 99%, rgba(0,0,0,0.5) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(3,3,3,0.5) 100%,rgba(0,0,0,0.5) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(3,3,3,0.5) 100%,rgba(0,0,0,0.5) 100%);}
ul.coating-gallery li figure figcaption h2 {font-size:22px !important; left:15px; right:15px; text-align:left}

ul.coating-gallery figure:hover img{-webkit-transform:scale(1.4);transform:scale(1.4)}
ul.coating-gallery figure:hover .project-zoom{opacity:.75;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

ul.coating-gallery figure .project-title {position:absolute;bottom:10px;-webkit-transition: all .5s;-o-transition: all .5s;transition:all .5s; z-index:2}
ul.coating-gallery figure:hover .project-title {bottom:30px;opacity: 0;}

ul.coating-gallery-list {display:block; padding:0px; margin:0px; text-align:center}
ul.coating-gallery-list li {display:inline-block; padding:0px; margin:0px .5% 2%; float:none; width:32%; overflow:hidden; color:#fff}
ul.coating-gallery-list li figure {margin-bottom:5px;}

ul.coating-gallery-list li figure figcaption {position:absolute; left:0px; top:0px; bottom:0px; height:100%; width:100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(3,3,3,0) 99%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(3,3,3,0) 99%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(3,3,3,0) 99%,rgba(0,0,0,0) 100%);}

ul.coating-gallery figure .project-zoom{position:absolute;left:50%;top:50%;width:4em;height:4em;text-align:center; line-height:7.3em; margin:-2em;border-radius:50%;background-color:rgba(197,164,126,.90);overflow:hidden;opacity:0;-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s; z-index:2}
ul.coating-gallery figure .project-zoom:after{content:'+'; position:absolute;left:50%;top:50%;width:2.625em;height:2.625em;background-size:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); color:#fff; font-size:45px; font-weight:100}

@media (max-width:1100px) {
ul.coating-gallery .project-zoom{display:none}
ul.coating-gallery figure:hover img{-webkit-transform:scale(1);transform:scale(1)}
ul.coating-gallery .project-title {position:absolute;bottom:10px;-webkit-transition: all .5s;-o-transition: all .5s;transition:all .5s; z-index:2}
ul.coating-gallery figure:hover .project-title {bottom:10px;opacity: 1;}
}

@media (max-width:980px) {
ul.coating-gallery li {width:50%;}

ul.coating-gallery .project-zoom{display:none}
ul.coating-gallery figure:hover img{-webkit-transform:scale(1);transform:scale(1)}
ul.coating-gallery .project-title {position:absolute;bottom:10px;-webkit-transition: all .5s;-o-transition: all .5s;transition:all .5s; z-index:2}
ul.coating-gallery figure:hover .project-title {bottom:10px;opacity: 1;}

ul.coating-gallery-list {display:block; padding:0px; margin:0px; text-align:center}
ul.coating-gallery-list li {display:inline-block; padding:0px; margin:0px .5% 2%; float:none; width:32% !important; overflow:hidden; color:#fff}
ul.coating-gallery-list li figure {margin-bottom:5px;}
}

@media (max-width:767px) {
    ul.coating-gallery {padding:0px 10px;}
ul.coating-gallery li {width:100% !important;}
}

ul.pro-gallery {display:block; padding:0px; margin:0px;}
ul.pro-gallery li {display:block; padding:0px; margin:0px; float:left; width:33.33%; overflow:hidden; visibility:hidden; -webkit-animation-name:fadeIn;animation-name:fadeIn; background:#fff}

ul.pro-gallery li:nth-of-type(1n) {-webkit-animation-delay:0.5s;animation-delay:0.5s;}
ul.pro-gallery li:nth-of-type(2n) {-webkit-animation-delay:0.7s;animation-delay:0.7s;}
ul.pro-gallery li:nth-of-type(3n) {-webkit-animation-delay:0.9s;animation-delay:0.9s;}

ul.pro-gallery li figure {margin:0px; padding:0px; display:block; width:100%; height:100%; position:relative; overflow:hidden; float:left}
ul.pro-gallery li figure img {display:block;width: 100%; -webkit-transition: all 8s linear;-o-transition: all 8s linear;transition: all 8s linear; -webkit-transform:scale(1.1);transform:scale(1.1);}
ul.pro-gallery li figure:hover img{-webkit-transform:scale(1.4);transform:scale(1.4);}

ul.pro-gallery li figure .mask {opacity:0; background:#000; position:absolute; width:100%; height:100%; z-index:1; -webkit-transition: opacity 0.35s ease-in;transition: opacity 0.35s ease-in;}
ul.pro-gallery li figure:hover .mask {opacity:0.5;}

ul.pro-gallery figure.effect-bubba figcaption::before,
ul.pro-gallery figure.effect-bubba figcaption::after {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; z-index:2}
ul.pro-gallery figure.effect-bubba figcaption::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
ul.pro-gallery figure.effect-bubba figcaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}

ul.pro-gallery figure.effect-bubba h2,
ul.pro-gallery figure.effect-bubba p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; position:relative; z-index:2; text-align:center; opacity:0;}
ul.pro-gallery figure.effect-bubba h2 {padding-top:15%;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); font-size:28px !important}
ul.pro-gallery figure.effect-bubba p {padding:0px 2.5em;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}

ul.pro-gallery figure.effect-bubba:hover figcaption::before,
ul.pro-gallery figure.effect-bubba:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

ul.pro-gallery figure.effect-bubba:hover h2,
ul.pro-gallery figure.effect-bubba:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

ul.pro-gallery figure figcaption {padding:1em;color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

ul.pro-gallery figure figcaption::before,
ul.pro-gallery figure figcaption::after {pointer-events: none;}

ul.pro-gallery figure figcaption,
ul.pro-gallery figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

ul.pro-gallery figure .project-zoom{position:absolute;left:50%;bottom:0%;width:4em;height:4em;text-align:center; line-height:7.3em; margin:-2em;border-radius:50%;background-color:rgba(197,164,126,.90);overflow:hidden;opacity:0;-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s; z-index:2; border:1px solid #fff; background:transparent; bottom:0px;}
ul.pro-gallery figure .project-zoom:after{content:'+'; position:absolute;left:50%;top:50%;width:2.625em;height:2.625em;background-size:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); color:#fff; font-size:45px; font-weight:100}
ul.pro-gallery figure:hover .project-zoom{opacity:.75;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1); bottom:25%;}

@media (max-width:1100px) {
ul.pro-gallery li {width:33.32%;}

ul.pro-gallery li:nth-of-type(1n), ul.pro-gallery li:nth-of-type(2n), ul.pro-gallery li:nth-of-type(3n) {-webkit-animation-delay:0s;animation-delay:0s;}

ul.pro-gallery li figure img {-webkit-transform:scale(1);transform:scale(1);}
ul.pro-gallery li figure:hover img{-webkit-transform:scale(1);transform:scale(1);}

ul.pro-gallery li figure .mask {display:none}

ul.pro-gallery figure.effect-bubba figcaption::before, ul.pro-gallery figure.effect-bubba figcaption::after {display:none}

ul.pro-gallery figure.effect-bubba h2 {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; position:relative; z-index:2; text-align:center; opacity:1;}
ul.pro-gallery figure.effect-bubba p  {display:none}
ul.pro-gallery figure.effect-bubba h2 {padding-top:0px;-webkit-transform: translate3d(0,-0px,0);transform: translate3d(0,-0px,0); font-size:28px !important}
ul.pro-gallery figure.effect-bubba p {padding:0px 2.5em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);}

ul.pro-gallery figure.effect-bubba:hover figcaption::before,
ul.pro-gallery figure.effect-bubba:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

ul.pro-gallery figure.effect-bubba:hover h2,
ul.pro-gallery figure.effect-bubba:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

ul.pro-gallery figure figcaption {padding:1em 1em 2em;color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

ul.pro-gallery figure figcaption::before,
ul.pro-gallery figure figcaption::after {pointer-events: none;}

ul.pro-gallery figure figcaption,
ul.pro-gallery figure figcaption > a {position: relative;top: 0;left: 0;width: 100%;height: 100%; background:#000}

ul.pro-gallery figure .project-zoom{position:relative;left:50%;bottom:0%;width:2.5em;height:2.5em;text-align:center; line-height:7.3em; margin:0px; margin-left:-1em;border-radius:50%;background-color:rgba(197,164,126,.90);opacity:1;display:block;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1); display:none}
ul.pro-gallery figure:hover .project-zoom{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}

@media (max-width:980px) {
ul.pro-gallery figure.effect-bubba h2 {font-size:18px !important}
}

@media (max-width:767px) {
ul.pro-gallery li {width:100%;}

ul.pro-gallery li:nth-of-type(1n), ul.pro-gallery li:nth-of-type(2n), ul.pro-gallery li:nth-of-type(3n) {-webkit-animation-delay:0s;animation-delay:0s;}

ul.pro-gallery li figure img {-webkit-transform:scale(1);transform:scale(1);}
ul.pro-gallery li figure:hover img{-webkit-transform:scale(1);transform:scale(1);}

ul.pro-gallery li figure .mask {display:none}

ul.pro-gallery figure.effect-bubba figcaption::before, ul.pro-gallery figure.effect-bubba figcaption::after {display:none}

ul.pro-gallery figure.effect-bubba h2,
ul.pro-gallery figure.effect-bubba p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; position:relative; z-index:2; text-align:center; opacity:1;}
ul.pro-gallery figure.effect-bubba h2 {padding-top:0px;-webkit-transform: translate3d(0,-0px,0);transform: translate3d(0,-0px,0); font-size:18px !important}
ul.pro-gallery figure.effect-bubba p {padding:0px 2.5em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);}

ul.pro-gallery figure.effect-bubba:hover figcaption::before,
ul.pro-gallery figure.effect-bubba:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

ul.pro-gallery figure.effect-bubba:hover h2,
ul.pro-gallery figure.effect-bubba:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

ul.pro-gallery figure figcaption {padding:.5em 1em 2em;color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

ul.pro-gallery figure figcaption::before,
ul.pro-gallery figure figcaption::after {pointer-events: none;}

ul.pro-gallery figure figcaption,
ul.pro-gallery figure figcaption > a {position: relative;top: 0;left: 0;width: 100%;height: 100%; background:#000}

ul.pro-gallery figure .project-zoom{position:relative;left:50%;bottom:0%;width:2.5em;height:2.5em;text-align:center; line-height:7.3em; margin:0px; margin-left:-1em;border-radius:50%;background-color:rgba(197,164,126,.90);opacity:1;display:block;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1); display:none}
ul.pro-gallery figure:hover .project-zoom{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}

@media (max-width:1100px) {
.project-zoom{display:none}
.coating-gallery figure:hover img{-webkit-transform:scale(1);transform:scale(1)}
.project-title {position:absolute;bottom:10px;-webkit-transition: all .5s;-o-transition: all .5s;transition:all .5s; z-index:2}
.coating-gallery figure:hover .project-title {bottom:10px;opacity: 1;}
}

@media (max-width:980px) {
ul.coating-gallery li {width:50%;}

.project-zoom{display:none}
.coating-gallery figure:hover img{-webkit-transform:scale(1);transform:scale(1)}
.project-title {position:absolute;bottom:10px;-webkit-transition: all .5s;-o-transition: all .5s;transition:all .5s; z-index:2}
.coating-gallery figure:hover .project-title {bottom:10px;opacity: 1;}
}

@media (max-width:767px) {
ul.coating-gallery li {width:100%;}
}


/*
=====================================================================================================================================================
COATING DETAIL
=====================================================================================================================================================
*/
.bg-product {display:block; /*background:rgba(255,255,255,0.5);*/ padding-bottom:10px; float:right; /*width:99.3%;*/}
.bg-pro {display:table; width:100%; /*margin-left:-10px; margin-top:-10px;*/ position:relative;background:url(images/body-texture.jpg) repeat;}
.bg-pro .bg-left {/*background:url(images/bg-pro-left.jpg) right no-repeat; background-size:cover;*/ display:table-cell; padding:20px 0px 30px 15px; float:none; vertical-align:top}
.bg-pro .bg-right {/*background:#fff;*/ display:table-cell; padding:30px 25px 30px 35px; float:none; vertical-align:top; color:#202020}
.bg-pro .bg-right p {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

.bg-prod {display:block; /*background:#837659;*/ padding-bottom:10px; float:left; width:100%; margin:20px 0px 0px 12px; display:table}
.bg-prod .pic-container {margin-left:-10px; margin-top:-10px; max-width:450px;position:relative;}
.bg-prod .pic-container .zoomer-ico{position:absolute;bottom:10px;right: 10px;z-index: 999;color:#fff;font-size:20px;pointer-events:none;}

@media (max-width:980px) {
.bg-pro .bg-left {/*background:url(images/bg-pro-left.jpg) left; background-size: cover;*/ display:table-cell; padding:10px 10px 10px 10px; float:none; vertical-align:top}
.bg-product {padding-bottom:0px; width:100%;}
.bg-pro {margin-left:0px; margin-top:0px;}
.bg-prod .pic-container {margin-left:0px; margin-top:0px; max-width:450px;}

.bg-prod {/*padding:5px;*/ margin:0px; /*background:#837659*/}
}


@media (max-width:767px) {
.bg-product {padding-bottom:0px; width:100%;}
.bg-pro {margin-left:0px; margin-top:0px;}
.bg-pro .bg-left {display:block; padding:0px; /*background:#fff;*/}
.bg-pro .bg-right {display:block; padding:10px; float:left;}
.bg-prod .pic-container {margin-left:0px; margin-top:0px; max-width:450px;margin:0 auto;}

.bg-prod {padding:15px; margin:0px; /*background:#fff*/}
}

ul.btnlink {display:table; padding:0px; margin:0px; margin-left:-10px; width:450px;}
ul.btnlink li {display:table-cell; padding:0px 0px; margin:0px; width:33.33%; text-align:center; color:#fff; font-size:13px;}
ul.btnlink li .fa {margin-right:5px;}

ul.btnlink li.video {background:#070908}
ul.btnlink li.enquire {background:#201f18}
ul.btnlink li.catalogue {background:#393528}

ul.btnlink li a {color:#fff; display:block; padding:25px 0px; }
ul.btnlink li a:hover {color:#fff; text-decoration:underline}

@media (max-width:980px) {
ul.btnlink {display:table; padding:0px; margin:0px; margin-left:0px; width:100%; position:relative; z-index:9}
ul.btnlink li {display:table-cell; padding:5px 17px; margin:0px; width:33.33%; text-align:center; color:#fff; font-size:13px;}
ul.btnlink li .fa {margin-right:5px; display:block; font-size:18px; margin-bottom:5px;}
}

ul.clrlist {display:block; padding:0px; margin:0px -10px; text-align:center}
ul.clrlist li {display:inline-block; padding:0px; margin:0px 7px 30px; text-align:left; width:100px; color:#ece1c3; vertical-align:top; -webkit-animation-name:fadeIn;animation-name:fadeIn;}

ul.clrlist li:nth-child(1) {-webkit-animation-delay:0.5s;animation-delay:0.5s;}
ul.clrlist li:nth-child(2) {-webkit-animation-delay:0.6s;animation-delay:0.6s;}
ul.clrlist li:nth-child(3) {-webkit-animation-delay:0.7s;animation-delay:0.7s;}
ul.clrlist li:nth-child(4) {-webkit-animation-delay:0.8s;animation-delay:0.8s;}
ul.clrlist li:nth-child(5) {-webkit-animation-delay:0.9s;animation-delay:0.9s;}
ul.clrlist li:nth-child(6) {-webkit-animation-delay:0.9s;animation-delay:0.9s;}
ul.clrlist li:nth-child(7) {-webkit-animation-delay:0.8s;animation-delay:0.8s;}
ul.clrlist li:nth-child(8) {-webkit-animation-delay:0.7s;animation-delay:0.7s;}
ul.clrlist li:nth-child(9) {-webkit-animation-delay:0.6s;animation-delay:0.6s;}
ul.clrlist li:nth-child(10) {-webkit-animation-delay:0.5s;animation-delay:0.5s;}

@media (max-width:767px) {
ul.clrlist li:nth-child(1), ul.clrlist li:nth-child(2), ul.clrlist li:nth-child(3), ul.clrlist li:nth-child(4), 
ul.clrlist li:nth-child(5), ul.clrlist li:nth-child(6), ul.clrlist li:nth-child(7), ul.clrlist li:nth-child(8), 
ul.clrlist li:nth-child(9), ul.clrlist li:nth-child(10) {-webkit-animation-delay:0s;animation-delay:0s;}
}


ul.projgallery {display:block; margin:0px -0.9%; padding:0px; text-align:center}
ul.projgallery li {display:inline-block; margin:0px 0.3% 0.15%; padding:0px; width:19%; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; overflow:hidden}
ul.projgallery li figure {margin:0px; padding:0px; display:block; width:100%; height:100%; position:relative; overflow:hidden; float:left}
ul.projgallery li figure img {display:block;width: 100%; -webkit-transition: all 8s linear;-o-transition: all 8s linear;transition: all 8s linear; -webkit-transform:scale(1.1);transform:scale(1.1);}
ul.projgallery li figure:hover img{-webkit-transform:scale(1.4);transform:scale(1.4);}
ul.projgallery li figure .project-zoom{position:absolute;left:50%;top:50%;width:4em;height:4em;text-align:center; line-height:7.3em; margin:-2em;border-radius:50%;background-color:rgba(197,164,126,.90);overflow:hidden;opacity:0;-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s; z-index:2}
ul.projgallery li figure .project-zoom:after{content:'+'; position:absolute;left:50%;top:50%;width:2.625em;height:2.625em;background-size:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); color:#fff; font-size:45px; font-weight:100}
ul.projgallery figure:hover .project-zoom{opacity:.75;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

@media (max-width:767px) {
ul.projgallery li {display:inline-block; margin:0px; padding:0px; width:auto; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; overflow:hidden; float:none}
ul.projgallery li img {max-width:100%; width:100%;}
}


ul.photogallery {display:block; padding:0px; margin:0px;}
ul.photogallery li {display:block; padding:0px; margin:0px -1px -5px; overflow:hidden; -webkit-animation-name:fadeIn;animation-name:fadeIn; display:inline-block}
ul.photogallery li figure {margin:0px; padding:0px; display:block; width:100%; height:100%; position:relative; overflow:hidden; float:left}
ul.photogallery li figure img {display:block;width: 100%; -webkit-transition: all 8s linear;-o-transition: all 8s linear;transition: all 8s linear; -webkit-transform:scale(1.1);transform:scale(1.1);}
ul.photogallery li figure:hover img{-webkit-transform:scale(1.4);transform:scale(1.4);}
ul.photogallery li figure .project-zoom{position:absolute;left:50%;top:50%;width:4em;height:4em;text-align:center; line-height:7.3em; margin:-2em;border-radius:50%;background:rgba(197,164,126,.90) url(images/icon-zoom.png) no-repeat center center;overflow:hidden;opacity:0;-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s; z-index:2;}
ul.photogallery figure:hover .project-zoom{opacity:.75;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

ul.photogallery li:nth-of-type(1n) {-webkit-animation-delay:0.5s;animation-delay:0.5s;}
ul.photogallery li:nth-of-type(2n) {-webkit-animation-delay:0.7s;animation-delay:0.7s;}
ul.photogallery li:nth-of-type(3n) {-webkit-animation-delay:0.9s;animation-delay:0.9s;}

@media (max-width:1100px) {
ul.photogallery {display:block; padding:0px; margin:0px; text-align:center}
ul.photogallery li {display:block; padding:0px; margin:0px 1.5px 1px; float:none; overflow:hidden; -webkit-animation-name:fadeIn;animation-name:fadeIn; width:32%; display:inline-block}
}

@media (max-width:767px) {
ul.photogallery li {width:100%; margin-bottom:10px;}
ul.photogallery li figure img {-webkit-transform:scale(1);transform:scale(1);}
ul.photogallery li figure:hover img{-webkit-transform:scale(1);transform:scale(1);}
ul.photogallery li figure .project-zoom{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .7s;display:none}
ul.photogallery figure:hover .project-zoom{opacity:.75;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

ul.photogallery li:nth-of-type(1n),
ul.photogallery li:nth-of-type(2n),
ul.photogallery li:nth-of-type(3n) {-webkit-animation-delay:0s;animation-delay:0s;}
}

ul.coatinglist {display:block; padding:0px; margin:0px -0.435%; text-align:center}
ul.coatinglist li {display:block; padding:0px; margin:0px 0.400% 1px; width:19%; _-webkit-animation-name:fadeInUp;_animation-name:fadeInUp; overflow:hidden; display:inline-block; vertical-align:top}
ul.coatinglist li figure {margin:0px; padding:0px; display:block; width:100%; height:100%; position:relative; overflow:hidden; float:left}
ul.coatinglist li figure img {display:block;width: 100%; -webkit-transition: all 8s linear;-o-transition: all 8s linear;transition: all 8s linear; -webkit-transform:scale(1.1);transform:scale(1.1);}
ul.coatinglist li figure:hover img{-webkit-transform:scale(1.4);transform:scale(1.4);}
ul.coatinglist li figure .project-zoom{position:absolute;left:50%;top:50%;width:4em;height:4em;text-align:center; line-height:7.3em; margin:-2em;border-radius:50%;background-color:rgba(197,164,126,.90);overflow:hidden;opacity:0;-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s; z-index:2}
ul.coatinglist li figure .project-zoom:after{content:'+'; position:absolute;left:50%;top:50%;width:2.625em;height:2.625em;background-size:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); color:#fff; font-size:45px; font-weight:100}
ul.coatinglist figure:hover .project-zoom{opacity:.75;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

ul.coatinglist li:nth-of-type(1n) {-webkit-animation-delay:0.5s;animation-delay:0.5s;}
ul.coatinglist li:nth-of-type(2n) {-webkit-animation-delay:0.6s;animation-delay:0.6s;}
ul.coatinglist li:nth-of-type(3n) {-webkit-animation-delay:0.7s;animation-delay:0.7s;}
ul.coatinglist li:nth-of-type(4n) {-webkit-animation-delay:0.8s;animation-delay:0.8s;}
ul.coatinglist li:nth-of-type(5n) {-webkit-animation-delay:0.9s;animation-delay:0.9s;}

@media (max-width:1100px) {
ul.coatinglist li {min-height:240px; width:32%}
}

@media (max-width:767px) {
ul.coatinglist li {display:block; padding:0px; margin:0px 1% 10px; float:left; width:100%; min-height:initial; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; overflow:hidden}
ul.coatinglist li figure {margin:0px; padding:0px; display:block; width:100%; height:auto; position:relative; overflow:hidden; float:left}

ul.coatinglist li:nth-of-type(1n), ul.coatinglist li:nth-of-type(2n), ul.coatinglist li:nth-of-type(3n), ul.coatinglist li:nth-of-type(4n), 
ul.coatinglist li:nth-of-type(5n) {-webkit-animation-delay:0s;animation-delay:0s;}
}

.video_container {display:block; padding:0px; margin:0px;}
.video_container div {display:block; padding:0px 0px 20px 0px; margin:0px; position:relative}

.video_container div iframe {max-width:850px; width:100%; height:478px;}

/*
=====================================================================================================================================================
SOCIAL MEDIA
=====================================================================================================================================================
*/
ul.social_media			{margin:0px; padding:0px; width:auto; text-align:right}
ul.social_media li		{display:inline-block; list-style-type:none; list-style-image:none; padding:0px 0px 0px 10px; margin:0 0px 10px 0px; border:none;  vertical-align:top;}
ul.social_media li a	{display:block; font-size: 14px; transition:none .6s ease-in-out; -webkit-transition: none .6s ease-in-out; -moz-transition:none .6s ease-in-out; -o-transition:none .6s ease-in-out; -ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover  {display:block; font-size: 14px;}

ul.social_media .fa         {padding: 0px; margin:0px; font-weight:300; color:#afafaf; width:35px;  height:35px; border-radius:100%; line-height:33px; text-align:center;}
ul.social_media .fa:hover   {color:#fff}

.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram,.fa-whatsapp
{background:transparent; transition:all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; border:2px solid #afafaf}
ul.social_media	.fa-whatsapp{font-size:17px !important;}
.fa-facebook:hover          {background: #4862a3; border:2px solid transparent}
.fa-google:hover            {background: #3f85f4; border:2px solid transparent}
.fa-google-plus:hover       {background: #dd4b39; border:2px solid transparent}
.fa-linkedin:hover          {background: #0177b5; border:2px solid transparent}
.fa-youtube:hover           {background: #d02022; border:2px solid transparent}
.fa-youtube-play:hover      {background: #d02022; border:2px solid transparent}
.fa-tumblr:hover            {background: #2c4762; border:2px solid transparent}
.fa-twitter:hover           {background: #55acee; border:2px solid transparent}
.fa-pinterest:hover         {background: #db242c; border:2px solid transparent}
.fa-instagram:hover         {background: #5085af; border:2px solid transparent}
.fa-whatsapp:hover         {background: #119919; border:2px solid transparent}

@media (max-width:980px) {
    ul.social_media			{margin:0px; padding:20px 0px 5px 0px; width:100%; text-align:center}
}

   
ul.menu {display:block; padding:0px; margin:100px 0px 0px 20px;}
ul.menu li {display:block; padding:0px; margin:0px 0px 20px; color:#fff; font-size:18px;}

ul.menu li a {color:rgba(255,255,255,.55); text-decoration:none}
ul.menu li a:hover {color:rgba(255,255,255,1); text-decoration:none}

ul.menu li ul.social_media {float:left !important; text-align:left}
ul.menu li ul.social_media li {display:inline-block !important; padding:0px 7px 0px 0px}

@media (max-width:767px) {
ul.menu li {display:block; padding:0px; margin:0px 0px 10px; color:#fff; font-size:18px;}
ul.menu li ul.social_media {float:left !important; text-align:left; margin-top:0px; padding:10px 0px 0px 0px;}
}






.navbar-bg{background:rgba(0,0,0,0);}
.navbar-bg .navbar-nav li,.navbar-bg .navbar-nav li a.active,.navbar-bg .navbar-nav li a:hover{color:#fff}
.navbar-bg .navbar-nav li a.active:after,.navbar-gradient .navbar-nav li a:after,.navbar-gradient .navbar-nav li a:hover:after{border-bottom:solid 1px #fff}
.navbar-bg.shrink .navbar-nav li a.active:after,.navbar-bg.shrink .navbar-nav li a:after,.navbar-bg.shrink .navbar-nav li a:hover:after,.navbar-nav li.active{border-bottom:solid 1px #000}
.navbar-nav li{padding:0;font-weight:600;position:relative;font-size:14px;text-transform:uppercase;color:#000}
.navbar-nav li a.active:after,.navbar-nav li a:after,.navbar-nav li a:hover:after{position:absolute;bottom:0;left:0;display:block;content:'';padding:0;margin:0;width:100%;border-bottom:solid 1px #000;transition:transform .2s ease-in-out}
.navbar-nav li a{color:inherit;padding:0;display:block}
.navbar-nav li a.active,.navbar-nav li a:hover{color:#000;text-decoration:none!important}

.navbar-nav li a:after{-webkit-transform:scale(0);transform:scaleX(0)}
.navbar-nav li a.active:after,.navbar-nav li a:hover:after{-webkit-transform:scale(1);transform:scaleX(1)}
.navbar-nav li.active{color:#000;-webkit-transform:scale(1);transform:scaleX(1);transition:transform .2s ease-in-out}
.navbar{height:100px;-webkit-transition:all .6s,height .6s,background .6s;-moz-transition:all .6s,height .6s,background .6s;transition:all .6s,height .6s,background .6s,box-shadow .6s}                                                                                                                                    
.navbar.shrink{height:100px;background:rgba(0,0,0,.75);}
.navbar .navbar-brand{-webkit-transition:all .6s,padding .6s;-moz-transition:all .6s,padding .6s;transition:all .6s,padding .6s}
.navbar .navbar-brand img{height:100px;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s}
.navbar.shrink .navbar-brand img{height:70px}
.navbar .navbar-nav{padding:0;margin:50px 0 0;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s}
.navbar.shrink .navbar-nav{margin:40px 0 0}
.navbar-nav li{-webkit-transition:color .1s;-moz-transition:color .1s;transition:color .1s}
.navbar.shrink .navbar-nav li{color:#000}
.navbar.shrink .navbar-nav li:hover{color:#000!important}
.navbar.shrink .burger-holder {float: right;width: 50px;height: 50px;border-radius: 100%;margin-top: 23px !important;position: relative;z-index: 9999;margin:25px 15px;}

@media (max-width:1024px){
    .navbar-nav{margin-top:75px;display:block}
    .navbar-nav li{padding:10px 0;font-size:12px;text-transform:uppercase;color:#000;font-weight:400;border-bottom:1px solid #ebf1f5;display:block!important}
    .navbar-nav li:before{content:'\f105';padding-right:10px;font-family:FontAwesome;color:#20455e;float:left;margin-left:0;font-weight:700}
    .navbar-nav li.nav-item{display:block;float:none!important}
    .navbar-nav .nav-item+.nav-item{margin:0!important}
    .navbar-nav li a.active:after,.navbar-nav li a:after,.navbar-nav li a:hover:after{position:absolute;bottom:0;left:0;display:block;content:'';padding:0;margin:0;border-bottom:solid 0 #000;transition:transform .2s ease-in-out;width:100%}
    .navbar-nav li a{color:inherit;padding:0;display:block}                                                                                                                                                                                                                                           
    .navbar-nav li a:after{transform:scaleX(0)}
    .navbar-nav li a.active:after,.navbar-nav li a:hover:after{transform:scaleX(1)}
    .navbar-gradient .navbar-nav li,.navbar-gradient .navbar-nav li a.active,.navbar-gradient .navbar-nav li a:hover{color:#000}
}

@media (max-width:767px){
    .inside-visual{height:250px}
    .mobile-visual{height:100%;max-height:200px;display:block!important;margin-top:65px;margin-bottom:15px}
    .navbar,.navbar-gradient,.navbar.shrink{height:100px;}
    .navbar .navbar-brand img,.navbar.shrink .navbar-brand img{height:70px}
    .navbar .navbar-brand,.navbar.shrink .navbar-brand{padding:0px 0}
    .burger-holder, .navbar.shrink .burger-holder {float: right;width: 40px;height: 40px;border-radius: 100%;margin-top: 28px !important;position: relative;z-index: 9999;margin: 15px;}
}

.brand-logo {position:absolute; bottom:0px; right:0px; left:0px; color:#777777; opacity:0.65}
.brand-logo img {opacity:0.75}

.pic-container .tp-banner ul li a {position:absolute !important; width:100% !important; height:100% !important; z-index:99 !important; top:0px;}

/*
=====================================================================================================================================================
FORM STTYLING
=====================================================================================================================================================
*/
/* Basic Reset */
input, textarea, select, label {font-family:inherit; font-size:13px !important; margin:0px; box-shadow:none !important; border-radius:0px !important; position:relative}
input, textarea, select, label {resize:none; outline:none; transition:all .6s ease !important; -webkit-transition:all .6s ease !important; -moz-transition:all .6s ease !important; -o-transition:all .6s ease !important; -ms-transition:all .6s ease !important; border:none !important}
input[type="text"], input[type="password"], textarea, select, label, input[type="submit"]   {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*input, textarea, label {-webkit-appearance: none;}*/
.err {color:#c80000; font-size:12px;}
.err-brwn {color:#d0c29d; font-size:12px;}

input[type="text"]        {border:1px solid #e3e5f3 !important; padding:10px 10px; width:100%; background:#fff; color:#000; height:auto}
input[type="text"]:hover  {border:1px solid #e3e5f3 !important; color:#000; background:#fffbf2}
input[type="text"]:focus  {border:1px solid #d9c8a7 !important; color:#000; background:#fffbf2}

textarea        {border:1px solid #e3e5f3 !important; padding:8px 10px; width:100%; background:#fff; color:#000; height:99px !important; resize:none}
textarea:hover  {border:1px solid #e3e5f3 !important; color:#000; background:#fffbf2}
textarea:focus  {border:1px solid #e3e5f3 !important; color:#000; background:#fffbf2}

input[type="submit"]       {border:1px solid #d9c8a7 !important; padding:10px 20px 10px !important; background:#d9c8a7 !important; color:#000; text-transform:uppercase; cursor:pointer; font-size:16px; font-weight:600; display:inline-block; width:auto !important}
input[type="submit"]:hover {border:1px solid #bcaa86 !important; background:#bcaa86 !important; color:#fff}

.verification_box                 {display:block; width:100%; color:#999}
.verification_box .captcha-img    {display:inline-block; width:100px; float:left; text-align:center; margin-right:5px;}
.verification_box .captcha-img div {width:100px;}
.verification_box .captcha-img div img {width:100%;}

.verification_box .captcha-code   {display:inline-block; width:19%; float:left;}
.verification_box .captcha-code input {padding:6px 6px 7px !important;}
.verification_box .captcha-text   {display:inline-block; width:auto; float:left; text-align:left; padding:5px 0px 0px 0px; margin-left:5px; font-size:12px; }
.verification_box .captcha-text a {text-decoration:underline; color:#d9c8a7;} 
.verification_box .captcha-text a:hover {text-decoration:none; color:#bbaa8a;}

#contact input[type="text"]        {border:1px solid #404040 !important; padding:8px 7px; width:100%; background:transparent !important; color:#afafaf;}
#contact input[type="text"]:hover  {border:1px solid #afafaf !important; color:#afafaf}
#contact input[type="text"]:focus  {border:1px solid #afafaf !important; color:#afafaf}

#contact textarea        {border:1px solid #404040 !important; padding:7px 7px; width:100%; background:transparent !important; color:#afafaf; height:135px}
#contact textarea:hover  {border:1px solid #afafaf !important; color:#afafaf}
#contact textarea:focus  {border:1px solid #afafaf !important; color:#afafaf}

.sitemap ul li {display:block; margin-bottom:5px;}
.sitemap ul li a {color:#fff;}
.sitemap ul li a:hover {color:#fff; text-decoration:underline}

ul.contactlist {display:block; padding:0px; margin:0px;}
ul.contactlist li {list-style:none; margin:0px 0px 0px 0px; margin-bottom:8px; padding:0px 10px 4px; width:100% !important; padding-left:30px; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; text-align:left;display:block}
ul.contactlist li.add:before {content:'\f041'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt;}
ul.contactlist li.phone:before {content:'\f095 '; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt;}
ul.contactlist li.mobile:before {content:'\f10b'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt;font-size:24px;}
ul.contactlist li.email:before {content:'\f003'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt;}
ul.contactlist li.map:before {content:'\f279'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt;}
ul.contactlist li.whatsapp:before {content:'\f232'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-30px; line-height:18pt;font-size:20px;}
ul.contactlist li iframe {width:90% !important; padding-top:10px;}
@media (max-width:767px) {
ul.contactlist li iframe {width:100% !important;}
}

ul.contactlist li a {color:#afafaf}

.about-caption {background:#202020; padding:15px 12%; text-align:center; margin-top:15px; margin-bottom:30px; border:1px solid #303030; font-size:17px; }
@media (max-width:767px) {
.about-caption {background:#202020; padding:15px 15px; text-align:left; margin-top:15px; margin-bottom:30px; border:1px solid #303030; font-size:17px; }
}

/*  Breadcrumbs */
.breadcrumbs_panel {  padding:20px 0; margin:0 0;  position:relative;    }
.breadcrumb {  padding:0 !important; padding-top:20px !important; margin:0 0 20px !important; border-top:1px solid #3a3a3c !important; background-color: transparent !important; position:relative }
.breadcrumb li {display:inline-block; padding:0; margin:0; list-style:none; font-size:13px; color:#afafaf; }
.breadcrumb li.active {  color:#323232;}
.breadcrumb > li + li:before{content: "\f105" !important; font-family: 'FontAwesome'; color: #afafaf !important; padding:0 8px;}
.breadcrumb a { color:#afafaf !important; text-decoration:none; padding:0;}
.breadcrumb a:hover { color:#323232; text-decoration:underline;}
.breadcrumb li .fa-home{ color: #d8c8a7 !important;}

@media (max-width: 767px) {
.breadcrumb:after { background:none;position:relative;height:0px;top:0px;}
}

/*request sample form*/
.w-100{width:100%}
.d-flex{display:flex; }
.align-items-end{align-items:flex-end}
.justify-content-center {justify-content: center}
.request-btn{ margin-left:20px; display:inline-block}
textarea{resize:none !important}

.form-text-list{margin:0px; padding:0px; list-style:none; margin-top:20px;}
.form-text-list li{display:inline-block; margin-bottom:15px; width:49%;}
.form-text-list li div{display:flex; padding-right:10px;}
.form-text-list li span.num{ display:inline-block; font-size:18px; font-weight:bold;color:#d8c8a7; min-width:35px; height:35px; width:35px; text-align:center; line-height:35px; margin-right:10px; background:#202020; border-radius:50rem;}
.form-text-list li span.text{padding-top:5px;}
/*anchor-focus*/
.anchor-focus:before {display: block;content: " "; height: 120px;margin-top: -120px;visibility: hidden;}

.sample-color-list{margin-top:15px !important;}
.sample-color-list li{margin:0px 10px 15px 10px !important;}
.sample-color-list li input{ /*-webkit-appearance:listbox !important;*/ display:inline-block; min-width:16px; width:16px; height:16px; margin-right:5px;}
.sample-color-list li .pro-name{ margin-top:5px; line-height:1.2 !important;}
.sample-color-list li .pro-name .product-name{font-size:13px; padding-top:1px}



#sample-form .form-group{position: relative !important; margin-bottom:20px;}

.input-focus{border-bottom-color:#ccc !important;}
.form-label{ position:absolute;z-index:0; top:12px; left:15px;   transition:all 200ms ease-out;}
#sample-form .form-group label{}
.form-label.label-focus{top:-11px;left:15px; /*font-size:12px;*/color:#afafaf; background-color:#404040  !important;z-index:30; padding:1px 7px; border-radius:0rem !important}
#sample-form .form-group .form-control{padding-left:30px; z-index:2; position:relative !important; height: 45px; border:0px !important; border-radius:0rem !important; position:relative; background-color:transparent !important; border:1px solid #404040 !important}

#sample-form .select-list {color: #afafaf; padding-left:10px !important}
#sample-form .btn-sbm-marg-t { margin-left:20px; padding-left:30px !important; padding-right:30px !important}
.contact-btn{align-items:flex-end}
.contact-btn .btn-sbm-marg-t {margin-left: 20px;}
.text-center{text-align:center !important}

.applicators-list{ padding:0px; list-style:none; margin-bottom:20px; display:flex; align-items:stretch; flex-wrap:wrap}
.applicators-list li{display:flex;}
.applicators-list li .card{background: #202020; border:1px solid #202020; padding:15px; margin-bottom:20px; width:100%;}
.applicators-list li .card h5{font-weight:300 !important; font-size:18px !important;}
.info-table tr td{vertical-align:top; padding:2px;}
.info-table .fa{margin-right:10px;}
.pr-1{padding-right:5px;}
#sample-form input[type="text"],   #sample-form textarea    {color: #afafaf;}
#sample-form input[type="text"]:hover, #sample-form :hover {color: #afafaf;}
    #sample-form input[type="text"]:focus, #sample-form textarea:focus, .text-div {
        color: #afafaf !important;
    }
.text-div,.req-height{min-height:145px;}
.cta{padding:40px; position:relative; z-index:999;}
.cta .btn-cta{background:#fff; color:#000; padding:10px 15px; font-weight:bold; display:inline-block; margin-top:10px;}
.cta .btn-cta:hover{background:#000; color:#fff; text-decoration:none}
.align-items-center{align-items:center}
@media(max-width:767px) {
    .no-flex-mob{display:block;}
    .color-rng .request-btn{margin-top:20px; margin-left:0px}
    .px-mob-0{padding-left:0px !important; padding-right:0px !important;}
    #sample-form .btn-sbm-marg-t{margin-left:0px !important; margin-top:20px;}
    .applicators-list,.applicators-list li{display:block;}
    .contact-btn .btn-sbm-marg-t {margin-left: 0px; margin-top:20px}
    .acc_container{padding:0px !important; background:none !important; border:0px !important;}
    .sample-color-list li{margin:5px !important}
    .form-text-list li{display:block; margin-bottom:10px; width:100%;}
    .form-text-list{margin-top:0px;}
    .cta{padding:10px;}
    .cta .d-flex{display:block; text-align:center; width:100%;}
}
.d-none{display:none;}
#msg-popup{padding:30px; text-align:center; min-width:300px; display:block;}
#msg-popup a.btn{min-width:80px; text-align:center; display:inline-block}

.active-block {display:block !important}
.active-none {
    display: none !important
}

/*Whatsapp*/
.float-whatsapp {position:fixed; z-index: 999; bottom:126px; left:20px; display: flex!important; align-items: center!important; justify-content: flex-start!important; }
.float-whatsapp span {display:none; background:#fff; color:#000 !important;font-size: .95rem; border-radius:50rem; padding: 12px; margin-right:12px; box-shadow: 1px 2px 9px 0px rgba(59,64,76,0.75); -webkit-box-shadow: 1px 2px 9px 0px rgba(59,64,76,0.75); -moz-box-shadow: 1px 2px 9px 0px rgba(59,64,76,0.75);}
.float-whatsapp span a{color:#000 !important;}
.float-whatsapp span a:hover, .float-whatsapp span a:focus {text-decoration:none !important}
.float-whatsapp .fa-whatsapp { border: 2px solid #afafaf; background:#000; color:#afafaf;  font-size: 40px; border-radius:50rem; height:60px; width:60px; text-align:center; line-height:57px !important}
.float-whatsapp:hover .fa-whatsapp { color:#fff !important; }
@media (max-width: 768px) {
.float-whatsapp {left:70px !important; bottom:10px !important;}  
}
@media (max-width: 575px) {
.float-whatsapp {left:10px !important; bottom:10px !important;}
.float-whatsapp span {display:none !important} 
}

/*Blog*/
.blog-category {}

.blog-category .blog-card, .blog-category .blog-header,.blog-category .blog-body, .blog-category .blog-footer{background:none; border:0px; padding:0px; border-radius:0px !important}
.blog-category{display:flex; flex-wrap:wrap;}
.blog-category .blog-card h2{font-size:18px !important; color:#fff; font-weight:400 !important; margin-top:10px; margin-bottom:0px !important;}
.blog-category a.blog-card {position: relative; text-decoration:none; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; min-width: 0;word-wrap: break-word;background-clip: border-box;color: #afafaf; margin-bottom:40px;}
    .blog-category .blog-header{overflow:hidden}
    .blog-category .blog-card p.date{margin-bottom:5px;}
  .blog-category .blog-footer{margin-top:auto;}
.blog-category a.blog-card:hover{text-decoration:none}
.blog-category a.blog-card img {display:block;width: 100%; -webkit-transition: all 8s linear;-o-transition: all 8s linear;transition: all 8s linear;}
.blog-category a.blog-card:hover img{-webkit-transform:scale(1.4);transform:scale(1.4)}
.blog-category a.blog-card:hover .btn-primary{background:#b3a487 !important}
.card-header{overflow:hidden}
.blog-details{margin-bottom:20px; padding-top:30px !important;}
.blog-details h1,.blog-details h2, .blog-details h3,.blog-details h4,.blog-details h5,.blog-details h6{color:#fff !important;}
.blog-details h1{text-transform:initial !important; color:#fff !important}
.blog-details a{color:#fff !important; text-decoration:underline !important}
.blog-details ul, .blog-details ol{margin-left:15px;}
.blog-details img{max-width:100%; height:auto !important}
.blog-details iframe{max-width:100%;}
.heading-flex{display:flex; justify-content:flex-end; margin-bottom:40px; width:100%}
.heading-flex .heading-top{display:flex; justify-content:space-between; align-items:center}
.heading-flex .heading-top header{margin-bottom:0px !important;}
.text-center{text-align:center}
.link{color:#afafaf;}
.link:hover{color:#fff;}
.blog-header-details{display:flex; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.4)}
.blog-header-details h1{font-size:23px !important; font-weight:600 !important;line-height:1.5 !important}
.blog-header-details img{margin-right:30px;} 
.blog-header-details .rgt{margin-top:8px;}
@media(max-width:991px){
.blog-header-details{display:block;}
}
@media(max-width:767px){
.heading-flex .heading-top{width:100%;}
.blog-header-details img{margin-right:0px;}
}