:root {
  --primary: #5b0933;
  --primary-hover: #410423;
  --primary-alt: #300219;
  --secondary: #d28329;
  --secondary-hover: #b36916;
}

* {box-sizing:border-box}
html, body {margin:0; padding:0}
body {font-family:"Raleway"; line-height:25px; overflow-x: hidden}
img {display:block; max-width:100%; height:auto}
a {color:inherit; text-decoration: none}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0}
h2 {font-size:40px; line-height:45px}
ul {list-style:square; line-height:inherit}
.title {position:relative; margin-bottom:50px; text-align:center}
.title:after {content: ""; width: 48px; height: 12px; background: url(../images/icon-divider.png) bottom no-repeat #fff; position: absolute; left: 50%; bottom: -25px; margin-left: -24px}
.light .title:after {background-color:#f3f3f3}
.dark .title:after {background-color:#dedede}
.gray .title:after {background-color:#f8f8f8}
.blue .title:after,
.red .title:after,
.green .title:after,
.purple .title:after,
.orange .title:after,
.yellow .title:after,
.parallax .title:after {background-image:url(../images/icon-divider-white.png?v=1.001)}

/* Clearfix
========================================== */
#slider:after, .row:after, .container:after, ul.boxed:after, ul.socials:after, .testimonials:after, .form-row:after, .call-to-action:after, .pricing-tables:after, #nav-button:after, ul.portfolio:after, #content article:after {content:""; display:table; clear:both}

/* Header
========================================== */
#top-bar {text-align: center; padding: 5px 0; background: var(--primary); color: #fff;}
#top-bar a {font-weight: bold; text-decoration: none}
#top-bar a:hover {text-decoration: underline}
#top-bar .btn {padding: 10px 20px; background: var(--secondary); border-radius: 50px; font-size: 14px; line-height: 1; text-transform: none;}
#top-bar .btn:hover {background: var(--secondary-hover); text-decoration: none}
#top-bar .or {margin: 0 5px}
#header {position: absolute; left: 0; top: 0; width: 100%; z-index: 1000; background:transparent}
#logo {float:left; padding:20px 0}
#logo img {max-height:100px; display: block}
#header nav {position:fixed; right:-300px; top:0; width:300px; height:100%; background:var(--primary); padding:30px 0; z-index:100; transition:0.3s all; overflow: auto}
.nav-open #header nav {right:0; box-shadow: 0px 0px 10px #000}
.nav-open #main-wrapper {right:300px}
#header nav ul {list-style:none; margin:0; padding:0}
#header nav ul li {position:relative}
#header nav ul li.dropdown i {position: absolute; right: 10px; top: 13px; display: inline-block; width: 30px; height: 30px; text-align: center; color: var(--primary); background: #fff; border-radius: 5px; font-size: 16px; line-height: 30px; cursor:pointer; z-index:100}
#header nav ul li ul {background: var(--primary-hover); position: relative; display: none}
#header nav ul li ul li a {border-bottom-color: var(--primary-alt);}
#header nav ul li ul li a:before {content:"- "}
#header nav ul li a {display:block; text-decoration:none; color:#fff; border-bottom:1px solid var(--primary-hover); padding:15px 20px}
#header nav > ul > li > a:hover {background: var(--primary-hover)}
#header nav > ul > li > ul > li > a:hover {background: var(--primary-alt)}
#nav-icon {width: 35px; height: 45px; position: relative; float:right; margin: 50px 0; -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}
#nav-icon:before {content: "MENU"; position: absolute; left: -60px; top: 5px; font-size: 15px; font-weight: 900; color: #222}
#nav-icon span {display: block; position: absolute; height: 5px; width: 100%; background: #222; border-radius: 9px; 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-icon 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-icon span:nth-child(2) {top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center}
#nav-icon span:nth-child(3) {top: 24px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center}
.nav-open #nav-icon span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; left: 8px}
.nav-open #nav-icon span:nth-child(2) {width: 0%; opacity: 0}
.nav-open #nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 25px; left: 8px}

/* Inner Page
========================================== */
#page-header {position:relative; text-align:center; background-color:#333; background-image:radial-gradient(#555 0%, #444 51%, #333 75%); background-repeat:no-repeat; background-position:bottom center; background-size:cover; background-attachment:fixed; color:#222; height:750px}
#page-header .container {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; width:100%}
#page-header h1 {position: relative; text-transform: uppercase; font-weight: 700; font-size: 50px; line-height: 55px; display: inline-block; padding: 30px 0; margin-bottom: 30px; max-width: 600px;}
#page-header h1:after {content:""; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; width:250px; height:40px; background:url(/page/divider-white.png)no-repeat center; background-size:contain}
#page-header p {font-size: 22px; line-height: 28px; margin: 0; max-width: 500px; margin: 0 auto;}
#page-header p strong {color: var(--secondary)}
#page-header .socials {display: inline-block; margin-top: 20px}
#page-header .socials li a:hover i {background: #222; color: #fff;}
#page-header .btn {background: none; border: 2px solid #222; color: #222}
#page-header .btn:hover {background: #222; color: #fff}
#page-header ul.socials li a i {border-color: #222}

/* Slider
========================================== */
#slider {max-width:1920px; position:relative; overflow:hidden; margin:0 auto}
#slider ul {margin:0 auto; padding:0; max-height:750px}
#slider li {display:none; width:100%; position:relative}
#slider li a {display:block}
#slider li a .info {position: absolute; top: 50%; transform: translateY(-50%); width: 70%; text-align: center; margin: 0 auto; left: 0; right: 0;}
#slider li a .info h2 {border: 4px solid #fff; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 60px; line-height: 65px; display: inline-block; padding: 30px; margin-bottom:25px}
#slider li a .info p {color: #fff; font-size: 22px; line-height: 28px; margin: 0;}
#slider li:first-child {display:block}
#slider .nav-arrows a {position:absolute; z-index:100; top:45%; background:url(../images/slider-arrows.png)no-repeat; width:48px; height:83px; transition:0.3s all}
#slider .nav-arrows #prev {background-position:0 0; left:-100px}
#slider .nav-arrows #next {background-position:0 -83px; right:-100px}
#slider:hover .nav-arrows #prev {left:10px}
#slider:hover .nav-arrows #next {right:10px}
#slider .nav-bullets {position:absolute; z-index:100; display:block; width:100%; bottom:20px; text-align:center}
#slider .nav-bullets span {cursor:pointer; display:inline-block; text-indent:-9000px; width:14px; height:14px; margin-right:5px; background:url(../images/slider-bullets.png)no-repeat; background-position:0 -14px}
#slider .nav-bullets span.cycle-pager-active {background-position:0 0}

/* Layout
========================================== */
#main-wrapper {position:relative; right:0; transition:0.3s all; max-width: 2120px; margin: 0 auto}
.wrapper {position:relative; padding:100px 0}
.slogan {position:relative; padding:100px 0}
.slogan p:first-child {margin:0}
.slogan i {font-size: 60px; background: var(--secondary); border-radius: 50%; display: block; text-align: center; width: 150px; height: 150px; line-height: 150px; margin: 0 auto 30px; color: #222;}
.wrapper.light {background:#f3f3f3}
.wrapper.gray {background:#f8f8f8; color: inherit}
.wrapper.dark {background:#dedede}
.bg-wrapper {height: 100%; position: absolute; top: 0; overflow: hidden}
.bg-wrapper .bg-holder {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat:no-repeat}
.container {max-width:1200px; margin:0 auto}
.container.mini {max-width:900px;}

/* Skeleton
========================================== */
.row {margin:0 -15px 30px -15px}
.row:last-of-type {margin-bottom:0}
.row [class*="col-"] {float:left; padding: 0 15px}
.row.fluid [class*="col-"] {padding:0}
.col-1 {width: 8.33%}
.col-2 {width: 16.66%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.66%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.66%}
.col-9 {width: 75%}
.col-10 {width: 83.33%}
.col-11 {width: 91.66%}
.col-12 {width: 100%}
.offset-1 {margin-left: 8.33%}
.offset-2 {margin-left: 16.66%}
.offset-3 {margin-left: 25%}
.offset-4 {margin-left: 33.33%}
.offset-5 {margin-left: 41.66%}
.offset-6 {margin-left: 50%}
.offset-7 {margin-left: 58.33%}
.offset-8 {margin-left: 66.66%}
.offset-9 {margin-left: 75%}
.offset-10 {margin-left: 83.33%}
.offset-11 {margin-left: 91.66%}

/* Blog
========================================== */
#content, #sidebar {float:left; width:100%}
#content {max-width:67%; margin-right:3%}
#sidebar {max-width:30%}
#content article {margin-bottom:50px}
#content article .meta {border:1px solid #dedede; padding:10px; margin-top:20px}
#content article .meta span {display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #dedede}
#content article .meta span:last-of-type {border:none}
#content article .meta span:before {font:normal normal normal 14px/1 FontAwesome; padding-right:5px}
#content article .author:before {content:"\f007"}
#content article .date:before {content:"\f073"}
#content article .category:before {content:"\f07c"}
#content article .keywords:before {content:"\f02c"}
.blog-archive ul {list-style:none; padding:20px; margin:0; border:1px solid #dedede}
.blog-archive ul li {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dedede}
.blog-archive ul li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}
.blog-archive ul li a {text-decoration:none}
.blog-archive ul li span {display:block; font-size:12px; color:#737373}

/* Backgrounds
========================================== */
.blue, .gray, .green, .orange, .red, .purple, .yellow {color:#fff}
.blue {background:#00aeef}
.gray {background:#737373}
.green {background:#00ef92}
.orange {background:#ef8600}
.red {background:var(--primary)}
.purple {background:#564bb5}
.yellow {background:#ffcc0e}

.blue .title:after {background-color:#00aeef}
.red .title:after {background-color:var(--primary)}
.green .title:after {background-color:#00ef92}
.purple .title:after {background-color:#564bb5}
.orange .title:after {background-color:#ef8600}
.yellow .title:after {background-color:#ffcc0e}
.text-red {color:var(--primary)}
.text-green {color:#00ef92}

/* Parallax Backgrounds
========================================== */
.parallax .title:after {background-color:transparent}
.parallax {background:#737373; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; color:#fff}
.wrapper {background-position:center center; background-attachment:fixed; background-size:cover}
.wrapper.left-panel:before, .wrapper.right-panel:before, .wrapper.center-panel:before {content:""; position:absolute; top:0; width:50%; height:100%; background:var(--primary); z-index:1}
.wrapper.left-panel .container, .wrapper.right-panel .container {position:relative; z-index:10; overflow:visible;}
.wrapper.left-panel:before {left:0}
.wrapper.right-panel:before {right:0}
.wrapper.center-panel:before {left:0; right:0; margin: 0 auto}

/* Font sizes
========================================== */
.small {font-size:10px; line-height:15px}
.medium {font-size:25px; line-height:25px}
.large {font-size:40px; line-height:45px}
.extra-large {font-size:60px; line-height:65px}

/* Portfolio
========================================== */
ul.portfolio {list-style:none; padding:0; margin:0}
ul.portfolio li {position:relative; float:left; max-width:32%; width:100%; margin:0 2% 2% 0; overflow:hidden}
ul.portfolio li:nth-child(3n) {margin-right:0}
ul.portfolio li span {display: block; width: 100%; padding: 5px 10px; text-align: center}
ul.portfolio li i {position: absolute; left: 0; top:-100%; margin: 0 auto; width: 100%; font-size: 40px; color: #fff; text-align: center; transition:0.3s all}
ul.portfolio li a {position:relative; display:block}
ul.portfolio li a:before {content:""; position:absolute; left:0; top:-100%; background:rgba(0,0,0,0.8); width:100%; height:100%; transition:0.3s all}
ul.portfolio li a:hover:before {top:0}
ul.portfolio li a:hover i {top: 50%; transform: translateY(-50%)}
ul.portfolio li a img {width:100%; border:1px solid #dedede}

/* Footer
========================================== */
#footer {background:#333; color:#fff; padding:70px 0}
#footer h2 {font-size:25px; line-height:30px}
#footer address {font-style:normal}
#footer a {color:#fff}
#footer ul.socials li a:hover i {background:#fff; color:#737373}
#copyright {background:#1a1a1c; color:#fff; font-size:13px}

/* Forms
========================================== */
form [type="text"], form [type="password"], form [type="email"], form [type="tel"], form select, select, form textarea, form .form-control {height:46px; padding:5px; display:block; width:100%; font-size:14px; font-family:inherit; border:1px solid #dedede}
form textarea {min-height:150px}
form [type="radio"], form [type="radio"] + label {cursor:pointer}
form select, select {padding:5px 0}
form .row {margin-bottom: 20px}
form label {line-height: 1; vertical-align: top;}
form label.required:after {content: "*"; color: #DC2C2F; font-weight: bold; font-size: 24px; margin-left: 5px}
.form-row {position:relative; margin-bottom:10px}
.form-row.two-columns * {float:left; max-width:49%; margin-right:2%}
.form-row.two-columns *:nth-child(2n) {margin-right:0}
.loader {background: url(../images/ajax-loader.gif)no-repeat; background-size: contain; height: 24px; padding: 0 0 0 20px !important; display: none; text-align: left; margin-bottom: 10px}
.loader:after {content: "Sending ..."; padding-left: 10px; line-height: 24px}
.loading {position: relative}
.loading:before {content:""; position: absolute; left: 10px; top: 10px; width: 24px; height: 24px; background: url(../images/ajax-loader.gif)no-repeat; background-size: contain;}
.loading:after {content: "Sending ..."; padding-left: 10px;}

/* Intake Form
========================================== */
.intake-form {font-family: inherit}
.intake-form .row {margin-bottom: 20px}
.intake-form [type="text"], .intake-form [type="tel"], .intake-form [type="email"], .intake-form [type="number"], .intake-form textarea, .intake-form select {width: 100%; border-radius: 5px; border: 1px solid #dedede; padding: 5px; box-sizing: border-box; height: 45px; font-family: inherit; font-size: 14px;}
.intake-form textarea {min-height: 100px}
.intake-form label {display: inline-block; margin-bottom: 5px}
.intake-form label.required:after {content: "*"; margin-left: 5px; color: #E72A2D}
.intake-form [type="submit"] {border: none; cursor: pointer}
.intake-form .result h3 {font-size: 18px; margin-top: 25px; margin-bottom: 10px;}
.intake-form fieldset {border: 1px solid #dedede; padding: 40px; margin-bottom: 30px; background: #fafafa}
.intake-form fieldset legend {padding: 0 20px; font-size: 16px; font-weight: bold;}
.intake-form [readonly] {pointer-events: none; opacity: 0.65; background: #f3f3f3}
.intake-form .form-group {margin-bottom: 15px;}

/* Newsletter Form
========================================== */
#mc_embed_signup {background:none; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%; position: relative}
#mc_embed_signup form {padding: 0; text-align: left}
#mc_embed_signup .row {margin-bottom: 5px}
#mc_embed_signup [type="email"], #mc_embed_signup [type="text"] {width: 100%; height: 40px; border-radius: 5px; font-family: "Raleway";}
#mc_embed_signup [type="submit"] {position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; font-family: "Raleway"; text-transform: uppercase; font-weight: bold; border-radius: 0 5px 5px 0; margin:0}

/* Pricing Tables
========================================== */
.pricing-tables {padding:0}
.pricing-column {float:left; border-width:1px 1px 1px 0; border-style:solid; border-color:#dedede; text-align:center; transition:0.3s all}
.pricing-column:first-child {border-left-width:1px}
.pricing-tables.three .pricing-column {max-width:33.3333%; width:100%}
.pricing-tables.four .pricing-column {max-width:25%; width:100%}
.pricing-column:hover {transform:scale(1.05,1.05); border-left-width:1px}
.pricing-column header {background:var(--primary); color:#fff; padding:20px}
.pricing-column article {background:#fff}
.pricing-column footer {padding:20px; background:#f8f8f8; border-top:1px solid #dedede}
.pricing-column ul {list-style:none; padding:0; margin:0}
.pricing-column ul li {border-bottom:1px solid #dedede; margin:0 0 20px; padding:0 20px 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.pricing-column ul li:first-child {padding-top:20px}
.pricing-column ul li:last-child {margin-bottom:0; padding-bottom:20px; border-bottom:none}

/* Lists
========================================== */
.list-item-margin-5px li {margin-bottom:5px}
.list-item-margin-10px li {margin-bottom:10px}
.list-item-margin-15px li {margin-bottom:15px}
.list-item-margin-20px li {margin-bottom:20px}
.check-list {list-style:none}
.check-list li {position:relative}
.check-list li:before {content:"\f046"; font:normal normal normal 16px/1 FontAwesome; position:absolute; top:5px; left:-20px}

/* Alignment
========================================== */
.text-center {text-align:center}
.text-center img {display:inline-block}
.text-left {text-align:left}
.text-right {text-align:right}
.text-justify {text-align:justify}
.aligncenter {margin:0 auto; text-align:center}

/* Spacing
====================== */
.p-b-0 {padding-bottom:0 !important}
.p-b-5 {padding-bottom:5px !important}
.p-b-10 {padding-bottom:10px !important}
.p-b-15 {padding-bottom:15px !important}
.p-b-20 {padding-bottom:20px !important}
.p-b-25 {padding-bottom:25px !important}
.p-b-30 {padding-bottom:30px !important}
.p-b-35 {padding-bottom:35px !important}
.p-b-40 {padding-bottom:40px !important}
.p-b-45 {padding-bottom:45px !important}
.p-b-50 {padding-bottom:50px !important}
.p-b-55 {padding-bottom:55px !important}
.p-t-0 {padding-top:0 !important}
.p-t-5 {padding-top:5px !important}
.p-t-10 {padding-top:10px !important}
.p-t-15 {padding-top:15px !important}
.p-t-20 {padding-top:20px !important}
.p-t-25 {padding-top:25px !important}
.p-t-30 {padding-top:30px !important}
.p-t-35 {padding-top:35px !important}
.p-t-40 {padding-top:40px !important}
.p-t-45 {padding-top:45px !important}
.p-t-50 {padding-top:50px !important}
.p-t-55 {padding-top:55px !important}
.p-l-0 {padding-left:0 !important}
.p-l-5 {padding-left:5px !important}
.p-l-10 {padding-left:10px !important}
.p-l-15 {padding-left:15px !important}
.p-l-20 {padding-left:20px !important}
.p-l-25 {padding-left:25px !important}
.p-l-30 {padding-left:30px !important}
.p-l-35 {padding-left:35px !important}
.p-l-40 {padding-left:40px !important}
.p-l-45 {padding-left:45px !important}
.p-l-50 {padding-left:50px !important}
.p-l-55 {padding-left:55px !important}
.p-r-0 {padding-right:0 !important}
.p-r-5 {padding-right:5px !important}
.p-r-10 {padding-right:10px !important}
.p-r-15 {padding-right:15px !important}
.p-r-20 {padding-right:20px !important}
.p-r-25 {padding-right:25px !important}
.p-r-30 {padding-right:30px !important}
.p-r-35 {padding-right:35px !important}
.p-r-40 {padding-right:40px !important}
.p-r-45 {padding-right:45px !important}
.p-r-50 {padding-right:50px !important}
.p-r-55 {padding-right:55px !important}

.m-b-0 {margin-bottom:0 !important}
.m-b-5 {margin-bottom:5px !important}
.m-b-10 {margin-bottom:10px !important}
.m-b-15 {margin-bottom:15px !important}
.m-b-20 {margin-bottom:20px !important}
.m-b-25 {margin-bottom:25px !important}
.m-b-30 {margin-bottom:30px !important}
.m-b-35 {margin-bottom:35px !important}
.m-b-40 {margin-bottom:40px !important}
.m-b-45 {margin-bottom:45px !important}
.m-b-50 {margin-bottom:50px !important}
.m-b-55 {margin-bottom:55px !important}
.m-t-0 {margin-top:0 !important}
.m-t-5 {margin-top:5px !important}
.m-t-10 {margin-top:10px !important}
.m-t-15 {margin-top:15px !important}
.m-t-20 {margin-top:20px !important}
.m-t-25 {margin-top:25px !important}
.m-t-30 {margin-top:30px !important}
.m-t-35 {margin-top:35px !important}
.m-t-40 {margin-top:40px !important}
.m-t-45 {margin-top:45px !important}
.m-t-50 {margin-top:50px !important}
.m-t-55 {margin-top:55px !important}
.m-l-0 {margin-left:0 !important}
.m-l-5 {margin-left:5px !important}
.m-l-10 {margin-left:10px !important}
.m-l-15 {margin-left:15px !important}
.m-l-20 {margin-left:20px !important}
.m-l-25 {margin-left:25px !important}
.m-l-30 {margin-left:30px !important}
.m-l-35 {margin-left:35px !important}
.m-l-40 {margin-left:40px !important}
.m-l-45 {margin-left:45px !important}
.m-l-50 {margin-left:50px !important}
.m-l-55 {margin-left:55px !important}
.m-r-0 {margin-right:0 !important}
.m-r-5 {margin-right:5px !important}
.m-r-10 {margin-right:10px !important}
.m-r-15 {margin-right:15px !important}
.m-r-20 {margin-right:20px !important}
.m-r-25 {margin-right:25px !important}
.m-r-30 {margin-right:30px !important}
.m-r-35 {margin-right:35px !important}
.m-r-40 {margin-right:40px !important}
.m-r-45 {margin-right:45px !important}
.m-r-50 {margin-right:50px !important}
.m-r-55 {margin-right:55px !important}

/* Elements
========================================== */
.btn {display:inline-block; padding:15px 30px; font-family:"Raleway"; font-weight:700; text-transform:uppercase; background:var(--primary); color:#fff; text-decoration:none; transition:0.3s all; border:none; cursor:pointer}
.btn:hover {background:var(--primary-hover)}
.btn-round {border-radius: 50px; padding: 10px 30px; text-transform: none}
.btn.signout {position:fixed; right:30px; top:30px}
.btn-outline {background: none; border: 2px solid #fff; color: #fff}
.btn-outline:hover {background: #fff; color: #333}
.box {padding: 30px; background: #fafafa; margin-bottom: 20px; box-shadow: 0 2px 2px #d8d8d8;}
.colored [class*="col-"] {position:relative; padding:50px 30px; min-height:250px; margin-bottom: 0}
.colored a {position:absolute; left:0; top:0; width:100%; height:100%}
.colored a span {display: block; position: relative; top: 50%; transform: translateY(-50%); transition:0.3s all}
.colored a:hover span {color:#000}
.colored a span:after {content: "Click for more details"; position: absolute; bottom: -20px; left: 0; width: 100%; text-align: center; font-size: 10px; text-transform: lowercase}
.colored a {color:#fff; text-transform:uppercase; text-decoration:none; font-weight:700; font-size:20px}
.colored i {font-size:70px; display:block; margin-bottom:30px}
.caption-overlay {position:relative}
.caption-overlay a img {width:100%}
.caption-overlay a span {position: absolute; right: 0px; bottom: 30px; background: rgba(0,0,0,0.5); padding: 10px 30px; text-decoration: none; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px; transition:0.3s all}
.caption-overlay a:hover span {background:rgba(0,0,0,0.9)}
.gallery a {position:relative; display:block; overflow:hidden}
.gallery a i {position: absolute; top: -100%; left: 0; right: 0; text-align: center; z-index: 100; color: #fff; font-size: 50px; transition:0.3s all}
.gallery a:hover i {top:50%; transform: translateY(-50%)}
.gallery a:before {content:""; position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:0.3s all}
.gallery a:hover:before {top:0}
ul.boxed {list-style:none; margin:0; padding:0}
ul.boxed li {float:left; max-width:32%; width:100%; margin-right:2%; background:#f3f3f3; box-shadow:0 2px 1px #999}
ul.boxed li:nth-child(3n) {margin-right:0}
ul.boxed li img {width:100%}
ul.boxed li div {padding:20px}
.wrapper.light ul.boxed li {background:#fff}
.testimonials {position:relative; list-style:none; margin:0; padding:0; min-height:132px; text-align: center}
.testimonials li {width:100%; position:absolute}
.testimonials .arrows {position: absolute; top: -35px; right: 0; width: 100%; text-align: center}
.testimonials a {position:relative; display:inline-block; font-size: 25px; color: #737373; border: 3px solid #737373; border-radius: 50%; width: 35px; height: 35px; line-height: 30px; text-align: center}
.testimonials .prev {padding-right: 4px; margin-right:-2px}
.testimonials .prev:before {content:"prev"; position:absolute; left:-60px}
.testimonials .next {padding-left:4px}
.testimonials .next:before {content:"next"; position:absolute; right:-60px}
.testimonials a:hover {background:#737373; color:#fff}
.testimonials a:hover:before {color:#737373}
.testimonials span {display:block; font-weight:700}
ul.socials {list-style:none; margin:0; padding:0}
ul.socials li {float:left; margin-right:5px}
ul.socials li a i {font-size: 20px; text-align:center; border:2px solid #fff; border-radius:50%; width:45px; height:45px; line-height:42px; transition:0.3s all}
.img-border {border: 1px solid #dedede; margin-bottom: 20px}
.img-circle {border: 1px solid #dedede; margin-bottom: 20px; border-radius: 50%; padding: 2px}
.call-to-action {position:relative; background:#5b0933; width:100%; padding: 55px 0}
.call-to-action h2 {font-size: 40px; line-height:45px; color:#fff; margin:0}
.call-to-action p {font-size:20px; line-height:25px; color:#fff; margin:0}
.map {border:1px solid #dedede; padding:5px 5px 0 5px}
.relative {position: relative}
.text-white {color: #fff}.demo-page #main-wrapper {max-width:100%}
.demo-page .container {width: 95%}
.demo-page .wrapper {padding:0}
.demo-page i {display: block; margin: 0 auto; color: #fff; text-align: center; font-size: 1.5em; width: 70px; height: 70px; line-height: 70px; border: 1px solid #fff; border-radius: 50%;}
.h-100vh {height: 100vh}
.card .card-body {background: #000; padding: 40px; height: 100%; margin: 20px 0; border-radius: 1.5rem;}
.card .card-body p {margin-bottom: 0}

/* Scroll Button
====================== */
.mouse {display: none; position: absolute; width: 22px; height: 42px; bottom: 40px; left: 50%; margin-left: -12px; border-radius: 15px; border: 2px solid #222; -webkit-animation: intro 1s; animation: intro 1s;}
.scroll-icon {display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #222; -webkit-animation: finger 1s infinite; animation: finger 1s infinite;}
@-webkit-keyframes finger {
  0% {opacity: 1}
  100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px)}
}
@keyframes finger {
  0% {opacity: 1}
  100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px)}
}

@media only screen and (min-width: 769px) {
  #header {top: 35px}
  #logo {padding: 40px 0 20px}
	.row.middle, .row.top {display:table; width:100%; margin-bottom:0}
  .row.middle [class*="col-"], .row.top [class*="col-"] {float:none; display:table-cell; vertical-align:middle}
  .row.middle [class*="col-"]{vertical-align:middle}
	.row.top [class*="col-"]{vertical-align:top}
  .hide-desktop {display: none !important}
  .mouse {display: block}
}

@media (min-width: 992px) {
  .demo-page .wrapper .container > .d-flex {min-height:100vh; height: 100%}
}

@media (max-width: 991px) {
  .container {max-width: 90%; width: 100%}
}

@media only screen and (max-width: 991px) {
  .wrapper.left-panel .container, .wrapper.right-panel .container {max-width:100%; width:100%}
  .wrapper.left-panel:before, .wrapper.right-panel:before {display:none}
  .wrapper.left-panel .main-row > [class^="col-"], .wrapper.right-panel .main-row > [class^="col-"] {padding:40px 30px}
  .wrapper.left-panel .main-row > [class^="col-"]:first-of-type, .wrapper.right-panel .main-row > [class^="col-"]:last-of-type {background:var(--primary);}
}
@media only screen and (max-width: 768px) {
	h2 {font-size:30px; line-height:35px}
	#header {position:relative; background:#fff}
	#header .container {display:table; width:100%}
	#logo, #nav-button {display:table-cell; vertical-align:middle; float:none}
	#logo {width:70%}
	#nav-button {width:30%}
	#nav-icon {width:30px; height:30px; text-align:right}
	#nav-icon:before {display:none}
	#nav-icon span {background:#737373}
	#nav-icon span:nth-child(2) {top:10px}
	#nav-icon span:nth-child(3) {top:20px}
	.nav-open #nav-icon span:nth-child(3) {top:21px}
	.container {max-width:90%}
	.row [class*="col-"] {float:none; width: 100%; margin-bottom:30px}
	.colored [class*="col-"] {margin-bottom:0}
	.row [class*="offset-"] {margin:0}
	.wrapper {padding:50px 0}
	.bg-wrapper {display:none}
	.gallery a img {width:100%}
	ul.boxed li {max-width:100%; margin:0 0 30px 0; padding:20px}
	ul.boxed li img {display:none}
	.call-to-action > div {display:block; padding:70px 0}
	.call-to-action > div div:nth-child(1), .call-to-action > div div:nth-child(2) {display:block; width:100%; text-align:center; padding:0}
	.call-to-action > div div:nth-child(1) {margin-bottom:30px}
	.pricing-column {max-width:100% !important; float:none; margin-bottom:30px; border-left-width:1px}
	.pricing-column:hover {transform:scale(1,1)}
	.pricing-column ul li {overflow:visible; word-wrap:normal; white-space:normal}
	.hide-tablet {display:none}
	#page-header {height:auto; background-image:none; background:var(--primary)}
	#page-header .container {position:relative; top:0; transform:none; padding:50px 0}
	#page-header h1 {font-size:1.7em; line-height:1.2em; padding:0; border:none; margin-bottom:10px; text-transform:none}
	#page-header h1:after {display:none}
	#page-header p {font-size:16px; line-height:24px}
	#page-header p strong {color:#fff}
	.form-row {margin-bottom:0}
	.form-row * {margin-bottom:10px}
	.form-row.two-columns * {float:none; max-width:100%}
	#copyright p {margin:0; padding: 20px 0; text-align: center}
	ul.portfolio li {max-width:49%}
	ul.portfolio li:nth-child(2n) {margin-right:0}
	ul.portfolio li:nth-child(3n) {margin-right:2%}
  .hide-tablet {display: none !important}
}

@media (max-width: 479px) {
	#slider {display:none}
	.hide-mobile {display:none}
	ul.portfolio li {float:none; max-width:100%; margin:0 0 20px}
}