/******************************************************************************************
   + Global Settings 
*******************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
html, body {height: 100%}
html { min-height: 100%; position: relative; font-size: 18px; line-height: 28px;}
body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 15px; line-height: 1.7; height: 100%; color: #444;}
h1 { font-family: inherit; font-weight: 600; font-style: inherit; font-size: 2.3em; line-height: 1.15; margin-top: 20px; margin-bottom: 40px; color: #000 }
h2 { font-family: inherit; font-weight: 600; font-style: inherit; font-size: 2.1em; line-height: 1.3; margin-top: 40px; margin-bottom: 40px; color: #000 }
h3 { font-family: inherit; font-weight: 600; font-style: inherit; font-size: 1.45em; line-height: 1.7; margin-top: 25px; margin-bottom: 25px; color: #000; font-style: italic; }
h4 { font-family: inherit; font-weight: 600; font-style: inherit; font-size: 1.2em; line-height: 1.3; margin-top: 25px; margin-bottom: 25px; color: #000 }
h5 { font-family: inherit; font-weight: 400; font-style: inherit; font-size: 0.8em; line-height: 23px; margin-top: 25px; margin-bottom: 25px; color: #000}
p, ul, ol, pre, table, blockquote, address { margin-top: 0px; margin-bottom: 25px;}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; } hr { border: 1px solid; margin: -1px 0; }
b, strong, em, small, code, modal { line-height: 1; }
b, strong, .table>tbody>tr>th {font-weight: 700; color: #444}
a, a:active {color: #782098; text-decoration: none; transition: 100ms linear;}
a:hover, a:focus {color: #46453f; text-decoration: none !important;}
.btn-primary, a.btn-primary { transition: 150ms linear; background-color: #dfa900; border-radius: 25px; line-height: 1; padding:15px 35px 15px 25px; color: #fff; text-shadow: none; border:1px solid #dfa900; position: relative; min-width: 120px; text-transform: uppercase; font-weight: 600; position: relative;}
.btn-primary:after, a.btn-primary:after { font-family: 'FontAwesome'; content: "\f105"; transition: 150ms; position: absolute; top:15px; right: 20px; z-index: 1; display: block; transition: 150ms ease;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus {background-color: #782098; color: #fff; border-color: #782098; padding-right: 40px;}
.btn-primary.white, a.btn-primary.white {background-color: #fff; color: #000; border-color: #fff}
.btn-primary.white:hover, .btn-primary.white:active, .btn-primary.white:focus, a.btn-primary.white:hover, a.btn-primary.white:active, a.btn-primary.white:focus {background-color: #dfa900; color: #fff; border-color: #dfa900; padding-right: 40px;}
.btn-primary:hover:after {color: #fff; padding-left: 5px;}
.container {width: 100%; max-width: 1170px;}
.ico {background-size: cover; background-repeat: no-repeat; display: inline-block; vertical-align: bottom;}
.selectbox:before { content: ''; }
.gutter-15.row { margin-right: -7.5px; margin-left: -7.5px; }
.gutter-15 > [class^="col-"], .gutter-15 > [class^=" col-"] { padding-right: 7.5px; padding-left: 7.5px; }
::-moz-selection { background-color:#782098; color:#fff }
::selection { background-color: #782098; color: #fff }
hr {border-width: 6.5px; border-color: #eaeaea; margin-bottom: 25px;}
/******************************************************************************************
   + Header 
*******************************************************************************************/
header {position: fixed; top: 0; z-index: 4; margin:auto; left: 0; width: 100%; transition: top 0.2s ease-in-out; background-color: #fff;}
header .site-brand {display: inline-block;padding: 10px 0 10px 15px;}
header .site-brand img {width: 130px; transition: 150ms linear;}
#side-nav .main-nav {list-style: none; padding:0; margin:0; font-size: .95em;}
#side-nav .main-nav>li {margin-bottom: 15px; position: relative;}
#side-nav .main-nav>li.active>a {color:#782098; font-weight: 600;}
#side-nav .main-nav>li a {color:#46453f; font-weight: 400; text-transform: uppercase; padding:6px 12px;}
#side-nav .main-nav>li li>a {color: #333; padding:5px 12px; text-transform: inherit;}
#side-nav .main-nav .btn-primary {color: #fff; padding:8px 15px;}
#side-nav .main-nav .btn-primary:hover, #side-nav .main-nav .btn-primary:focus {color: #fff;}
#side-nav .main-nav .btn-primary img {margin-right: 8px; vertical-align: text-middle;}
/******************************************************************************************
   + General & Home
*******************************************************************************************/
.bg-white {background-color: #fff;}
section {padding-top: 80px; padding-bottom: 60px; position: relative;}
section h2 {position: relative; text-align: center; padding-left: 60px; padding-right: 60px; text-transform: uppercase; max-width: 570px; margin:0 auto 40px;}
section h2:before, section h2:after {position: absolute; content: ''; width: 125px; height: 3px; background-color: #000; top: 20px; }
section h2:before {left: 0;}
section h2:after {right: 0;}
section.dark * {color: #fff}
section.dark h2:before, section.dark h2:after {background-color: #fff}
section ul.list-custom {padding-left: 0; list-style: none;}
section ul.list-custom li {position: relative; margin-left: 10px; padding-left: 20px; margin-bottom: 5px}
section ul.list-custom li:before, .page-menu li a:before, .timeline .timeline-panel:before {position: absolute; content: "\e089"; top: 4px; font-size: 1.2em; left: -9px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 600; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #782098}
section ul.list-custom.list-inline {margin-left: 0}
section ul.list-custom.list-inline li:first-child {padding-left: 20px}
.img-holder img {max-width: 100%}
.main-hero {background-position: center; background-size: cover; height: 190px; margin-top: 0px; position: relative;}
.main-hero#index-hero {min-height: 500px;}
.main-hero * {color: #fff}
.main-hero .hero-caption {position: absolute; bottom: -20px;  z-index: 2; width: 100%; left: 0; right: 0; text-align: center;}
.main-hero#index-hero .hero-caption {top: 50%; bottom: initial; transform: translateY(-50%); left: 5%; right: initial; margin: auto; max-width: 640px; text-align: left;}
.main-hero h1 {margin:0; padding:0; display: inline-block; text-transform: uppercase;}
.main-hero h1>span {background-color: #782098; padding: 12px 40px; display: block;}
.main-hero#index-hero h1>span {padding: 20px 30px;}
.main-hero#index-hero h1>span:first-child {background-color: #dfa900; margin-bottom: 8px; display: inline-block;}
.main-hero p {margin-top: 20px;}
.main-hero .bg-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.75)}
.main-hero#index-hero .bg-overlay {width: 50%;}
#index-intro .container	{width: 100%; max-width: 780px; margin-left: auto; margin-right: auto;}
#index-intro .container > * {padding-left: 2vw; padding-right: 2vw;}
#index-product .footnote {padding-top: 45px; clear: both; margin-bottom: 50px;}
#index-product .mask {position: absolute; background-color: #fff; bottom: 0px;z-index: 1; height: 290px; width: 100%; left: 0}
.showcase-products {margin-top: 20px;}
.showcase-products .item {width: 25%; background-color: #000; text-align: center; border:1px solid #4b4b4b; display: inline-block; margin:0; float: left;}
.showcase-products .item .caption {padding:20px; font-weight: 600;}
.list-grid-2 {margin-left: -30px; margin-right: -30px;}
.list-grid-2 .item {width: 50%; float:left; padding-left: 30px; padding-right: 30px; margin-bottom: 20px;}
.list-grid-2 .item .img-holder {float: left; padding-right: 20px;}
.list-grid-2 .item .img-holder img {max-width: 100%}
.list-grid-2 .item .caption{overflow: hidden;}
.list-grid-2 .item .caption h3{margin-bottom: 10px;}
#index-services .list-grid-2 {max-width: 1100px; margin-left: auto; margin-right: auto;}
#index-services .list-grid-2 .img-holder img {max-width: 140px;}
#index-operations p.intro {margin-left: auto; margin-right: auto; max-width: 420px; text-align: center;}
.operation-map {position: relative; text-align: center; max-width: 936px; margin-left: auto; margin-right: auto;}
.operation-map .dots {position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin:auto;}
.operation-map .dots .item {width: 24px; height: 24px; display: block; border:5px solid #dfa900; border-radius: 50%; position: absolute;}
.operation-map .dots .item.dot1 {bottom: 44%; right: 23%;}
.operation-map .dots .item.dot2 {bottom: 51%; right: 19%;}
.operation-map .dots .item.dot3 {bottom: 34%; right: 19%;}
#index-operations .footnote {max-width: 900px; margin-left: auto; margin-right: auto; margin-top: -40px;}
#index-operations .footnote .item {float: left; width: 33.3%}
#index-operations .footnote .item .img-holder {float: left; padding-right: 35px;}
#index-operations .footnote .item .img-holder span {color: #dfa900; font-size: 1.8em; display: block; top: 18px;}
#index-operations .footnote .item .caption {overflow: hidden;}
#index-operations .footnote h2 {text-align: left; max-width: none; padding:0;margin:10px 0;}
#index-operations .footnote h2:before, #index-operations .footnote h2:after {display: none;}
#index-operations .footnote p {position: relative; padding-top: 20px; margin-top: 12px;}
#index-operations .footnote p:before {position: absolute; width: 124px; height: 3px; top: 0; content: ''; left: 0; background-color: #782098}
.online-form .container .wrapper {border-top: 13px solid #eaeaea; margin-top: 60px; padding-top: 80px;}
.online-form p.intro {margin-left: auto; margin-right: auto; max-width: 355px; width: 100%; text-align: center;}
.online-form .form-area {margin-top: 60px; max-width: 700px; margin-left: auto; margin-right: auto;}
.online-form input, .online-form textarea {border:2px solid transparent; background-color: #f4f4f4; min-height: 50px; box-shadow: none; transition: 150ms linear; border-radius: 0}
.online-form input:focus, .online-form textarea:focus { box-shadow: none; border-color: #782098}
.online-form#index-contact-form .container .wrapper {border-top: none; margin-top: 0; padding-top: 0}
footer {background-color: #000; padding-top: 35px; color: #fff}
footer img {max-width: 100%}
footer ul {list-style: none; padding-left: 0; margin-bottom: 0}
footer ul li.title a {color: #fff; font-weight: 700; text-transform: uppercase; line-height: 2; font-size: 1em;}
footer ul li {line-height: 1.2; margin-bottom: 8px;}
footer ul li a {color: #eee; transition: 150ms linear; font-weight: 300; font-size: 0.9em;}
footer ul li a:hover, footer ul li a:focus {color: #dfa900;}
footer h3 {color: #fff; margin-bottom: 5px;}
footer .bigNumber {display: block; color: #dfa900; font-size: 1.4em; font-weight: 600; font-style: italic; margin-bottom: 80px;}
footer p.copyright {text-align: center; padding-left: 15px; padding-right: 15px; color: #000; margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; font-size: 0.9em;}
footer .row .row .row .col-sm-6 {position: relative;}
/******************************************************************************************
   + Main
*******************************************************************************************/

.main-content img {max-width: 100%;}
.block-orange {background-color: #dfaa26}
.block-purple {background-color: #772b90}
.block-pink {background-color: #cd2c7e}
.block-yellow {background-color: #dcc323}
.page-menu .btn-menu {border:1px solid #782098; color: #782098; width: 100%; margin:30px auto; padding:12px 0; text-align: center;}
.page-menu .dropdown-menu {padding:0; overflow: hidden; width: 90%; margin-left: auto; margin-right: auto; right: 0}
.page-menu .dropdown-menu>li>a { }
.page-menu .dropdown-menu>.active>a {background-color: #782098; color: #fff;}
.main-content hr {border-width: 0.5px; margin:40px 0}
.main-content hr.thick {border-width: 6.5px; border-color: #eaeaea; margin-bottom: 25px;}
.main-content h3:first-child {margin-top: 6px;}
.timeline { list-style: none; padding: 0; position: relative; margin-top: 50px; } 
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #000; left: 50%; margin-left: -1.5px; } 
.timeline > li { margin-bottom: 20px; position: relative; } 
.timeline > li:before, .timeline > li:after { content: " "; display: table; } 
.timeline > li:after { clear: both; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; } 
.timeline > li:after { clear: both; } 
.timeline > li > .timeline-panel { width: 46%; float: left; margin-bottom: 10px; margin-top: 10px }
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline .timeline-panel:before {margin:auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 35px; height: 17px; z-index: 1; border-radius: 50%; text-align: center; background-color: #fff}
.timeline li:first-child .timeline-panel {margin-top: 0}
.timeline li:first-child .timeline-panel:before {bottom: inherit;}
.timeline li:last-child .timeline-panel {margin-bottom: 0}
.timeline li:last-child .timeline-panel:before {top: inherit;}
.timeline h3 { margin-top: 0 !important; margin-bottom: 0px; font-size: 1.6em; padding-right: 2px; line-height: 1.3}
.timeline p { margin-bottom: 0;}
.timeline .timeline-img {padding: 0 10px; float: right;}
.timeline li.timeline-inverted .timeline-img {float: left;}
.timeline .timeline-body {overflow:hidden; text-align: right;}
.timeline li.timeline-inverted .timeline-body {text-align: left; }
.timeline p.h3 {font-weight: 400;}
.list-grid .item {border-bottom: 1px solid #ebebeb; margin-bottom: 30px; padding-bottom: 20px;}
.list-grid .item:last-child {border-bottom: 0}
.list-grid .item .media-left {padding-right: 30px;}
.list-grid .item .media-left img {max-width: none;}
.list-grid.noneImg-block .media-left {min-width: 150px; height: 80px; text-align: center; color: #fff; position: relative; padding-right: 0}
.list-grid.noneImg-block .media-left .title {margin: auto; font-size: 1.5em; line-height: 1.1; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; font-style: italic; }
.list-grid.noneImg-block .media-body {padding-left: 50px;}
.list-grid.noneImg-block .media-body ul {margin-bottom: 0;}
.list-grid.noneImg-block .media-body ul li {margin-right: 10px; min-width: 180px;}
.list-grid.noneImg-block .media-body ul.narrow {max-width: 460px;}
.list-grid.noneImg-block .media-body ul.narrow li {min-width:80px; margin-right: 20px;}
.list-products {margin: 40px -1.5%}
.list-products .item {width: 30%; float: left; margin-bottom: 20px; margin-left: 1.5%; margin-right: 1.5%}
.list-products .item .img-holder {max-height: 200px; min-height: 200px; overflow:hidden;}
.list-products .item .caption {text-align: center; padding-top: 5px; padding-bottom: 5px;}
.list-products .item .caption .title {font-weight: 600; color: #000}
#location-map {margin-left: -15px; margin-right: -15px;}
#location-map iframe{height: 500px; width: 100%;}
ul.pagination>li>a {color: #444;}
ul.pagination>.active>a {background-color: #dfaa26; border-color: #dfaa26}
ul.pagination>.active>a:hover, ul.pagination>.active>a:focus {background-color: #772b90; border-color: #772b90}
.g-recaptcha {margin-bottom: 25px;}
.g-recaptcha>div {margin:auto;}
.form-area label.error {font-weight: 400; color: #dfa900; font-size: 0.85em;}
/******************************************************************************************
   + Plugin 
*******************************************************************************************/
.carousel, .carousel-inner, .carousel .item { height: 650px; width: 100%; }
.carousel {overflow: hidden; height: 650px;}
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.carousel .carousel-img {position: relative; z-index: 0}
.carousel .carousel-img img {max-width: 100%;}
.carousel-caption { bottom:inherit; top: 50%; transform: translateY(-50%); text-align: left; color: #fff; right: 0; left: 0; margin: auto; border-radius: 0; overflow: hidden; text-align: center; }
.carousel-caption h2 { color: inherit; text-shadow: none; margin-top: 0; margin-bottom: 8px; background-color: transparent; padding: 0; text-transform: uppercase; }
.carousel-caption p { text-shadow: none; line-height: 1.3; margin-bottom: 0; }
.carousel-caption .btn {margin-top: 30px;}
.carousel-indicators {left:0; margin:auto; right: 0; bottom: 5vw; display: none;}
.carousel-indicators li {width: 25px; margin-left: 8px; margin-right: 8px; position: relative; text-align: center; background-color: transparent; border: none;}
.carousel-indicators li span {width: 8px; height: 8px; position: relative; display: block; background-color: #fff; border-radius: 50%; margin:auto;}
.carousel-indicators .active {width:25px; height: auto; margin:0 8px; background-color: transparent; top: -2px}
.carousel-indicators li.active span {position: relative; transform: scale(1.02);}
.carousel-indicators li.active span:before {width: 16px; height: 16px; position: absolute; left:-4px; animation: 350ms smallBig; animation-fill-mode: both; content: ''; display: block; top: -4px; margin: auto; border: 1px solid #fff; border-radius: 50%;}
.carousel-control.right, .carousel-control.left { background-image: none; width: 30px; background-color: transparent; opacity: 1; height: 100%; border-radius: 50%; padding: 5vw; margin: auto; transition: 300ms linear;}
.carousel-control.left img, .carousel-control.right img { position: absolute; top: 0; z-index: 5; display: inline-block; font-size: 35px; font-weight: 300; transition: 250ms linear; max-width: 30px; width: 5vw; bottom: 0; left: 0; right: 0; margin: auto; }

/******************************************************************************************
   + Custom Animations 
*******************************************************************************************/