@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@import url("../css/bootstrap.min.css");
@import url("../css/custom-icons.min.css");
@import url("../css/icofonts.min.css");
@import url("../css/cubeportfolio.css");
@import url("../css/bootsnav.css");
@import url("../css/slick.css");
@import url("../css/animate.css");

* { transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
*:hover { transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
.transition-none *, .home-slider *, .mfp-container *, .attr-nav *, .cbp-wrapper *, .parallax, .rev-slider *, #loader-overlay *, .menu-overlay, .tr-products *, #loader-overlay, .main-box-title *, .skillbar-wrap * { transition-timing-function: none;-moz-transition-timing-function: none;-webkit-transition-timing-function: none;-o-transition-timing-function: none;
-ms-transition-timing-function: none;transition-duration: 0s;-moz-transition-duration: 0s;-webkit-transition-duration: 0s;-o-transition-duration: 0s;-ms-transition-duration: 0s; }
#loader-overlay { width: 100%;height: 100vh;background: #ffffff;position: fixed;z-index: 999999; }
.loader { display: inline-block;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); }
::selection { background-color: #212121; color: #fff; }
* { margin: 0;padding: 0;min-height:0;min-width:0; }
*, :after, :before { box-sizing: border-box; }

html, body { position: relative; height: 100%; }
body { color: #888;background: #cce9f2;font-size:14px;font-family: 'Montserrat', sans-serif;font-weight: 400; }
iframe { border: 0; }
video { background-size: cover;display: table-cell;vertical-align: middle;width: 100%; }
.html5-video { background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);  width: auto; z-index: -3; }
iframe, embed, object { max-width: 100%; }
.wrapper { position: relative;z-index: 20;overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { color: #000000; margin: 20px 0 10px 0;font-style: normal;font-family: 'Montserrat', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.9em; }
h1 { font-size: 58px; }
h2 { font-size: 40px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #212121; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5:hover a, h6 a:hover { color: #0b096d; }
p a { }
p a:hover { color: #0b096d; }
p { letter-spacing: normal; line-height: 24px;color: #888;font-weight:400;font-family: 'Montserrat', sans-serif; }
a { text-decoration: none; color:#212121; }
a:hover, a:focus, a:active { outline: none;text-decoration: none;color:#0b096d; }
ul { list-style: disc; }
li > ul, li > ol { padding: 0;margin-left: 15px; }
figure { margin-bottom: 6px;position: relative; }
img { height: auto;max-width: 100%; }
.mark, mark { background-color:#0b096d;color:#fff; }
pre { margin: 0 20px;padding: 10px;border: 1px solid #e2e2e2;background: #f1f1f1;border-radius:0; }
blockquote { border-left: 2px solid #0b096d;background: #fff;padding: 15px 40px; }
blockquote p { font-size: 18px;line-height: 30px;margin-bottom: 17px !important;font-weight: 300; }
.blockquote-reverse, blockquote.pull-right { border-right: 2px solid #0b096d;background:#fff; }
.outline-alert { background-color: transparent!important; }
strong { color: #414141; }
hr { border:0;height: 1px;width:100%;margin:20px auto; }
hr.left-line { margin:20px 0 20px 0;width:80px; }
hr.center_line { width:80px; }
hr.bold-line { height:3px; }
.text-decoration-underline { text-decoration: underline; }
.text-decoration-none { text-decoration: none; }
.line-trough { text-decoration: line-through; }
label { margin-bottom: 10px;font-weight: 500;color:#212121;font-family: 'Montserrat', sans-serif;font-size: 14px; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { 
border-color: none;box-shadow: none;outline: 0 none; }
.search-submit { position: absolute;right: 20px;top:14px;background: none;border:0;padding: 0;font-size:20px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;color:#e0e0e0; }
.search-submit:hover { color: #0b096d; }
.select-custom { width: 100%;overflow: hidden;background: url(../images/select-arrow.png) no-repeat 97% 50%;border: 1px solid #fff;margin-bottom: 20px; }
.select-custom select { width: 100%;border: none;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;
appearance: none;cursor: pointer; }
.md-input, .md-textarea, .md-select select { padding: 14px 20px;font-size: 14px;line-height: normal;border-radius: 0; }
input, textarea, select { border: 1px solid #eee;font-size: 14px;padding: 8px 15px;width: 100%;margin: 0 0 20px 0;max-width: 100%;resize: none;background-color: transparent;color:#fff; }
.has-error input, .has-error textarea, .has-error select { border-color: #0b096d; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { 
color: #0b096d; }
.contact-form-style-01 input, .contact-form-style-01 textarea, .contact-form-style-01 select { color:#000000; }
.contact-form-style-02 .form-control { background-color: transparent;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #fff;padding: 10px 0; }
.contact-form-style-02 .has-error input, .contact-form-style-02 .has-error textarea, .contact-form-style-02 .has-error select { border-color: #212121; }
.contact-form-style-02 .has-error .help-block, .contact-form-style-02 .has-error .control-label, .contact-form-style-02 .has-error .radio, .contact-form-style-02 .has-error .checkbox, .contact-form-style-02 .has-error .radio-inline, .contact-form-style-02 .has-error .checkbox-inline, .contact-form-style-02 .has-error.radio label, .contact-form-style-02 .has-error.checkbox label, .contact-form-style-02 .has-error.radio-inline label, .contact-form-style-02 .has-error.checkbox-inline label { color: #fff; }
.contact-form-style-03 input, .contact-form-style-03 textarea, .contact-form-style-03 select { color:#212121; }
section { padding-top:60px;padding-bottom:60px;position: relative;z-index: 10;background:#f5f5f5;overflow: hidden; }
section.lg-section { padding-top:150px;padding-bottom:150px; }
.section-heading { text-align: center;margin: auto;float: none;padding-bottom: 20px; }
.section-heading h2 { font-size: 40px; }
.section-heading h5 { font-size: 18px;font-weight: 600; }
.fullscreen { display: block; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.textap-left { display: block; padding-left: 30px; padding-right: 100px; padding-top: 50px; padding-bottom: 0px; float: right; max-width: 800px; margin-top: 50px; margin-bottom: 50px; }
.textap-right { display: block; padding-left: 100px; padding-right: 30px; padding-top: 50px; padding-bottom: 0px; float: left; max-width: 800px; margin-top: 50px; margin-bottom: 50px; }
.top-bar { font-size: 12px;width: 100%; }
.dropdown-style-01 .dropdown-menu { margin-top: 12px;min-width: 130px;border-radius: 0;border: none;z-index: 444;right: 0;left: auto; }
.dropdown-style-01 .btn { color: #fff;font-size: 12px;padding: 0;margin: 0;background-color: transparent;font-weight: normal;text-transform: capitalize;border: 0; }
.navbar-nav { float: right;margin: 0;padding: 0px 10px; }
nav.navbar.bootsnav.navbar-transparent .logo { position: relative;z-index: 110;display: table;height: 80px;-webkit-transition: all .3s ease;transition: all .3s ease; }
nav.navbar.bootsnav.navbar-transparent.brand-center .logo, .brand-center .logo { display:block;max-width: 150px;text-align: center;margin: 0 auto;height: auto; }
nav.navbar.bootsnav.navbar-transparent.brand-center .navbar-brand { padding: 20px 15px; }
.navbar-brand { padding: 11px 15px; }
.logo { position: relative;z-index: 110;display: table;height: 60px;-webkit-transition: all .3s ease;transition: all .3s ease; }
.logo img { max-height: 50px;-webkit-transition: all .5s ease;transition: all .5s ease;display: block; }
.logo.z-index-1 { z-index: 1; }
nav .logo > a { display: table-cell;vertical-align: middle; }
.navbar-scrollspy .logo img { text-align:center;margin: 0 auto; }
.menu-logo, .vcard-address { float: left; }
nav.bootsnav.navbar-sidebar ul.nav { margin: 0 0 30px 0; }
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a.nav-btn-default { padding-top: 10px;padding-bottom: 10px;margin-top: 15px; }
nav.navbar.bootsnav ul.nav > li > a.nav-btn-default { padding: 10px 15px;margin-top: 6.5px;color: #fff; }
.navbar-nav>li>.dropdown-menu { margin-top: 2px; }
.absolute-header { position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 99;padding: 10px 0; }
.menu-logo-outside { max-width: 180px; }
.menu-btn { position: fixed;right: 8%;z-index: 999;top: 2%; }
.menu-btn a { background-color: #fff;width: 60px;height: 60px;display: block;text-align: center;line-height: 57px;box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07);font-size: 26px; }
.btn-open:before { color: #333;content: "\f130";font-family: "Ionicons";-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s; }
.btn-open:hover:before { color: #0b096d; }
.btn-close:before { color: #333;content: "\f2d7";font-family: "Ionicons";-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s; }
.btn-close:hover:before { color: #0b096d; }
body.overflow { overflow: hidden; }
.menu-overlay { position: fixed;top: 0;z-index: 998;display: none;overflow: hidden;width: 100%;height: 100%;background: #060606;left: 0;right: 0; }
.menu-overlay .menu-wrap { width: 100%;display: table;height: 100vh; }
ul.vcard-menu { margin: 0 auto;padding: 0;width: 100%; }
ul.vcard-menu li { padding: 10px 0;list-style: none;text-align: center;font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 50px; }
ul.vcard-menu li a { color: #fff; }
ul.vcard-menu li a:hover { color: #0b096d; }
.vcard-address { margin-top: 40px;margin-bottom: 40px; }
.hero-text { display: table-cell;vertical-align: middle;position: relative;width: 100%;z-index: 10;color: #fff; }
.hero-text h3, .hero-text h1 { color:#0b096d; }
.hero-text h1 { font-size:78px;letter-spacing:-2px;line-height: 1.25; }
.hero-text h1.letter-spacing-10 { letter-spacing:10px; }
.hero-text h1.letter-spacing-0 { letter-spacing:0px; }
.hero-text-wrap .hero-text h1.font-90px { font-size:90px; }
.hero-text h2 { font-size:62px; }
.hero-text h3 { font-size:49px; }
.hero-text h4 { font-size:30px; }
.hero-text h5 { font-size:19px; }
.hero-text h6 { font-size:14px; }
.hero-text-wrap.color-overlay-bg { background: rgba(191, 7, 49, 0.75);width: 100%;height: 101vh;position: absolute;z-index: 1; }
section.dark-block .hero-text-wrap, section.dark-block.title-hero-bg::before { background-color:transparent; }
.hero-text-wrap h1.font-100px { font-size:100px; }
.hero-text-wrap h1.line-height-90 { line-height: 90px; }
::-webkit-input-placeholder { color:#ffffff!important; }
::-moz-placeholder { color:#ffffff!important; }
:-ms-input-placeholder { color:#ffffff!important; }
:-moz-placeholder { color:#ffffff!important; }
.style-02::-webkit-input-placeholder { color:#fff!important; }
.style-02::-moz-placeholder { color:#fff!important; }
.style-02:-ms-input-placeholder { color:#fff!important; }
.style-02:-moz-placeholder { color:#fff!important; }
input.search-bar-top::-webkit-input-placeholder { color: #fff!important; }
input.search-bar-top::-moz-placeholder { color: #fff!important; }
input.search-bar-top:-ms-input-placeholder { color: #fff!important; }
input.search-bar-top:-moz-placeholder { color: #fff!important; }
.fixed { position:fixed!important; }
.relative { position:relative!important; }
.absolute { position:absolute!important; }
.static { position:static!important; }
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }
.z-index-4 { z-index:4; }
.z-index-5 { z-index:5; }
.z-index-0 { z-index:0; }
.z-index-minus2 { z-index:-2; }
.display-none { display: none!important; }
.display-block { display: block!important; }
.display-inline-block { display: inline-block!important; }
.display-table { display: table; }
.display-table-cell { display: table-cell!important; }
.float-none { float:none; }
.centerize-col { float: none!important;margin-left: auto;margin-right: auto; }
.center-layout { display: table;table-layout: fixed;height: 100%;width: 100%;position: relative; }
.v-align-middle { display: table-cell;vertical-align: middle; }
.width-1px { width: 1px } .width-2px { width: 2px }.width-3px { width: 3px }.width-4px { width: 4px }.width-5px { width: 5px }.width-6px { width: 6px }.width-7px { width: 7px }.width-8px { width: 8px }.width-9px { width: 9px }.width-10px { width: 10px }.width-80px { width: 80px }.width-90px { width: 90px }.width-100px { width: 100px }.width-150px { width: 150px }.width-200px { width: 200px }.width-250px { width: 250px }.width-300px { width: 300px }.width-350px { width: 350px }.width-400px { width: 400px }.width-450px { width: 450px }.width-500px { width: 500px!important }.width-550px { width: 550px }.width-600px { width: 600px }.width-650px { width: 650px!important }.width-700px { width: 700px }.width-800px { width: 800px }
.width-10-percent { width: 10% !important }.width-20-percent { width: 20% !important }.width-30-percent { width: 30% !important }.width-40-percent { width: 40% !important }.width-50-percent { width: 50% !important }.width-60-percent { width: 60% !important }.width-70-percent { width: 70% !important }.width-80-percent { width: 80% !important }.width-90-percent { width: 90% !important }.width-100-percent { width: 100% !important }.width-auto { width:auto !important }
.max-width-100 { max-width: 100% }.min-width-100px { min-height: 100px }.min-width-200px { min-height: 200px }.min-width-300px { min-height: 300px }.min-width-400px { min-height: 400px }.min-width-500px { min-height: 500px }.min-width-600px { min-height: 600px }.min-width-700px { min-height: 700px }
.view-width-100vh { width: 100vh; }
.height-1px { height: 1px!important }.height-2px { height: 2px!important }.height-3px { height: 3px!important }.height-4px { height: 4px!important }.height-5px { height: 5px!important }.height-6px { height: 6px!important }.height-7px { height: 7px!important }.height-8px { height: 8px!important }.height-9px { height: 9px!important }.height-10px { height: 10px!important }.height-80px { height: 80px }.height-90px { height: 90px }.height-100px { height: 100px }.height-150px { height: 150px }.height-200px { height: 200px }.height-250px { height: 250px }.height-300px { height: 300px }.height-350px { height: 350px }.height-400px { height: 400px }.height-450px { height: 450px }.height-500px { height: 500px!important; }.height-550px { height: 550px }.height-600px { height: 600px }.height-650px { height: 650px!important; }.height-700px { height: 700px }.height-800px { height: 800px }
.height-10-percent { height: 10% }.height-20-percent { height: 20% }.height-30-percent { height: 30% }.height-40-percent { height: 40% }.height-50-percent { height: 50% }.height-60-percent { height: 60% }.height-70-percent { height: 70% }.height-80-percent { height: 80% }.height-90-percent { height: 90% }.height-100-percent { height: 100% !important }.height-auto { height:auto !important }
.max-height-100 { max-height: 100% }.min-height-100px { min-height: 100px }.min-height-200px { min-height: 200px }.min-height-300px { min-height: 300px!important; }.min-height-400px { min-height: 400px }.min-height-500px { min-height: 500px }.min-height-600px { min-height: 600px }.min-height-700px { min-height: 700px }.min-height-800px { min-height: 800px }.min-height-900px { min-height: 900px }
.xs-screen { height:300px; } .sm-screen { height:400px; } .md-screen { height:600px; } .lg-screen { height:700px; } .xl-screen { height:800px; } .xxl-screen { height: 1000px; }
.view-height-100vh { height: 100vh!important; }
.bordered-bg { background-color: transparent;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; }
.transparent-bg { background-color:transparent!important; }
.dark-bg { background-color:#212121; }
.darken-bg { background-color:#151515; }
.d-dark-bg { background-color:#0a0a0a; }
.white-bg { background-color: #fff; }
.modalbg { background-color: #0477b6; border-radius: 0px; box-shadow: 0 0 20px rgba(27,66,133,0.8); }
.default-bg { background-color:#0b096d; }
.secondary-bg { background-color: #430D3C; }
.dark-grey-bg { background-color: #e0e0e0; }
.grey-bg { background-color:#eee!important; }
.lighten-grey-bg { background-color:#f5f5f5; }
.l-lighten-bg { background-color:#fafafa; }
.yellow-bg { background-color: #ffcc00; }
.theme-gradient-bg { background-image: radial-gradient(circle, #0b096d, #a4003e, #850044, #640643, #430d3c);-webkit-background-image: radial-gradient(circle, #0b096d, #a4003e, #850044, #640643, #430d3c);-moz-background-image: radial-gradient(circle, #0b096d, #a4003e, #850044, #640643, #430d3c);-ms-background-image: radial-gradient(circle, #0b096d, #a4003e, #850044, #640643, #430d3c);-o-background-image: radial-gradient(circle, #0b096d, #a4003e, #850044, #640643, #430d3c); }
.bordered-bg.white-bg { background-color: #fff; }
.pattern-bg-dark { background-image: url(../images/background/pattern-bg-dark.jpg);background-repeat: repeat; }
.pattern-bg-light { background-image: url(../images/light-pattern.png);background-repeat: repeat; }
.pattern-bg-colored { background-image: url(../images/colored-pattern.png);background-repeat: repeat; }
.light-br-r { border-right:1px solid #eeeeee; }
.fixed-bg { background-attachment: fixed!important; }
.overlay-bg { background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;z-index: -1;top:0;left:0; }
.front-overlay-bg { background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;z-index: 99;top:0;left:0; }
.color-overlay-bg { background: rgba(191, 7, 49, 0.75);width: 100%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;right: 0; }
.front-color-overlay-bg { background: rgba(191, 7, 49, 0.75);width: 100%;height: 100%;position: absolute;z-index: 99;top: 0;left: 0;right: 0; }
.secondary-color-overlay-bg { background: rgba(67, 13, 60, 0.75);width: 100%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;right: 0; }
.parallax-overlay { background: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;z-index: -1;top:0;left:0; }
.parallax-overlay-white { background: rgba(255, 255, 255, 0.6);width: 100%;height: 100%;position: absolute;z-index: -1;top:0;left:0; }
.parallax-bg { background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-repeat:no-repeat;background-position: 50% 50%; }
.line-horizontal { width: 100%;height: 1px; }
.box-shadow { box-shadow: 0 10px 30px 5px rgba(17,21,23,.1); }
.box-shadow-hover { }
.box-shadow-hover:hover { box-shadow: 0 10px 30px 5px rgba(17,21,23,.1); }
.montserrat-font { font-family: 'Montserrat', sans-serif; }
.play-font { font-family: 'Playfair Display', serif; }
.Montserrat-font { font-family: 'Montserrat', sans-serif; }
.kaushan-font { font-family: 'Kaushan Script', cursive; }
.herr-font { font-family: 'Herr Von Muellerhoff', cursive; }
.font-100 { font-weight:100; } .font-200 { font-weight:200; }.font-300 { font-weight:300; }.font-400 { font-weight:400; }.font-500 { font-weight:500; }.font-600 { font-weight:600; }.font-700 { font-weight:700; }.font-900 { font-weight:900; }
.font-6px { font-size: 6px; }.font-8px { font-size: 8px; }.font-10px { font-size: 10px; }.font-12px { font-size: 12px; }.font-14px { font-size: 14px; }.font-16px { font-size: 16px!important; }.font-18px { font-size: 18px; }.font-20px { font-size: 20px!important; }.font-26px { font-size: 26px; }.font-30px { font-size: 30px; }.font-35px { font-size: 35px; }.font-40px { font-size: 40px; }.font-50px { font-size: 50px; }.font-60px { font-size: 60px!important; }.font-70px { font-size: 70px; }.font-80px { font-size: 80px; }.font-90px { font-size: 90px; }.font-100px { font-size: 100px; }.font-120px { font-size: 120px; }.font-130px { font-size: 130px; }
.font-italic { font-style: italic; }
.font-bold { font-weight:bold; }
.default-color { color: #2f297c!important; }
.secondary-color { color: #430D3C!important; }
.white-color { color: #fff; }.white-color p, .white-color h1, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color i { color: #fff!important; }
.white-smoke { color: #f9f9f9!important; }.white-smoke p, .white-smoke h1, .white-smoke h2, .white-smoke h3, .white-smoke h4, .white-smoke h5, .white-smoke h6 { color: #f9f9f9!important; }
.dark-color { color: #212121!important; }.dark-color p, .dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6 { color: #212121!important; }
.grey-color { color: #aaa !important; }.grey-color p, .grey-color h1, .grey-color h2, .grey-color h3, .grey-color h4, .grey-color h5, .grey-color h6 { color: #aaa!important; }
.yellow-color { color:#ffcc00; }
.line-height-15 { line-height: 15px; } .line-height-20 { line-height: 20px; } .line-height-22 { line-height: 22px; } .line-height-24 { line-height: 24px; } .line-height-25 { line-height: 25px; } .line-height-26 { line-height: 26px; } .line-height-30 { line-height: 30px; } .line-height-35 { line-height: 35px; } .line-height-40 { line-height: 40px; } .line-height-45 { line-height: 45px; } .line-height-50 { line-height: 50px; } .line-height-60 { line-height: 60px; } .line-height-70 { line-height: 70px; } .line-height-80 { line-height: 80px; } .line-height-90 { line-height: 90px; } .line-height-100 { line-height: 100px; } .line-height-110 { line-height: 110px; } .line-height-120 { line-height: 120px; } .letter-spacing-0 { letter-spacing: 0px; } .letter-spacing-1 { letter-spacing: 1px; } .letter-spacing-2 { letter-spacing: 2px; } .letter-spacing-3 { letter-spacing: 3px; } .letter-spacing-4 { letter-spacing: 4px; } .letter-spacing-5 { letter-spacing: 5px; } .letter-spacing-6 { letter-spacing: 6px; } .letter-spacing-7 { letter-spacing: 7px; } .letter-spacing-8 { letter-spacing: 8px; } .letter-spacing-9 { letter-spacing: 9px; } .letter-spacing-10 { letter-spacing: 10px; }
.margin-left-auto { margin-left: auto; } .margin-right-auto { margin-right: auto; } .remove-margin { margin: 0!important; }
.all-margin-10 { margin:10px; } .all-margin-20 { margin:20px; } .all-margin-30 { margin:30px; } .all-margin-40 { margin:40px; } .all-margin-50 { margin:50px; } .all-margin-60 { margin:60px; } .all-margin-70 { margin:70px; } .all-margin-80 { margin:80px; } .all-margin-90 { margin:90px; } .all-margin-100 { margin:100px; } .all-margin-110 { margin:110px; } .all-margin-120 { margin:120px; } 
.mt-minus-10 { margin-top: -10px; } .mt-minus-20 { margin-top: -20px; }  .mt-minus-30 { margin-top: -30px; } .mt-minus-40 { margin-top: -40px; } .mt-minus-50 { margin-top: -50px; } .mt-minus-60 { margin-top: -60px; } .mt-minus-70 { margin-top: -70px; } .mt-minus-80 { margin-top: -80px; } .mt-minus-90 { margin-top: -90px; } .mt-minus-100 { margin-top: -100px; } .mt-minus-110 { margin-top: -110px; } .mt-minus-120 { margin-top: -120px; }
.mt-0 { margin-top: 0px; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .mt-110 { margin-top: 110px; } .mt-120 { margin-top: 120px; }
.mb-0 { margin-bottom: 0px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .mb-110 { margin-bottom: 110px; } .mb-120 { margin-bottom: 120px; }
.mr-0 { margin-right: 0px!important; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-20 { margin-right: 20px; } .mr-30 { margin-right: 30px; } .mr-40 { margin-right: 40px; } .mr-50 { margin-right: 50px; } .mr-60 { margin-right: 60px; } .mr-70 { margin-right: 70px; } .mr-80 { margin-right: 80px; } .mr-90 { margin-right: 90px; } .mr-100 { margin-right: 100px; } .mr-110 { margin-right: 110px; } .mr-120 { margin-right: 120px; }
.ml-0 { margin-left: 0px!important; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; }  .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .ml-40 { margin-left: 40px; } .ml-50 { margin-left: 50px; } .ml-60 { margin-left: 60px; } .ml-70 { margin-left: 70px; } .ml-80 { margin-left: 80px; } .ml-90 { margin-left: 90px; } .ml-100 { margin-left: 100px; } .ml-110 { margin-left: 110px; } .ml-120 { margin-left: 120px; }
.remove-padding { padding: 0!important; }
.all-padding-10 { padding: 10px; } .all-padding-20 { padding: 20px; } .all-padding-30 { padding: 30px; } .all-padding-40 { padding: 40px; } .all-padding-50 { padding: 50px; } .all-padding-60 { padding: 60px; } .all-padding-70 { padding: 70px; } .all-padding-80 { padding: 80px; } .all-padding-90 { padding: 90px; } .all-padding-100 { padding: 100px; } .all-padding-110 { padding: 110px; } .all-padding-120 { padding: 120px; }
.pt-0 { padding-top:0; } .pt-10 { padding-top:10px; } .pt-20 { padding-top:20px; } .pt-30 { padding-top:30px; } .pt-40 { padding-top:40px; } .pt-50 { padding-top:50px; } .pt-60 { padding-top:60px; } .pt-70 { padding-top:70px; } .pt-80 { padding-top:80px; } .pt-90 { padding-top:90px; } .pt-100 { padding-top:100px; } .pt-110 { padding-top:110px; } .pt-120 { padding-top:120px; }
.pb-0 { padding-bottom: 0; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .pb-110 { padding-bottom: 110px; } .pb-120 { padding-bottom: 120px; }
.pr-0 { padding-right: 0; } .pr-10 { padding-right: 10px; } .pr-20 { padding-right: 20px; } .pr-30 { padding-right: 30px; } .pr-40 { padding-right: 40px; } .pr-50 { padding-right: 50px; } .pr-60 { padding-right: 60px; } .pr-70 { padding-right: 70px; } .pr-80 { padding-right: 80px; } .pr-90 { padding-right: 90px; } .pr-100 { padding-right: 100px; } .pr-110 { padding-right: 110px; } .pr-120 { padding-right: 120px; }
.pl-0 { padding-left: 0; } .pl-10 { padding-left: 10px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; } .pl-40 { padding-left: 40px; } .pl-50 { padding-left: 50px; } .pl-60 { padding-left: 60px; } .pl-70 { padding-left: 70px; } .pl-80 { padding-left: 80px; } .pl-90 { padding-left: 90px; } .pl-100 { padding-left: 100px; } .pl-110 { padding-left: 110px; } .pl-120 { padding-left: 120px; }
.top-0 { top: 0; } .top-10 { top: 10px; } .top-20 { top: 20px!important; } .top-30 { top: 30px; } .top-40 { top: 40px; } .top-50 { top: 50px; } .top-60 { top: 60px; } .top-70 { top: 70px; } .top-80 { top: 80px; } .top-90 { top: 90px; } .top-100 { top: 100px; } .top-110 { top: 110px; } .top-120 { top: 120px; }
.bottom-0 { bottom: 0; } .bottom-10 { bottom: 10px; } .bottom-20 { bottom: 20px; } .bottom-30 { bottom: 30px; } .bottom-40 { bottom: 40px; } .bottom-50 { bottom: 50px; } .bottom-60 { bottom: 60px; } .bottom-70 { bottom: 70px; } .bottom-80 { bottom: 80px; } .bottom-90 { bottom: 90px; } .bottom-100 { bottom: 100px; } .bottom-110 { bottom: 110px; } .bottom-120 { bottom: 120px; }
.right-0 { right: 0; } .right-10 { right: 10px; } .right-20 { right: 20px; } .right-30 { right: 30px; } .right-40 { right: 40px; } .right-50 { right: 50px; } .right-60 { right: 60px; } .right-70 { right: 70px; } .right-80 { right: 80px; } .right-90 { right: 90px; } .right-100 { right: 100px; } .right-110 { right: 110px; } .right-120 { right: 120px; }
.left-0 { left: 0; } .left-10 { left: 10px; } .left-20 { left: 20px; } .left-30 { left: 30px; } .left-40 { left: 40px; } .left-50 { left: 50px; } .left-60 { left: 60px; } .left-70 { left: 70px; } .left-80 { left: 80px; } .left-90 { left: 90px; } .left-100 { left: 100px; } .left-110 { left: 110px; } .left-120 { left: 120px; }
.top-minus-10 { top:-10px; } .top-minus-20 { top:-20px; } .top-minus-30 { top:-30px; } .top-minus-40 { top:-40px; } .top-minus-50 { top:-50px; } .top-minus-60 { top:-60px; } .top-minus-70 { top:-70px; } .top-minus-80 { top:-80px; } .top-minus-90 { top:-90px; } .top-minus-100 { top:-100px; } .top-minus-110 { top:-110px; }
.bottom-minus-10 { bottom:-10px; } .bottom-minus-20 { bottom:-20px; } .bottom-minus-30 { bottom:-30px; } .bottom-minus-40 { bottom:-40px; } .bottom-minus-50 { bottom:-50px; } .bottom-minus-60 { bottom:-60px; } .bottom-minus-70 { bottom:-70px; } .bottom-minus-80 { bottom:-80px; } .bottom-minus-90 { bottom:-90px; } .bottom-minus-100 { bottom:-100px; } .bottom-minus-110 { bottom:-110px; } 
.right-minus-10 { right:-10px; } .right-minus-20 { right:-20px; } .right-minus-30 { right:-30px; } .right-minus-40 { right:-40px; } .right-minus-50 { right:-50px; } .right-minus-60 { right:-60px; } .right-minus-70 { right:-70px; } .right-minus-80 { right:-80px; } .right-minus-90 { right:-90px; } .right-minus-100 { right:-100px; } .right-minus-110 { right:-110px; }
.left-minus-10 { left:-10px; } .left-minus-20 { left:-20px; } .left-minus-30 { left:-30px; } .left-minus-40 { left:-40px; } .left-minus-50 { left:-50px; } .left-minus-60 { left:-60px; } .left-minus-70 { left:-70px; } .left-minus-80 { left:-80px; } .left-minus-90 { left:-90px; } .left-minus-100 { left:-100px; } .left-minus-110 { left:-110px; }
.line-verticle-sm { width: 1px;height: 8px; }
.bordered { border:1px solid #e0e0e0; } .border-right { border-right:1px solid #e0e0e0; } .border-left { border-left:1px solid #e0e0e0; } .border-bottom { border-bottom:1px solid #e0e0e0; } .border-radius-0 { border-radius: 0!important; } .border-radius-10 { border-radius:10px!important; } .border-radius-25 { border-radius:25px!important; } .border-radius-50 { border-radius:50px!important; } .border-radius-100 { border-radius:100px!important; }
.first-letter { float: left; font-size: 50px; margin: 0 20px 0 0; text-align: center; padding: 10px 0; font-weight: 600 }
.first-letter-big { float: left; font-size: 110px; line-height: 110px; margin: 0 20px 0 0; padding:0 8px;  text-align: center; font-weight: 600; position: relative; }
.first-letter-big:before { position: absolute; border-bottom: 1px solid; content: ""; display: block;  width: 100%; top: 55%; left: 0 }
.first-letter-block { font-size: 35px;height: 55px;line-height: 25px;padding: 15px 0;width: 55px;font-weight: 700;margin-top: 5px; }
.first-letter-block-round { border-radius:6px; border:1px solid; }
.first-letter-round { border-radius: 50%; font-size:35px; padding: 15px; width: 65px; height: 65px; line-height: 32px; }
.img-responsive, .full-width { width:100%; }
.btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu { -webkit-box-shadow: none;box-shadow: none; }
button { transition-duration: 0.3s;transition-timing-function: ease-in-out; }
button:focus { outline: none !important; }
.btn { font-family: 'Montserrat', sans-serif;font-size: 11px;font-weight: 700;text-transform: uppercase;line-height: 1;
letter-spacing: 1px;padding: 8px 10px 7px 10px;border-color: transparent;transition-duration: 0.3s;transition-timing-function: ease-in-out; }
.btn:hover, .btn:focus, .btn.focus, .btn:active, .btn.active { border-color: transparent; }
.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus { color: #fff;background-color: #0b096d;
border-color: #0b096d;outline: 0; }
.btn.btn-animated { transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);
box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.08), 0px 6px 18px 0px rgba(0, 0, 0, 0.05); }
.btn.btn-animated:hover, .btn.btn-animated:focus, .btn.btn-animated.focus { transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);box-shadow: 0px 0px 114px 0px rgba(0, 0, 0, 0.08), 0px 30px 25px 0px rgba(0, 0, 0, 0.05); }
.btn + .btn { margin-left: 10px; }
.btn i { margin-left: 5px;vertical-align: middle;position: relative;top: -1px; }
.btn:focus, .btn:focus:active { outline: none; }
.btn-circle { border-radius:100px; }
.btn-rounded { border-radius:10px; }
.btn-square { border-radius:0px; }
.btn:active, .btn.active { outline: 0;background-image: none;-webkit-box-shadow: none;box-shadow: none; }
.btn-mobilize .btn { margin: 0 10px; }
.btn.btn-xl { padding: 16px 44px;font-size: 14px; }
.btn.btn-lg { padding: 13px 40px;font-size: 12px; }
.btn.btn-md { padding: 12px 30px;font-size: 11px; }
.btn.btn-sm { padding: 11px 20px;font-size: 9px; }
.btn.btn-xs { padding: 8px 12px;font-size: 8px; }
.btn.btn-fullwidth { width:100%;min-width:300px; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: 1; }
.btn-color { color: #fff;background-color: #0b096d; }
.btn-color:hover, .btn-color:active, .btn-color:focus { background-color: #ac0e27;color: #fff; }
.btn-outline-color { color: #0b096d;border:2px solid #0b096d;background-color: transparent; }
.btn-outline-color:hover, .btn-outline-color:active, .btn-outline-color:focus { color: #fff;border: 2px solid #0b096d;background-color: #0b096d; }
.btn-outline { color: #212121;border:2px solid #e0e0e0;background-color: transparent; }
.btn-outline:hover, .btn-outline:active, .btn-outline:focus { color: #212121;border: 2px solid #212121;background-color: transparent; }
.btn-light { color: #212121;border-color: #fff;background-color: #fff; }
.btn-light:hover, .btn-light:active, .btn-light:focus { color: #fff;border-color: #0b096d;background-color: #0b096d; }
.btn-light-outline { color: #fff;border-color: #fff;background-color: transparent; }
.btn-light-outline:hover, .btn-light-outline:active, .btn-light-outline:focus { color: #212121;border-color: #fff;background-color: #fff; }
.btn-dark { color: #fff;border-color: #212121;background-color: #212121; }
.btn-dark:hover, .btn-dark:active, .btn-dark:focus { color: #fff;border-color: #000;background-color: #000; }
.btn-dark-outline { color: #212121;border-color: #212121;background-color: transparent; }
.btn-dark-outline:hover, .btn-dark-outline:active, .btn-dark-outline:focus { color: #fff;border-color: #212121;background-color: #212121; }
.btn-animate { text-align: center;position: relative;overflow: hidden;transition: all 0.2s; }
.btn-animate  span { display: inline-block;position: relative;padding: 0 8.5px 0 8.5px;transition: padding 0.2s; }
.btn-animate i { position: absolute;top: 50%;right: 0px;opacity: 0;margin-top: -6px;transition: opacity 0.2s, right 0.2s; }
.btn-animate:hover span { padding: 0 17px 0 0; }
.btn-animate:hover i { transition: opacity 0.2s, right 0.2s;opacity: 1;top: 50%;right: 0px; }
.tr-icon { display: inline-block;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.icon { margin-left:6px; }
.feature-box, .feature-box-right { float:left; }
.feature-box i { margin-bottom:20px;display: inline-block; }
.box-icon { margin-top:25px; margin-bottom:25px; position:relative; background-color:#fff; padding:40px 30px; -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7); -moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7); box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.box-icon:hover {  -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); }
.box-icon h6 { font-size:13px; }
.box-icon i { margin-bottom:25px; }
.white-bg-icon { background-color: #fff; border-color: #fff; }
.white-bg-icon:hover { background-color: #0b096d; border-color: #0b096d; color:#fff!important; }
.border-bg-default-color { border:2px solid #212121; }
.border-bg-default-color:hover { background-color: #0b096d; border-color: #0b096d; color: #fff; }
.circle-icon { position: relative;width: 85px;height: 85px;line-height: 85px !important;border-radius: 100%;text-align: center;display: inline-block !important; }
.feature-box .fade-icon:after { top: -7px;left: -7px;padding: 7px;box-shadow: 0 0 0 4px #0b096d;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-webkit-transform: scale(.8);-moz-transition: -moz-transform 0.2s, opacity 0.2s;-moz-transform: scale(.8);-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;transform: scale(.8);opacity: 0; }
.fade-icon:after { pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; }
.feature-box .fade-icon:hover:after { -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1; }
.gradient-bg-icon { background: rgba(233,30,98,1); background: -moz-linear-gradient(-45deg, rgba(233,30,98,1) 0%, rgba(3,168,244,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(233,30,98,1)), color-stop(100%, rgba(3,168,244,1))); background: -webkit-linear-gradient(-45deg, rgba(233,30,98,1) 0%, rgba(3,168,244,1) 100%); background: -o-linear-gradient(-45deg, rgba(233,30,98,1) 0%, rgba(3,168,244,1) 100%); background: -ms-linear-gradient(-45deg, rgba(233,30,98,1) 0%, rgba(3,168,244,1) 100%); background: linear-gradient(135deg, rgba(233,30,98,1) 0%, rgba(3,168,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91e62', endColorstr='#03a8f4', GradientType=1); }
section.dark-block .team-member-container .member-caption, section.dark-block .portfolio .folio-overlay { background-color: rgba(0, 0, 0, 0.8); }
section.dark-block .team-slider .slick-dots li.slick-active button, section.dark-block .blog-slider .slick-dots li.slick-active button,  section.dark-block .portfolio-slider .slick-dots li.slick-active button { background-color:#212121; }
footer.dark-block .footer-main { background-color: #212121; }
footer.dark-block .footer-copyright { background-color:#151515; }
footer.dark-block .footer .widget-links li, footer.dark-block .widget-title { color:#fff; }
footer.dark-block .widget-title:before { border-top: 1px solid #fff; }
section.gradient-block .team-slider .slick-dots li.slick-active button { background-color:#212121; }
.feature-box .pull-left { width: 15%; }
.feature-box .pull-right { width: 80%; }
.feature-box-right .pull-left { width: 80%; }
.feature-box-right .pull-right { width: 15%; }
.feature-box-big .pull-left { width: 20%; }
.feature-box-big .pull-right { width: 80%; }
.feature-box-rounded { background-color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; padding: 30px; -webkit-box-shadow: -1px 0px 43px 0px rgba(0,0,0,0.14); -moz-box-shadow: -1px 0px 43px 0px rgba(0,0,0,0.14); box-shadow: -1px 0px 43px 0px rgba(0,0,0,0.14); }
.service-item { margin-bottom: 50px; }
.counter-wrap { margin:25px 0;text-align:center;width: 100%; }
.counter-wrap h2 { margin:15px 0 20px;font-size:35px; line-height:50px; text-align: center; }
.counter-wrap h3 { margin:0; font-size:20px; line-height:18px; text-align: center; color:#f1f1f1; font-family: 'Montserrat', sans-serif; font-weight: 600; }
.counter-type-2 { padding-left: 75px; }
.counter-type-2 i { position: absolute; top: 1px; left: 0; }
.counter-type-3 .counter-wrap { text-align: left; float: left; }
.counter-style-two .counter-wrap i { font-size: 60px; }
.counter-type-3 .counter-wrap h2 { text-align: left; display: inline-block; font-size: 30px; margin:-10px 0 0 0; }
.counter-type-3 .counter-wrap .pull-left .line { height: 1px; width: 40px; margin-bottom: 10px; margin-top: 5px;  }
.counter-type-4 .counter-wrap { text-align: left;float: left; }
.counter-style-three .counter-wrap i { font-size: 60px; }
.counter-type-4 .counter-wrap h2 { text-align: left;display: inline-block;font-size: 30px;margin:-10px 0 0 0; }
.counter-type-4 .counter-wrap h3 { font-size: 18px; }
.counter-type-4 .counter-wrap .pull-left .line { height: 1px;width: 40px;margin-bottom: 10px;margin-top: 5px; }
.portfolio .folio-overlay { background-color: rgba(191, 7, 49, 0.9); position: absolute; width: 100%; height: 100%; opacity: 0;	visibility:hidden; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s;-moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
.portfolio:hover .folio-overlay { opacity: 1; visibility:visible; }
.portfolio-wrap { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -75px; }
.portfolio-description .portfolio-title,.portfolio-description .links {  position: relative; left: 0; color: #fff; width: 100%; opacity: 0; visibility: hidden; }
.portfolio-description .portfolio-title { top: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 18px; letter-spacing: 1px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
.portfolio:hover .portfolio-description .portfolio-title { top: 30px;opacity: 1; visibility: visible; }
.portfolio-description .links {  top: 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 300; }
.portfolio:hover .portfolio-description .links { top: 25px; opacity: 1; visibility: visible; }
.portfolio-description .btn { background-color: transparent; border-color: #fff; padding: 12px 22px; border-radius: 20px; }
.portfolio-description .btn:hover { background-color: #fff; border-color: #fff; color: #ff2a40; }
.portfolio-container .btn.view-more { margin-top: 40px; }
.hover-type-2 .portfolio-wrap { margin-top: -110px; }
.hover-type-2 .portfolio-details { top:35px; }
.portfolio-details { position: relative;left: 0; top: 50px; width: 100%; }
.portfolio-details li { display: inline-block; position: relative; bottom: -40px; opacity: 0; visibility: hidden; transform: translateZ(0); margin-right: 15px; }
.portfolio-details li:last-child { margin-right:0; }
.portfolio:hover .portfolio-details li { bottom: 0; opacity: 1; visibility: visible; }
.portfolio:hover .portfolio-details li:nth-child(1) { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.portfolio:hover .portfolio-details li:nth-child(2) { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.portfolio-details li a { display: block; color: #f1f1f1; border: 2px solid #fff; border-radius: 100px; width: 50px; height: 50px; line-height: 48px; }
.portfolio-details li a:hover { display: block; color:#0b096d; border: 2px solid #fff; background-color: #fff; }
.portfolio-type-2 a { color: #fff; font-size: 40px; }
.row.no-gutters { margin-right: 0;margin-left: 0; }
.no-bottom-padding { padding-bottom: 0; }
.no-gutters > [class^="col-"], .no-gutters > [class*="col-"], .row.no-gutters > [class^="col-"], .row.no-gutters > [class*="col-"] { padding-right: 0;padding-left: 0; }
.portfolio-meta > li { margin: 25px 0;list-style: none;border-bottom: 1px solid #eee;padding-bottom: 15px; }
.portfolio-meta > li:last-child { border-bottom: 0; }
.portfolio-meta > li span { display: inline-block;width: 130px;letter-spacing: 1px;color: #212121;font-size: 12px;text-transform: uppercase;font-weight: 600; }
.portfolio-meta > li a { margin-right: 10px;color: #a7a7a7; }
.portfolio-meta > li a:hover { color: #0b096d; }
.portfolio-meta-style-02 .portfolio-meta > li { margin: 0px 0 10px 0;list-style: none;padding-bottom: 0px;border-bottom:0; }
.portfolio-meta-style-02 .portfolio-meta > li span { display: inline-block;width: 130px;letter-spacing: 1px;color: #fff;font-size: 12px;text-transform: uppercase;font-weight: 600; }
.portfolio-meta-style-02 .portfolio-meta > li a { margin-right: 10px;color: #a7a7a7; }
.portfolio-meta-style-02 .portfolio-meta > li a:hover { color: #0b096d; }
.portfolio-meta-style-03 .portfolio-meta > li { margin:0px 0 25px 0;list-style: none;border-bottom: 1px solid #dedede;padding-bottom: 15px; }
.portfolio-meta-style-03 .portfolio-meta > li:last-child { border-bottom: 0; }
.portfolio-meta-style-03 .portfolio-meta > li span { display: inline-block;width: 130px;letter-spacing: 1px;color: #212121;font-size: 12px;text-transform: uppercase;font-weight: 600; }
.portfolio-meta-style-03 .portfolio-meta > li a { margin-right: 10px;color: #a7a7a7; }
.portfolio-meta-style-03 .portfolio-meta > li a:hover { color: #0b096d; }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #ffffff; opacity: 0.7; filter: alpha(opacity=70); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
 .mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px;  position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: 'Montserrat', sans-serif; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #ffffff; }
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before,  .mfp-arrow .mfp-b {  border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0;width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px)
{
    .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
    .mfp-img-mobile img.mfp-img { padding: 0; }
    .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
    .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
    .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
    .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px)
{
    .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
    .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
    .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
    .mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
.mfp-fade.mfp-bg { opacity: 0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.92; }
.mfp-bottom-bar { display: none; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-arrow-right::after,.mfp-arrow-left::after { font-family: 'FontAwesome'; border: none; color: #fff; font-size: 65px; -webkit-transition: .5s; transition: .5s; }
.mfp-arrow-right::after { content: "\f105"; }
.mfp-arrow-left::after { content: "\f104"; }
.mfp-arrow-right::before, .mfp-arrow-left::before { border: none; }
.mfp-arrow { height: 60px; }
.mfp-arrow::before,.mfp-arrow::after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a { margin-top: 15px; top: -1px; }
img.mfp-img { padding: 40px 0px 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform: scale(1); opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); }
.mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
mfp-newspaper {}
.mfp-newspaper .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.5s; transform: scale(0) rotate(500deg); }
.mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); }
.mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; }
.mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; }
.mfp-move-horizontal {}
.mfp-move-horizontal .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); }
.mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; }
.mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); }
.mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; }
.mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; }
.mfp-move-from-top { }
.mfp-move-from-top .mfp-content { vertical-align: top; }
.mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); }
.mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; }
.mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); }
.mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; }
.mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; }
.mfp-3d-unfold {}
.mfp-3d-unfold .mfp-content { perspective: 2000px; }
.mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); }
.mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); }
.mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; }
.mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; }
.mfp-zoom-out {}
.mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
.mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.project-image { }
.project-info { list-style: none; padding-top: 50px; text-align: left; }
.project-info li { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 15px 0; color:#212121; }
.project-info li span { font-family: 'Montserrat', sans-serif; color: #6d747c; font-size: 13px; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; }
.project-title { padding-top: 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: left; font-size: 20px; font-weight: 400; letter-spacing: 2px; color: #212121; margin-bottom: 20px; }
.project-details { text-align: left; font-size: 16px; font-weight: 300; line-height: 1.8; padding-bottom: 50px; }
.project-details p { color:#212121; font-size: 16px; font-weight: 300;	margin-top: 35px; }
.portfolio-slider { margin-bottom:30px; }
.portfolio-slider .slick-dots { position:absolute; bottom:25px; }
.portfolio-right .project-detail-box { margin-top:10px; }
.portfolio-right .project-detail-box.mt-50 { margin-top:50px; }
.portfolio-right .project-detail-box li strong { min-width: 110px; display: inline-block; }
.portfolio-right .project-detail-box li strong.display-block { display: block; }
.portfolio-right .project-detail-box li { line-height:30px; list-style: none; }
.portfolio-right .project-detail-box li a { color:#888; }
.portfolio-right .project-detail-box li a:hover { color:#0b096d; }
.project-type-list { margin-top:30px; }
.project-type-list li { padding: 10px 0; border-bottom: 1px solid #E8E8E8; font-weight: 300; font-size: 14px; list-style: none; }
.project-type-list li i { margin-right: 10px; }
.portfolio-right .project-type-list li, .portfolio-right .project-detail-box li { text-transform:uppercase; }
.portfolio-nav a { overflow: hidden; color: inherit; cursor: default; display:block; }
.portfolio-nav a.disabled { opacity: .6; pointer-events: none; }
.portfolio-nav a.disabled > span { cursor: default; }
.portfolio-nav a.disabled > span:hover { color: inherit; }
.portfolio-nav a.disabled:hover { opacity: .4; }
.portfolio-nav a.prev i { margin-right: 10px; }
.portfolio-nav a.showall { text-align: center; }
.portfolio-nav a.showall span { padding: 36px 0; }
.portfolio-nav a.showall span i { font-size: 24px; display: block; }
.portfolio-nav a.showall:hover span i { transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); }
@media only screen and (max-width: 767px) { .portfolio-nav a.showall span i { font-size: 30px;}}
.portfolio-nav a.next { text-align: right; }
.portfolio-nav a.next i { margin-left: 10px; }
.portfolio-nav a > span { display: inline-block; padding: 40px 0; font-size: 12px; cursor: pointer; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 500; letter-spacing: 1px; -webkit-transition: all .3s ease;  transition: all .3s ease; }
.portfolio-nav a > span:hover { color: #0b096d; }
.portfolio-nav a > span i { font-size: 14px; }
.portfolio-nav a > span i:before { vertical-align: middle; }
@media only screen and (max-width: 767px) { .portfolio-nav a > span { font-size: 0; } .portfolio-nav a > span i { font-size: 30px; }}
pricing-table { margin: 40px 0; }
.pricing-box { padding: 40px; background: #fff; transition: all 0.2s ease; }
.pricing-box:hover { box-shadow: 0 10px 30px 5px rgba(17,21,23,.1); }
.pricing-box h4 { font-size: 12px; margin-top: 0; }
.pricing-box h3 { font-size:30px; }
.pricing-box h2 { margin-top: 25px; margin-bottom: 25px; }
.pricing-box h2 sup { font-size: 25px; top: -15.6px; }
.pricing-box h2 span { font-weight: 700; }
.pricing-box ul { margin:20px 0;padding:0; }
.pricing-box li { display:block;margin-bottom:10px;list-style:none;font-size:14px; }
.pricing-box-bottom { margin-top:40px; }
.pricing-table-featured { margin: 5px 0; }
.pricing-table-featured .pricicng-feature { min-height: 180px; }
.member { margin: 40px 0; padding: 0 10px; }
.team-slider .member { margin: 20px 0 30px 0; padding: 0 10px; }
.team-fullwidth .member { margin: 0; padding: 0; }
.p0.member { margin: 0; padding: 0; }
.team-member-container { position: relative; overflow: hidden; }
.team-member-img img { width: 100%; }
.team-member-container .member-caption { width: 100%; position: absolute; z-index: 2; height: 100%; opacity: 0; visibility:hidden; top: 0; background-color: rgba(191, 7, 49, 0.8); }
.team-member-container:hover .member-caption { opacity: 1; visibility:visible; }
.member-description { width: 100%; height: 100%; }
.member-description-wrap { position: absolute; top: 0%; left: 0; width: 100%; margin-top: 0px; padding: 25px; height: 100%; }
.member-description .member-title, .member-description .member-subtitle { position: relative; left: 0; color: #fff; width: 100%; opacity: 0; visibility: hidden; }
.member-description .member-title { top: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: -35px; }
.member-description .member-subtitle { top: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.team-member-container:hover .member-description .member-title { opacity: 1; visibility: visible; top: 30px; }
.team-member-container:hover .member-description .member-subtitle { opacity: 1; visibility: visible; top: 25px; }
.member-icons, .product-btn-group { position: absolute; left: 0; bottom: 0px; width: 100%; padding: 25px; margin-bottom: 0; }
.member-icons li, .product-btn-group li { display: inline-block; position: relative; bottom: -40px; opacity: 0; visibility: hidden; transform: translateZ(0); margin-right: 5px; }
.member-icons li a, .product-btn-group li a { display: block; color: #fff; }
.member-icons li a:hover, .product-btn-group li a:hover { color: #fff; }
.team-member-container:hover .member-icons li, .product-wrap:hover .product-btn-group li { opacity: 1; visibility: visible; bottom: 0; }
.team-member-container:hover .member-icons li:nth-child(1), .product-wrap:hover .product-btn-group li:nth-child(1) { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.team-member-container:hover .member-icons li:nth-child(2), .product-wrap:hover .product-btn-group li:nth-child(2) { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.team-member-container:hover .member-icons li:nth-child(3), .product-wrap:hover .product-btn-group li:nth-child(3) { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.corporate-member .member-description-wrap, .startup-member .member-description-wrap, .media-member .member-description-wrap, .product-description-wrap { position: absolute; left: 0; width: 100%; margin-top: -40px; }
.startup-member .member-description-wrap .member-icons, .corporate-member .member-description-wrap .member-icons, .media-member .member-description-wrap .member-icons, .product-description-wrap .product-btn-group { top: 50%; }
.corporate-member h4, .startup-member h4 { margin-top:30px; margin-bottom: 5px; }
.startup-member .member { padding:0; }
.media-member h4 { margin-top:0; }
.media-member .member-icons li a, .product-btn-group li a { display: block; color: #fff; background: #0b096d; width: 35px; height: 35px; line-height: 37px; border-radius: 100px; }
.media-member .member-icons li a:hover, .product-btn-group li a:hover { color: #fff; background: #212121; }
.blog-slider .post { margin: 20px 0;padding: 0 10px; }
.post .post-img, .service-style-01 .service-box .service-img { overflow: hidden;position: relative;z-index: 10; }
.post-info { background-color: #fff;transition: all 0.2s ease; }
.post .post-img img, .service-box .service-img img { -webkit-transition: all .5s ease;transition: all .5s ease;z-index: 0;-webkit-backface-visibility: hidden; }
.post:hover .post-img img, .service-box:hover .service-img img { -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1); }
.post-info h3 { font-size: 14px;margin-top: 0;margin-bottom: 10px;font-weight: 600; }
.post-info h6 { color: #0b096d;font-size: 10px;margin-top: 5px;text-transform: uppercase; }
.post-info a { color:#212121; }
.post-info a:hover { color:#0b096d; }
.post-info p { margin-top: 20px;color: #bdbdbd;font-size:12px; }
.post-info .extras-wrap { padding: 0px 14px 0px 0px;display: inline-block;font-size: 14px;color: #9e9e9e; }
.post-info .extras-wrap i { position: relative;top: 1px;padding: 0px 5px 0px 0px; }
a.readmore { letter-spacing: 2px;color: #212121;font-size: 12px;text-transform: uppercase;font-weight: 700; }
a:hover.readmore { color: #0b096d; }
a.readmore > span { display: inline-block;vertical-align: middle; }
.post-info hr { border-top: 1px solid #e0e0e0;width: 100%;height: 1px; }
.blog-style-01 .post { -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);-moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
.blog-style-01 .post:hover { -webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); }
.blog-style-01 .post .post-img { border-radius: 10px 10px 0 0; max-height: 270px; }
.blog-style-01 .post:hover .post-img img { transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); }
.blog-style-01 .post-info { border-radius: 0 0 10px 10px; }
.widget { margin-bottom: 30px; }
.blog-masonry-item { margin-bottom: 25px; }
.widget-title { position: relative;text-transform: uppercase;margin-bottom: 45px; }
.aside-title { margin-bottom: 25px;border-bottom: 1px solid #eee;padding-bottom: 10px; }
.search-form input { background-color: #fff; }
.post-item { overflow: hidden;margin-bottom: 20px; }
.post-item:last-child { margin-bottom: 0; }
.post-item h4 { margin:0; }
.post-item .post-thumb { float: left; }
.post-item .post-thumb img { width: 75px;height: 58px; }
.post-item .post-body { margin-left: 100px; }
.post-item .post-time { font-size: 12px;line-height: 1.2;margin-top: 7px;color:#999; }
.post-item .subtitle { line-height: 1.2; }
.search-form { position: relative; }
.search-field { border-color: #e9e9e9!important;background:#fff; }
.search-field:focus { border-color: #0b096d!important; }
.widget_categories ul li:first-child, .widget_archive ul li:first-child { margin-top: 0; }
.widget_categories ul li, .widget_archive ul li { margin-top: 20px;line-height: 25px;list-style: none;position: relative; }
.widget_archive ul li span { position: absolute;top: 0;right: 0; }
.widget_categories ul li a, .widget_archive ul li a { color: #888;font-weight:100; }
.widget_categories ul li a:hover, .widget_archive ul li a:hover { color:#0b096d;text-decoration: none; }
.post-tags a { display: inline-block;padding: 5px 11px;margin: 0 5px 15px 0;border: 1px solid #e0e0e0;font-size: 10px;color: #888;text-transform: uppercase;letter-spacing: 0.2px; }
.post-tags a:hover { background: #0b096d;border: 1px solid #0b096d;color:#fff;text-decoration: none; }
.pagination { border-radius: 0; padding: 0; margin: 0 }
.pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0; }
.pagination li { display: inline; }
.pagination a { float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff }
.pagination a:hover { background-color: #0b096d; color: #fff }
.pagination .active a { background-color: #eaeaea; }
.pagination .active a { color: #999999; cursor: default; }
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; }
.pagination li:first-child a { border-left-width: 1px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.blog-standard { margin-top:20px; }
.blog-standard blockquote { margin:40px 0; background-color: #fff; padding: 30px; position: relative; border-left-color:#0b096d; font-size: inherit; line-height: 1.7; color: #888; }
.post-controls { margin-top: 30px; overflow: hidden; }
.post-share li { display: inline-block; padding-right: 10px; margin:0; }
.post-controls .post-share { float: left; }
.post-controls .comments-info { float: right; }
.post-controls .post-share li a { color:#212121; }
.post-controls .post-share li a:hover { color:#0b096d; }
.comments-info a { color: #212121; }
.comments-info a:hover { color: #0b096d; text-decoration: none; }
.comment-respond { margin-top: 70px;margin-bottom: 80px; }
.comment-reply-title { font-size: 16px; margin-bottom: 20px; text-transform: uppercase; }
.recent-post-title { font-size: 16px;margin-bottom: 20px;text-transform: uppercase; }
.comment-box { margin-bottom: 80px; }
.post-comment { margin: 30px 0; }
li.post-comment { list-style: none; }
.comment-content { padding: 20px; background-color: #fff; border: 1px solid #f1f1f1; }
.post-comment .avatar { margin-right: 22px; float: left; }
.post-comment .avatar img { width: 74px; height: 74px; border-radius: 100px; }
.post-comment .post-body { overflow: hidden; }
.post-comment .comment-header { line-height: 1; font-size: 13px; padding-right: 46px; margin-top: 3px; margin-bottom: 10px; }
.post-comment .author a { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; color: #212121; }
.post-comment .comment-header .time-ago a { font-size: 12px; color: #888; margin-left: 6px; }
.post-comment .reply a { font-size: 10px; color: #888; margin-right: 6px; float: right; background-color: #ececec; padding: 5px 10px; }
.post-comment .reply-comment { padding-left: 90px; }
.post-comment .reply-comment .avatar img { width: 50px; height: 50px; border-radius: 100px; }
.comment-form .form-control { height: 55px; border: 1px solid #eee; }
.comment-form textarea.form-control { height: auto; }
.footer { font-size:16px; }
.footer-main { padding:60px 0 60px; background-color: #f5f5f5; position: relative; }
.footer .widget-title { position: relative; line-height: 1.4; text-transform: uppercase; margin-bottom: 20px; color: #212121; font-family: 'Montserrat', sans-serif; margin-top: 11px; font-size: 14px; }
.footer .widget-text p { color:#9e9e9e;font-size: 14px; }
.footer .widget-links { font-family: 'Montserrat', sans-serif; }
.footer .widget-links li { margin-bottom: 10px; list-style:none; color: #9e9e9e; font-size: 14px; }
.footer .widget-links li i { color:#9e9e9e; padding-right: 10px; }
.footer .widget-links a { color: #9e9e9e; }
.footer .widget-links a:hover { color:#0b096d; text-decoration: none; }
.footer-copyright { padding: 35px 0; background-color: #eeeeee; }
.copy-right { margin-top:8px;color:#616161;font-size: 12px;text-transform: uppercase; }
.copy-right .icon { color: #0b096d;margin-right: 5px; }
.footer-copyright ul.social-media { float:right; display:block; margin-bottom:0; margin-top: 5px; }
.footer-copyright ul.social-media li { display:inline-block; margin-right: 20px; }
.footer-copyright ul.social-media li:last-child { margin-right:0; }
.footer-copyright ul.social-media li a { font-size: 20px; display: inline-block; color: #616161; }
.footer-copyright ul.social-media li a:hover { color: #0b096d; }
.popular-tags a { display: inline-block; padding: 5px 11px;margin: 0 5px 15px 0; border: 1px solid #9e9e9e; color: #9e9e9e; background:transparent; font-size: 14px; }
.popular-tags a:hover { background: #0b096d; border: 1px solid #0b096d; color:#fff; text-decoration: none; }
.flat-footer ul.social-media { float:none; display:block; margin-bottom:0; margin-top: 5px; }
.flat-footer ul.social-media li { display:inline-block; margin-right: 17px; }
.flat-footer ul.social-media li:last-child { margin-right:0; }
.flat-footer ul.social-media li a { font-size: 20px; display: inline-block; color: #fff; }
.flat-footer ul.social-media li a:hover { color: #0b096d; }
ul.footer-gallery { margin:0; }
ul.footer-gallery li { display: inline-block; width: 24%; padding: 0 2px 0px 0; margin-bottom: 5px; }
ul.footer-gallery li img { max-width: 100%; width: 100%; }
.footer-gallery-box { position: relative; overflow: hidden; }
.footer-gallery-box .skin-overlay { background-color: rgba(30, 192, 255, 0.9); position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
.footer-gallery-box:hover .skin-overlay { opacity: 1; }
.footer-gallery-box .zoom-wrap { position: absolute;top: 0%;left: 0; width: 100%; height: 100%; }
.footer-gallery-zoom { position: absolute; left: 0; top: 40%; width: 100%; }
.footer-gallery-zoom li { position: relative; bottom: -40px; opacity: 0; visibility: hidden; transform: translateZ(0); }
.footer-gallery-box:hover .footer-gallery-zoom li { bottom: 0; opacity: 1; visibility: visible; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.footer-gallery-zoom li a { color:#fff; }
.footer-gallery-zoom li a:hover, .footer-gallery-zoom li a:focus { color:#212121; }
.logo-footer { height: 34px; margin-bottom: 10px; }
.contact-widget.widget ul li { padding-left: 25px; position: relative; }
.contact-widget.widget ul li i { position: absolute; left: 0; top: 1px; }
.contact-us p, .contact-us address { font-size:14px; }
.contact-us h3 { margin-top:0; }
.contact-us address { margin-bottom:40px; line-height:25px; }
.contact-us address a { color:#0b096d; }
.contact-us address a:hover { color:#212121; }
.map-section { position:relative; min-height: 500px; }
.map-parallax { position: fixed; width: 100%; height: 45%; z-index: -3; }
#myMap, #map-style-2, #map-style-3 { min-height: 500px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }
#myMap.wide, #map-style-2.wide, #map-style-3.wide { height: 500px; width: 100%; position: relative!important; }
#mapcontent p { margin: 0; font-size: 16px; }
#return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 0.7); width: 35px; height: 35px; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 100px; display: none; z-index: 99; }
#return-to-top i { color: #fff; margin: 0; position: relative; font-size: 15px; text-align: center; display: block; line-height: 36px; }
#return-to-top:hover { background: rgba(0, 0, 0, 0.9); }
.default-slider, .home-fullslide { position: relative; height: 768px; overflow: hidden; }
.default-slider .container { padding-top:60px; }
.default-slider.slick-dotted.slick-slider, .blog-grid-slider.slick-dotted.slick-slider { margin-bottom:0; }
.home-slider { height:100vh; padding:0; }
.home-slider .default-slider, .home-slider .slick-list, .home-slider .slide-img, .home-slider .hero-text-wrap { height:100vh; width:100%; }
.default-slider .slide { position: relative; height: 768px; }
.default-slider .slick-dots, .service-slider-2 .slick-dots { bottom:40px; }
.default-slider .slick-dots li button, .portfolio-slider .slick-dots li button { font-size: 0; width: 40px; height: 3px; padding: 0px; cursor: pointer; border: 0; outline: none; background: rgba(195, 195, 195, 0.5); }
section.dark-block .default-slider .slick-dots li button { background: rgba(33, 33, 33, 0.5); }
.slide-img, .parallax-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.full-screen-bg { height: 100vh; min-height: 100vh; }
.hero-text-wrap { display: table; table-layout: fixed; height: 100%; width: 100%; position: relative; z-index: 200; background-color: rgba(0, 0, 0, 0.45); }
.light-slider .hero-text-wrap { background-color: rgba(0, 0, 0, 0); }
.shape-bg { position: relative; }
.shape-bg:after { position: absolute; top:0; left: 0; content: ''; background: url(../images/slide-shape.png) no-repeat; width: 590px; height: 590px; z-index: -1; transform: translate(-5%, -18%); -webkit-transform: translate(-5%, -18%); -moz-transform: translate(-5%, -18%); -o-transform: translate(-5%, -18%); }
.inline-btn p { display: inline-block; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; margin: 0 10px; font-family: 'Montserrat', sans-serif; font-weight: 500; vertical-align: middle; }
.inline-btn i { font-size:20px; }
.video-box { position: relative; overflow: hidden; }
.video-box_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }
.play-button { width: 80px; height: 80px; margin-left: auto; margin-right: auto; background-color: #fff; border-radius: 100px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.play-button:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.play-button i { line-height: inherit; display: block; text-align: center; color: #212121; font-size: 60px; }
.hero-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.hero-video video { position: absolute; max-width: none; }
.bg-flex.bg-flex-left { left: 0; }
.bg-flex.bg-flex-right { right: 0; }
.bg-flex { padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; }
.bg-flex-holder { position: absolute;top: 0;width: 100%; height: 100%; }
.bg-flex-cover { background-size: cover;background-position: center center; background-repeat: no-repeat; }
.bg-flex-right { position: absolute; padding: 0; right:0; top:0; bottom: 0; overflow: hidden; }
.col-about-right { padding-left: 60px; }
.col-about-left { padding-right: 60px; }
.row-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row-flex:before { content: none; }
.row-flex > [class*="col-"] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
@media only screen and (max-width: 767px) { .row-flex > [class*="col-"]:not([class*="col-xs"]) { width: 100%; }}
.row-flex > [class*="col-"] .col-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -15px; margin-right: -15px; }
.col-inner.spacer { padding: 100px 50px; } .col-inner.spacer-md { padding: 90px 50px; } .col-inner.spacer-sm { padding: 80px 50px; } .col-inner.spacer-xs { padding: 60px 50px; }
.row-flex.flex-center > [class*="col-"] { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
@media only screen and (min-width: 768px) { .row-flex.full-width-flex > [class*="col-"] { padding-left: 6.5%; padding-right: 6.5%; }}
.row-flex.padding-row > [class*="col-"] { padding: 7.5% 6.5%; }
.row-flex.flex-horizontal > [class*="col-"]:last-child { -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.row-flex.flex-spacing .column-inner { margin-left: 0; margin-right: 0; }
.social-networks { padding: 0; list-style: none; }
.social-networks > li { display: inline-block; margin-right: 12px; }
.social-networks > li > a { display: block; width: 50px; height: 50px; line-height: 47px; text-align: center; font-size: 16px; border: 1px solid #e8e8e8; color: #212121; border-radius: 100%; }
.social-networks > li > a:hover { color: #fff; }
.social-networks > li.social-icon-fb > a:hover { background-color: #3b5998; border-color: #3b5998; }
.social-networks > li.social-icon-tw > a:hover { background-color: #55acee; border-color: #55acee; }
.social-networks > li.social-icon-lk > a:hover { background-color: #0077b5; border-color: #0077b5; }
.social-networks > li.social-icon-be > a:hover { background-color: #053eff; border-color: #053eff; }
.social-networks > li.social-icon-de > a:hover { background-color: #ea4c89; border-color: #ea4c89; }
.social-networks > li.social-icon-sk > a:hover { background-color: #00aff0; border-color: #00aff0; }
.social-networks > li > a i { font-size: 20px; }
.testimonial-item:focus { outline: none; }
.testimonial-item .testimonial-content { background-color: #fff;padding: 40px;margin: 50px auto;text-align: center;box-shadow: 0 0 3px rgba(0,0,0,.1); }
.testimonial-item .testimonial-content img { width: 120px;margin-left: auto;margin-right: auto; }
.forum-member:focus { outline: none; }
.forum-member .member-content { background-color: #fff; text-align: center; box-shadow: 0 0 3px rgba(0,0,0,.1); }
.forum-member .memeber-content img { width: 120px;margin-left: auto;margin-right: auto; }
.testimonial-style-2 .testimonial-item .testimonial-content { background-color: transparent;padding: 0;float: left;display: inline-block;box-shadow: none; }
.testimonial-style-2 .testimonial-item h4, .testimonial-style-2 .testimonial-item h5 { color:#fff;text-align: left;line-height: 1.5em; }
.testimonial-style-2 .testimonial-item h5 { margin-bottom: 3px;font-size: 14px;font-weight: 300; }
.testimonial-style-2 .testimonial .slick-prev:before, .testimonial-style-2 .testimonial .slick-next:before { opacity:.75; }
.testimonial-style-2 .testimonial .slick-prev:hover:before, .testimonial-style-2 .testimonial .slick-next:hover:before { opacity:1; }
.testimonial-style-2 .testimonial-item .testimonial-content .display-table { height: 150px; }
.testimonial-style-2 .slick-prev, section.parallax-bg .testimonial-style-2 .slick-next { color:rgba(255, 255, 255, 0.5); }
.testimonial-style-2 .slick-prev:hover, section.parallax-bg .testimonial-style-2 .slick-next:hover { color:rgba(255, 255, 255, 1); }
.testimonial-style-2 .slick-prev { left: -50px; }
.testimonial-style-2 .slick-next { right: -40px; }
.testimonial-style-2 .slick-prev:before { content:'\eb1a'; }
.testimonial-style-2 .slick-next:before { content:'\eb1b'; }
.testimonial-style-3 .testimonial-item .testimonial-content { background-color: transparent;box-shadow: none; }
.testimonial-style-3 .testimonial-item .testimonial-content img { width: 120px;margin-left: auto;margin-right: auto; }
.testimonial-style-6 .testimonial-item .testimonial-content { background-color: transparent;box-shadow: none;margin: 0 auto; }
.testimonial-style-6 .testimonial-item .testimonial-content img { width: 120px;margin-left: auto;margin-right: auto; }
.slick-prev, .slick-next { font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;
color: transparent;border: none;outline: none;background: transparent;z-index:10; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: #fff;outline: none;background: transparent; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity: .25; }
.testimonial .slick-prev:before,.testimonial .slick-next:before { font-family:"Ionicons"; font-size: 35px; line-height: 1; opacity: 0.5; color: #212121; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.testimonial .slick-prev:hover:before, .testimonial .slick-prev:focus:before, .testimonial .slick-next:hover:before, .testimonial .slick-next:focus:before { opacity: 1; }
.slick-prev { left: 25px; }
.testimonial .slick-prev:before { content: '\f2ca'; }
.slick-next { right: 25px; }
.testimonial .slick-next:before { content: '\f30f'; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center; }
.slick-dots li { display: inline-block;margin: 0 4px; }
.slick-slide:focus { outline: none; }
.testimonial .slick-dots li button, .team-slider .slick-dots li button, .blog-slider .slick-dots li button, .service-slider .slick-dots li button, .service-slider-2 .slick-dots li button, .testimonial-style-6 .slick-dots li button, .app-gallery-slider .slick-dots li button { font-size: 0;width: 12px;height: 12px;padding: 0px;cursor: pointer;border: 0;outline: none; background: rgba(195, 195, 195, 0.5);border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; }
.testimonial .slick-dots li.slick-active button, .team-slider .slick-dots li.slick-active button, .service-slider .slick-dots li.slick-active button, .service-slider-2 .slick-dots li.slick-active button { background-color: #0b096d; }
.testimonial-style-6 .slick-dots li.slick-active button, .app-gallery-slider .slick-dots li.slick-active button { background-color: #fff; }
.service-slider-2 .slick-prev:before, .blog-grid-slider .slick-prev:before, .default-slider .slick-prev:before { content: '\eb76'; }
.service-slider-2 .slick-next:before, .blog-grid-slider .slick-next:before, .default-slider .slick-next:before { content: '\eb79'; }
.service-slider-2 .slick-prev:before, .service-slider-2 .slick-next:before, .blog-grid-slider .slick-prev:before, .blog-grid-slider .slick-next:before, #product-slider .slick-prev:before, #product-slider .slick-next:before, section.parallax-bg .testimonial-style-2 .slick-prev:before, section.parallax-bg .testimonial-style-2 .slick-next:before,
 section.dark-block .default-slider .slick-prev:before, section.dark-block .default-slider .slick-next:before { font-family: 'icofont';font-size: 25px; line-height: 1;opacity: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.service-slider-2 .slick-prev, .service-slider-2 .slick-next, .blog-grid-slider .slick-prev, .blog-grid-slider .slick-next { border: 2px solid rgba(0,0,0,0.1);width: 50px;height: 50px;color: rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.3); border-radius: 100px; }
.blog-grid-slider .slick-prev, .blog-grid-slider .slick-next { border-radius: 0px; }
.service-slider-2 .slide { position: relative; }
.service-slider-2, .service-slider-2 .slick-list { width: 100%; }
.no-direction .slick-prev, .no-direction .slick-next { display: none!important; }
.service-slider-2 .slick-prev:hover, .service-slider-2 .slick-next:hover, .blog-grid-slider .slick-prev:hover, .blog-grid-slider .slick-next:hover { color: rgba(0,0,0, 0.5); background: #fff; }
.service-slider-2 .slick-prev:focus, .default-slider .slick-next:focus { outline: none; }
.default-slider .slick-dots li.slick-active button { background-color: #fff; }
section.dark-block .default-slider .slick-dots li.slick-active button, .portfolio-slider .slick-dots li.slick-active button { background-color:#212121; }
section.dark-block .default-slider .slick-prev, section.dark-block .default-slider .slick-next { border: 1px solid rgba(33,33,33,0.7);color:#212121;width: 50px;height: 50px;border-radius: 100px; }
section.dark-block .default-slider .slick-prev:hover, section.dark-block .default-slider .slick-next:hover { color:#fff;background: #212121; }
.simple-content-slider { width: 100%; height: 100%; position: absolute; right: 0; left: 0; }
.simple-content-slider-text { display: table; height: 100%; width: 100%; }
.simple-content-text-inner { display: table-cell; vertical-align: middle; }
.member-socialicons { overflow: hidden;list-style: none;text-align:center;line-height: 20px; }
.member-socialicons li { float: left;padding: 0 10px;line-height: inherit;list-style-type: none; }
.member-socialicons li a { color: #fff;display:block; }
.member-socialicons li a:hover { color: #ff4552; }
.member-socialicons li a i { display:block;font-size:13px;text-align:center; }
ul.social-default, ul.social-default-no-border { display:block; }
ul.social-default li, ul.social-default-no-border li { display:inline-block;margin-right: 12px; }
ul.social-default li:last-child, ul.social-default-no-border li:last-child { margin-right:0; }
ul.social-default li a { font-size: 16px;display: block;border: solid 1px;text-align: center;width: 40px;height: 40px;line-height: 40px;border-radius: 100px; }
ul.social-default li a.fb { border-color:#3C599F;color:#3C599F; }
ul.social-default li a:hover.fb, ul.social-default li a:focus.fb { border-color:#3C599F;color:#fff;background-color: #3c599f; }
ul.social-default li a.tw { border-color:#00aced;color:#00aced; }
ul.social-default li a:hover.tw, ul.social-default li a:focus.tw { border-color:#00aced;color:#fff;background-color: #00aced; }
ul.social-default li a.dr { border-color:#ea4c89;color:#ea4c89; }
ul.social-default li a:hover.dr, ul.social-default li a:focus.dr { border-color:#ea4c89;color:#fff;background-color: #ea4c89; }
ul.social-default li a.be { border-color:#1769FF;color:#1769FF; }
ul.social-default li a:hover.be, ul.social-default li a:focus.be { border-color:#1769FF;color:#fff;background-color: #1769FF; }
ul.social-default li a.ev { border-color:#528036;color:#528036; }
ul.social-default li a:hover.ev, ul.social-default li a:focus.ev { border-color:#528036;color:#fff;background-color: #528036; }
ul.social-default-no-border { margin-left:auto;margin-right:auto;text-align: center; }
ul.social-default-no-border li a { font-size:16px;display:inline-block;color:#212121; }
ul.social-default-no-border.big li a { font-size: 26px;color:#fff; }
ul.social-default-no-border li a:hover.facebook, ul.social-default-no-border li a:focus.facebook { color:#3C599F; }
ul.social-default-no-border li a:hover.twitter, ul.social-default-no-border li a:focus.twitter { color:#00aced; }
ul.social-default-no-border li a:hover.behance, ul.social-default-no-border li a:focus.behance { color:#1769FF; }
ul.social-default-no-border li a:hover.dribble, ul.social-default-no-border li a:focus.dribble { color:#ea4c89; }
ul.social-default-no-border li a:hover.google-plus, ul.social-default-no-border li a:focus.google-plus { color:#dd4b39; }
ul.social-default-no-border li a:hover.linkedin, ul.social-default-no-border li a:focus.linkedin { color:#007bb6; }
ul.social-default-no-border li a:hover.youtube, ul.social-default-no-border li a:focus.youtube { color:#bb0000; }
ul.social-default-no-border li a:hover.instagram, ul.social-default-no-border li a:focus.instagram { color:#517fa4; }
ul.social-default-no-border li a:hover.pinterest, ul.social-default-no-border li a:focus.pinterest { color:#cb2027; }
ul.social-default-no-border li a:hover.flicker, ul.social-default-no-border li a:focus.flicker { color:#ff0084; }
ul.social-default-no-border li a:hover.tumblr, ul.social-default-no-border li a:focus.tumblr { color:#32506d; }
ul.social-default-no-border li a:hover.github, ul.social-default-no-border li a:focus.github { color:#171516; }
.xs-icon, .sm-icon, .md-icon, .lg-icon, .xl-icon { list-style: none; padding: 0; }
.xs-icon li, .sm-icon li, .md-icon li, .lg-icon li, .xl-icon li { display: inline-block; }
footer .xs-icon li:first-child, footer .sm-icon li:first-child, footer .md-icon li:first-child, footer .lg-icon li:first-child, footer .xl-icon li:first-child { margin-left: 0; }
footer .xs-icon li:last-child, footer .sm-icon li:last-child, footer .md-icon li:last-child, footer .lg-icon li:last-child, footer .xl-icon li:last-child { margin-right: 0; }
.xs-icon li { margin: 0 2px }
.sm-icon li { margin: 0 5px }
.md-icon li { margin: 0 8px }
.lg-icon li { margin: 0 10px }
.xl-icon li { margin: 0 12px }
.xs-icon a { font-size: 14px; width:30px!important; height:30px!important;line-height:29px!important; }
.sm-icon a { font-size: 16px; width: 40px!important; height:40px!important;line-height: 38px!important; }
.md-icon a { font-size: 20px; width: 50px; height:50px;line-height: 48px; }
.lg-icon a { font-size: 24px; width: 60px!important; height: 60px!important;line-height: 61px!important; }
.xl-icon a { font-size: 30px; width: 70px!important; height: 70px!important;line-height: 68px!important; }
.social-icons-style-01 a, .social-icons-style-07 a { text-align: center; display:inline-block; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; color: #fff }
.social-icons-style-01 a:hover { border-radius: 100%; }
.social-icons-style-01 a.fb, .social-icons-style-02 a.fb:hover, .social-icons-style-03 a.fb span, .social-icons-style-06 .icon.facebook:before, .social-icons-style-09 a.facebook, .social-icons-style-10 a.fb span, .social-icons-style-11 .facebook .back { background-color: #3b5998; }
.social-icons-style-01 a.tw, .social-icons-style-02 a.tw:hover, .social-icons-style-03 a.tw span, .social-icons-style-06 .icon.twitter:before, .social-icons-style-09 a.twitter, .social-icons-style-10 a.tw span, .social-icons-style-11 .twitter .back { background-color: #00aced; }
.social-icons-style-01 a.be, .social-icons-style-02 a.be:hover, .social-icons-style-03 a.be span, .social-icons-style-06 .icon.behance:before, .social-icons-style-09 a.behance, .social-icons-style-10 a.be span, .social-icons-style-11 .behance .back { background-color: #1769FF; }
.social-icons-style-01 a.in, .social-icons-style-02 a.in:hover, .social-icons-style-03 a.in span, .social-icons-style-06 .icon.linkedin:before, .social-icons-style-09 a.linkedin, .social-icons-style-10 a.in span, .social-icons-style-11 .linkedin .back { background-color: #007bb6; }
.social-icons-style-01 a.yt, .social-icons-style-02 a.yt:hover, .social-icons-style-03 a.yt span, .social-icons-style-06 .icon.youtube:before, .social-icons-style-09 a.youtube, .social-icons-style-10 a.yt span, .social-icons-style-11 .youtube .back { background-color: #bb0000; }
.social-icons-style-01 a.ins, .social-icons-style-02 a.ins:hover, .social-icons-style-03 a.ins span, .social-icons-style-06 .icon.instagram:before, .social-icons-style-09 a.instagram, .social-icons-style-10 a.ins span, .social-icons-style-11 .instagram .back { background-color: #fe1f49; }
.social-icons-style-01 a.tb, .social-icons-style-02 a.tb:hover, .social-icons-style-03 a.tb span, .social-icons-style-06 .icon.tumblr:before, .social-icons-style-09 a.tumblr, .social-icons-style-10 a.tb span, .social-icons-style-11 .tumblr .back { background-color: #32506d; }
.social-icons-style-01 a.fk, .social-icons-style-02 a.fk:hover, .social-icons-style-03 a.fk span, .social-icons-style-06 .icon.flicker:before, .social-icons-style-09 a.flickr, .social-icons-style-10 a.fk span, .social-icons-style-11 .flickr .back { background-color: #ff0084; }
.social-icons-style-01 a.rss, .social-icons-style-02 a.rss:hover, .social-icons-style-03 a.rss span, .social-icons-style-06 .icon.rss:before, .social-icons-style-09 a.rss, .social-icons-style-10 a.rss span, .social-icons-style-11 .rss .back { background-color: #f2890a; }
.social-icons-style-01 a.pin, .social-icons-style-02 a.pin:hover, .social-icons-style-03 a.pin span, .social-icons-style-06 .icon.pinterest:before, .social-icons-style-09 a.pinterest, .social-icons-style-10 a.pin span, .social-icons-style-11 .pinterest .back { background-color: #cb2027; }
.social-icons-style-01 a.git, .social-icons-style-02 a.git:hover, .social-icons-style-03 a.git span, .social-icons-style-06 .icon.github:before, .social-icons-style-09 a.github, .social-icons-style-10 a.git span, .social-icons-style-11 .github .back { background-color: #171516; }
.social-icons-style-01 a.gplus, .social-icons-style-02 a.gplus:hover, .social-icons-style-03 a.gplus span, .social-icons-style-06 .icon.google-plus:before, .social-icons-style-09 a.google-plus, .social-icons-style-10 a.gplus span, .social-icons-style-11 .google-plus .back { background-color: #dd4b39; }
.social-icons-style-01 a.dr, .social-icons-style-02 a.dr:hover, .social-icons-style-03 a.dr span, .social-icons-style-06 .icon.dribble:before, .social-icons-style-09 a.dribble, .social-icons-style-10 a.dr span, .social-icons-style-11 .dribble .back { background-color: #ea4c89; }
.social-icons-style-02 a { text-align: center; display:inline-block; color: #fff }
.social-icons-style-02 a:hover { color: #fff; border-radius: 100%; }
.social-icons-style-03 { position: relative; }
.social-icons-style-03 a { text-align: center; display:inline-block; border-radius: 100%; position: relative; text-align: center }
.social-icons-style-03 a:hover { color: #fff; }
.social-icons-style-03 a i { position: relative; z-index: 1; }
.social-icons-style-03 a span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 0; }
.social-icons-style-03 a:hover span { width:100%; height:100%; border-radius: 100%; top: 0; left: 0; }
.social-icons-style-04 a:hover.facebook { color:#3C599F; }
.social-icons-style-04 a:hover.twitter { color:#00aced; }
.social-icons-style-04 a:hover.behance { color:#1769FF; }
.social-icons-style-04 a:hover.dribble { color:#ea4c89; }
.social-icons-style-04 a:hover.google-plus { color:#dd4b39; }
.social-icons-style-04 a:hover.linkedin { color:#007bb6; }
.social-icons-style-04 a:hover.youtube { color:#bb0000; }
.social-icons-style-04 a:hover.instagram { color:#517fa4; }
.social-icons-style-04 a:hover.pinterest { color:#cb2027; }
.social-icons-style-04 a:hover.flicker { color:#ff0084; }
.social-icons-style-04 a:hover.tumblr { color:#32506d; }
.social-icons-style-04 a:hover.github { color:#171516; }
.social-icons-style-04 a:hover.rss { color:#f2890a; }
.social-icons-style-05 a.facebook, .social-icons-style-06 .icon.facebook .icofont, .social-icons-style-12 a.facebook { color:#3C599F; }
.social-icons-style-05 a.twitter, .social-icons-style-06 .icon.twitter .icofont, .social-icons-style-12 a.twitter { color:#00aced; }
.social-icons-style-05 a.behance, .social-icons-style-06 .icon.behance .icofont, .social-icons-style-12 a.behance { color:#1769FF; }
.social-icons-style-05 a.dribble, .social-icons-style-06 .icon.dribble .icofont, .social-icons-style-12 a.dribble { color:#ea4c89; }
.social-icons-style-05 a.google-plus, .social-icons-style-06 .icon.google-plus .icofont, .social-icons-style-12 a.google-plus { color:#dd4b39; }
.social-icons-style-05 a.linkedin, .social-icons-style-06 .icon.linkedin .icofont, .social-icons-style-12 a.linkedin { color:#007bb6; }
.social-icons-style-05 a.youtube, .social-icons-style-06 .icon.youtube .icofont, .social-icons-style-12 a.youtube { color:#bb0000; }
.social-icons-style-05 a.instagram, .social-icons-style-06 .icon.instagram .icofont, .social-icons-style-12 a.instagram { color:#517fa4; }
.social-icons-style-05 a.pinterest, .social-icons-style-06 .icon.pinterest .icofont, .social-icons-style-12 a.pinterest { color:#cb2027; }
.social-icons-style-05 a.flicker, .social-icons-style-06 .icon.flicker .icofont, .social-icons-style-12 a.flicker { color:#ff0084; }
.social-icons-style-05 a.tumblr, .social-icons-style-06 .icon.tumblr .icofont, .social-icons-style-12 a.tumblr { color:#32506d; }
.social-icons-style-05 a.github, .social-icons-style-06 .icon.github .icofont, .social-icons-style-12 a.github { color:#171516; }
.social-icons-style-05 a.rss, .social-icons-style-06 .icon.rss .icofont, .social-icons-style-12 a.rss { color:#f2890a; }
.social-icons-style-05 a:hover { color:#fff; }
.social-icons-style-06 .icon { display: inline-block;background-color: #fff;width: 50px;height: 50px;line-height: 50px;margin: 0;text-align: center;position: relative;overflow: hidden;border-radius: 28%;box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);opacity: 0.99; }
.social-icons-style-06 .icon, .social-icons-style-06 .icon:before, .social-icons-style-06 .icon .icofont { transition: all 0.35s;transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59); }
.social-icons-style-06 .icon:before { content: '';width: 120%;height: 120%;position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg); }
.social-icons-style-06 .icon:before { top: 90%;left: -110%; }
.social-icons-style-06 .icon .icofont { vertical-align: middle; }
.social-icons-style-06 .icon .icofont { -webkit-transform: scale(0.8);transform: scale(0.8); }
.social-icons-style-06 .icon:focus:before, .social-icons-style-06 .icon:hover:before { top: -10%;left: -10%; }
.social-icons-style-06 .icon:focus .icofont, .social-icons-style-06 .icon:hover .icofont { color: #fff;-webkit-transform: scale(1);transform: scale(1);position: relative; }
.social-icons-style-07 a:hover { color:#0b096d; }
.social-icons-style-08 a { text-align: center; display:inline-block;border: 1px solid rgba(0,0,0,0.1);color: #232323; background-color: transparent; border-radius: 100%; }
.social-icons-style-08 a:hover { background-color: transparent; }
.social-icons-style-08 a.facebook:hover { border-color: #3b5998;color: #3b5998; }
.social-icons-style-08 a.twitter:hover { border-color: #00aced; color: #00aced }
.social-icons-style-08 a.google-plus:hover { border-color: #dc4a38; color: #dc4a38 }
.social-icons-style-08 a.dribble:hover { border-color: #ea4c89; color: #ea4c89 }
.social-icons-style-08 a.youtube:hover { border-color: #bb0000; color: #bb0000 }
.social-icons-style-08 a.linkedin:hover { border-color: #0077b5; color: #0077b5 }
.social-icons-style-08 a.instagram:hover { border-color: #FE1F49; color: #FE1F49 }
.social-icons-style-08 a.pinterest:hover { border-color: #CB2027; color: #CB2027 }
.social-icons-style-08 a.flickr:hover { border-color: #ff0084; color: #ff0084 }
.social-icons-style-08 a.rss:hover { border-color: #f2890a; color: #f2890a }
.social-icons-style-08 a.behance:hover { border-color: #1769ff; color: #1769ff }
.social-icons-style-08 a.tumblr:hover { border-color: #32506d; color: #32506d }
.social-icons-style-09 a { text-align: center; display:inline-block;-webkit-transition: -webkit-transform 1s, backgrond 0.4s;-moz-transition: -moz-transform 1s, background 0.4s;-o-transition: -o-transform 1s, background 0.4s;transition: transform 1s, background 0.4s; border-radius: 100%; color: #fff }
.social-icons-style-09 a:hover { -webkit-transform: translateY(-10px)rotateZ(360deg);-moz-transform: translateY(-10px)rotateZ(360deg);-ms-transform: translateY(-10px)rotateZ(360deg);-o-transform: translateY(-10px)rotateZ(360deg);transform: translateY(-10px)rotateZ(360deg); }
.social-icons-style-10 a { text-align: center; display:inline-block; border-radius: 100%; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); color: #232323; text-align: center; z-index: 1; }
.social-icons-style-10 a:hover { color: #fff; }
.social-icons-style-10 a span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 0;z-index: -1; }
.social-icons-style-10 a:hover span { width:100%; height:100%; border-radius: 100%; top: 0; left: 0; }
.social-icons-style-11 a { background: #fff;color: #212121;float: left;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;display: inline-block;;position: relative;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; }
.social-icons-style-11 .front, .social-icons-style-11 .back { width: 50px;height: 50px;position: absolute;top: 0;left: 0;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-backface-visibility: visible;-moz-backface-visibility: visible;
-ms-backface-visibility: visible;-o-backface-visibility: visible;backface-visibility: visible; }
.social-icons-style-11 .back { -webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden; }
.social-icons-style-11 a:hover .back { -webkit-backface-visibility: visible;-moz-backface-visibility: visible;-ms-backface-visibility: visible;-o-backface-visibility: visible;backface-visibility: visible; }
.social-icons-style-11 a:hover { color: #fff;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg); }
.social-icons-style-12 a { color: #fff;background-color:#fff;border-radius: 5px;text-align: center;text-decoration: none;position: relative;display: inline-block;width: 50px;height: 50px;-o-transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-font-smoothing: antialiased; }
.social-icons-style-12 a span { color: #212121;position: absolute;bottom: 0;left: -25px;right: -25px;z-index: -1;font-size: 14px;border-radius: 2px;background: #fff;visibility: hidden;opacity: 0;-o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.social-icons-style-12 a:hover span { bottom: 60px;visibility: visible;opacity: 1; }
.social-icons-style-12 a span:before { content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); }
.service-box-style-01 .feature-box-rounded:hover { background-color: #0b096d; }
.service-box-style-01 .feature-box-rounded:hover i, .service-box-style-01 .feature-box-rounded:hover h1, .service-box-style-01 .feature-box-rounded:hover h2, .service-box-style-01 .feature-box-rounded:hover h3, .service-box-style-01 .feature-box-rounded:hover h4, .service-box-style-01 .feature-box-rounded:hover h5, .service-box-style-01 .feature-box-rounded:hover h6, .service-box-style-01 .feature-box-rounded:hover p { color:#fff!important; }
.service-box-style-02 .feature-box { overflow: hidden;display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 100px 30px;height: 350px;text-align: center; }
.service-box-style-02 .feature-box:hover { display: block;padding: 60px 30px; }
.service-box-style-02 .feature-box .hidden-content { opacity: 0; }
.service-box-style-02 .feature-box:hover .hidden-content { opacity: 1; }
.service-box-style-02 .feature-box .icon-heading { text-align: center;vertical-align: middle; }
.service-box-style-02 .feature-box:hover .icon-heading { display: block; }
.service-box-style-03 .main-box { position: relative;-webkit-perspective: 1000px;-moz-perspective: 1000px; }
.service-box-style-03 .flipper { position: relative; }
.service-box-style-03 .main-box .box-front, .service-box-style-03 .main-box .box-back { text-align: center;background-size: cover;z-index: 1;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: inherit;perspective: inherit;-webkit-transition: -webkit-transform .8s cubic-bezier(.5,.2,.2,.8);transition: -webkit-transform .8s cubic-bezier(.5,.2,.2,.8);transition: transform .8s cubic-bezier(.5,.2,.2,.8);
transition: transform .8s cubic-bezier(.5,.2,.2,.8),-webkit-transform .8s cubic-bezier(.5,.2,.2,.8); }
.service-box-style-03 .content-wrap { position: absolute;width: 100%;display: block;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: inherit;perspective: inherit;-webkit-backface-visibility: hidden;backface-visibility: hidden;padding: 50px 30px;z-index: 2;top: 50%;left: 0;
-webkit-transform: translate3d(0,-50%,50px) scale(.9);transform: translate3d(0,-50%,50px) scale(.9); }
.service-box-style-03 .content-wrap .box-back { top: 50%;left: 0;-webkit-transform: translate3d(0,-50%,50px) scale(.9);transform: translate3d(0,-50%,50px) scale(.9); }
.service-box-style-03 .main-box .box-front { -webkit-transform: rotateY(0deg);transform: rotateY(0deg); }
.service-box-style-03 .main-box:hover .box-front { -webkit-transform: rotateY(180deg);transform: rotateY(180deg); }
.service-box-style-03 .flipper:hover .box-back, .service-box-style-03 .flipper:hover .box-front { -webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: -webkit-transform 1s cubic-bezier(.3,1,.6,1);transition: -webkit-transform 1s cubic-bezier(.3,1,.6,1);transition: transform 1s cubic-bezier(.3,1,.6,1);transition: transform 1s cubic-bezier(.3,1,.6,1),-webkit-transform 1s cubic-bezier(.3,1,.6,1); }
.service-box-style-03 .main-box .box-back { -webkit-transform: rotateY(-180deg);transform: rotateY(-180deg); }
.service-box-style-03 .main-box:hover .box-back { -webkit-transform: rotateY(0deg);transform: rotateY(0deg); }
.service-box-style-03 .main-box .box-back { position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%; }
.breadcrumb { background: transparent; border-radius: 0; padding: 0 }
.breadcrumb ul { list-style: none; padding: 0; margin: 0; }
.breadcrumb ul li { display: inline-block; }
.breadcrumb ul > li:after { content: "\eb8b";font-family: icofont;padding: 0 11px 0 14px;display: inline-block;vertical-align: middle;font-size: 10px;color:#fff; }
.breadcrumb ul > li:last-child:after { border-right: 0; content: ""; padding: 0 }
.light-tabs .nav-tabs { border-bottom: 0;margin-bottom: 5px; }
.light-tabs .nav-tabs>li { float: none;display: inline-block; }
.light-tabs p { margin-top:20px;font-weight: 300; }
.light-tabs .nav-tabs>li>a { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 1px; 
color: #ffffff; border: 0; border-radius: 5px; text-transform:uppercase; letter-spacing:2px; background-color: #1b4285; padding: 10px 10px; margin-bottom: 5px; }
.light-tabs .nav-tabs>li>a:focus { color: #2f297c!important; background-color: #ffffff!important; }
.light-tabs .nav-tabs>li>a:hover { color: #2f297c!important; background-color: #ffffff!important; }
/* .light-tabs .nav>li>a:focus { color: #0c4391; background-color: #ffffff; } */
.light-tabs .nav>li>a:hover { color: #0c4391; background-color: #ffffff; }
.light-tabs .nav-tabs>li.active>a:focus { border: 0; color: #0c4391; position: relative; background-color:#ffffff; }
/* .light-tabs .nav-tabs>li.active>a:hover { border: 0; color: #0c4391; position: relative; background-color:#ffffff; } */
.light-tabs-style-02 .light-tabs .nav-tabs { border-top: 0; border-bottom: 0; margin-bottom: 5px; }
.light-tabs-style-02 .light-tabs .nav-tabs>li { float: none;display: inline-block; }
.light-tabs-style-02 .light-tabs p { margin-top:20px;font-weight: 300; }
.light-tabs-style-02 .light-tabs .nav-tabs>li>a { margin-right: 0;font-size: 14px;line-height: 25px;color: #212121;border: 0;border-radius: 0;text-transform:uppercase;letter-spacing:2px; }
.light-tabs-style-02 .light-tabs .nav>li>a:focus, .light-tabs .nav>li>a:hover { background-color: transparent; }
.light-tabs-style-02 .light-tabs .nav-tabs>li.active>a, .light-tabs .nav-tabs>li.active>a:focus, .light-tabs .nav-tabs>li.active>a:hover { border: 0;color: #212121;position: relative;background:transparent; }
.light-tabs-style-02 .light-tabs .nav-tabs>li.active>a::before { content: "";background-color: #212121;width: 100%;height: 1px;position: absolute;left: 0;top: -1px; }
.icon-tabs .nav-tabs { border-top: 0px solid #f1f1f1;border-bottom: 0;margin-bottom: 5px; }
.icon-tabs .nav-tabs>li { float: none;display: inline-block; }
.icon-tabs p { margin-top:20px; }
.icon-tabs .nav-tabs>li>a { margin-right: 0;font-size: 14px;line-height: 25px;color: #212121;border: 0;border-radius: 0;text-transform:uppercase;letter-spacing:2px; }
.icon-tabs .nav>li>a:focus, .icon-tabs .nav>li>a:hover { background-color: transparent; }
.icon-tabs .nav-tabs>li.active>a, .icon-tabs .nav-tabs>li.active>a:focus, .icon-tabs .nav-tabs>li.active>a:hover { border: 0;color: #0b096d;position: relative;background:transparent; }
.icon-tabs .nav-tabs>li>a i { display: block;font-size: 30px;margin-bottom: 20px; }
.tabs-style-01 .icon-tabs .nav-tabs { border-top: 0px solid #f1f1f1;border-bottom: 0;margin-bottom: 25px;background-color: #0b096d; }
.tabs-style-01 .icon-tabs .nav-tabs>li { display: inline-block;width: 25%;float: left; }
.tabs-style-01 .icon-tabs p { margin-top:20px; }
.tabs-style-01 .icon-tabs .nav-tabs>li>a { margin-right: 0;font-size: 14px;line-height: 25px;color: #fff;border: 0;border-radius: 0;text-transform:uppercase;letter-spacing:2px;padding: 20px 25px; }
.tabs-style-01 .icon-tabs .nav>li>a:focus, .tabs-style-01 .icon-tabs .nav>li>a:hover { background-color: transparent; }
.tabs-style-01 .icon-tabs .nav-tabs>li.active>a, .tabs-style-01 .icon-tabs .nav-tabs>li.active>a:focus, .tabs-style-01 .icon-tabs .nav-tabs>li.active>a:hover { border: 0;color: #0b096d;position: relative;background:#fff; }
.tabs-style-01 .icon-tabs .nav-tabs>li>a i { display: block;font-size: 30px;margin-bottom: 10px; }
.tabs-style-02 .light-tabs .nav-tabs { border-top: 1px solid #f1f1f1;border-bottom: 0;margin-bottom: 5px; }
.tabs-style-02 .light-tabs .nav-tabs>li { float: none;display: inline-block; }
.tabs-style-02 .light-tabs p { margin-top:20px;font-weight: 300; }
.tabs-style-02 .light-tabs .nav-tabs>li>a { margin-right: 0;font-size: 14px;line-height: 25px;color: #212121;border: 0;border-radius: 0;text-transform:uppercase;letter-spacing:2px;padding: 10px 30px; }
.tabs-style-02 .light-tabs .nav>li>a:focus, .light-tabs .nav>li>a:hover { background-color: transparent; }
.tabs-style-02 .light-tabs .nav-tabs>li.active>a, .tabs-style-02 .light-tabs .nav-tabs>li.active>a:focus, .tabs-style-02 .light-tabs .nav-tabs>li.active>a:hover { border: 0;position: relative;background: #eee; }
.tabs-style-02 .light-tabs .nav-tabs>li.active>a::before { content: "";background-color: #212121;width: 100%;height: 1px;position: absolute;left: 0;top: -1px; }
.tabs-style-03 .icon-tabs .nav-tabs { border-top: 0px solid #f1f1f1;border-bottom: 0;margin-bottom: 25px;background-color: #0b096d; }
.tabs-style-03 .icon-tabs .nav-tabs>li { display: inline-block;width: 100%;float: left; }
.tabs-style-03 .icon-tabs p { margin-top:20px; }
.tabs-style-03 .icon-tabs .nav-tabs>li>a { margin-right: 0;font-size: 14px;line-height: 25px;color: #fff;border: 0;border-radius: 0;text-transform:uppercase;letter-spacing:2px;padding: 20px 25px; }
.tabs-style-03 .icon-tabs .nav>li>a:focus, .tabs-style-01 .icon-tabs .nav>li>a:hover { background-color: transparent; }
.tabs-style-03 .icon-tabs .nav-tabs>li.active>a, .tabs-style-03 .icon-tabs .nav-tabs>li.active>a:focus, .tabs-style-03 .icon-tabs .nav-tabs>li.active>a:hover { border: 0;color: #0b096d;position: relative;background:#fff; }
.tabs-style-03 .icon-tabs .nav-tabs>li>a i { display: block;font-size: 30px;margin-bottom: 10px; }
.accordion-style-01 .panel { background: transparent; box-shadow: none; margin-top: 0 !important }
.accordion-style-01.panel-group .panel-heading { border: 0px; border-bottom: 1px solid #e4e4e4; }
.accordion-style-01 .panel .panel-heading { padding: 16px 0;background-color: transparent; }
.accordion-style-01 .panel-title { font-size: 16px; position: relative;font-family: 'Montserrat', sans-serif;padding-right: 30px; }
.accordion-style-01 .panel-title span.pull-right { position: absolute; right: 0; }
.accordion-style-01 .panel-heading i { font-size: 16px; color: #212121 }
.accordion-style-01.panel-group .panel-heading+.panel-collapse>.list-group, .accordion-style-01.panel-group .panel-heading+.panel-collapse>.panel-body { border-top:0; padding: 25px 0; background-color: transparent }
.accordion-style-02 .panel { background: transparent; box-shadow: none; margin-top: 0 !important }
.accordion-style-02.panel-group .panel-heading { border: 0px; border-bottom: 1px solid #e4e4e4; }
.accordion-style-02 .panel .panel-heading { padding: 16px 0;background-color: transparent; }
.accordion-style-02 .panel-title { font-size: 16px; position: relative;font-family: 'Montserrat', sans-serif;padding-right: 30px; }
.accordion-style-02 .panel-title span.pull-right { position: absolute; right: 0; }
.accordion-style-02 .panel-heading i { font-size: 16px; color: #212121 }
.accordion-style-02.panel-group .panel-heading+.panel-collapse>.list-group, .accordion-style-02.panel-group .panel-heading+.panel-collapse>.panel-body { border-top:0; padding: 25px 0; background-color: transparent }
.accordion-style-03 .panel { background: transparent; border: none; margin-bottom: 15px; box-shadow: none; }
.accordion-style-03 .panel-title { background: transparent; border: none }
.accordion-style-03 .panel .panel-heading { background: #0b096d; border-radius:0; padding:18px 28px 19px }
.accordion-style-03 .panel-body { padding: 35px 28px 25px; border-top:none; }
.accordion-style-03 .panel-heading i { font-size: 25px; margin: 0; }
.accordion-style-03 .panel-title { padding: 0; }
.accordion-style-03 .tab-tag { font-size: 20px; padding: 0; margin-right: 7px; display: inline-block; vertical-align: top; }
.accordion-style-03 a, .accordion-style-03 a:hover, .accordion-style-03 a:hover i { color: #282828; }
.accordion-style-03 .panel-default:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0; }
.accordion-style-03 { margin-bottom: 0; }
.accordion-style-04 .panel { background-color:transparent; border: none; margin-bottom: 15px; box-shadow: none; border-radius: 0; }
.accordion-style-04 .panel-title { background: transparent; border: none }
.accordion-style-04 .panel .panel-heading { background: #fff; color: #212121; border-radius:0; padding:18px 28px 19px }
.accordion-style-04 .panel-body { padding: 35px 28px 25px; border-top:none;background-color: #eee; }
.accordion-style-04 .panel-heading i { font-size: 25px; margin: 0; color:#212121; }
.accordion-style-04 .tab-tag { font-size: 20px; padding: 0; margin-right: 7px; display: inline-block; vertical-align: top; }
.accordion-style-04 a, .accordion-style-04 a:hover, .accordion-style-04 a:hover i { color: #212121; }
.accordion-style-04 .panel-default:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0; }
.accordion-style-04 { margin-bottom: 0; }
.accordion-style-05 .panel { background-color:transparent; border: none; margin-bottom: 15px; box-shadow: none; border-radius: 0; }
.accordion-style-05 .panel-title { background: transparent; border: none }
.accordion-style-05 .panel .panel-heading { background: #212121; color: #fff; border-radius:0; padding:18px 28px 19px }
.accordion-style-05 .panel-body { padding: 35px 28px 25px; border-top:none; }
.accordion-style-05 .panel-heading i { font-size: 25px; margin: 0; color:#fff; }
.accordion-style-05 .tab-tag { font-size: 20px; padding: 0; margin-right: 7px; display: inline-block; vertical-align: top; }
.accordion-style-05 a, .accordion-style-05 a:hover, .accordion-style-05 a:hover i { color: #fff; }
.accordion-style-05 .panel-default:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0; }
.accordion-style-05 { margin-bottom: 0; }
.panel { box-shadow: none;border:0;background-color:transparent; }
.panel-group .panel { margin-bottom: 15px;border-radius: 0; }
.panel .panel-heading { position: relative;padding: 0;background-color: #fff;border-radius: 0; }
.panel-title a.collapsed { display: block;color: #212121;background-color: transparent;border-color: transparent;padding: 15px 30px;border-radius: 0px;transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-duration: .2s;-ms-transition-duration: .2s;-moz-transition-duration: .2s; -webkit-transition-duration: .2s;-o-transition-duration: .2s; }
.panel-title a:hover.collapsed { color: #0b096d;transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-duration: .2s;-ms-transition-duration: .2s; -moz-transition-duration: .2s;-webkit-transition-duration: .2s;-o-transition-duration: .2s; }
.panel-title a { display: block;color: #212121;background-color: transparent;border-color: transparent;padding: 15px 30px;border-radius: 0px; }
.panel-title a i { font-size: 25px; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border: 1px solid transparent;background-color: #f1f0f0;padding: 25px 30px;font-size: 14px; }
.icon-examples { color: #888;margin-left: 1px;vertical-align: middle; }
.icon-examples .icon-box { display: block;width: 33%;float: left;padding: 0;border: 1px solid #e5e5e5;margin: -1px 0 0 -1px;font-size: 13px; }
@media only screen and (max-width: 1024px) { .icon-examples .icon-box { width: 50%; }}
@media only screen and (max-width: 480px) { .icon-examples .icon-box { width: 100%; }}
.icon-examples .icon-box:hover { background: #fff;color: #212121; }
.icon-examples .icon-box > span { display: inline-block;margin-right: 15px;min-width: 60px;min-height: 60px;border-right: 1px solid #e5e5e5;line-height: 70px;text-align: center;font-size: 25px; }
.list-style-none li { list-style: none; }
.list-style-01 li { padding: 5px 0 }
.list-style-02 { list-style: none; margin: 0; padding: 0; }
.list-style-02 li { position: relative;margin: 0 0 9px 0; }
.list-style-02 li:before { content:"\efad";font-family: icofont;margin-right: 10px;color:#0b096d; }
.list-style-03 { list-style: none; margin: 0; padding: 0; }
.list-style-03 li { position: relative; padding: 0 0 0 22px; margin: 0 0 9px 0; }
.list-style-03 li:before { content: ""; width: 10px; height: 1px; background-color: #212121; position: absolute; top: 11px; left: 0; }
.list-style-04 { list-style: none; margin: 0; padding: 0; }
.list-style-04 li { padding: 0; margin: 0 0 10px 0; }
.list-style-04 li i { margin-right: 10px; }
.our-process-style-01 .count-wrap { position: relative;width: 80px;height: 80px;margin: 0 auto 30px; }
.our-process-style-01 .count-wrap:before { width: 80px;height: 80px;opacity: .2;z-index: 1; }
.our-process-style-01 .count-wrap:after { width: 65px;height: 65px;opacity: .5;z-index: 2; }
.our-process-style-01 .count-wrap:after, .our-process-style-01 .count-wrap:before { position: absolute;top: 50%;left: 50%;content: '';-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 100px; }
.our-process-style-01 .count, .our-process-style-01 .count-wrap:after, .our-process-style-01 .count-wrap:before { background-color: #0b096d; }
.our-process-style-01 .count { position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;border-radius: 100px;text-align: center;line-height: 50px;color: #fff;font-size: 24px;font-weight: 600;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 3; }
.our-process-style-01 .line:after, .our-process-style-01 .line:before { content: "";display: block;width: 50%;height: 1px;background: #eee;position: absolute;top: 40px;text-align: center; }
.our-process-style-01 .line:after { right:0 }
.our-process-style-01 .line:before { left:0 }
.our-process-style-01 .line:first-child:before { display: none; }
.our-process-style-01 .line:last-child:after { display: none; }
.our-process-style-02 .icon-wrap { position: relative;width: 120px;height: 120px;margin: 0 auto 30px;border-radius: 100px; }
.our-process-style-02 .icon { position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;text-align: center;line-height: 65px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 3;margin-left: 0; }
.our-process-style-02 .line:after { content: "";display: block;width: 20%;height: 1px;background: #0b096d;position: absolute;top: 55px;text-align: center;right:-8%; }
.our-process-style-02 .line:last-child:after { display: none; }
.single-product-des, .product-fabric-detail { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #dddfe6; border-bottom: 1px solid #dddfe6; margin-top: 40px; }
.single-product-qty { padding-top: 20px; padding-bottom: 20px; float: left; }
.single-product-qty .qty { position: relative; float: left; height: 48px; width: 70px; background: transparent!important; border: 1px solid #dddfe6; z-index: 1; text-align: center; padding: 0 10px; color:#212121; }
.single-product-qty .input-group-btn { margin-left: 10px; display: inline-block; }
.single-product-qty .input-group-btn.input-group-btn:last-child>.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.product-fabric-detail { float: left; width: 100%; margin-top: 0; border-bottom: 0; }
.product-btn-group li a { background-color:#eeeeee; color:#212121; }
.product-btn-group li a:hover { background-color:#0b096d; }
.product-detail .product-star-rating { padding: 5px 0; }
.product-star-rating .product-stars { display: inline-block; position: relative; }
.product-star-rating .product-stars-rating { display: block;position: relative;overflow: hidden; }
.product-star-rating .product-stars:before { content: "\f3ae\f3ae\f3ae\f3ae\f3ae"; font-family: "Ionicons"; color: #d2d2d2; position: absolute; left: 0; right: 0; }
.product-star-rating .product-stars-rating:before { content: "\f2fc\f2fc\f2fc\f2fc\f2fc"; font-family: "Ionicons"; color: #fdca6d; }
.shop-cart { border-color: #ececec; margin-bottom: 50px; background:#fff; }
.shop-cart > thead > tr > th { border-bottom: 1px solid #ececec; font-size: 13px; font-family: 'Montserrat', sans-serif; color: #212121; font-weight: 400; padding: 15px 20px; text-align: center; border: 1px solid #ececec; }
.shop-cart > tbody > tr > td { padding: 8px 8px; vertical-align: middle; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 400; border-bottom: 1px solid; border-color: #ececec; text-align: center; color: #000000; }
.shop-cart > tbody > tr > td.product-subtotal { color: #212121; }
.shop-cart > tbody > tr > td.product-remove i { font-size: 20px; }
.shop-cart > tbody > tr > td > a { color: #212121; }
.shop-cart > tbody > tr > td > .form-control { width: 60px; padding: 0 12px; font-size: 13px; text-align: center; height: 45px; line-height: 43px; margin-left: auto; margin-right: auto; }
.shop-cart > tbody > tr > td .cart-price { font-size: 14px; }
.shop-cart > tbody > tr > td img { display: block; width: 50px; height: 50px; }
.form-coupon .form-control { height: 60px; }
.form-coupon .form-control:focus { border-color: #ac0e27;-webkit-box-shadow: none; box-shadow: inset none; }
.shop-cart > tbody > tr > td img  { max-height: 100px;width: auto; }
.shop-cart input.input-sm, .shop-cart input.btn-sm { line-height: 35px; width: auto!important; }
.shop-cart .coupon { float: left!important; }
.shop-table th { font-weight:400; color:#212121; }
.shop-table.table-bordered>thead>tr>th, .shop-table.table-bordered>tbody>tr>th, .sho-table.table-bordered>tfoot>tr>th, .shop-table.table-bordered>thead>tr>td, .shop-table.table-bordered>tbody>tr>td, .shop-table.table-bordered>tfoot>tr>td { border-bottom: 0; }
.form-coupon { padding-right: 0!important; }
.form-coupon, .summary-cart { padding: 25px; }
.summary-cart { border-left: 1px solid #ececec; }
.form-coupon .btn, .form-domain .btn { height:60px; }
.slider-container { width: 100%;  }
.slider-container .back-bar { height: 10px;position: relative; }
.slider-container .back-bar .selected-bar { position: absolute;height: 100%; }
.slider-container .back-bar .pointer { position: absolute;width: 10px;height: 10px;cursor: w-resize;opacity: 1;z-index: 2; }
.slider-container .back-bar .pointer.last-active { z-index: 3; }
.slider-container .back-bar .pointer-label { position: absolute;top: -17px;font-size: 8px;background: white;white-space: nowrap;line-height: 1; }
.slider-container .back-bar .focused { z-index: 10; }
.slider-container .clickable-dummy { cursor: pointer;position: absolute;width: 100%;height: 100%;z-index: 1; }
.slider-container .scale { top: 2px;position: relative; }
.slider-container .scale span { position: absolute;height: 5px;border-left: 1px solid #999;font-size: 0; }
.slider-container .scale ins { font-size: 9px;text-decoration: none;position: absolute;left: 0;top: 5px;color: #999;line-height: 1; }
.slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer { cursor: auto; }
.range-red .back-bar { height: 5px;background-color: #eee; }
.range-red .back-bar .selected-bar { background-color: #0b096d; }
.range-red .back-bar .pointer { width: 14px;height: 14px;top: -5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 10px;border: 1px solid #0b096d;background-color: #eee; }
.range-red .back-bar .pointer-label { color: #999; }
.range-red .back-bar .focused { color: #333; }
.range-red .scale span { border-left: 1px solid #e5e5e5; }
.range-red .scale ins { color: #999; }
.cart-ordering select { background-color: #fff;color:#212121; }
.order_table { border-radius: 0; border: 0; }
.order_table td { padding: 8px 12px; }
.order_table thead th { text-transform: uppercase; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 500; letter-spacing: 1px; }
.order_table tbody th,.order_table tbody td,.order_table tfoot td,.order_table tfoot th { font-weight: 500; font-size: 14px; letter-spacing: 1px; border-top: 1px solid #ececec!important; }
.order_table .shipping p { font-size: 14px; font-weight: 400; }
form.checkout_coupon,form.login,form.register { border-radius: 0; border-color: #ececec; }
.order-total strong { font-weight: 500; }
.checkout-form { background: #fff; padding: 30px; box-shadow: 0 10px 30px 5px rgba(17,21,23,.1); }
.checkout-form .form-group label { font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:400; }
.checkout-form .form-group { float: left; width: 100%; }
.checkout-form .form-control { font-size:13px; border-radius: 0; }
.checkout-form .form-select select, .form-select input { -webkit-appearance: none;-moz-appearance: none;appearance: none;line-height: 20px; }
.checkout-form .form-select:after { content: "\f3d0";font-family: "Ionicons";position: absolute;top: 50%;right: 12px;margin-top: -12px;font-size: 20px; }
.checkout-form .form-select { position: relative; }
.tr-collection { position: relative; z-index: 10; }
.tr-collection-type-1 .shop-banner { margin-bottom: 30px; }
.shop-banner img { -webkit-transition: all 0.3s ease;-khtml-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; }
.shop-banner img { width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.shop-banner:hover img { opacity: 0.7; }
.tr-collection .tr-collection-btn { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 180px; z-index: 10; padding: 15px 35px 13px; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 20px; background-color: #fff; text-align: center; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); -ms-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); color: #212121; }
.tr-collection .tr-collection-btn:hover, .tr-collection .tr-collection-btn:focus { background-color: #0b096d; color: #fff; }
.tr-products { cursor: pointer; margin-bottom: 30px; }
.tr-products .tr-product-thumbnail { margin-bottom: 25px; position: relative; overflow: hidden; }
.tr-products .tr-product-thumbnail>a { display: block;overflow: hidden; position: relative; }
.tr-products .tr-product-thumbnail>a img { width: 100%; }
.product-action .btn-shopping { position: absolute; bottom: 30px; left: 50%; min-width: 180px; text-align: center; -webkit-transform: translate(-50%, 100%); -khtml-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); opacity: 0; vertical-align: middle; z-index: 2;padding: 15px 28px 13px; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); -ms-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); transition-duration: 0.3s; transition-timing-function: ease-in-out; }
.tr-products:hover .btn-shopping, .tr-products:active .btn-shopping, .tr-products:focus .btn-shopping { -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
.tr-products .tr-product-actions { position: absolute; top: 20px; right: 20px; visibility: hidden; opacity: 0; z-index: 2; -webkit-transform: translateX(20px); -khtml-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); -webkit-transform-origin: 50% 100%; -khtml-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%;	-webkit-transition: all 0.3s ease; -khtml-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; }
.tr-products:hover .tr-product-actions, .tr-products:active .tr-product-actions, .tr-products:focus .tr-product-actions { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.tr-products .tr-product-actions .act-btn { margin-bottom: 10px; font-size: 14px; position: relative; color: #212121; background: transparent; padding: 5px 10px 4px 10px; transition-duration: 0.3s; transition-timing-function: ease-in-out; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); -ms-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); line-height: 25px; display: block; }
.tr-products .tr-product-actions .act-btn:hover { color: #0b096d; }
.tr-products .tr-product-actions .act-btn:before { content: attr(data-label); display: inline-block; position: absolute; top: 10px; right: 100%; margin-right: 5px; font-size: 12px; line-height: 20px; color: #0b096d; text-align: center; visibility: hidden; opacity: 0; text-transform: capitalize; font-weight: 400; font-family: 'Montserrat', sans-serif; padding: 0px 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.tr-products .tr-product-actions .act-btn:hover:before { visibility: visible; opacity: 1; }
.tr-products .wrap-label { position: absolute; z-index: 2; top: 10px; left: 10px; }
.wrap-label { position: absolute; top: 10px; left: 10px; z-index: 20; max-width: 55px; }
.wrap-label span { margin-bottom: 10px; display: inline-block; padding: 0 10px; font-size: 11px; font-weight: 700; float: left; color: #fff; height: 20px; line-height: 21px; text-transform: uppercase; text-align: center; min-width: 50px; background-color: #E71D36; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }
.tr-products .wrap-label>span { margin-bottom: 10px; }
.wrap-label span.new-label { background-color: #00b9f1; }
.wrap-label span.sale-label { background-color: #8ec545; }
.tr-products .tr-product-content { text-align: center; }
.tr-products .tr-product-title { display: block; font-size: 16px; line-height: 1.5em; color: #212121; font-weight: 400;	font-family: 'Montserrat', sans-serif; }
.tr-products .tr-product-price { font-size: 12px; font-weight: 700; letter-spacing: 1.1px; text-align: center; color: #212121; margin-bottom: 10px; }
.tr-product-price-price { font-weight: 600; }
.tr-products .tr-product-price .price-old { opacity: .5;text-decoration: line-through; }
.tr-collection .tr-collection-content {  position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 50%; text-align: center; }
.tr-collection .tr-collection-content h3 { margin-bottom: 25px; font-size: 30px; font-weight: 300; line-height: 1.3em; color: #212121; }
.tr-form-subscribe .input-group { display: block; }
.tr-form-subscribe .password-input-group { max-width: 100%; margin-bottom: 20px; }
.password-input-group {  max-width: 340px; margin: 0 auto 30px; }
.input-group { width: 100%; }
.tr-form-subscribe input.form-control { height: 48px; -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; border-radius: 48px; padding: 0 20px; text-align: center; font-size: 15px; font-weight: 400; border:0; }
.tr-form-subscribe .form-group { margin-bottom: 20px; display: block; }
.input-group-btn { white-space: nowrap; width: 1%; }
.input-group-field, .input-group-btn { display: table-cell;vertical-align: middle; margin: 0; }
#product-slide .small-thumb.slick-slide { opacity: .7; margin-bottom: 15px; cursor: pointer; }
#product-slide .small-thumb.slick-slide.slick-current { opacity: 1; }
#product-slider .slick-prev , #product-slider .slick-next { font-size:30px; }
#product-slider .slick-prev i, #product-slider .slick-next i { color: #212121; opacity:0.5; }
#product-slider .slick-prev i:hover, #product-slider .slick-next i:hover { opacity:1; }
#product-slider .slick-prev { left:10px; }
#product-slider .slick-next { right:10px; }
#product-slide-two .small-thumb.slick-slide {  opacity: .7; margin-bottom: 15px; cursor: pointer; }
#product-slide-two .small-thumb.slick-slide.slick-current { opacity: 1; }
#product-slider-two .slick-prev , #product-slider-two .slick-next { font-size:30px; }
#product-slider-two .slick-prev i, #product-slider-two .slick-next i { color: #212121; opacity:0.5; }
#product-slider-two .slick-prev i:hover, #product-slider-two .slick-next i:hover { opacity:1; }
#product-slider-two .slick-prev { left:10px; }
#product-slider-two .slick-next { right:10px; }
.star-rating { line-height:32px; font-size:1.25em; }
.star-rating .ion-android-star { color: #ffcc80; }
.single-mobile-wrap { position: relative; }
.single-mobile-wrap img { position: absolute;top:-70px;left: 0;right: 0; }
.app-gallery-slider .img-item { width: 100%;height: 100%;position: relative;top: 0;left: 0; }
.app-gallery-slider .img-item img, .app-gallery-slider .img-item .folio-overlay { border-radius: 5px; }
.app-gallery-slider .slick-dots { bottom: -60px; }
[class^='imghvr-'], [class*=' imghvr-'] { position: relative; display: inline-block; margin: 0; max-width: 100%; background-color: rgba(76, 78, 90, 0.8); color: #fff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
[class^='imghvr-'] > img, [class*=' imghvr-'] > img { vertical-align: middle; max-width: 100%; }
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption { padding: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #ffffff; }
[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6 { color: #ffffff; }
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after { box-sizing: border-box; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; }
[class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption { opacity: 0; }
[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img { opacity: 0; }
[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption { opacity: 1; }
[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.imghvr-fade-in-up figcaption { -webkit-transform: translate(0, 15%); -moz-transform: translate(0, 15%); -ms-transform: translate(0, 15%); -o-transform: translate(0, 15%); transform: translate(0, 15%); }
.imghvr-fade-in-down figcaption { -webkit-transform: translate(0, -15%); -moz-transform: translate(0, -15%); -ms-transform: translate(0, -15%); -o-transform: translate(0, -15%); transform: translate(0, -15%); }
.imghvr-fade-in-left figcaption { -webkit-transform: translate(-15%, 0); -moz-transform: translate(-15%, 0); -ms-transform: translate(-15%, 0); -o-transform: translate(-15%, 0); transform: translate(-15%, 0); }
.imghvr-fade-in-right figcaption { -webkit-transform: translate(15%, 0); -moz-transform: translate(15%, 0); -ms-transform: translate(15%, 0); -o-transform: translate(15%, 0); transform: translate(15%, 0); }
[class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.imghvr-push-up figcaption { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.imghvr-push-up:hover > img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.imghvr-push-down figcaption { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.imghvr-push-down:hover > img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.imghvr-push-left figcaption { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.imghvr-push-left:hover > img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.imghvr-push-right figcaption { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.imghvr-push-right:hover > img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
[class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.imghvr-slide-up figcaption { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.imghvr-slide-down figcaption { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.imghvr-slide-left figcaption { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.imghvr-slide-right figcaption { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.imghvr-slide-top-left figcaption { -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); }
.imghvr-slide-top-right figcaption { -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); }
.imghvr-slide-bottom-left figcaption { -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); }
.imghvr-slide-bottom-right figcaption { -webkit-transform: translate(100%, 100%); -moz-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); -o-transform: translate(100%, 100%); transform: translate(100%, 100%); }
[class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: #0b096d; }
[class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption { opacity: 0; }
[class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
[class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; }
.imghvr-reveal-up:before { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.imghvr-reveal-down:before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.imghvr-reveal-left:before { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.imghvr-reveal-right:before { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.imghvr-reveal-top-left:before { -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); }
.imghvr-reveal-top-right:before { -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); }
.imghvr-reveal-bottom-left:before { -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); }
.imghvr-reveal-bottom-right:before { -webkit-transform: translate(100%, 100%); -moz-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); -o-transform: translate(100%, 100%); transform: translate(100%, 100%); }
[class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] { -webkit-perspective: 50em; -moz-perspective: 50em; perspective: 50em; }
[class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption { opacity: 0; z-index: 1; }
[class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img { opacity: 0; }
[class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; }
.imghvr-hinge-up img { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.imghvr-hinge-up figcaption { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.imghvr-hinge-up:hover > img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.imghvr-hinge-up:hover figcaption { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }
.imghvr-hinge-down img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.imghvr-hinge-down figcaption { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% -50%; -moz-transform-origin: 50% -50%; -ms-transform-origin: 50% -50%; -o-transform-origin: 50% -50%; transform-origin: 50% -50%; }
.imghvr-hinge-down:hover > img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; }
.imghvr-hinge-down:hover figcaption { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }
.imghvr-hinge-left img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.imghvr-hinge-left figcaption { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.imghvr-hinge-left:hover > img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); }
.imghvr-hinge-left:hover figcaption { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.imghvr-hinge-right img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.imghvr-hinge-right figcaption { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; }
.imghvr-hinge-right:hover > img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); }
.imghvr-hinge-right:hover figcaption { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
[class^='imghvr-flip-'], [class*=' imghvr-flip-'] { -webkit-perspective: 50em; -moz-perspective: 50em; perspective: 50em; }
[class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img { backface-visibility: hidden; }
[class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption { opacity: 0; }
[class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img { opacity: 0; }
[class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.14s; -moz-transition-delay: 0.14s; transition-delay: 0.14s; }
.imghvr-flip-horiz figcaption { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.imghvr-flip-horiz:hover img { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }
.imghvr-flip-horiz:hover figcaption { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
.imghvr-flip-vert figcaption { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.imghvr-flip-vert:hover > img { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.imghvr-flip-vert:hover figcaption { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.imghvr-flip-diag-1 figcaption { -webkit-transform: rotate3d(1, -1, 0, 100deg); -moz-transform: rotate3d(1, -1, 0, 100deg); -ms-transform: rotate3d(1, -1, 0, 100deg); -o-transform: rotate3d(1, -1, 0, 100deg); transform: rotate3d(1, -1, 0, 100deg); }
.imghvr-flip-diag-1:hover > img { -webkit-transform: rotate3d(-1, 1, 0, 100deg); -moz-transform: rotate3d(-1, 1, 0, 100deg); -ms-transform: rotate3d(-1, 1, 0, 100deg); -o-transform: rotate3d(-1, 1, 0, 100deg); transform: rotate3d(-1, 1, 0, 100deg); }
.imghvr-flip-diag-1:hover figcaption { -webkit-transform: rotate3d(0, 0, 0, 0deg); -moz-transform: rotate3d(0, 0, 0, 0deg); -ms-transform: rotate3d(0, 0, 0, 0deg); -o-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
.imghvr-flip-diag-2 figcaption { -webkit-transform: rotate3d(1, 1, 0, 100deg); -moz-transform: rotate3d(1, 1, 0, 100deg); -ms-transform: rotate3d(1, 1, 0, 100deg); -o-transform: rotate3d(1, 1, 0, 100deg); transform: rotate3d(1, 1, 0, 100deg); }
.imghvr-flip-diag-2:hover > img { -webkit-transform: rotate3d(-1, -1, 0, 100deg); -moz-transform: rotate3d(-1, -1, 0, 100deg); -ms-transform: rotate3d(-1, -1, 0, 100deg); -o-transform: rotate3d(-1, -1, 0, 100deg); transform: rotate3d(-1, -1, 0, 100deg); }
.imghvr-flip-diag-2:hover figcaption { -webkit-transform: rotate3d(0, 0, 0, 0deg); -moz-transform: rotate3d(0, 0, 0, 0deg); -ms-transform: rotate3d(0, 0, 0, 0deg); -o-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before { background: #0b096d; position: absolute; content: ''; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; }
[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption { opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; }
.imghvr-shutter-out-horiz:before { left: 50%; right: 50%; top: 0; bottom: 0; }
.imghvr-shutter-out-horiz:hover:before { left: 0; right: 0; }
.imghvr-shutter-out-vert:before { top: 50%; bottom: 50%; left: 0; right: 0; }
.imghvr-shutter-out-vert:hover:before { top: 0; bottom: 0; }
.imghvr-shutter-out-diag-1:before { top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.imghvr-shutter-out-diag-1:hover:before { top: -35%; bottom: -35%; }
.imghvr-shutter-out-diag-2:before { top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.imghvr-shutter-out-diag-2:hover:before { top: -35%; bottom: -35%; }
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before { background: #0b096d; position: absolute; content: ''; }
[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after { top: 0; left: 0; }
[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before { right: 0; bottom: 0; }
[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption { opacity: 0; z-index: 1; }
[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; }
.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before { width: 0; height: 100%; }
.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before { width: 50%; }
.imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before { height: 0; width: 100%; }
.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before { height: 50%; }
.imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before { width: 0; height: 100%; opacity: 0.75; }
.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before { width: 100%; }
.imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before { height: 0; width: 100%; opacity: 0.75; }
.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before { height: 100%; }
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before { width: 200%; height: 200%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75; }
.imghvr-shutter-in-out-diag-1:after { -webkit-transform: skew(-45deg) translateX(-150%); -moz-transform: skew(-45deg) translateX(-150%); -ms-transform: skew(-45deg) translateX(-150%); -o-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%); }
.imghvr-shutter-in-out-diag-1:before { -webkit-transform: skew(-45deg) translateX(150%); -moz-transform: skew(-45deg) translateX(150%); -ms-transform: skew(-45deg) translateX(150%); -o-transform: skew(-45deg) translateX(150%); transform: skew(-45deg) translateX(150%); }
.imghvr-shutter-in-out-diag-1:hover:after { -webkit-transform: skew(-45deg) translateX(-50%); -moz-transform: skew(-45deg) translateX(-50%); -ms-transform: skew(-45deg) translateX(-50%); -o-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%); }
.imghvr-shutter-in-out-diag-1:hover:before { -webkit-transform: skew(-45deg) translateX(50%); -moz-transform: skew(-45deg) translateX(50%); -ms-transform: skew(-45deg) translateX(50%); -o-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%); }
.imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before { width: 200%; height: 200%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75; }
.imghvr-shutter-in-out-diag-2:after { -webkit-transform: skew(45deg) translateX(-100%); -moz-transform: skew(45deg) translateX(-100%); -ms-transform: skew(45deg) translateX(-100%); -o-transform: skew(45deg) translateX(-100%); transform: skew(45deg) translateX(-100%); }
.imghvr-shutter-in-out-diag-2:before { -webkit-transform: skew(45deg) translateX(100%); -moz-transform: skew(45deg) translateX(100%); -ms-transform: skew(45deg) translateX(100%); -o-transform: skew(45deg) translateX(100%); transform: skew(45deg) translateX(100%); }
.imghvr-shutter-in-out-diag-2:hover:after { -webkit-transform: skew(45deg) translateX(0%); -moz-transform: skew(45deg) translateX(0%); -ms-transform: skew(45deg) translateX(0%); -o-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%); }
.imghvr-shutter-in-out-diag-2:hover:before { -webkit-transform: skew(45deg) translateX(0%); -moz-transform: skew(45deg) translateX(0%); -ms-transform: skew(45deg) translateX(0%); -o-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%); }
[class^='imghvr-fold'], [class*=' imghvr-fold'] { -webkit-perspective: 50em; -moz-perspective: 50em; perspective: 50em; }
[class^='imghvr-fold'] img, [class*=' imghvr-fold'] img { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption { z-index: 1; opacity: 0; }
[class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img { opacity: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; }
[class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption { -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); -moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); -ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); -o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); transform: rotateX(0) translate3d(0, 0%, 0) scale(1); opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; }
.imghvr-fold-up > img { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.imghvr-fold-up figcaption { -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.imghvr-fold-up:hover > img { -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%); -moz-transform: rotateX(90deg) scale(0.6) translateY(50%); -ms-transform: rotateX(90deg) scale(0.6) translateY(50%); -o-transform: rotateX(90deg) scale(0.6) translateY(50%); transform: rotateX(90deg) scale(0.6) translateY(50%); }
.imghvr-fold-down > img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.imghvr-fold-down figcaption { -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.imghvr-fold-down:hover > img { -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%); -moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%); -ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%); -o-transform: rotateX(-90deg) scale(0.6) translateY(-50%); transform: rotateX(-90deg) scale(0.6) translateY(-50%); }
.imghvr-fold-left > img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.imghvr-fold-left figcaption { -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.imghvr-fold-left:hover > img { -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%); -moz-transform: rotateY(-90deg) scale(0.6) translateX(50%); -ms-transform: rotateY(-90deg) scale(0.6) translateX(50%); -o-transform: rotateY(-90deg) scale(0.6) translateX(50%); transform: rotateY(-90deg) scale(0.6) translateX(50%); }
.imghvr-fold-right > img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.imghvr-fold-right figcaption { -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; }
.imghvr-fold-right:hover > img { -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%); -moz-transform: rotateY(90deg) scale(0.6) translateX(-50%); -ms-transform: rotateY(90deg) scale(0.6) translateX(-50%); -o-transform: rotateY(90deg) scale(0.6) translateX(-50%); transform: rotateY(90deg) scale(0.6) translateX(-50%); }
.imghvr-zoom-in figcaption { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.imghvr-zoom-in:hover figcaption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
[class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; }
[class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; }
.imghvr-zoom-out:hover > img { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
.imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img { -webkit-animation: imghvr-zoom-out-up 0.4025s linear; -moz-animation: imghvr-zoom-out-up 0.4025s linear; animation: imghvr-zoom-out-up 0.4025s linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes imghvr-zoom-out-up { 50% }
100% { -webkit-transform: scale(0.8) translateY(-150%); -moz-transform: scale(0.8) translateY(-150%); -ms-transform: scale(0.8) translateY(-150%); -o-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; }
 { }
@keyframes imghvr-zoom-out-up { 50% }
100% { -webkit-transform: scale(0.8) translateY(-150%); -moz-transform: scale(0.8) translateY(-150%); -ms-transform: scale(0.8) translateY(-150%); -o-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; }
 { }
.imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img { -webkit-animation: imghvr-zoom-out-down 0.4025s linear; -moz-animation: imghvr-zoom-out-down 0.4025s linear; animation: imghvr-zoom-out-down 0.4025s linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes imghvr-zoom-out-down { 50% }
100% { -webkit-transform: scale(0.8) translateY(150%); -moz-transform: scale(0.8) translateY(150%); -ms-transform: scale(0.8) translateY(150%); -o-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; }
 { }
@keyframes imghvr-zoom-out-down { 50% }
100% { -webkit-transform: scale(0.8) translateY(150%); -moz-transform: scale(0.8) translateY(150%); -ms-transform: scale(0.8) translateY(150%); -o-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; }
 { }
.imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img { -webkit-animation: imghvr-zoom-out-left 0.4025s linear; -moz-animation: imghvr-zoom-out-left 0.4025s linear; animation: imghvr-zoom-out-left 0.4025s linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes imghvr-zoom-out-left { 50% }
100% { -webkit-transform: scale(0.8) translateX(-150%); -moz-transform: scale(0.8) translateX(-150%); -ms-transform: scale(0.8) translateX(-150%); -o-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; }
 { }
@keyframes imghvr-zoom-out-left { 50% }
100% { -webkit-transform: scale(0.8) translateX(-150%); -moz-transform: scale(0.8) translateX(-150%); -ms-transform: scale(0.8) translateX(-150%); -o-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; }
 { }
.imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img { -webkit-animation: imghvr-zoom-out-right 0.4025s linear; -moz-animation: imghvr-zoom-out-right 0.4025s linear; animation: imghvr-zoom-out-right 0.4025s linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes imghvr-zoom-out-right { 50% }
100% { -webkit-transform: scale(0.8) translateX(150%); -moz-transform: scale(0.8) translateX(150%); -ms-transform: scale(0.8) translateX(150%); -o-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; }
 { }
@keyframes imghvr-zoom-out-right { 50% }
100% { -webkit-transform: scale(0.8) translateX(150%); -moz-transform: scale(0.8) translateX(150%); -ms-transform: scale(0.8) translateX(150%); -o-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; }
 { }
.imghvr-zoom-out-flip-horiz { -webkit-perspective: 50em; -moz-perspective: 50em; perspective: 50em; }
.imghvr-zoom-out-flip-horiz figcaption { opacity: 0; -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5); -moz-transform: rotateX(90deg) translateY(-100%) scale(0.5); -ms-transform: rotateX(90deg) translateY(-100%) scale(0.5); -o-transform: rotateX(90deg) translateY(-100%) scale(0.5); transform: rotateX(90deg) translateY(-100%) scale(0.5); }
.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img { -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5); -moz-transform: rotateX(-100deg) translateY(50%) scale(0.5); -ms-transform: rotateX(-100deg) translateY(50%) scale(0.5); -o-transform: rotateX(-100deg) translateY(50%) scale(0.5); transform: rotateX(-100deg) translateY(50%) scale(0.5); opacity: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; }
.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption { -webkit-transform: rotateX(0) translateY(0%) scale(1); -moz-transform: rotateX(0) translateY(0%) scale(1); -ms-transform: rotateX(0) translateY(0%) scale(1); -o-transform: rotateX(0) translateY(0%) scale(1); transform: rotateX(0) translateY(0%) scale(1); opacity: 1; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; }
.imghvr-zoom-out-flip-vert { -webkit-perspective: 50em; -moz-perspective: 50em; perspective: 50em; }
.imghvr-zoom-out-flip-vert figcaption { opacity: 0; -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5); -moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5); -ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5); -o-transform: rotateY(90deg) translate(50%, 0) scale(0.5); transform: rotateY(90deg) translate(50%, 0) scale(0.5); }
.imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img { -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5); -moz-transform: rotateY(-100deg) translateX(50%) scale(0.5); -ms-transform: rotateY(-100deg) translateX(50%) scale(0.5); -o-transform: rotateY(-100deg) translateX(50%) scale(0.5); transform: rotateY(-100deg) translateX(50%) scale(0.5); opacity: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; }
.imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption { -webkit-transform: rotateY(0) translate(0, 0) scale(1); -moz-transform: rotateY(0) translate(0, 0) scale(1); -ms-transform: rotateY(0) translate(0, 0) scale(1); -o-transform: rotateY(0) translate(0, 0) scale(1); transform: rotateY(0) translate(0, 0) scale(1); opacity: 1; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; }
.imghvr-blur figcaption { opacity: 0; }
.imghvr-blur:hover > img { -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 0; }
.imghvr-blur:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; }
.sign { margin-left: auto;margin-right: auto;width: 250px }
.left-img { bottom: -85px;position: absolute;left: -70px;width: 54%; }
.left-img img { max-width: none; }
.client-logo { margin: 0px 15px; }
.client-logo img { margin: auto;opacity: 0.7;filter: alpha(opacity=70); }
.client-logo img:hover { opacity: 1.0;filter: alpha(opacity=100);cursor: pointer; }
section.big-block .client-logo { padding:10%; }
.client-sm-logos img { margin:0 auto;width:150px; }
.client-logo-height img { -webkit-filter: grayscale(1);filter: grayscale(1); }
.client-logo-height:hover img { filter: grayscale(0);-webkit-filter: grayscale(0); }
.client-logo-height { height:190px; }
.client-logo-height:hover { box-shadow: 0 0 4px rgba(0,0,0,.1); }
.default-slider .slide:focus, .testimonial-item:focus, .quote-item:focus, .client-logo:focus, .zoom-text:focus, .portfolio-slider .item:focus, .blog-grid-slider .item:focus, .member:focus, .blog-slider .post:focus, #product-slide .small-thumb:focus, #product-slider .big-thumb:focus, .model-slider .item-model:focus { outline: none; }
.cover-bg { position: relative !important;background-size: cover !important;overflow: hidden !important;background-position: center !important;background-repeat: no-repeat !important; }
.title-hero-bg { background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-repeat:no-repeat;background-position:center center;position: relative;min-height: 550px; }
.title-hero-bg::before { content: "";background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0; }
.page-title { position: absolute; top: 50%; width: 100%; left: 0; z-index: 15; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.page-title h1 { font-size: 50px; line-height: 1.5em; font-weight: 700; margin: 0; }
.grid-box [class^=col-] { padding-top: 15px; padding-bottom: 15px; background-color: rgba(255, 255, 255,.05); border: 1px solid rgba(0,0,0,.09); margin-top: 5px; margin-bottom: 5px; }
.countdown { margin-bottom: 0; }
.countdown li { display: inline-block;text-align: center;margin-right:50px; }
.countdown li:last-child { margin-right:0; }
.skillbar-style-01 .skillbar { position:relative;display:inline-block;margin:40px 0 10px;height:5px;width:93%;background-color: #eee; }
.skillbar-style-01 .skillbar-title { position:absolute;top:-25px;left:0; }
.skillbar-style-01 .skillbar-bar { height:5px;width:0px;background:#212121;display:inline-block; }
.skillbar-style-01 .skill-bar-percent { position:absolute;right:-40px;top:-8px; }
.skillbar-style-02 .skillbar { position:relative;display:inline-block;margin:40px 0 10px;width:100%;height:5px;width:100%;background-color: #212121; }
.skillbar-style-02 .skillbar-title { position:absolute;top:-25px;left:0; }
.skillbar-style-02 .skillbar-bar { height:5px;width:0px;background:#fff;display:inline-block; }
.skillbar-style-02 .skill-bar-percent { position:absolute;right:0px;top:-25px; }
.skillbar-style-03 .skillbar { position:relative;display:inline-block;margin:40px 0 10px;width:100%;height:5px;width:100%;background-color: #eee; }
.skillbar-style-03 .skillbar-title { position:absolute;top:10px;left:0; }
.skillbar-style-03 .skillbar-bar { height:5px;width:0px;background:#0b096d;display:inline-block; }
.skillbar-style-03 .skill-bar-percent { position:absolute;right:0px;top:10px; }
.chart-style-01 .chart-circle { margin: 0 0 20px 0; }
.chart-style-01 .chart-01 { position: relative;display: inline-block;width: 150px;height: 150px;text-align: center; }
.chart-style-01 .chart-01 canvas { position: absolute;top: 0;left: 0; }
.chart-style-01 .percent { display: inline-block;line-height: 150px;z-index: 2; }
.chart-style-01 .percent:after { content: '%'; }
.chart-style-02 .chart-circle { margin: 0 0 20px 0; }
.chart-style-02 .chart-02 { position: relative;display: inline-block;width: 120px;height: 120px;text-align: center; }
.chart-style-02 .chart-02 canvas { position: absolute;top: 0;left: 0; }
.chart-style-02 .percent { display: inline-block;line-height: 120px;z-index: 2; }
.chart-style-02 .percent:after { content: '%'; }
.chart-style-03 .chart-circle { margin: 0 0 20px 0; }
.chart-style-03 .chart-03 { position: relative;display: inline-block;width: 140px;height: 140px;text-align: center; }
.chart-style-03 .chart-03 canvas { position: absolute;top: 0;left: 0; }
.chart-style-03 .percent { display: inline-block;line-height: 65px;z-index: 2;border-radius: 100px;width: 65px;height: 65px;background-color: #fff;position: absolute;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); }
.chart-style-03 .percent:after { content: '%'; }
.text-content-slider .slick-dots { bottom: 50%;right: 50%;transform: translateX(35%)translateY(50%);text-align: right; }
.text-content-slider .slick-dots li { display: block;margin: 0px 0px 20px 0; }
.text-content-slider .slick-dots li button { font-size: 30px;padding: 0px;cursor: pointer;border: 0;outline: none;background: transparent;color: #212121; }
.slider-creative { width: 100%;height: 100%;position: absolute;right: 0;left: 0; }
.img-center { position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;background-repeat: no-repeat;background-size: cover;background-position: center center; }
.demo-box { margin-bottom:25px;text-align:center; }
.demo-box a { position: relative; box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.08), 0px 6px 18px 0px rgba(0, 0, 0, 0.05); transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0px); border: 8px solid #131313;  }
.demo-box a:hover { box-shadow: 0px 0px 114px 0px rgba(0, 0, 0, 0.08), 0px 30px 25px 0px rgba(0, 0, 0, 0.05); transform: translateY(-10px); }
.demo-box img { box-shadow: 0 10px 30px 0 rgba(31,35,37,.1); transition: all .35s cubic-bezier(0.4,0,.2,1);  }
.single-img { display: inline-block; vertical-align: top; max-width: 100%;  }
.demo-box h3 { text-transform: uppercase; font-size: 16px; text-align: center; letter-spacing: 0.15em; color: #fff; }
.filter-white.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { color:#0b096d;border-bottom: 1px solid #0b096d; }
.filter-white.cbp-l-filters-alignCenter .cbp-filter-item { color:#fff;margin: 0 10px; }
.filter-white.cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #888; }
.portfolio-layout-slider .item-img { margin: 0 15px; }
.portfolio-layout-slider .item-img img { box-shadow: 0 10px 30px 0 rgba(31,35,37,.1); }
.return-msg { display: block; width: 100%; height: 50px; margin-top: 20px; }
.hidden-stuff { display: none; opacity: 0; }
.show-stuff ul { padding-left: 20px; }
.show-stuff { display: block; opacity: 100; }
.ucase { text-transform: uppercase; }
.account-bg { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; min-height: 80px; }
.termstext h3 { font-size: 22px; color: #000000; }
.termstext p { font-size: 16px; color: #000000; font-weight: 300; }
.termstext li { font-size: 16px; color: #000000; font-weight: 300; margin-left: 15px; }
.white-row { background-color: #ffffff; }
.blue-row { background-color: #d8f4ff; }
.bglighter { background-color: #e0ecff; }
.lh-12 { line-height: 1.2em!important; }
.lh-1 { line-height: 1em!important; }
.lh-05 { line-height: 0.5em!important; }
.forum { display: block; width: 100%; border-left: 8px solid #0b096d; position: relative; }
.notforum { border-left: none; }
.forum-cat { display: block; width: 100%; padding-left: 15px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
.notforum-cat { padding-left: 0px; border-bottom: none; }
.forum-cat:hover { background-color: #efefef; }
.notforum-cat:hover { background-color: #ffffff; }
.forum-cat-heading { display: block; width: 100%; margin-bottom: 10px; }
.forum-cat-heading a { font-size: 18px; font-weight: 500; padding: 0; margin: 0; }
.forum-cat-heading h3 { font-size: 22px; font-weight: 500; padding: 0; margin: 0; text-transform: uppercase; line-height: 1.3em;}
.forum-cat-desc { display: block; width: 100%; margin-top: 5px; margin-bottom: 5px; font-size: 12px; color: #bbb; text-transform: uppercase; }
.forum-cat-icon { background-color: #0b096d; background-size: 16px 16px; background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 10px; }
.forum-subcats { display: block; width: 100%; margin-bottom: 5px; }
.forum-subcat-item { display: block; float: left; padding: 0 10px 5px 0; }
.forum-subcat-item a { color: #555; padding: 0 5px 5px 0; font-size: 12px; font-weight: 600; }
.forum-subcat-item a:hover { color: #0b096d; }
.forum-subcat-icon { background-color: #0b096d; background-size: 8px 8px; background-repeat: no-repeat; width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-bottom: 1px; }
.forum-subcat-wrapper { display: block; padding: 15px 15px; background: #ebebe4; border-bottom: 1px solid #fff; }
.forum-subcat-nav { display: inline-block; position: relative; float: left; margin-right: 10px; padding: 10px 10px; }
.forum-subcat-nav:hover { background: #d6d6cf; }
.forum-subcat-nav a { color: #222; text-decoration: none; font-size: 12px; font-weight: 600; margin-left: 5px; }
.forum-subcat-nav a:hover { color: #0b096d; }
.forum-subcat-nav i { padding-right: 5px; }
.clearboth { clear: both; }
.topic-wrapper { display: block; width: 100%; position: relative; }
.topic { display: block; width: 100%; border-bottom: 1px solid #e0e0e0; padding-top: 5px; padding-bottom: 5px;  }
.ctl { background: #e7e7e7; }
.topic-section-1 { display: inline-block; width: 60%; padding-left: 10px; }
.topic-section-2 { display: inline-block; width: 20%; padding-left: 10px; }
.topic-section-3 { display: inline-block; width: 19%; padding-left: 10px; }
.topic-header { font-size: 10px; font-weight: 600; }
.topic-author { display: inline-block; width: 100%; float: left; font-size: 11px; font-weight: 600; }
.topic-author a { font-size: inherit; font-weight: inherit; color: #000000; }
.topic-author a:hover { border-bottom: 2px dotted #0b096d; color: #0b096d; }
.topic-date { display: inline-block; width: 100%; float: left; margin-top: 5px; font-size: 11px; }
.topic-description { display: inline-block; width: 100%; float: left; font-size: 10px; }
.topic-name { display: inline-block; width: 100%; float: left; font-size: 14px; font-weight: 600; }
.topic-content { display: block; width: 100%; padding: 20px 20px; font-size: 14px; font-weight: 500; margin-top: 20px; }
.topic-owner { display: block; position: relative; width: 100%; padding-top: 10px; padding-bottom: 5px; padding-left: 30px; padding-right: 30px; background-color: #ebebe4; font-size: 12px; font-weight: 600; border-radius: 10px; }
.topic-owner .to-name { display: inline-block; width: 75%; line-height: 25px; }
.topic-owner .to-colmessages { display: inline-block; width: 12%; padding: 5px 5px; color: #000000; font-size: 12px; }
.topic-owner .to-colviews { display: inline-block; width: 12%; padding: 5px 5px; color: #000000; font-size: 12px; }
.topic-owner .to-colmessages img { display: block; width: 20px; height: 20px; float: left; margin-right: 10px; }
.topic-owner .to-colviews img { display: block; width: 20px; height: 20px; float: left; margin-right: 10px; }
.forum-comments { display: block; position: relative; width: 100%; font-weight: 600; margin-top: 30px; }
.forum-comment-entry { display: block; position: relative; width: 100%; margin-bottom: 20px; padding-left: 40px; }
.forum-comment-header { display: block; width: 100%; height: 40px; background-color: #f2f2f2; }
.fch-photo { display: inline-block; width: 40px; float: left; height: 40px; padding: 5px 5px; margin-right: 10px; }
.fch-photo img { width: 30px; height: 30px; }
.fch-name { display: inline-block; float: left; height: 40px; padding-top: 12px; font-size: 12px; color: #000000; }
.fch-name span { color: #888; font-size: 12px; font-weight: 400; }
.forum-comment-content { display: block; width: 100%; padding-left: 40px; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; font-size: 14px; font-weight: 500; font-color: #000000; }
.forum-topic-form { color: #000000; }
.forum-topic-form input { color: #000000; }
.forum-topic-form textarea { color: #000000; }
.forum-topic-form select { color: #000000; }
.forum-topic-form span { color: #000000; }
.forum-topic-form h1 { color: #000000; }
.forum-topic-form h2 { color: #000000; }
.forum-topic-form h3 { color: #000000; }
.forum-topic-form h4 { color: #000000; }
.forum-topic-form h5 { color: #000000; }
.forum-topic-form h6 { color: #000000; }
.topic-views { display: block; width: 100%; float: left; font-size: 10px; }
.topic-comments { display: block; width: 100%; float: left; font-size: 10px; }
.topic-refreshed { display: block; width: 100%; float: left; font-size: 10px; }
.article_ul { display: block; position: relative; width: 100%; padding-left: 40px; padding-right: 20px; }
.dark-border { border-color: #000000; color: #000000!important; }
.light-border { border-color: #ffffff; color: #ffffff!important; }
.golden-dark-border { border-color: #ffffff; color: #ffffff!important; }
.golden-light-border { border-color: #e7c38c; color: #7f6240!important; }
.checkbox { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px; }
.checkbox + label { position: relative; padding: 0 0 0 60px; cursor: pointer; }
.checkbox + label:before { content: ''; position: absolute; top: -4px; left: 0; width: 50px; height: 26px; border-radius: 13px; background: #CDD1DA; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); transition: .2s; }
.checkbox + label:after { content: '';  position: absolute; top: -2px; left: 2px; width: 22px; height: 22px; border-radius: 10px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: .2s; }
.checkbox:checked + label:before { background: #9FD468; }
.checkbox:checked + label:after { left: 26px; }
.checkbox:focus + label:before { box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7); }
.modalbg_appear { animation-duration: 0.55s; animation-fill-mode: both; animation-name: fadeInDown; }
@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; }}
.modalbg_disappear { animation-duration: 0.55s; animation-fill-mode: both; animation-name: fadeOutUp; }
@keyframes fadeOutUp { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }}
.resimage { display: block; width: 402px; height: 224px; }
.restext { display: block; position: relative; width: 100%; font-family: inherit; font-size: 44px; color: #ffffff; font-weight: 600; text-align: center; letter-spacing: 4px; word-wrap: normal; }
.resmext { display: block; position: relative; width: 100%; font-family: inherit; font-size: 24px; color: #ffffff; font-weight: 400; text-align: center; letter-spacing: 2px; word-wrap: normal; }

@media(min-width: 200px) { .restext { font-size: 24px!important; }}
@media(min-width: 400px) { .resimage { width: 300px!important; height: 167px!important; } .restext { font-size: 28px!important; }}
@media (min-width: 600px) { .resimage { width: 402px!important; height: 224px!important; } .restext { font-size: 32px!important; }}
@media (min-width: 900px) { .resimage { width: 402px!important; height: 224px!important; } .restext { font-size: 38px!important; }}
@media (min-width: 1200px) { .resimage { width: 402px!important; height: 224px!important; } .restext { font-size: 40px!important; }}
@media (min-width: 1600px) { .resimage { width: 402px!important; height: 224px!important; } .restext { font-size: 42px!important; }}
.animar:nth-child(1) { box-shadow: 29px 8px 31px rgb(108, 4, 255); }
.animar:nth-child(2) { box-shadow: 2px -23px 40px rgb(0, 223, 255); }
.animar { animation: hai__center_ball_shadow_anim1 2s infinite ease-in-out; animation-name: hai__center_ball_shadow_anim1; animation-duration: 2s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; }
.cpimg { display: block; position: relative; margin: 0 0 20px 0; border: 1px dashed #ffffff; }
.wb_txt { display: block; position: relative; text-align: justify; font-size: 10px; font-family: inherit; }
.wb_txt_center { display: block; position: relative; text-align: center; font-size: 12px; font-family: inherit; }
.alert p { color:#0b096d; font-weight: 300; font-size: 16px; line-height: 1.6em; margin-bottom: 20px; }
.alert ul { display: block; margin: 20px 20px; }
.alert ul li { color: #0b096d; font-size: 16px; margin-bottom: 10px; }
#useralt .close { position: relative; top: 0px; right: 0px; color: #0b096d; }
#useralt { padding: 40px 40px !important; }
.light-border::-webkit-input-placeholder { color: #ffffff!important; }
.light-border::-moz-placeholder { color: #ffffff!important; }
.light-border:-ms-input-placeholder { color: #ffffff!important; }
.light-border:-moz-placeholder { color: #ffffff!important; }
.lbbtn:hover { border: 2px solid #ffffff !important; }
.navbar-fixed { background: url(/images/common/short-top.jpg) !important; }

.efc_rotate {
    display: block !important;
    postion: absoulte !important;
    top: -450px !important;
    height: -450px !important;
    animation-duration: 5s !important;
    animation-name: efc !important;
}

@keyframes efc
{
    from
    {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
    to
    {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
    }
}

.fp-color { background-color: #2e297d!important; }


.spp { -webkit-animation: color-change 1s infinite; -moz-animation: color-change 1s infinite; -o-animation: color-change 1s infinite; -ms-animation: color-change 1s infinite; animation: color-change 1s infinite; }
@-webkit-keyframes color-change { 0% { color: #ffffff; } 50% { color: #cce9f2; } 100% { color: #134285; }}
@-moz-keyframes color-change { 0% { color: #ffffff; } 50% { color: #cce9f2; } 100% { color: #134285; }}
@-ms-keyframes color-change { 0% { color: #ffffff; } 50% { color: #cce9f2; } 100% { color: #134285; }}
@-o-keyframes color-change { 0% { color: #ffffff; } 50% { color: #cce9f2; } 100% { color: #134285; }}
@keyframes color-change { 0% { color: #ffffff; } 50% { color: #cce9f2; } 100% { color: #134285; }}