@import "line-icons/simple-line-icons.css";

/* GENERAL UI */
body{font-family:'Open Sans',sans-serif;font-size:14px;line-height:28px;font-weight:300;color:#666;overflow-x:hidden!important;-webkit-font-smoothing:antialiased}
a{color:#ccc;text-decoration:none}
a:hover,a:focus,.btn:focus{text-decoration:none;outline:none;color:#6c6b6b}
input:focus,textarea:focus{outline:0}
h1,h2,h3,h4,h5,h6{font-family:'Raleway',sans-serif;text-transform:capitalize;letter-spacing:1px}
h1{font-size:72px;line-height:82px}
h2{font-size:48px;line-height:60px; font-weight: 300;}
h3{font-size:32px;line-height:45px}
h4{font-size:18px;line-height:30px}
h5{font-size:16px;line-height:25px}
img{max-width:100%;height:auto}
ul,ol{padding-left:0}
li{list-style:none}
.raleway {font-family: 'Raleway', 'Open Sans', arial;}
.uppercase {text-transform: uppercase;}
.f-600{font-weight: 600}
.center{text-align:center}
.left{text-align:left}
.justify{text-align:justify}
.strong{font-weight:700}
.floatright{float:right}
.floatleft{float:left}
.floatnone{float:none}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.container{position:relative;z-index:10}
.section-overlay{position:absolute;width:100%;height:100%}
.animated{visibility:hidden}
.visible{visibility:visible}
.section-title{margin-bottom:48px}
.section-title h3,.section-title h4{color:#2B2E33;border-top:1px solid;border-bottom:1px solid;display:inline-block;margin-top:0;padding:8px 0}
[class*="bg-"] {-webkit-transition:all 250ms ease-out 0;-moz-transition:all 250ms ease-out 0;-o-transition:all 250ms ease-out 0;transition:all 250ms ease-out 0;}
[class*="bg-"] .section-title h3, [class*="bg-"] .section-title h4 {color:#f4f4f4;}
.btn-line{background:transparent;display:inline-block;font-weight:400;border-radius:0;border:1px solid;overflow:visible;transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;}
.btn-line:not(.button-white):hover {background:#2B2E33;color:#fff; }
.no-text .icon{margin:0}
.btn .icon{margin-left:13px}
.button-white{border-color:rgba(255,255,255,0.3);color:#fff}
.button-white:hover{border-color:#fff;color:#fff}
.header-section{position:relative}
img.grayscale-animate, .grayscale-animate img {-webkit-filter: grayscale(60%); filter: grayscale(60%);transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in; }
img.grayscale-animate:hover, .grayscale-animate:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); }

/* PAGE LOADER */
.loader-overlay{position:fixed;background:#000;bottom:0;right:0;left:0;top:0;z-index:9998;-moz-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;-webkit-opacity:1;-webkit-transition:all 800ms ease-in-out;background:#232425;filter:alpha(opacity=100);opacity:1;}
.loader-overlay.loaded{-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0;visibility:hidden;zoom:1}
.spinner{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;bottom:0;height:2em;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;user-select:none;width:5em}
.spinner > div{-moz-border-radius:100%;-webkit-animation-fill-mode:both;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;-webkit-border-radius:100%;animation-fill-mode:both;animation:bouncedelay 1.4s infinite ease-in-out;background-color:#fff;border-radius:100%;display:inline-block;height:1em;width:1em}
.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s;margin-right:.5em}
.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s;margin-right:.5em}
@-webkit-keyframes bouncedelay {0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}
@keyframes bouncedelay {0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}

/* NAVIGATION */
.topnav .section{padding-top:5px;padding-bottom: 5px;}
.topnav.topnav-top .section{padding-top:13px;padding-bottom: 13px;}
.navbar {margin-bottom: 0}
.topnav .section {width:100%;height:auto;z-index:1025;transition:all .3s ease-in;font-family: 'Lato', 'Open Sans', arial;font-weight: 100;}
.site-name{color:#2A2A2A;font-family:'Raleway',cursive;font-size:24px;padding:8px 15px;letter-spacing:1px}
.site-name span{color:#2A2A2A;padding:0 13px;font-weight:400;height:35px;width:35px;display:inline-block;margin-right:3px;font-size:28px;line-height:35px}
.nav-hold{left:0;right:0;top:0;z-index:1025}
ul.nav > li > a{color:#2A2A2A;font-size:16px;font-weight:400}
ul.nav > li > a:hover,ul.nav > li > a:focus{background:none!important}
li.current a,ul.nav > li > a:hover{color:#319db5!important}
.navbar-toggle .icon-bar{background:#2A2A2A}
.topnav .navbar-brand {background: url(../images/logo-dark.png) no-repeat 0 10px;width: 91px}

/* Topnav */
.topnav ul.nav > li > a {color:#A6A6A6;}
.topnav[class*="bg-"] ul.nav > li > a {color:#B9B9B9;}
.topnav[class*="bg-"] .navbar-brand {background: url(../images/logo-white.png) no-repeat 0 10px;}
.topnav li.current a, .topnav ul.nav > li > a:hover {color: #171A1C!important;}
.topnav[class*="bg-"] li.current a, .topnav[class*="bg-"] ul.nav > li > a:hover {color: #FFFFFF!important;}
.topnav.fixed-topnav{position:fixed;width:100%;z-index:1025}
.topnav.fixed-topnav .site-name{color:#fff;}
.topnav.fixed-topnav .site-name span{color:#fff;}
.topnav.fixed-topnav ul.nav > li > a{color:#fff;}
.topnav.fixed-topnav .navbar-toggle .icon-bar{background:#fff}
.topnav.fixed-topnav .navbar-brand {background: url(../images/logo-white.png) no-repeat 0 8px;}

/* Header */
.top-element h2 {font-weight: 200}

/* Content Elements  */
.section-content {padding-top: 90px;padding-bottom: 90px;}
.section-content img {display: block;margin:auto;}
.top-element{min-height:750px;height:100%;}
.top-text {text-transform: uppercase; font-weight: 100;margin-top: 210px;color:#fff;font-size: 21px;margin-bottom: 45px;text-shadow: -1px -1px 2px rgba(12, 12, 12, 1);font-family: 'Raleway', arial;}
.welcome{position:relative;font-size:50px;line-height:62px;margin-bottom:48px;color:#fff!important;font-weight:100;text-transform:uppercase;text-shadow: -1px -1px 2px rgba(12, 12, 12, 1);}
.welcome:after{position:absolute;content:"";width:220px;height:1px;background-color:#FFF;bottom:-16px;left:calc(50% - 110px)}
.intro-message{font-size:20px;line-height:1.4;margin-bottom:48px;color:#fff;text-shadow: -1px -1px 2px rgba(28, 28, 28, 1);}
.go-down i {cursor:pointer; color:rgba(255,255,255,0.8);font-size:45px;display: inline-block;margin-top: 80px;width:50px;height:50px;border-radius: 25px;border-radius: 50%}
.go-down:hover i {color:#fff;}
.go-down i::before{padding-top: 8px;display: inline-block;}
#section-feature{background-color:#f9f9f9}
.features-list i {font-size: 26px;padding-right: 10px;}

/* Services */
#section-services img {display: block;margin:auto;}
.container.services{padding-top:120px;padding-bottom:72px}

/* Team */
.section-team {padding-top: 90px;padding-bottom: 50px;}
.member-team{margin-bottom:50px;text-align:center}
.member-team img{margin:0 auto;border:6px solid rgba(0,0,0,0.1)}
[class*="bg-"] .member-team img{border:6px solid rgba(255,255,255,0.1)}
.member-team h4{margin-bottom:0;margin-top:30px;text-transform:none}
.team-description {color:#9F9F9F;}
#section-join {padding-bottom: 120px;}

/* Pricing Tables */
.section-pricing{background:#f9f9f9;color:#666;padding-top: 90px;}
.container.pricing{padding-top:50px;padding-bottom:50px}
.pricing .section-title h3{color:#666}
[class*="bg-"] .pricing .section-title h3{color:#DFDFDF}
.single-pricing{position:relative;background:#FFF;border:1px solid #d6d6d6;border-radius:4px}
.pricing-head{overflow:hidden;padding:24px 0}
.best-pricing .pricing-head{background:#333}
.best-pricing .price h3{color:#e5e5e5}
.pricing-heading{margin-top:0;margin-bottom:0}
.single-pricing .price h3{margin-top:0;margin-bottom:0;font-weight:700;line-height:38px}
.single-pricing .price .dollar{font-size:20px;vertical-align:super;font-weight:400}
.single-pricing .price .month{font-size:14px;font-family:'Lato',sans-serif;font-style:italic;font-weight:300;color:#959292}
.single-pricing .package-features{margin-bottom:15px}
.single-pricing .package-features li:first-child{border-top:1px solid #EEE}
.single-pricing[class*="bg-"] .package-features li:first-child{border-top:1px solid rgba(255,255,255,0.05)}
.single-pricing .package-features li{margin:0;padding-bottom:9px;padding-top:9px;border-bottom:1px solid #EEE;color:#666}
.single-pricing[class*="bg-"] .package-features li {color: #D4D4D4;border-bottom: 1px solid rgba(255,255,255,0.05);}
.single-pricing .package-features li span{margin-right:8px}
.single-pricing .sign-up{padding-bottom:15px}

/* Projects / Portfolio */
.section-projects {padding-top: 90px;}
.work-filter{margin-bottom:35px}
.work-filter ul li{display:inline-block}
.work-filter ul li a{color:#062033;display:block;font-size:14px;font-weight:700;padding:5px 17px;text-transform:capitalize}
.work-filter ul li a:hover,.work-filter ul li a.active{background-color:#319db5;color:#fff;padding:5px 17px}
.mix{display:none}
.work-item{float:left;width:25%;position:relative}
.work-item > img{display:block;height:auto;width:100%}
.overlay{background-color:rgba(49, 157, 181,.9);text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 250ms ease-out 0;-moz-transition:all 250ms ease-out 0;-o-transition:all 250ms ease-out 0;transition:all 250ms ease-out 0;-webkit-transform:scale(0.5,0.5);-moz-transform:scale(0.5,0.5);-ms-transform:scale(0.5,0.5);-o-transform:scale(0.5,0.5);transform:scale(0.5,0.5)}
.work-item:hover .overlay{cursor:pointer;opacity:1;filter:alpha(opacity=100);-webkit-transform:cale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.work-item .overlay a{border-radius:50%;display:inline-block;margin-top:20%;}
.work-item .overlay a i {color:#fff;font-size: 36px;padding-top: 9px;display: inline-block;}
.work-item .overlay a:hover{color:#fff}
.work-item .overlay h4{font-size:18px;font-weight:700;line-height:24px;margin:25px 0 8px}
.work-item .overlay p{font-size:14px;line-height:24px}

/* Subscribe */
.section-subscribe{position:relative}
.container.subscribe{padding-top:120px;padding-bottom:120px}
.subscription-success,.subscription-failed{display:none;color:#e5e5e5}
.subscribe h2{margin-bottom:30px}
#subscription-form{overflow:hidden;width:100%}
.input-email{display:block;height:40px;padding-left:20px;width:100%;background:transparent;border-radius:4px;border:1px solid rgba(0,0,0,0.2);margin:auto;margin-bottom:14px}
#subscription-form .input-email{height: 55px;width: 480px;}
[class*="bg-"] .input-email{border:1px solid rgba(255,255,255,0.5);}

/* Contact */
.section-contact{position:relative}
.contact{padding-top:120px;padding-bottom:120px}
.contact h2{margin-bottom:30px}
.confirmation{display:none;clear:both;color:#e5e5e5}
.confirmation p span{margin-right:8px}
.contact-form{color:#f9f9f9}
.contact-form .button-white {border-color: rgba(255,255,255,0.2);color: #fff;}
.contact-form .input-field{margin-bottom:10px;margin-top:10px;height:50px}
.textarea-field,.input-field{border:1px solid #D8D8D8}
[class*="bg-"] .textarea-field,[class*="bg-"] .input-field{border:1px solid rgba(255,255,255,0.2);}
.form-item, textarea{width:100%;padding:5px 15px;border-color:rgba(0,0,0,0.15);border-radius:0;background:transparent;box-shadow:none;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
input{color:rgba(0,0,0,0.5);}
input::-webkit-input-placeholder{color:#B5B5B5;}
input:-moz-placeholder {color:#B5B5B5;}
input::-moz-placeholder {color:#B5B5B5;}
input:-ms-input-placeholder {color:#B5B5B5;}
[class*="bg-"] input {color:rgba(255,255,255,0.3);}
[class*="bg-"] input::-webkit-input-placeholder{color:#EEEEEE;}
[class*="bg-"] input:-moz-placeholder {color:#EEEEEE;}
[class*="bg-"] input::-moz-placeholder {color:#EEEEEE;}
[class*="bg-"] input:-ms-input-placeholder {color:#EEEEEE;}
[class*="bg-"] .contact-form .form-item{width:100%;padding:5px 15px;border-color:rgba(255,255,255,0.15) }
[class*="bg-"] .contact-form .form-item::-webkit-input-placeholder, [class*="bg-"] .contact-form .form-item:-moz-placeholder, [class*="bg-"] .contact-form .form-item, [class*="bg-"] .contact-form .form-item:-ms-input-placeholder{color:#f9f9f9}
.contact-form .subform{margin-top:20px}
.contact-form .form-item:hover,.contact-form .form-item:focus{border-color:#ccc;box-shadow:none}
.full-map {position: relative;height: 800px;overflow:hidden}
.full-map .container {position: absolute;left:50%;right: 0;top: 0; margin-left: -585px;}
.map {display: block;height: 350px;margin: 0 auto;width: 100%;}
.map-container{height:100%;}
.map-container #full-map{height:calc(150%)!important;width:100%}
.map-container #full-map .pulse{background:#d6d4d4;height:14px;left:50%;margin:11px 0 0 -12px;position:absolute;top:50%;transform:rotateX(55deg);width:14px;z-index:-2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.map-container #full-map .pulse:after{animation-delay:1.1s;animation-iteration-count:infinite;animation:pulsate 1s ease-out;border-radius:50%;box-shadow:0 0 1px 2px #00cae9;content:"";height:40px;margin:-13px 0 0 -13px;opacity:0;position:absolute;width:40px}
.map-container #full-map .pulse-label{-webkit-animation:pulse 1.5s infinite;background:rgba(49,157,181,0.5);border-radius:50%;height:30px;width:30px}
@media only screen and (max-width:900px){
  .section-ecommerce aside {width:200px;}
  .section-ecommerce .items{padding-left:200px;padding-bottom: 30px;}
}

/* Footer */
.section-footer{padding-top:30px;padding-bottom:30px;color:#2B2E33}
.section-footer h3, .section-footer h4, .section-footer p {text-align: left; }
.section-footer h3.center, .section-footer h4.center, .section-footer p.center{text-align: center; }
.section-footer h4 {font-size: 15px;text-transform: uppercase;}
.section-footer h3, .section-footer h4 {font-family: 'Raleway', 'Open Sans', arial;font-weight: 800}
.section-footer p{color:#7E7E7E;font-size: 13px;margin-bottom: 5px;}
.section-footer i {padding-right: 6px;}
.footer-title{display:inline-block;margin-bottom:40px;text-transform:none}
.social-icons ul li{display:inline-block}
.social-icons ul li a{margin-left:10px;font-size:28px;color:#9D9D9D;font-weight:400;text-shadow:none;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in}
.copyright{padding-top:15px;font-size: 13px;color: #9B9B9B;}
.copyright {border-top:2px solid rgba(0,0,0,0.1);margin-top: 0;margin-bottom: 15px;}
.copyright p {color:rgba(0,0,0,0.6);}

/* Responsive */
@media only screen and (max-width: 991px) {
  .navbar-nav > li > a{font-size:14px!important}
  .single-pricing{margin-bottom:60px}
  .work-item {width: 50%;}
}
@media only screen and (max-width: 767px) {
  .navbar-collapse{margin-left:-16px;margin-right:-16px;background:#222;overflow-y:scroll;max-height:200px}
  .navbar-nav > li > a{padding-left:30px}
  .container.features{padding-bottom:120px}
  .service{margin-bottom:20px}
  .figure{width:33.333%}
  .figure-large{width:66.6667%}
  .single-pricing-wrap{margin-bottom:40px}
  .work-item .overlay a {margin-top: 10%;}
  .work-item .overlay h4 {font-size: 14px;font-weight: 300;line-height: 20px;margin: 10px 0 8px;}
  .work-item .overlay p {font-size: 13px;line-height: 18px;}
  .section-contact h2, .section-contact h3, .section-contact p {text-align: center}
  .full-map {height: auto;overflow: visible;}
  .full-map .container {position: relative;left: auto;right: 0;top: 0;margin-left: auto;}
  .section-footer h4, .section-footer p, .section-footer ul {text-align: center}
}
@media only screen and (max-width: 480px) {
  h1{font-size:36px;line-height:48px}
  h2{font-size:26px;line-height:34px}
  h3{font-size:24px;line-height:32px}
  .welcome{margin-top:150px;font-size:48px}
}

#color-switcher {position: fixed;top:35%;right:0;background: #fff;color:#121212;}
#color-switcher::before {background-color: #ffffff;border-bottom-left-radius: 4px;border-left: 1px solid rgba(224, 226, 234, 0.53);border-top-left-radius: 4px;box-shadow: -3px 2px 2px rgba(189, 189, 189, 0.28);content: '';height: 50px;left: -47px;position: absolute;top: 23%;width: 48px;}
#color-switcher .color-toggle {color: #7C7C7C;cursor: pointer;font-size: 16px;height: 50px;left: -48px;line-height: 50px;padding-top: 2px;position: absolute;text-align: center;top: 23%;width: 54px;z-index: 1010;}

#color-chooser {opacity: 0;visibility:hidden; position: fixed;top:35%;left:50%;margin-left: -100px; width:250px;background: #fff;padding:20px 20px 10px 20px;color:#121212;-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);-o-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);z-index: 2000;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#color-chooser.show {opacity: 1;visibility:visible;}
#color-chooser p {text-align: center;font-weight: 600;text-transform: uppercase;}
#color-chooser .color {background: #2E73AB;display: inline-block;filter: alpha(opacity=60);float: left;height: 28px;margin: 7px;opacity: .6;padding: 0;width: 28px;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#color-chooser .color:hover {opacity: 1;cursor: pointer}
#color-chooser .color.color-default {background: #2B292C;}
#color-chooser .color.color-orange {background: #E67E22;}
#color-chooser .color.color-red {background: #D05353;}
#color-chooser .color.color-blue {background: #319db5;}
#color-chooser .color.color-green {background: #26AE60;}
#color-chooser .color.color-gray {background: #848B97;}
.close-color {padding-top: 10px;font-weight: 12px;text-align: center;color:#B4B4B4;}
.close-color:hover {color:#5B5B5B;cursor:pointer;}