/*
Theme Name: Trendy
Theme URI: http://themeforest.net/user/Medhati/portfolio
Author: Medhati
Author URI: http://medhati.com
Description: Trendy Multipurpose Coming Soon template
Version: 1.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular_extended

[Table of contents]
1. Typography ---------------- #line 55
2. Background ---------------- #line 457
3. Preloader ----------------- #line 609
4. Countdown Timer ----------- #line 639
5. Map ----------------------- #line 664
6. Button -------------------- #line 978
7. Portfolio ----------------- #line 1200
8. Icon box ------------------ #line 1224
9. Progress ------------------ #line 1240
11. Team --------------------- #line 1264
12. Alert -------------------- #line 1304
13. Form --------------------- #line 1310
14. Contact form ------------- #line 1402
15. Modal -------------------- #line 1428
16. Tooltip ------------------ #line 1494
17. Medhati icon font -------- #line 1514
*/
/* Google Font
---------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Raleway");
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul { margin-bottom: 30px; }

:-moz-placeholder { color: #575757; opacity: 1; }

::-moz-placeholder { color: #575757; opacity: 1; text-overflow: ellipsis; }

:-ms-input-placeholder { color: #575757; }

*:focus, :focus, .btn, input { outline: 0; }

/* Typography
---------------------------------------- */
body { line-height: 30px; font-family: Raleway; color: #ffffff; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Montserrat, sans-serif; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 15px; position: relative; }

.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #0084FF; }

.h1, h1 { font-size: 48px; line-height: 58px; }

.h2, h2 { font-size: 32px; line-height: 42px; }

.h3, h3 { font-size: 26px; line-height: 34px; font-weight: 300; }

.h4, h4 { font-size: 18px; line-height: 30px; font-weight: 400; }

.h5, h5 { font-size: 16px; line-height: 22px; font-weight: 500; }

.h6, h6 { font-size: 12px; line-height: 24px; font-weight: 600; }

blockquote, p.lead { font-size: 18px; line-height: 32px; }

p { margin-bottom: 20px; }

a { color: #ffffff; text-decoration: none; }

a:hover, a:active, a:focus { color: #cccccc; text-decoration: none; }

.display-1 { font-size: 9em; }

.display-2 { font-size: 7.5em; }

.display-3 { font-size: 6em; }

.display-4 { font-size: 5em; }

.display-5 { font-size: 4em; }

@media all and (max-width: 767px) { .display-1 { font-size: 4.5em; }
  .display-2 { font-size: 3.5em; }
  .display-3 { font-size: 3em; }
  .display-4 { font-size: 2.5em; }
  .display-5 { font-size: 2em; } }

.text-white { color: #ffffff !important; }

.text-black { color: #16181E !important; }

.text-muted { color: #CECDD2 !important; }

.text-primary { color: #0084FF !important; }

.text-secondary { color: #8660F1 !important; }

.text-success { color: #a1fbf4 !important; }

.text-info { color: #00F1E0 !important; }

.text-warning { color: #FFCD00 !important; }

.text-danger { color: #FA3443 !important; }

.margincenter { margin-left: auto; margin-right: auto; }

.nomargin { margin: 0; }

.ml-0 { margin-left: 0px !important; }

.ml-10 { margin-left: 10px !important; }

.ml-20 { margin-left: 20px !important; }

.ml-30 { margin-left: 30px !important; }

.ml-40 { margin-left: 40px !important; }

.ml-50 { margin-left: 50px !important; }

.mr-0 { margin-right: 0px !important; }

.mr-5 { margin-right: 5px !important; }

.mr-10 { margin-right: 10px !important; }

.mr-20 { margin-right: 20px !important; }

.mr-30 { margin-right: 30px !important; }

.mr-40 { margin-right: 40px !important; }

.mr-50 { margin-right: 50px !important; }

.mb-0 { margin-bottom: 0px !important; }

.mb-5 { margin-bottom: 5px !important; }

.mb-10 { margin-bottom: 10px !important; }

.mb-15 { margin-bottom: 15px !important; }

.mb-20 { margin-bottom: 20px !important; }

.mb-25 { margin-bottom: 25px !important; }

.mb-30 { margin-bottom: 30px !important; }

.mb-35 { margin-bottom: 35px !important; }

.mb-40 { margin-bottom: 40px !important; }

.mb-45 { margin-bottom: 45px !important; }

.mb-50 { margin-bottom: 50px !important; }

.mb-55 { margin-bottom: 55px !important; }

.mb-60 { margin-bottom: 60px !important; }

.mb-65 { margin-bottom: 65px !important; }

.mb-70 { margin-bottom: 70px !important; }

.mb-80 { margin-bottom: 80px !important; }

.mb-90 { margin-bottom: 90px !important; }

.mb-100 { margin-bottom: 100px !important; }

.mb-110 { margin-bottom: 110px !important; }

.mb-120 { margin-bottom: 120px !important; }

.mb-130 { margin-bottom: 130px !important; }

.mb-140 { margin-bottom: 140px !important; }

.mb-150 { margin-bottom: 150px !important; }

.mb-160 { margin-bottom: 160px !important; }

.mb-170 { margin-bottom: 170px !important; }

.mb-180 { margin-bottom: 180px !important; }

.mb-190 { margin-bottom: 190px !important; }

.mb-200 { margin-bottom: 200px !important; }

.mb-210 { margin-bottom: 210px !important; }

.mt-0 { margin-top: 0px !important; }

.mt-5 { margin-top: 5px !important; }

.mt-10 { margin-top: 10px !important; }

.mt-15 { margin-top: 15px !important; }

.mt-20 { margin-top: 20px !important; }

.mt-25 { margin-top: 25px !important; }

.mt-30 { margin-top: 30px !important; }

.mt-35 { margin-top: 35px !important; }

.mt-40 { margin-top: 40px !important; }

.mt-45 { margin-top: 45px !important; }

.mt-50 { margin-top: 50px !important; }

.mt-55 { margin-top: 55px !important; }

.mt-60 { margin-top: 60px !important; }

.mt-65 { margin-top: 65px !important; }

.mt-70 { margin-top: 70px !important; }

.mt-80 { margin-top: 80px !important; }

.mt-90 { margin-top: 90px !important; }

.mt-100 { margin-top: 100px !important; }

.mt-110 { margin-top: 110px !important; }

.mt-120 { margin-top: 120px !important; }

.mt-130 { margin-top: 130px !important; }

.mt-140 { margin-top: 140px !important; }

.mt-150 { margin-top: 150px !important; }

.mt-160 { margin-top: 160px !important; }

.mt-170 { margin-top: 170px !important; }

.mt-180 { margin-top: 180px !important; }

.mt-190 { margin-top: 190px !important; }

.mt-200 { margin-top: 200px !important; }

.mt-210 { margin-top: 210px !important; }

.nopadding { padding: 0px !important; }

.pl-0 { padding-left: 0px !important; }

.pl-5 { padding-left: 5px !important; }

.pl-10 { padding-left: 10px !important; }

.pl-15 { padding-left: 15px !important; }

.pl-20 { padding-left: 20px !important; }

.pl-30 { padding-left: 30px !important; }

.pr-0 { padding-right: 0px !important; }

.pr-5 { padding-right: 5px !important; }

.pr-10 { padding-right: 10px !important; }

.pr-15 { padding-right: 15px !important; }

.pr-20 { padding-right: 20px !important; }

.pr-30 { padding-right: 30px !important; }

.pt-0 { padding-top: 0px !important; }

.pt-5 { padding-top: 5px !important; }

.pt-10 { padding-top: 10px !important; }

.pt-15 { padding-top: 15px !important; }

.pt-20 { padding-top: 20px !important; }

.pt-25 { padding-top: 25px !important; }

.pt-30 { padding-top: 30px !important; }

.pt-35 { padding-top: 35px !important; }

.pt-40 { padding-top: 40px !important; }

.pt-45 { padding-top: 45px !important; }

.pt-50 { padding-top: 50px !important; }

.pt-55 { padding-top: 55px !important; }

.pt-60 { padding-top: 60px !important; }

.pt-65 { padding-top: 65px !important; }

.pt-70 { padding-top: 70px !important; }

.pt-75 { padding-top: 75px !important; }

.pt-80 { padding-top: 80px !important; }

.pt-90 { padding-top: 90px !important; }

.pt-100 { padding-top: 100px !important; }

.pt-110 { padding-top: 110px !important; }

.pt-115 { padding-top: 115px !important; }

.pt-120 { padding-top: 120px !important; }

.pt-130 { padding-top: 130px !important; }

.pt-140 { padding-top: 140px !important; }

.pt-150 { padding-top: 150px !important; }

.pt-160 { padding-top: 160px !important; }

.pt-170 { padding-top: 170px !important; }

.pt-180 { padding-top: 180px !important; }

.pt-190 { padding-top: 190px !important; }

.pt-200 { padding-top: 200px !important; }

.pt-210 { padding-top: 210px !important; }

.pt-220 { padding-top: 220px !important; }

.pt-230 { padding-top: 230px !important; }

.pt-240 { padding-top: 240px !important; }

.pt-250 { padding-top: 250px !important; }

.pt-260 { padding-top: 260px !important; }

.pt-270 { padding-top: 270px !important; }

.pt-280 { padding-top: 280px !important; }

.pt-290 { padding-top: 290px !important; }

.pt-300 { padding-top: 300px !important; }

.pt-340 { padding-top: 340px !important; }

.pt-370 { padding-top: 370px !important; }

.pt-390 { padding-top: 390px !important; }

.pb-0 { padding-bottom: 0px !important; }

.pb-5 { padding-bottom: 5px !important; }

.pb-10 { padding-bottom: 10px !important; }

.pb-15 { padding-bottom: 15px !important; }

.pb-20 { padding-bottom: 20px !important; }

.pb-25 { padding-bottom: 25px !important; }

.pb-30 { padding-bottom: 30px !important; }

.pb-35 { padding-bottom: 35px !important; }

.pb-40 { padding-bottom: 40px !important; }

.pb-45 { padding-bottom: 45px !important; }

.pb-50 { padding-bottom: 50px !important; }

.pb-55 { padding-bottom: 55px !important; }

.pb-60 { padding-bottom: 60px !important; }

.pb-65 { padding-bottom: 65px !important; }

.pb-70 { padding-bottom: 70px !important; }

.pb-75 { padding-bottom: 75px !important; }

.pb-80 { padding-bottom: 80px !important; }

.pb-90 { padding-bottom: 90px !important; }

.pb-100 { padding-bottom: 100px !important; }

.pb-110 { padding-bottom: 110px !important; }

.pb-115 { padding-bottom: 115px !important; }

.pb-120 { padding-bottom: 120px !important; }

.pb-130 { padding-bottom: 130px !important; }

.pb-140 { padding-bottom: 140px !important; }

.pb-150 { padding-bottom: 150px !important; }

.pb-160 { padding-bottom: 160px !important; }

.pb-170 { padding-bottom: 170px !important; }

.pb-180 { padding-bottom: 180px !important; }

.pb-190 { padding-bottom: 190px !important; }

.pb-200 { padding-bottom: 200px !important; }

.pb-210 { padding-bottom: 210px !important; }

.pb-220 { padding-bottom: 220px !important; }

.pb-230 { padding-bottom: 230px !important; }

.pb-240 { padding-bottom: 240px !important; }

.pb-250 { padding-bottom: 250px !important; }

.pb-260 { padding-bottom: 260px !important; }

.pb-270 { padding-bottom: 270px !important; }

.pb-280 { padding-bottom: 280px !important; }

.pb-290 { padding-bottom: 290px !important; }

.pb-300 { padding-bottom: 300px !important; }

.pb-370 { padding-bottom: 370px !important; }

/* background
---------------------------------------- */
#background { -webkit-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; -o-transform: scale(1.1) !important; transform: scale(1.1) !important; }

#background.open { -webkit-transform: translate(-25%, 0) scale(1.1) !important; -moz-transform: translate(-25%, 0) scale(1.1) !important; -ms-transform: translate(-25%, 0) scale(1.1) !important; -o-transform: translate(-25%, 0) scale(1.1) !important; transform: translate(-25%, 0) scale(1.1) !important; }

.background { padding: 0px; position: fixed !important; overflow: hidden; top: 0px; left: 0px; width: 100% !important; height: 100% !important; z-index: -1; }

.background .image { background-image: url(../img/image.jpg); background-color: #dddddd; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; }

.background .pattern { background-image: url(../img/pattern.png); background-color: #dddddd; background-repeat: repeat; background-position: center center; width: 100%; height: 100%; -webkit-animation: pattern 30s linear infinite; -moz-animation: pattern 30s linear infinite; -ms-animation: pattern 30s linear infinite; -o-animation: pattern 30s linear infinite; animation: pattern 30s linear infinite; }

@-webkit-keyframes pattern { 0% { background-position: 0 200px, 0 300px, 100px 250px; }
  100% { background-position: 1000px 200px, 1200px 300px, 1100px 250px; } }

@-moz-keyframes pattern { 0% { background-position: 0 200px, 0 300px, 100px 250px; }
  100% { background-position: 1000px 200px, 1200px 300px, 1100px 250px; } }

@-ms-keyframes pattern { .background .pattern 0% { background-position: 0 200px, 0 300px, 100px 250px; }
  .background .pattern 100% { background-position: 1000px 200px, 1200px 300px, 1100px 250px; } }

@-o-keyframes pattern { 0% { background-position: 0 200px, 0 300px, 100px 250px; }
  100% { background-position: 1000px 200px, 1200px 300px, 1100px 250px; } }

@keyframes pattern { 0% { background-position: 0 200px, 0 300px, 100px 250px; }
  100% { background-position: 1000px 200px, 1200px 300px, 1100px 250px; } }

.background .solid { background-color: #131313; width: 100%; height: 100%; }

.background .gradients { width: 100%; height: 100%; }

.background .gradients:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-color: #af3bfb; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(88, 86, 214, 0.7)), color-stop(100%, rgba(198, 68, 252, 0.7))); background: -webkit-linear-gradient(-45deg, rgba(88, 86, 214, 0.7) 0%, rgba(198, 68, 252, 0.7) 100%); background: -o-linear-gradient(-45deg, rgba(88, 86, 214, 0.7) 0%, rgba(198, 68, 252, 0.7) 100%); background: -ms-linear-gradient(-45deg, rgba(88, 86, 214, 0.7) 0%, rgba(198, 68, 252, 0.7) 100%); background: linear-gradient(135deg, rgba(88, 86, 214, 0.7) 0%, rgba(198, 68, 252, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35856d6', endColorstr='#b3c644fc',GradientType=1 ); opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }

.background .video, .background video { position: fixed !important; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: -1; min-width: 100%; min-height: 100%; width: auto; height: auto; background: url(../media/video.jpg) no-repeat; background-size: cover; }

.background #youtube { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; background: none; background: url(../media/youtube.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.background .map, .background .rain { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }

.background .rain img { display: none; }

.background .snow { z-index: 0; background-image: url(../img/snow.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; }

.background .star { background: url(../img/star.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.background .magnet { background: url(../img/magnet.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.background .bubble { background: url(../img/bubble.jpg) !important; background-repeat: no-repeat; background-size: cover !important; background-position: center center; position: fixed !important; width: 100%; height: 100%; }

.background .bubble bubble { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 500%; margin: 0 auto; -webkit-box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff; -moz-box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff; -ms-box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff; -o-box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff; box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); border: 0px; z-index: 1; }

.background .slider { z-index: -1; position: relative; width: 100%; height: 100%; overflow: hidden; width: 100%; position: relative; background: #f5f5f5; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }

.background .slider .slides { background: transparent none scroll no-repeat center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; width: 100%; height: 100%; min-height: 100%; overflow: hidden; display: table; width: 100%; z-index: -1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.background .slider .slides > img { position: absolute; width: 100%; height: auto; min-height: 100%; overflow: hidden; display: none; }

.background .zoom { position: relative; overflow: hidden; width: 100%; height: 100%; }

.background .zoom.fullscreen { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

.background .zoom img { display: none; }

.background .zoom .slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; }

.background .origami canvas, .background .surface, .background .worms, .background .gradient, .background .galaxy, .background .hive { display: block; padding: 0px; margin: 0px; top: 0; right: 0; left: 0; width: 100%; height: 100%; }

.background .worms { background: #002339; background: -moz-linear-gradient(-45deg, #002339 0%, #00070a 100%); background: -webkit-linear-gradient(-45deg, #002339 0%, #00070a 100%); background: linear-gradient(135deg, #002339 0%, #00070a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002339', endColorstr='#00070a',GradientType=1 ); }

.background .gradient { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }

.background .cloud { background: url(../img/cloud.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; }

.volume-button { font-size: 18px; position: absolute; z-index: 25; top: 50px; left: 50px; cursor: pointer; color: #fff; }

.stop-button { font-size: 18px; position: absolute; z-index: 25; top: 80px; left: 50px; cursor: pointer; color: #fff; }

/* Main
---------------------------------------- */
header, aside, footer { -webkit-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); -ms-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); }

header.open, aside.open, footer.open { -webkit-transform: translate(-25%, 0); -moz-transform: translate(-25%, 0); -ms-transform: translate(-25%, 0); -o-transform: translate(-25%, 0); transform: translate(-25%, 0); }

footer.open { width: 100%; }

aside, main, .header-wrap { position: fixed; width: 100%; height: 100%; top: 0; left: 0; }

.header-wrap header { width: 100%; height: 100%; }

.header-wrap header .text-wrap { margin: auto; top: 0; left: 0; right: 0; bottom: 0; text-align: center; position: absolute; background: none; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.55, 1); -moz-transition: -moz-transform 0.5s cubic-bezier(0, 0, 0.55, 1); -ms-transition: -ms-transform 0.5s cubic-bezier(0, 0, 0.55, 1); -o-transition: -o-transform 0.5s cubic-bezier(0, 0, 0.55, 1); transition: transform 0.5s cubic-bezier(0, 0, 0.55, 1); }

.header-wrap header .text-wrap:not(:hover) { -webkit-transition: -webkit-transform 1.1s cubic-bezier(0, 0, 0.2, 1); -moz-transition: -moz-transform 1.1s cubic-bezier(0, 0, 0.2, 1); -ms-transition: -ms-transform 1.1s cubic-bezier(0, 0, 0.2, 1); -o-transition: -o-transform 1.1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1.1s cubic-bezier(0, 0, 0.2, 1); }

.header-wrap header .text-wrap .content-wrap { width: 100%; height: 100%; display: table; }

.header-wrap header .text-wrap .content-wrap .content { display: table-cell; vertical-align: middle; text-align: center; }

footer { position: absolute; bottom: 0; left: 0; display: block; width: 200px; right: 0; margin: auto; }

.body-wrap { position: absolute; top: 0; right: 0; z-index: 100; width: 50%; height: 100%; background: #16181E; -webkit-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); -ms-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.body-wrap.open { visibility: visible; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.67, 0, 0.3, 1); -moz-transition: -moz-transform 0.5s cubic-bezier(0.67, 0, 0.3, 1); -ms-transition: -ms-transform 0.5s cubic-bezier(0.67, 0, 0.3, 1); -o-transition: -o-transform 0.5s cubic-bezier(0.67, 0, 0.3, 1); transition: transform 0.5s cubic-bezier(0.67, 0, 0.3, 1); -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }

.body-wrap section { position: relative; display: block; margin: 0; width: 100%; margin: auto; left: 0; right: 0; padding: 20px 0px; }

.body-wrap section:first-child { padding-top: 90px; }

.body-wrap section:last-child { padding-bottom: 20px; }

.body-wrap section .container { width: 100%; padding-left: 30px; padding-right: 30px; position: relative; }

.body-wrap section .container-fluid { padding: 0px; }

@media all and (max-width: 767px) { h1 { font-size: 38px; line-height: 48px; }
  h2 { font-size: 28px; line-height: 38px; }
  h3 { font-size: 20px; line-height: 30px; }
  h4 { font-size: 15px; line-height: 25px; }
  h5 { font-size: 14px; line-height: 25px; }
  h6 { font-size: 12px; line-height: 24px; }
  .body-wrap { width: 100%; }
  .section-close { width: 50px; height: 50px; position: fixed; top: 15px; right: 15px; cursor: pointer; background: #ffffff; -webkit-box-shadow: 0px 5px 40px -15px #000; -moz-box-shadow: 0px 5px 40px -15px #000; -ms-box-shadow: 0px 5px 40px -15px #000; -o-box-shadow: 0px 5px 40px -15px #000; box-shadow: 0px 5px 40px -15px #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 1s; -moz-transition: all 0.3s ease 1s; -ms-transition: all 0.3s ease 1s; -o-transition: all 0.3s ease 1s; transition: all 0.3s ease 1s; }
  .section-close::before { content: "\e646"; font-family: 'themify'; color: #000; width: 50px; height: 50px; text-align: center; line-height: 50px; position: relative; display: block; font-size: 20px; }
  .section-close.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .content-wrap .content img { max-width: 80px; margin-bottom: 10px; } }

@media all and (max-width: 1024px) { .body-wrap { width: 100%; }
  .section-close { width: 50px; height: 50px; position: fixed; top: 15px; right: 15px; cursor: pointer; background: #ffffff; -webkit-box-shadow: 0px 5px 40px -15px #000; -moz-box-shadow: 0px 5px 40px -15px #000; -ms-box-shadow: 0px 5px 40px -15px #000; -o-box-shadow: 0px 5px 40px -15px #000; box-shadow: 0px 5px 40px -15px #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 1s; -moz-transition: all 0.3s ease 1s; -ms-transition: all 0.3s ease 1s; -o-transition: all 0.3s ease 1s; transition: all 0.3s ease 1s; }
  .section-close::before { content: "\e646"; font-family: 'themify'; color: #000; width: 50px; height: 50px; text-align: center; line-height: 50px; position: relative; display: block; font-size: 20px; }
  .section-close.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape) { footer { display: none; } }

.overlay { position: absolute; width: 100%; height: 100%; visibility: hidden; -webkit-transition: opacity 0.9s cubic-bezier(0.67, 0, 0.3, 1); -moz-transition: opacity 0.9s cubic-bezier(0.67, 0, 0.3, 1); -ms-transition: opacity 0.9s cubic-bezier(0.67, 0, 0.3, 1); -o-transition: opacity 0.9s cubic-bezier(0.67, 0, 0.3, 1); transition: opacity 0.9s cubic-bezier(0.67, 0, 0.3, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.overlay.active { visibility: visible; background: black; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); cursor: crosshair; }

.blured { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='50'); }

.blured::after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.global-overlay { padding: 0px; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100% !important; height: 100% !important; z-index: 1; backface-visibility: hidden; }

.global-overlay .simple-overlay { background: #16181E; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 100%; height: 100%; -webkit-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; -moz-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; -ms-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; -o-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; }

.global-overlay .soft-overlay { background: #16181E; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); width: 0%; height: 100%; -webkit-transform: skew(-25deg) translate(-35%); -moz-transform: skew(-25deg) translate(-35%); -ms-transform: skew(-25deg) translate(-35%); -o-transform: skew(-25deg) translate(-35%); transform: skew(-25deg) translate(-35%); -webkit-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; -moz-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; -ms-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; -o-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; }

.global-overlay .modern-overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 100%; height: 100%; background: -webkit-linear-gradient(-55deg, transparent 25%, #16181E 25%, #16181E 75%, transparent 75%, transparent 100%); background: -moz-linear-gradient(-55deg, transparent 25%, #16181E 25%, #16181E 75%, transparent 75%, transparent 100%); background: -ms-linear-gradient(-55deg, transparent 25%, #16181E 25%, #16181E 75%, transparent 75%, transparent 100%); background: -o-linear-gradient(-55deg, transparent 25%, #16181E 25%, #16181E 75%, transparent 75%, transparent 100%); background: linear-gradient(-55deg, transparent 25%, #16181E 25%, #16181E 75%, transparent 75%, transparent 100%); -webkit-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; -moz-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; -ms-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; -o-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s; }

.global-overlay .diamond-overlay { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); width: 180px; height: 600px; border: 180px solid transparent; border-bottom: 300px solid #16181E; position: absolute; right: 0; left: 0; margin: auto; top: -600px; bottom: 0; -webkit-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; -moz-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; -ms-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; -o-transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; transition: all 0.7s cubic-bezier(0.67, 0, 0.3, 1) 1s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

.global-overlay .diamond-overlay::before { content: ''; position: absolute; left: -180px; top: 420px; width: 0; height: 0; border: 180px solid transparent; border-top: 300px solid #16181E; }

.global-overlay.show .soft-overlay { width: 75%; }

.global-overlay.show .modern-overlay, .global-overlay.show .simple-overlay { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }

.global-overlay.show .diamond-overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/* Preloader
---------------------------------------- */
.preloader { z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0b0c0f; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; -ms-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; }

.preloader::before, .preloader::after { content: ''; left: 0; bottom: 0; width: 100%; height: 100%; position: absolute; }

.preloader::before { z-index: 2; background: #16181E; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; -ms-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; }

.preloader::after { z-index: 1; background: #121318; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -ms-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; }

.preloader.end { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.preloader.end::before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.preloader.end::after { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.preloader .loader { width: 200px; height: 200px; position: absolute; right: 0; left: 0; margin: auto; top: 0; bottom: 0; z-index: 3; }

.preloader .loader .triangle { stroke-dasharray: 17; -webkit-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite; -moz-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite; -ms-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite; -o-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite; animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite; }

@-webkit-keyframes dash { to { stroke-dashoffset: 136; } }

@-moz-keyframes dash { to { stroke-dashoffset: 136; } }

@-ms-keyframes dash { .preloader to { stroke-dashoffset: 136; } }

@-o-keyframes dash { to { stroke-dashoffset: 136; } }

@keyframes dash { to { stroke-dashoffset: 136; } }

/* Countdown Timer
---------------------------------------- */
.countdown { font-weight: 400; width: 80%; position: relative; line-height: 1em; overflow: hidden; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 1em; font-size: 5em; font-family: Montserrat; }

.countdown .label { font-size: 14px; padding: 0px; }

.countdown .digits { display: inline-block; }

.countdown .digits span { bottom: -1em; display: inline-block; min-width: .7em; position: relative; text-align: left; -webkit-transition: 0s none; -moz-transition: 0s none; -ms-transition: 0s none; -o-transition: 0s none; transition: 0s none; }

.countdown .digits span:first-child { text-align: right; }

.countdown .digits span.animate { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }

.countdown .digits span::before { content: attr(data-old); position: absolute; top: -100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media (max-width: 1023px) { .countdown { font-size: 4em; }
  .countdown .label { display: none; } }

@media (max-width: 767px) { .countdown { font-size: 2.5em; }
  .countdown .label { display: none; } }

@media (max-width: 479px) { .countdown { font-size: 2em; }
  .countdown .label { display: none; } }

/* Map
---------------------------------------- */
#map { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; z-index: 1; overflow: hidden; visibility: hidden; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 1.85s cubic-bezier(0.67, 0, 0.3, 1), -webkit-transform 2.2s cubic-bezier(0.67, 0, 0.3, 1), visibility 1.85s cubic-bezier(0.67, 0, 0.3, 1); -moz-transition: opacity 1.85s cubic-bezier(0.67, 0, 0.3, 1), -moz-transform 2.2s cubic-bezier(0.67, 0, 0.3, 1), visibility 1.85s cubic-bezier(0.67, 0, 0.3, 1); -ms-transition: opacity 1.85s cubic-bezier(0.67, 0, 0.3, 1), -ms-transform 2.2s cubic-bezier(0.67, 0, 0.3, 1), visibility 1.85s cubic-bezier(0.67, 0, 0.3, 1); -o-transition: opacity 1.85s cubic-bezier(0.67, 0, 0.3, 1), -o-transform 2.2s cubic-bezier(0.67, 0, 0.3, 1), visibility 1.85s cubic-bezier(0.67, 0, 0.3, 1); transition: opacity 1.85s cubic-bezier(0.67, 0, 0.3, 1), transform 2.2s cubic-bezier(0.67, 0, 0.3, 1), visibility 1.85s cubic-bezier(0.67, 0, 0.3, 1); color: #16181E; }

#map.open { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; }

.btn-map-close { z-index: 1; position: absolute; right: 20px; top: 20px; width: 50px; height: 50px; background: #0084FF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; cursor: pointer; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 2s; -moz-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 2s; -ms-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 2s; -o-transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 2s; transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 2s; }

.btn-map-close.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; }

.btn-map-close::before, .btn-map-close::after { display: block; position: absolute; content: ' '; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid rgba(0, 132, 255, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0.35); -moz-transform: scale(0.35); -ms-transform: scale(0.35); -o-transform: scale(0.35); transform: scale(0.35); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; -moz-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; -ms-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; -o-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; }

.btn-map-close::after { border-color: rgba(0, 132, 255, 0.4); -webkit-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; -moz-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; -ms-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; -o-animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; }

.btn-map-close span { position: absolute; display: inline-block; width: 30px; height: 30px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.btn-map-close span::before, .btn-map-close span::after { height: 1px; content: ''; top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute; width: 100%; background: #ffffff; }

.btn-map-close span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.btn-map-close span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

@-webkit-keyframes pulse-1 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

@-moz-keyframes pulse-1 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

@-ms-keyframes pulse-1 { .btn-map-close 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
  .btn-map-close 100% { -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } }

@-o-keyframes pulse-1 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

@keyframes pulse-1 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

@-webkit-keyframes pulse-2 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

@-moz-keyframes pulse-2 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

@-ms-keyframes pulse-2 { .btn-map-close 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
  .btn-map-close 100% { -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } }

@-o-keyframes pulse-2 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

@keyframes pulse-2 { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50); }
  100% { -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); } }

.loading { background: transparent; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; left: -100%; z-index: 10; }

.loading.active { display: block; left: 0%; }

.loading.active2 { display: block; }

.loading .reveal-1, .loading .reveal-2 { position: absolute; left: 100%; top: 0; width: 100%; height: 100%; }

.loading .reveal-1 { background-color: #16181E; backface-visibility: hidden; -webkit-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -moz-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -ms-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -o-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; }

.loading .reveal-2 { background-color: #0b0c0f; backface-visibility: hidden; -webkit-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -moz-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -ms-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -o-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; }

.loading.active .reveal-1 { background-color: #16181E; backface-visibility: hidden; -webkit-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -moz-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -ms-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -o-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; }

.loading.active .reveal-2 { background-color: #0b0c0f; backface-visibility: hidden; -webkit-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -moz-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -ms-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; -o-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; }

@-webkit-keyframes anim-effect-2-1 { 0% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  30%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@-moz-keyframes anim-effect-2-1 { 0% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  30%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@-ms-keyframes anim-effect-2-1 { .loading 0% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .loading 30%, .loading 100% { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@-o-keyframes anim-effect-2-1 { 0% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  30%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@keyframes anim-effect-2-1 { 0% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  30%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@-webkit-keyframes anim-effect-2-2 { 0%, 14.5% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  34.5%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@-moz-keyframes anim-effect-2-2 { 0%, 14.5% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  34.5%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@-ms-keyframes anim-effect-2-2 { .loading 0%, .loading 14.5% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .loading 34.5%, .loading 100% { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@-o-keyframes anim-effect-2-2 { 0%, 14.5% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  34.5%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

@keyframes anim-effect-2-2 { 0%, 14.5% { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  34.5%, 100% { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -ms-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); } }

/* Button
---------------------------------------- */
.btn { padding: 12px 35px; overflow: hidden; margin-right: 5px; margin-bottom: 10px; background: none; color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; position: relative; border: none; font-family: Montserrat; min-width: 140px; }

.btn span { z-index: 1; color: #ffffff; -webkit-transition: all 0.35s cubic-bezier(0.25, 1, 0.33, 1); -moz-transition: all 0.35s cubic-bezier(0.25, 1, 0.33, 1); -ms-transition: all 0.35s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: all 0.35s cubic-bezier(0.25, 1, 0.33, 1); transition: all 0.35s cubic-bezier(0.25, 1, 0.33, 1); }

.btn i { font-size: 15px; line-height: 20px; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1); -moz-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -moz-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1); -ms-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -ms-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -o-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1); transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transform: translateX(-7px); -moz-transform: translateX(-7px); -ms-transform: translateX(-7px); -o-transform: translateX(-7px); transform: translateX(-7px); z-index: 1; color: inherit; }

.btn.btn-icon span { left: 0px; display: inline-block; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.btn.btn-icon:hover span { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); -ms-transform: translateX(-12px); -o-transform: translateX(-12px); transform: translateX(-12px); }

.btn::before { content: ''; position: absolute; top: -2px; left: -2px; width: 105%; height: 106%; z-index: -1; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -webkit-background-size 0.38s ease; -moz-transition: -moz-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -moz-background-size 0.38s ease; -ms-transition: -ms-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -ms-background-size 0.38s ease; -o-transition: -o-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -o-background-size 0.38s ease; transition: transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), background-size 0.38s ease; background: #0084FF; }

.btn:hover { background: none; border: none; }

.btn:hover i { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); color: inherit; }

.btn.btn-default { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff; -moz-box-shadow: inset 0px 0px 0px 1px #ffffff; -ms-box-shadow: inset 0px 0px 0px 1px #ffffff; -o-box-shadow: inset 0px 0px 0px 1px #ffffff; box-shadow: inset 0px 0px 0px 1px #ffffff; color: #16181E; }

.btn.btn-default span { color: #16181E; }

.btn.btn-default::before { background: #ffffff; }

.btn.btn-default:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff; -moz-box-shadow: inset 0px 0px 0px 1px #ffffff; -ms-box-shadow: inset 0px 0px 0px 1px #ffffff; -o-box-shadow: inset 0px 0px 0px 1px #ffffff; box-shadow: inset 0px 0px 0px 1px #ffffff; }

.btn.btn-default:hover span, .btn.btn-default:hover i { color: #ffffff; }

.btn.btn-default2 { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -webkit-box-shadow: inset 0px 0px 0px 1px #16181E; -moz-box-shadow: inset 0px 0px 0px 1px #16181E; -ms-box-shadow: inset 0px 0px 0px 1px #16181E; -o-box-shadow: inset 0px 0px 0px 1px #16181E; box-shadow: inset 0px 0px 0px 1px #16181E; color: #ffffff; }

.btn.btn-default2 span { color: #ffffff; }

.btn.btn-default2::before { background: #16181E; }

.btn.btn-default2:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #16181E; -moz-box-shadow: inset 0px 0px 0px 1px #16181E; -ms-box-shadow: inset 0px 0px 0px 1px #16181E; -o-box-shadow: inset 0px 0px 0px 1px #16181E; box-shadow: inset 0px 0px 0px 1px #16181E; }

.btn.btn-default2:hover span, .btn.btn-default2:hover i { color: #16181E; }

.btn.btn-white { color: #16181E; -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff; -moz-box-shadow: inset 0px 0px 0px 1px #ffffff; -ms-box-shadow: inset 0px 0px 0px 1px #ffffff; -o-box-shadow: inset 0px 0px 0px 1px #ffffff; box-shadow: inset 0px 0px 0px 1px #ffffff; }

.btn.btn-white span { color: #16181E; }

.btn.btn-white::before { background: #ffffff; }

.btn.btn-white:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff; -moz-box-shadow: inset 0px 0px 0px 1px #ffffff; -ms-box-shadow: inset 0px 0px 0px 1px #ffffff; -o-box-shadow: inset 0px 0px 0px 1px #ffffff; box-shadow: inset 0px 0px 0px 1px #ffffff; }

.btn.btn-white:hover span, .btn.btn-white:hover i { color: #ffffff; }

.btn.btn-black { color: #ffffff; -webkit-box-shadow: inset 0px 0px 0px 1px #16181E; -moz-box-shadow: inset 0px 0px 0px 1px #16181E; -ms-box-shadow: inset 0px 0px 0px 1px #16181E; -o-box-shadow: inset 0px 0px 0px 1px #16181E; box-shadow: inset 0px 0px 0px 1px #16181E; }

.btn.btn-black span { color: #ffffff; }

.btn.btn-black::before { background: #16181E; }

.btn.btn-black:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #16181E; -moz-box-shadow: inset 0px 0px 0px 1px #16181E; -ms-box-shadow: inset 0px 0px 0px 1px #16181E; -o-box-shadow: inset 0px 0px 0px 1px #16181E; box-shadow: inset 0px 0px 0px 1px #16181E; }

.btn.btn-black:hover span, .btn.btn-black:hover i { color: #16181E; }

.btn.btn-primary { color: #0084FF; -webkit-box-shadow: inset 0px 0px 0px 1px #0084FF; -moz-box-shadow: inset 0px 0px 0px 1px #0084FF; -ms-box-shadow: inset 0px 0px 0px 1px #0084FF; -o-box-shadow: inset 0px 0px 0px 1px #0084FF; box-shadow: inset 0px 0px 0px 1px #0084FF; }

.btn.btn-primary span { color: #ffffff; }

.btn.btn-primary::before { background: #0084FF; }

.btn.btn-primary:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #0084FF; -moz-box-shadow: inset 0px 0px 0px 1px #0084FF; -ms-box-shadow: inset 0px 0px 0px 1px #0084FF; -o-box-shadow: inset 0px 0px 0px 1px #0084FF; box-shadow: inset 0px 0px 0px 1px #0084FF; }

.btn.btn-primary:hover span, .btn.btn-primary:hover i { color: #0084FF; }

.btn.btn-secondary { color: #8660F1; -webkit-box-shadow: inset 0px 0px 0px 1px #8660F1; -moz-box-shadow: inset 0px 0px 0px 1px #8660F1; -ms-box-shadow: inset 0px 0px 0px 1px #8660F1; -o-box-shadow: inset 0px 0px 0px 1px #8660F1; box-shadow: inset 0px 0px 0px 1px #8660F1; }

.btn.btn-secondary span { color: #ffffff; }

.btn.btn-secondary::before { background: #8660F1; }

.btn.btn-secondary:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #8660F1; -moz-box-shadow: inset 0px 0px 0px 1px #8660F1; -ms-box-shadow: inset 0px 0px 0px 1px #8660F1; -o-box-shadow: inset 0px 0px 0px 1px #8660F1; box-shadow: inset 0px 0px 0px 1px #8660F1; }

.btn.btn-secondary:hover span, .btn.btn-secondary:hover i { color: #8660F1; }

.btn.btn-success { color: #a1fbf4; -webkit-box-shadow: inset 0px 0px 0px 1px #a1fbf4; -moz-box-shadow: inset 0px 0px 0px 1px #a1fbf4; -ms-box-shadow: inset 0px 0px 0px 1px #a1fbf4; -o-box-shadow: inset 0px 0px 0px 1px #a1fbf4; box-shadow: inset 0px 0px 0px 1px #a1fbf4; }

.btn.btn-success span { color: #ffffff; }

.btn.btn-success::before { background: #a1fbf4; }

.btn.btn-success:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #a1fbf4; -moz-box-shadow: inset 0px 0px 0px 1px #a1fbf4; -ms-box-shadow: inset 0px 0px 0px 1px #a1fbf4; -o-box-shadow: inset 0px 0px 0px 1px #a1fbf4; box-shadow: inset 0px 0px 0px 1px #a1fbf4; }

.btn.btn-success:hover span, .btn.btn-success:hover i { color: #a1fbf4; }

.btn.btn-info { color: #00F1E0; -webkit-box-shadow: inset 0px 0px 0px 1px #00F1E0; -moz-box-shadow: inset 0px 0px 0px 1px #00F1E0; -ms-box-shadow: inset 0px 0px 0px 1px #00F1E0; -o-box-shadow: inset 0px 0px 0px 1px #00F1E0; box-shadow: inset 0px 0px 0px 1px #00F1E0; }

.btn.btn-info span { color: #ffffff; }

.btn.btn-info::before { background: #00F1E0; }

.btn.btn-info:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #00F1E0; -moz-box-shadow: inset 0px 0px 0px 1px #00F1E0; -ms-box-shadow: inset 0px 0px 0px 1px #00F1E0; -o-box-shadow: inset 0px 0px 0px 1px #00F1E0; box-shadow: inset 0px 0px 0px 1px #00F1E0; }

.btn.btn-info:hover span, .btn.btn-info:hover i { color: #00F1E0; }

.btn.btn-danger { color: #FA3443; -webkit-box-shadow: inset 0px 0px 0px 1px #FA3443; -moz-box-shadow: inset 0px 0px 0px 1px #FA3443; -ms-box-shadow: inset 0px 0px 0px 1px #FA3443; -o-box-shadow: inset 0px 0px 0px 1px #FA3443; box-shadow: inset 0px 0px 0px 1px #FA3443; }

.btn.btn-danger span { color: #ffffff; }

.btn.btn-danger::before { background: #FA3443; }

.btn.btn-danger:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #FA3443; -moz-box-shadow: inset 0px 0px 0px 1px #FA3443; -ms-box-shadow: inset 0px 0px 0px 1px #FA3443; -o-box-shadow: inset 0px 0px 0px 1px #FA3443; box-shadow: inset 0px 0px 0px 1px #FA3443; }

.btn.btn-danger:hover span, .btn.btn-danger:hover i { color: #FA3443; }

.btn.btn-warning { color: #FFCD00; -webkit-box-shadow: inset 0px 0px 0px 1px #FFCD00; -moz-box-shadow: inset 0px 0px 0px 1px #FFCD00; -ms-box-shadow: inset 0px 0px 0px 1px #FFCD00; -o-box-shadow: inset 0px 0px 0px 1px #FFCD00; box-shadow: inset 0px 0px 0px 1px #FFCD00; }

.btn.btn-warning span { color: #ffffff; }

.btn.btn-warning::before { background: #FFCD00; }

.btn.btn-warning:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #FFCD00; -moz-box-shadow: inset 0px 0px 0px 1px #FFCD00; -ms-box-shadow: inset 0px 0px 0px 1px #FFCD00; -o-box-shadow: inset 0px 0px 0px 1px #FFCD00; box-shadow: inset 0px 0px 0px 1px #FFCD00; }

.btn.btn-warning:hover span, .btn.btn-warning:hover i { color: #FFCD00; }

.btn.btn-gradient { color: #ffffff; border-width: 1px; border-style: solid; -moz-border-image: -moz-linear-gradient(top right, #39dfa5 0%, #a1fbf4 100%); -webkit-border-image: -webkit-linear-gradient(top right, #39dfa5 0%, #a1fbf4 100%); border-image: linear-gradient(to bottom right, #39dfa5 0%, #a1fbf4 100%); border-image-slice: 1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.btn.btn-gradient span { color: #ffffff; }

.btn.btn-gradient::before { background: #39dfa5; background: -moz-linear-gradient(left, #39dfa5 0%, #a1fbf4 100%); background: -webkit-linear-gradient(left, #39dfa5 0%, #a1fbf4 100%); background: linear-gradient(to right, #39dfa5 0%, #a1fbf4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39dfa5', endColorstr='#a1fbf4',GradientType=1 ); }

.btn.btn-gradient:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.btn.btn-gradient:hover span, .btn.btn-gradient:hover i { color: #ffffff; }

.btn.btn-gradient2 { color: #ffffff; border-width: 1px; border-style: solid; -moz-border-image: -moz-linear-gradient(top right, #252AFF 0%, #25FFED 100%); -webkit-border-image: -webkit-linear-gradient(top right, #252AFF 0%, #25FFED 100%); border-image: linear-gradient(to bottom right, #252AFF 0%, #25FFED 100%); border-image-slice: 1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.btn.btn-gradient2 span { color: #ffffff; }

.btn.btn-gradient2::before { background: #39dfa5; background: -moz-linear-gradient(left, #252AFF 0%, #25FFED 100%); background: -webkit-linear-gradient(left, #252AFF 0%, #25FFED 100%); background: linear-gradient(to right, #252AFF 0%, #25FFED 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252AFF', endColorstr='#25FFED',GradientType=1 ); }

.btn.btn-gradient2:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.btn.btn-gradient2:hover span, .btn.btn-gradient2:hover i { color: #ffffff; }

.btn.btn-gradient3 { color: #ffffff; border-width: 1px; border-style: solid; -moz-border-image: -moz-linear-gradient(top right, #F8453E 0%, #FCBB45 100%); -webkit-border-image: -webkit-linear-gradient(top right, #F8453E 0%, #FCBB45 100%); border-image: linear-gradient(to bottom right, #F8453E 0%, #FCBB45 100%); border-image-slice: 1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.btn.btn-gradient3 span { color: #ffffff; }

.btn.btn-gradient3::before { background: #39dfa5; background: -moz-linear-gradient(left, #F8453E 0%, #FCBB45 100%); background: -webkit-linear-gradient(left, #F8453E 0%, #FCBB45 100%); background: linear-gradient(to right, #F8453E 0%, #FCBB45 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8453E', endColorstr='#FCBB45',GradientType=1 ); }

.btn.btn-gradient3:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.btn.btn-gradient3:hover span, .btn.btn-gradient3:hover i { color: #ffffff; }

.btn.btn-link { color: #0084FF; }

.btn.btn-link span { color: #ffffff; }

.btn.btn-link::before { background: none; }

.btn.btn-link:hover span, .btn.btn-link:hover i { color: #0084FF; }

.btn:hover::before { -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); background-position: left !important; background-size: 100% 100% !important; }

.btn.btn-border span { color: inherit; }

.btn.btn-border::before { -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -webkit-background-size 0.38s ease; -moz-transition: -moz-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -moz-background-size 0.38s ease; -ms-transition: -ms-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -ms-background-size 0.38s ease; -o-transition: -o-transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), -o-background-size 0.38s ease; transition: transform 0.38s cubic-bezier(0.2, 0.95, 0.4, 0.95), background-size 0.38s ease; }

.btn.btn-border:hover::before { -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background-position: left !important; background-size: 100% 100% !important; }

.btn.btn-border.btn-default span { color: #ffffff; }

.btn.btn-border.btn-default:hover span, .btn.btn-border.btn-default:hover i { color: #16181E; }

.btn.btn-border.btn-default2 span { color: #16181E; }

.btn.btn-border.btn-default2:hover span, .btn.btn-border.btn-default2:hover i { color: #ffffff; }

.btn.btn-border.btn-white span { color: #ffffff; }

.btn.btn-border.btn-white:hover span, .btn.btn-border.btn-white:hover i { color: #16181E; }

.btn.btn-border.btn-black span { color: #16181E; }

.btn.btn-border.btn-black:hover span, .btn.btn-border.btn-black:hover i { color: #ffffff; }

.btn.btn-border.btn-gradient span { color: #ffffff; }

.btn.btn-border.btn-gradient:hover span, .btn.btn-border.btn-gradient:hover i { color: #ffffff; }

.btn.btn-border.btn-gradient2 span { color: #ffffff; }

.btn.btn-border.btn-gradient2:hover span, .btn.btn-border.btn-gradient2:hover i { color: #ffffff; }

.btn.btn-border.btn-gradient3 span { color: #ffffff; }

.btn.btn-border.btn-gradient3:hover span, .btn.btn-border.btn-gradient3:hover i { color: #ffffff; }

.btn.btn-border.btn-primary span { color: #0084FF; }

.btn.btn-border.btn-primary:hover span, .btn.btn-border.btn-primary:hover i { color: #ffffff; }

.btn.btn-border.btn-secondary span { color: #8660F1; }

.btn.btn-border.btn-secondary:hover span, .btn.btn-border.btn-secondary:hover i { color: #ffffff; }

.btn.btn-border.btn-success span { color: #a1fbf4; }

.btn.btn-border.btn-success:hover span, .btn.btn-border.btn-success:hover i { color: #ffffff; }

.btn.btn-border.btn-info span { color: #00F1E0; }

.btn.btn-border.btn-info:hover span, .btn.btn-border.btn-info:hover i { color: #ffffff; }

.btn.btn-border.btn-warning span { color: #FFCD00; }

.btn.btn-border.btn-warning:hover span, .btn.btn-border.btn-warning:hover i { color: #ffffff; }

.btn.btn-border.btn-danger span { color: #FA3443; }

.btn.btn-border.btn-danger:hover span, .btn.btn-border.btn-danger:hover i { color: #ffffff; }

.btn.btn-border.btn-link span { color: #ffffff; }

.btn.btn-border.btn-link:hover span, .btn.btn-border.btn-link:hover i { color: #0084FF; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; outline-offset: 0px; }

/* Portfolio
---------------------------------------- */
.card { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 1000px; -webkit-perspective: 1000px; display: block; position: relative; min-height: 400px; margin-bottom: 0px; padding: 0; }

.card .box-front { background-color: #0a0a0a; min-height: 400px; height: auto; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 1; }

.card .box-back { background-color: #1239ff; min-height: 400px; height: auto; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }

.card .box-front, .card .box-back { position: absolute; top: 0; width: 100%; text-align: center; background-size: cover; background-position: center; }

.card .box-front::after, .card .box-back::after { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ' '; display: block; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); background-color: inherit; backface-visibility: hidden; }

.card .box-front .inner, .card .box-back .inner { -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); -moz-transform: translateY(-50%) translateZ(60px) scale(0.94); -ms-transform: translateY(-50%) translateZ(60px) scale(0.94); -o-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; color: #ffffff; position: absolute; left: 0; width: 100%; padding: 60px; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; font-size: 14px; line-height: 32px; }

.card .box-front .inner i, .card .box-back .inner i { font-size: 60px !important; line-height: 60px !important; margin-bottom: 20px; display: block; color: #0084FF; }

.card .box-front .inner h3, .card .box-back .inner h3 { letter-spacing: 0px; font-size: 26px; line-height: 30px; font-weight: 500; margin-bottom: 8px; }

.card .box-front .inner h3 small, .card .box-back .inner h3 small { margin-bottom: 20px; height: auto !important; display: block; width: auto !important; color: #ffffff; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); font-size: 55%; }

.card:hover .box-front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }

.card:hover .box-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Icon box
---------------------------------------- */
.icon-box { text-decoration: none; color: inherit; margin-bottom: 20px; }

.icon-box:hover { text-decoration: none; }

.icon-box i { font-size: 64px; color: #0084FF; display: block; margin-bottom: 20px; }

.icon-box h4 { font-size: 20px; line-height: 32px; font-weight: bold; margin-top: 20px; }

.icon-box p { font-size: 16px; line-height: 30px; }

.icon-box a { color: inherit; }

.icon-box a:hover { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }

/* Progress bar
---------------------------------------- */
.progress { height: auto; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }

.progress .bar { height: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: #f7f7f7; }

.progress .title { font-size: 12px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; display: block; overflow: hidden; margin-bottom: 10px; }

.progress .progress-bar { box-shadow: none; }

.progress .progress-bar-primary { background: #a1fbf4; }

.progress .progress-bar-secondary { background: #8660F1; }

.progress .progress-bar-black { background: #16181E; }

.progress .progress-bar-success { background: #a1fbf4; }

.progress .progress-bar-info { background: #00F1E0; }

.progress .progress-bar-warning { background: #FFCD00; }

.progress .progress-bar-danger { background: #FA3443; }

/* Team
---------------------------------------- */
.team { margin-bottom: 30px; position: relative; overflow: hidden; }

.team .team-img { overflow: hidden; position: relative; }

.team .team-img::after { position: absolute; left: 0; top: 0; width: 100%; height: 101%; content: ''; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, #0084FF)); background-image: -moz-linear-gradient(transparent, #0084FF); background-image: -webkit-linear-gradient(transparent, #0084FF); background-image: linear-gradient(transparent, #0084FF); -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: opacity 0.6s ease; }

.team .team-details { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; color: #ffffff; -webkit-transition: -webkit-transform 0.6s ease, opacity 0.6s ease; -moz-transition: -moz-transform 0.6s ease, opacity 0.6s ease; -ms-transition: -ms-transform 0.6s ease, opacity 0.6s ease; -o-transition: -o-transform 0.6s ease, opacity 0.6s ease; transition: transform 0.6s ease, opacity 0.6s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

.team .team-details .team-name { font-size: 1.429em; font-weight: bold; letter-spacing: normal; margin: 0; text-align: center; }

.team .team-details .team-position { text-align: center; display: block; font-size: 14px; }

.team .team-details .team-description { margin: 15px 0; padding: 0 30px; font-size: 14px; }

.team .team-details .team-social { position: relative; padding: 6px 30px; margin-top: 10px; border: 0; text-align: center; }

.team .team-details .team-social::after { position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: ' '; background-color: rgba(255, 255, 255, 0.3); -webkit-transition: -webkit-transform 0.6s 0, opacity 0.6s 0; -moz-transition: -moz-transform 0.6s 0, opacity 0.6s 0; -ms-transition: -ms-transform 0.6s 0, opacity 0.6s 0; -o-transition: -o-transform 0.6s 0, opacity 0.6s 0; transition: transform 0.6s 0, opacity 0.6s 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

.team .team-details .team-social a { -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); transform: translateY(150%); -webkit-transition: -webkit-transform 0.1s ease; -moz-transition: -moz-transform 0.1s ease; -ms-transition: -ms-transform 0.1s ease; -o-transition: -o-transform 0.1s ease; transition: transform 0.1s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: inline-block; }

.team .team-details .team-social a i { color: #ffffff; padding: 0 15px; display: inline-block; }

.team:hover .team-img:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.team:hover .team-details { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.team:hover .team-social:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s; -moz-transition: -moz-transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s; -ms-transition: -ms-transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s; -o-transition: -o-transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s; transition: transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.team:hover .team-social a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.team:hover .team-social a:nth-child(1) { -webkit-transition: -webkit-transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s; -moz-transition: -moz-transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s; -ms-transition: -ms-transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s; -o-transition: -o-transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s; transition: transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s; }

.team:hover .team-social a:nth-child(2) { -webkit-transition: -webkit-transform 0.6s ease 1s, opacity 0.6s ease 1s; -moz-transition: -moz-transform 0.6s ease 1s, opacity 0.6s ease 1s; -ms-transition: -ms-transform 0.6s ease 1s, opacity 0.6s ease 1s; -o-transition: -o-transform 0.6s ease 1s, opacity 0.6s ease 1s; transition: transform 0.6s ease 1s, opacity 0.6s ease 1s; }

.team:hover .team-social a:nth-child(3) { -webkit-transition: -webkit-transform 0.6s ease 1.2s, opacity 0.6s ease 1.2s; -moz-transition: -moz-transform 0.6s ease 1.2s, opacity 0.6s ease 1.2s; -ms-transition: -ms-transform 0.6s ease 1.2s, opacity 0.6s ease 1.2s; -o-transition: -o-transform 0.6s ease 1.2s, opacity 0.6s ease 1.2s; transition: transform 0.6s ease 1.2s, opacity 0.6s ease 1.2s; }

.team:hover .team-social a:nth-child(4) { -webkit-transition: -webkit-transform 0.6s ease 1.4s, opacity 0.6s ease 1.4s; -moz-transition: -moz-transform 0.6s ease 1.4s, opacity 0.6s ease 1.4s; -ms-transition: -ms-transform 0.6s ease 1.4s, opacity 0.6s ease 1.4s; -o-transition: -o-transform 0.6s ease 1.4s, opacity 0.6s ease 1.4s; transition: transform 0.6s ease 1.4s, opacity 0.6s ease 1.4s; }

/* Alert
---------------------------------------- */
.alert { color: #ffffff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; padding-right: 30px; padding-left: 30px; border: 0px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; }

.alert:hover { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); }

/* Form
---------------------------------------- */
form input[type], form textarea, form select { appearance: none; -webkit-appearance: none; background: transparent; padding: 0.8125em; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); max-width: 100%; margin-bottom: 1.625em; }

form input[type='text'], form input[type='address'], form input[type='url'], form input[type='password'], form input[type='email'], form input[type="search"], form input[type="tel"] { -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; color: #767676; padding-left: 1.625em; padding-right: 1.625em; height: 52px; }

form textarea { width: 100%; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; color: #767676; padding-left: 1.625em; padding-right: 1.625em; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }

form textarea:focus { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12); }

form label { font-family: Montserrat, "Helvetica", "Arial", sans-serif; color: #ffffff; font-weight: 600; margin-bottom: 0; font-size: 0.625em; line-height: 2.6em; margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; margin-bottom: 2.5em; display: block; margin: 0; margin-left: 2.6em; }

form label.error { position: absolute; color: #FA3443; top: 32px; margin-left: 0px; padding-left: 28px; z-index: -1; cursor: auto; }

form div[class*='col-'] > input { width: 100%; }

form .input-icon { position: relative; overflow: hidden; }

form .input-icon i { position: absolute; font-size: 1.4em; top: 15px; width: 25px; text-align: center; left: 0px; color: inherit; -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); }

form .input-icon label + i + input, form .input-icon label + i + textarea { margin-top: 0.85em; }

form .input-icon input, form .input-icon textarea { padding-left: 2em; width: 100%; margin-bottom: 0px; -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0.1s; -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0.1s; -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0.1s; -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0.1s; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0.1s; }

form .input-icon input:focus ~ i, form .input-icon input:hover ~ i, form .input-icon textarea:focus ~ i, form .input-icon textarea:hover ~ i { left: -25px; }

form .input-icon input:focus, form .input-icon input:hover, form .input-icon textarea:focus, form .input-icon textarea:hover { padding-left: 0em; }

form [aria-invalid="true"] ~ label, form [aria-invalid="true"] ~ i { color: #FA3443; }

form input[aria-invalid="true"]:-ms-input-placeholder, form textarea[aria-invalid="true"]:-ms-input-placeholder { color: #FA3443; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

form input[aria-invalid="true"]::-moz-placeholder, form textarea[aria-invalid="true"]::-moz-placeholder { color: #FA3443; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

form input[aria-invalid="true"]::-webkit-input-placeholder, form textarea[aria-invalid="true"]::-webkit-input-placeholder { color: #FA3443; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.form-group { min-width: 100%; max-width: 100%; margin: 20px 0px; }

.form-group input { -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -ms-border-radius: 50px 0 0 50px; -o-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; }

.form-group input + button[type="submit"] { margin-left: -4px; }

.form-group button[type="submit"] { -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; -ms-border-radius: 0 50px 50px 0; -o-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; position: relative; margin: 0; }

.form-group .btn { padding: 17.5px 30px; height: 52px; }

.form-group .btn:hover, .form-group .btn:focus:active { -webkit-box-shadow: inset 0px 0px 0px 100px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0px 0px 0px 100px rgba(255, 255, 255, 0.1); -ms-box-shadow: inset 0px 0px 0px 100px rgba(255, 255, 255, 0.1); -o-box-shadow: inset 0px 0px 0px 100px rgba(255, 255, 255, 0.1); box-shadow: inset 0px 0px 0px 100px rgba(255, 255, 255, 0.1); }

.form-group .btn-primary:hover { background: #2998ff; -webkit-box-shadow: inset 0 3px 5px transparent; -moz-box-shadow: inset 0 3px 5px transparent; -ms-box-shadow: inset 0 3px 5px transparent; -o-box-shadow: inset 0 3px 5px transparent; box-shadow: inset 0 3px 5px transparent; color: #ffffff; }

.form-group .btn-primary:focus:active { background: #2998ff; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -ms-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); color: #ffffff; }

.form-group2 { position: relative; }

.form-group2 input { width: 100%; background: rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2); -ms-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2); -o-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2); -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }

.form-group2 input:focus { background: rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5); -ms-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5); -o-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5); }

.form-group2 .btn { width: 30%; position: absolute !important; top: 0px; right: 0px; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; -ms-border-radius: 50px !important; -o-border-radius: 50px !important; border-radius: 50px !important; height: 52px; top: 0px; }

.checkbox, .radio { position: relative; }

.checkbox span, .radio span { top: 0; position: absolute; display: inline-block; bottom: 0; margin: auto; margin-left: 10px; }

input[type=checkbox], input[type=radio] { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); overflow: hidden; width: 0px; height: 0px; }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; width: 50px; height: 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 1px solid #0076FF; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0px; position: relative; }

input[type=checkbox]:checked + label, input[type=radio]:checked + label { border: 1px solid #0076FF; }

input[type="checkbox"] + label::before { content: ""; position: absolute; display: block; width: 19px; height: 19px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #0076FF; top: 1px; left: 2px; margin: 1.3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

input[type="radio"] + label::before { content: ""; position: absolute; display: block; width: 19px; height: 19px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #0076FF; left: 0; right: 0; top: 0; border: none; margin: auto; bottom: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

input[type="radio"]:checked + label::before { background: #0084FF; right: 2px; left: inherit; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

input[type="checkbox"]:checked + label::before { background: #0084FF; -webkit-transform: translateX(23px); -moz-transform: translateX(23px); -ms-transform: translateX(23px); -o-transform: translateX(23px); transform: translateX(23px); }

.disabled input[type="checkbox"] + label { border: 1px solid #f0f0f0; }

.disabled input[type="checkbox"] + label::before { border: 1px solid #f0f0f0; }

.disabled input[type="radio"] + label { border: 1px solid #f0f0f0; }

.disabled input[type="checkbox"]:checked + label::before, .disabled input[type="radio"]:checked + label::before { background: #f0f0f0; }

input[type="radio"] + label { width: 25px; height: 25px; text-align: left; }

input[type="radio"] + label::before { left: 1px; right: 1px; border: none; }

input[type="radio"]:checked + label::before { left: 1px; right: 1px; border: none; }

/* Contact form
---------------------------------------- */
.contactform { position: fixed; padding: 25px; line-height: 1.4; z-index: 9; bottom: 0; right: 0px; margin: 0; border: 0px; width: 480px; height: 100%; background: #ffffff; left: inherit; color: #333333; font-size: 1.15em; -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); -moz-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); -ms-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); -o-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); }

.contactform button.close { position: absolute; right: 20px; top: 20px; }

.contactform.visible { -webkit-transform: perspective(1000px); -moz-transform: perspective(1000px); -ms-transform: perspective(1000px); -o-transform: perspective(1000px); transform: perspective(1000px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.contactform input, .contactform textarea { background: #f7f7f7; width: 96%; margin-left: 2%; margin-right: 2%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); display: block !important; }

.contactform .btn { width: 96%; margin-left: 2%; margin-right: 2%; }

.contactform input:focus, .contactform textarea:focus { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); }

.contactform label { color: #9997a2; }

.message-contact { position: fixed; bottom: -60px; left: 0; text-align: center; width: 100%; height: 60px; overflow: hidden; z-index: 3; line-height: 60px; -webkit-box-shadow: 0px 0px 40px -10px #16181E; -moz-box-shadow: 0px 0px 40px -10px #16181E; -ms-box-shadow: 0px 0px 40px -10px #16181E; -o-box-shadow: 0px 0px 40px -10px #16181E; box-shadow: 0px 0px 40px -10px #16181E; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }

.message-contact.open { bottom: 0px; }

.message-contact i { font-size: 30px; display: inline-block; line-height: 60px; vertical-align: middle; margin-right: 20px; }

.form-content { width: 100%; height: 100%; position: relative; top: 0; left: 0; display: block; overflow: hidden; }

@media all and (max-width: 767px) { .contactform { width: 100%; } }

/* Modal
---------------------------------------- */
.modal .close { position: absolute; top: 10px; right: 10px; }

.modal .modal-content { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 40px 15px; background-position: center; background-size: cover; border-width: 1px; border-style: solid; -moz-border-image: -moz-linear-gradient(top right, #39dfa5 0%, #1fbdf2 100%); -webkit-border-image: -webkit-linear-gradient(top right, #39dfa5 0%, #1fbdf2 100%); border-image: linear-gradient(to bottom right, #39dfa5 0%, #1fbdf2 100%); border-image-slice: 1; }

.modal.newsletter { width: 100%; height: 100%; }

.modal.newsletter input:focus { border-color: #ffffff; color: #ffffff !important; }

.modal .modal-md { width: 50%; max-width: 560px; min-width: 360px; height: auto; }

.modal .modal-dialog, .modal .modal.in .modal-dialog { position: fixed; visibility: visible; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; top: 50% !important; left: 0 !important; right: 0 !important; margin: auto; }

.modal-backdrop.in { background: #030304; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); z-index: 3; }

/* Modal Animation
---------------------------------------- */
.MEDscale .modal-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.MEDscale.modal.in .modal-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.sideright .modal-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.sideright.modal.in .modal-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.flip1, .flip2 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }

.flip1 .modal-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); -o-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.flip1.modal.in .modal-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.flip2 .modal-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); -o-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.flip2.modal.in .modal-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.bg-gray { background: #f2f2f2; }

.bg-gray-1 { background: #ededed; }

.bg-gray-2 { background: #e8e8e8; }

.alert-primary, .bg-primary, .progress-bar-primary { background: #a1fbf4; }

.alert-secondary, .bg-secondary, .progress-bar-secondary { background: #a1fbf4; }

.alert-black, .bg-black, .progress-bar-black { background: #a1fbf4; }

.alert-white, .bg-white, .progress-bar-white { background: #ffffff; color: #0084FF; }

.alert-muted, .bg-muted, .progress-bar-muted { background: #CECDD2; color: #ffffff; }

.alert-success, .bg-success, .progress-bar-success { background: #a1fbf4; }

.alert-info, .bg-info, .progress-bar-info { background: #a1fbf4; }

.alert-warning, .bg-warning, .progress-bar-warning { background: #a1fbf4; }

.alert-danger, .bg-danger, .progress-bar-danger { background: #a1fbf4; }

.socials { text-align: center; margin-bottom: 10px; }

.socials a { margin: 0px 10px; display: inline-block; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.socials a:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

/* Tooltip
---------------------------------------- */
.tooltip { font-size: 14px; }

.tooltip .tooltip-inner { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 5px 10px; background: #0084FF; }

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #0084FF; }

.tooltip.right .tooltip-arrow { border-right-color: #0084FF; }

.tooltip.left .tooltip-arrow { border-left-color: #0084FF; }

.tooltip.bottom-right .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom .tooltip-arrow { border-bottom-color: #0084FF; }

/* Scrollbar
---------------------------------------- */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: -10px; right: auto; margin: 0px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }

/*
Medhati icon font	
Author: Medhati
Author URI: http://medhati.com
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular_extended
*/
@font-face { font-family: "medhati"; src: url("../fonts/medhati.eot"); src: url("../fonts/medhati.eot?#iefix") format("embedded-opentype"), url("../fonts/medhati.woff") format("woff"), url("../fonts/medhati.ttf") format("truetype"), url("../fonts/medhati.svg#medhati") format("svg"); font-weight: normal; font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "medhati"; src: url("../fonts/medhati.svg#medhati") format("svg"); } }

*[class*='me-']:before { display: inline-block; font-family: "medhati"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.me-cyclist:before { content: "\f100"; }

.me-medal-2:before { content: "\f101"; }

.me-paint-roller:before { content: "\f102"; }

.me-goal:before { content: "\f103"; }

.me-compass-1:before { content: "\f104"; }

.me-chess-1:before { content: "\f105"; }

.me-helmet:before { content: "\f106"; }

.me-call-center:before { content: "\f107"; }

.me-crown-1:before { content: "\f108"; }

.me-shopping-cart:before { content: "\f109"; }

.me-shopping-bag-1:before { content: "\f10a"; }

.me-cocktail:before { content: "\f10b"; }

.me-american-football-cup:before { content: "\f10c"; }

.me-gaming:before { content: "\f10d"; }

.me-cup-1:before { content: "\f10e"; }

.me-sailor:before { content: "\f10f"; }

.me-barber:before { content: "\f110"; }

.me-knitting:before { content: "\f111"; }

.me-painter:before { content: "\f112"; }

.me-chessplayer:before { content: "\f113"; }

.me-body-building:before { content: "\f114"; }

.me-knight:before { content: "\f115"; }

.me-football:before { content: "\f116"; }

.me-archery:before { content: "\f117"; }

.me-trophy:before { content: "\f118"; }

.me-drink:before { content: "\f119"; }

.me-cards-1:before { content: "\f11a"; }

.me-game-1:before { content: "\f11b"; }

.me-satellite-tv:before { content: "\f11c"; }

.me-microphone:before { content: "\f11d"; }

.me-microscope:before { content: "\f11e"; }

.me-cruise:before { content: "\f11f"; }

.me-radio:before { content: "\f120"; }

.me-luggage:before { content: "\f121"; }

.me-position:before { content: "\f122"; }

.me-network:before { content: "\f123"; }

.me-journalist:before { content: "\f124"; }

.me-share-1:before { content: "\f125"; }

.me-share:before { content: "\f126"; }

.me-technology-12:before { content: "\f127"; }

.me-witch:before { content: "\f128"; }

.me-signs-4:before { content: "\f129"; }

.me-arrows-3:before { content: "\f12a"; }

.me-arrows-2:before { content: "\f12b"; }

.me-music-5:before { content: "\f12c"; }

.me-music-4:before { content: "\f12d"; }

.me-music-3:before { content: "\f12e"; }

.me-technology-11:before { content: "\f12f"; }

.me-music-player:before { content: "\f130"; }

.me-technology-10:before { content: "\f131"; }

.me-technology-9:before { content: "\f132"; }

.me-photo-camera:before { content: "\f133"; }

.me-technology-8:before { content: "\f134"; }

.me-photo-1:before { content: "\f135"; }

.me-photo:before { content: "\f136"; }

.me-multimedia-2:before { content: "\f137"; }

.me-video-player:before { content: "\f138"; }

.me-technology-7:before { content: "\f139"; }

.me-headphones-1:before { content: "\f13a"; }

.me-business-1:before { content: "\f13b"; }

.me-feather-pen:before { content: "\f13c"; }

.me-technology-6:before { content: "\f13d"; }

.me-settings-1:before { content: "\f13e"; }

.me-writing-tool:before { content: "\f13f"; }

.me-pen:before { content: "\f140"; }

.me-security-2:before { content: "\f141"; }

.me-security-1:before { content: "\f142"; }

.me-light-bulb-2:before { content: "\f143"; }

.me-technology-5:before { content: "\f144"; }

.me-headset-1:before { content: "\f145"; }

.me-construction:before { content: "\f146"; }

.me-placeholder-3:before { content: "\f147"; }

.me-cup:before { content: "\f148"; }

.me-compass:before { content: "\f149"; }

.me-clover:before { content: "\f14a"; }

.me-cards:before { content: "\f14b"; }

.me-anchor:before { content: "\f14c"; }

.me-writing-1:before { content: "\f14d"; }

.me-wifi:before { content: "\f14e"; }

.me-writing:before { content: "\f14f"; }

.me-customer-service:before { content: "\f150"; }

.me-monitor:before { content: "\f151"; }

.me-science:before { content: "\f152"; }

.me-transport-1:before { content: "\f153"; }

.me-signs-3:before { content: "\f154"; }

.me-baby:before { content: "\f155"; }

.me-people-1:before { content: "\f156"; }

.me-light-bulb-1:before { content: "\f157"; }

.me-plug:before { content: "\f158"; }

.me-flash:before { content: "\f159"; }

.me-business:before { content: "\f15a"; }

.me-balance:before { content: "\f15b"; }

.me-shop:before { content: "\f15c"; }

.me-money:before { content: "\f15d"; }

.me-shopping-bag:before { content: "\f15e"; }

.me-sport:before { content: "\f15f"; }

.me-sun:before { content: "\f160"; }

.me-rain:before { content: "\f161"; }

.me-woman:before { content: "\f162"; }

.me-medical:before { content: "\f163"; }

.me-eye-1:before { content: "\f164"; }

.me-music-2:before { content: "\f165"; }

.me-armchair:before { content: "\f166"; }

.me-cutlery:before { content: "\f167"; }

.me-lemonade:before { content: "\f168"; }

.me-fruit-1:before { content: "\f169"; }

.me-fruit:before { content: "\f16a"; }

.me-fingerprint:before { content: "\f16b"; }

.me-24-hours-1:before { content: "\f16c"; }

.me-delivery-truck:before { content: "\f16d"; }

.me-paint-palette-1:before { content: "\f16e"; }

.me-star-1:before { content: "\f16f"; }

.me-like-1:before { content: "\f170"; }

.me-clock-4:before { content: "\f171"; }

.me-piggy-bank:before { content: "\f172"; }

.me-stats:before { content: "\f173"; }

.me-handshake:before { content: "\f174"; }

.me-target-2:before { content: "\f175"; }

.me-target-1:before { content: "\f176"; }

.me-chess:before { content: "\f177"; }

.me-puzzle-1:before { content: "\f178"; }

.me-startup-1:before { content: "\f179"; }

.me-queen:before { content: "\f17a"; }

.me-axe:before { content: "\f17b"; }

.me-vision:before { content: "\f17c"; }

.me-profile:before { content: "\f17d"; }

.me-users-1:before { content: "\f17e"; }

.me-users:before { content: "\f17f"; }

.me-message-1:before { content: "\f180"; }

.me-house:before { content: "\f181"; }

.me-message:before { content: "\f182"; }

.me-signs-2:before { content: "\f183"; }

.me-placeholder-2:before { content: "\f184"; }

.me-location-2:before { content: "\f185"; }

.me-direction:before { content: "\f186"; }

.me-location-1:before { content: "\f187"; }

.me-technology-4:before { content: "\f188"; }

.me-bluetooth:before { content: "\f189"; }

.me-suitcase:before { content: "\f18a"; }

.me-interface-3:before { content: "\f18b"; }

.me-technology-3:before { content: "\f18c"; }

.me-smartphone:before { content: "\f18d"; }

.me-technology-2:before { content: "\f18e"; }

.me-calendar:before { content: "\f18f"; }

.me-interface-2:before { content: "\f190"; }

.me-interface-1:before { content: "\f191"; }

.me-stopwatch-1:before { content: "\f192"; }

.me-time:before { content: "\f193"; }

.me-clock-3:before { content: "\f194"; }

.me-search:before { content: "\f195"; }

.me-edit:before { content: "\f196"; }

.me-global-1:before { content: "\f197"; }

.me-key:before { content: "\f198"; }

.me-global:before { content: "\f199"; }

.me-music-1:before { content: "\f19a"; }

.me-present:before { content: "\f19b"; }

.me-layers-1:before { content: "\f19c"; }

.me-settings:before { content: "\f19d"; }

.me-attachment:before { content: "\f19e"; }

.me-luxury:before { content: "\f19f"; }

.me-interface:before { content: "\f1a0"; }

.me-magnet:before { content: "\f1a1"; }

.me-security:before { content: "\f1a2"; }

.me-weather:before { content: "\f1a3"; }

.me-symbol-1:before { content: "\f1a4"; }

.me-symbol:before { content: "\f1a5"; }

.me-technology-1:before { content: "\f1a6"; }

.me-layers:before { content: "\f1a7"; }

.me-clock-2:before { content: "\f1a8"; }

.me-clock-1:before { content: "\f1a9"; }

.me-target:before { content: "\f1aa"; }

.me-placeholder-1:before { content: "\f1ab"; }

.me-signs-1:before { content: "\f1ac"; }

.me-placeholder:before { content: "\f1ad"; }

.me-location:before { content: "\f1ae"; }

.me-star:before { content: "\f1af"; }

.me-like:before { content: "\f1b0"; }

.me-shapes-1:before { content: "\f1b1"; }

.me-idea:before { content: "\f1b2"; }

.me-computer-1:before { content: "\f1b3"; }

.me-connection:before { content: "\f1b4"; }

.me-signs:before { content: "\f1b5"; }

.me-eye:before { content: "\f1b6"; }

.me-power:before { content: "\f1b7"; }

.me-multimedia-1:before { content: "\f1b8"; }

.me-multimedia:before { content: "\f1b9"; }

.me-arrows-1:before { content: "\f1ba"; }

.me-play:before { content: "\f1bb"; }

.me-play-button:before { content: "\f1bc"; }

.me-arrows:before { content: "\f1bd"; }

.me-web:before { content: "\f1be"; }

.me-telephone-1:before { content: "\f1bf"; }

.me-people:before { content: "\f1c0"; }

.me-paint-palette-and-brush:before { content: "\f1c1"; }

.me-transport:before { content: "\f1c2"; }

.me-stopwatch:before { content: "\f1c3"; }

.me-graph:before { content: "\f1c4"; }

.me-bullseye:before { content: "\f1c5"; }

.me-scale:before { content: "\f1c6"; }

.me-technology:before { content: "\f1c7"; }

.me-shiny-diamond:before { content: "\f1c8"; }

.me-social-media:before { content: "\f1c9"; }

.me-telemarketer:before { content: "\f1ca"; }

.me-podium:before { content: "\f1cb"; }

.me-jester:before { content: "\f1cc"; }

.me-crown:before { content: "\f1cd"; }

.me-magic-wand:before { content: "\f1ce"; }

.me-picture:before { content: "\f1cf"; }

.me-syringe:before { content: "\f1d0"; }

.me-vector-1:before { content: "\f1d1"; }

.me-vector:before { content: "\f1d2"; }

.me-eyedropper:before { content: "\f1d3"; }

.me-paint-palette:before { content: "\f1d4"; }

.me-bucket:before { content: "\f1d5"; }

.me-spray:before { content: "\f1d6"; }

.me-ruler:before { content: "\f1d7"; }

.me-brush:before { content: "\f1d8"; }

.me-restaurant:before { content: "\f1d9"; }

.me-medal-1:before { content: "\f1da"; }

.me-backpack:before { content: "\f1db"; }

.me-megaphone:before { content: "\f1dc"; }

.me-headset:before { content: "\f1dd"; }

.me-operator:before { content: "\f1de"; }

.me-24-hours:before { content: "\f1df"; }

.me-telephone:before { content: "\f1e0"; }

.me-tools-1:before { content: "\f1e1"; }

.me-tools:before { content: "\f1e2"; }

.me-drawing-1:before { content: "\f1e3"; }

.me-hammer:before { content: "\f1e4"; }

.me-drawing:before { content: "\f1e5"; }

.me-startup:before { content: "\f1e6"; }

.me-game:before { content: "\f1e7"; }

.me-music:before { content: "\f1e8"; }

.me-computer:before { content: "\f1e9"; }

.me-gamepad:before { content: "\f1ea"; }

.me-shapes:before { content: "\f1eb"; }

.me-clock:before { content: "\f1ec"; }

.me-mail:before { content: "\f1ed"; }

.me-playstore:before { content: "\f1ee"; }

.me-microsoft:before { content: "\f1ef"; }

.me-rocket-launch:before { content: "\f1f0"; }

.me-medal:before { content: "\f1f1"; }

.me-puzzle:before { content: "\f1f2"; }

.me-headphones:before { content: "\f1f3"; }

.me-loudspeaker:before { content: "\f1f4"; }

.me-arrow:before { content: "\f1f5"; }

.me-projection-screen-with-bar-chart:before { content: "\f1f6"; }

.me-percentage-symbol:before { content: "\f1f7"; }

.me-globe:before { content: "\f1f8"; }

.me-justice-balance:before { content: "\f1f9"; }

.me-necktie:before { content: "\f1fa"; }

.me-light-bulb:before { content: "\f1fb"; }

.me-gold-bars:before { content: "\f1fc"; }

.me-pie-chart:before { content: "\f1fd"; }

.me-apple:before { content: "\f1fe"; }