<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
====================================
[ CSS TABLE CONTENT ]
------------------------------------
    1.0 - General
    2.0 - Typography
    3.0 - Global Style
    4.0 - Navigation
    5.0 - Search Box
    6.0 - Page Title Section
    7.0 - Slider Section
    8.0 - Creative Section
    9.0 - Recent Project Section
    9.1 - Overlay and hover effect
    10.0 - Magnific Popup CSS
    11.0 - Feature Section
    12.0 - About Section
    13.0 - Counter Section
    14.0 - Team Section
    15.0 - Video Section
    16.0 - Service Section
    17.0 - Process Section
    18.0 - Portfolio Section
    19.0 - Portfolio Single Page
    20.0 - Partner Section
    21.0 - Case study section
    22.0 - Map Section
    23.0 - Contact Section
    24.0 - Footer Section
    25.0 - Preloader
    26.0 - Homepage Two
    27.0 - Homepage Three
    28.0 - About us Page
    29.0 - About us page two
    30.0 - Blog Page
    31.0 - Blog Page Version Two
    32.0 - Full Width Section
    33.0 - Call to action section
    34.0 - Client Testimonial Style
    35.0 - Parallax Homepage
    36.0 - Contact Page
    37.0 - 404 page
    38.0 - Slick slider customization
-------------------------------------
[ END CSS TABLE CONTENT ]
=====================================
*/

/* Theme Reset Start */

@import url('https://fonts.googleapis.com/css?family=Cardo:400,400i,700|Montserrat:300,400,500,600,700,800&amp;amp;display=swap');
@import url("bootstrap.min.css");
@import url("custom-icons.min.css");
@import url("icofonts.min.css");
@import url("cubeportfolio.css");
@import url("bootsnav.css");
@import url("slick.css");
@import url("animate.css");


.btn-amazing {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.btn-amazing span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.btn-amazing:hover {
  color: #fff;
  border-color:transparent!important;
}
.btn-amazing:hover span {
  width: 225%;
  height: 562.5px;
}


.bullet-bar.tp-bullets{}.bullet-bar.tp-bullets:before{content:" ";position:absolute;width:100%;height:100%;background:transparent;padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box}
.bullet-bar .tp-bullet{width:60px;height:3px;position:absolute;background:#aaa;  background:rgba(204,204,204,0.5);cursor:pointer;box-sizing:content-box}.bullet-bar .tp-bullet:hover,.bullet-bar .tp-bullet.selected{background:rgba(204,204,204,1)}.bullet-bar .tp-bullet-image{}.bullet-bar .tp-bullet-title{}
.tiny_bullet_slider .tp-bullet:before{content:" ";  position:absolute;  width:100%;  height:25px;  top:-12px;  left:0px;  background:transparent}

*, *::before, *::after{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;}

/* Theme Revolution Slider */
.anno-rs .hades.tparrows{background: rgba(0,0,0,0.75);width: 50px;}
.anno-rs .hades.tparrows:hover:before{background: rgba(0,0,0,0.95);color:#fff;}

/* Transitons */

@-webkit-keyframes it-zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: .6; }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; }
  }

@keyframes it-zoom {
0% {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: .6; }
100% {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0; }
}


/* Loader */

#loader-overlay {width: 100%;height: 100vh;position: fixed;z-index: 999999;left: 0;top:0;right: 0;}
.loader{display: inline-block;width: 80px;height: 80px;position: absolute;top: 50%;left: 49%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.spinner{width:66px;height:66px;-webkit-animation:contanim 2s linear infinite;animation:contanim 2s linear infinite;}
svg{width:100%;height:100%;left:0;top:0;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
svg:nth-child(1) circle{stroke:#84EBBD;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (1)) ease infinite;animation:strokeanim 3s calc(.2s * (1)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
svg:nth-child(2) circle{stroke:#4977EC;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (2)) ease infinite;animation:strokeanim 3s calc(.2s * (2)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
svg:nth-child(3) circle{stroke:#F6BB67;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (3)) ease infinite;animation:strokeanim 3s calc(.2s * (3)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
svg:nth-child(4) circle{stroke:#333841;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (4)) ease infinite;animation:strokeanim 3s calc(.2s * (4)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
@-webkit-keyframes strokeanim{0%{stroke-dasharray:1, 300;stroke-dashoffset:0;}
 50%{stroke-dasharray:120, 300;stroke-dashoffset:-58.548324585;}
 100%{stroke-dasharray:120, 300;stroke-dashoffset:-175.6449737549;}
}
@keyframes strokeanim{0%{stroke-dasharray:1, 300;stroke-dashoffset:0;}
 50%{stroke-dasharray:120, 300;stroke-dashoffset:-58.548324585;}
 100%{stroke-dasharray:120, 300;stroke-dashoffset:-175.6449737549;}
}
@-webkit-keyframes contanim{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes contanim{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

.animation-move-top{transform: translateY(0);-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);transition:all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
.animation-move-top:hover{transform: translateY(-30px);}

.animation-move-top-sm{transform: translateY(0);-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);transition:all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
.animation-move-top-sm:hover{transform: translateY(-10px);}

/* Selection */

::selection {color: #fff;}

/* All */

* {margin: 0;padding: 0;min-height:0;min-width:0;}
*, :after, :before {box-sizing: border-box;}

html, body{position: relative;height: 100%;}
body {color: #000;background: #FFF;font-size:16px;font-family: 'Montserrat', sans-serif;font-weight: 400;line-height: 1.6;}
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;}

/* Typography */

h1, h2, h3, h4, h5, h6 {margin: 0px 0 20px 0;font-style: normal;font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.2em;}
h1 { font-size: 46px;}
h2 { font-size: 30px;}
h3 { font-size: 19px;}
h4 { font-size: 17px;}
h5 { font-size: 16px;}
h6 { font-size: 12px;}

p a {}
p {letter-spacing: normal;line-height: 1.6;color: #000;font-weight:400;font-family: 'Montserrat', sans-serif;}
.tmanp { font-size:13px; }
a {text-decoration: none;}
a:hover, a:focus, a:active {outline: none;text-decoration: none;}
ul {list-style: disc;}
li &gt; ul, li &gt; ol {padding: 0;margin-left: 15px;}
figure {margin-bottom: 6px;position: relative;}
img {height: auto;max-width: 100%;}
.mark, mark{color:#fff;}
pre {margin: 0 20px;padding: 10px;border: 1px solid #e2e2e2;background: #f1f1f1;border-radius:0;}
blockquote {background: #fff;padding: 15px 40px;}
blockquote p {font-size: 18px;line-height: 30px;margin-bottom: 17px !important;font-weight: 600;}
.blockquote-reverse, blockquote.pull-right {background:#fff;}
.outline-alert {background-color: transparent!important;}
strong { color: #414141; }
hr{border:0;height: 10px;width:100%;margin:20px auto;border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;}
hr.left-line{margin:20px 0 20px 0;width:80px;}
hr.center_line{width:80px;}
.text-decoration-underline{text-decoration: underline;}
.text-decoration-none{text-decoration: none;}
.line-trough{text-decoration: line-through;}

.section-title{margin-bottom: 30px;}
.section-title h1{font-size: 40px; line-height:60px; font-weight: 700;}
.section-title h2{font-size: 40px;margin-bottom: 0px!important;font-style: italic;font-weight: 400;}
.section-title h2[data-backfont]{position: relative;}
.section-title h2[data-backfont]:before {z-index: -1;content: attr(data-backfont);font-size: 5em;opacity: .04;position: absolute;top: 0.3em;left: -0.15em;text-align: center;text-transform: capitalize;font-style: italic;}
.section-title.text-center h2[data-backfont]:before{left: 0;right: 0;margin: auto;}
[data-backfont]{position: relative;}
[data-backfont]:before {z-index: -1;content: attr(data-backfont);font-size: 5em;opacity: .04;position: absolute;top: 0.5em;left: -0.15em;text-align: center;text-transform: capitalize;font-style: italic;}
[data-backfont-sm]{position: relative;}
[data-backfont-sm]:before {z-index: -1;content: attr(data-backfont-sm);font-size: 3em;opacity: .04;position: absolute;top: 0.5em;left: -0.15em;text-align: center;text-transform: capitalize;font-style: italic;}

.section-title h2, .section-title h1, .section-title h4, .section-title h4, .section-title h5, .section-title h6{margin: 0;}
.img-text-box{width: 260px;position: absolute;top: 35px;left: -50px;color: #fff;padding: 20px;}
.img-text-box .img-text-box-inner h2 {color: #fff;margin-top: 0;font-size: 31px;margin-bottom: 0;line-height: 40px;}
/* Forms */
.revtp-searchform input[type="submit"], .revtp-form input[type="submit"]{font-family: 'Montserrat', sans-serif!important;text-transform: capitalize!important;width: auto!important;max-width: 100%;}
label {margin-bottom: 10px;font-weight: 500;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;}

.select-custom {width: 100%;overflow: hidden;background: url(../../../../incognitothemes.com/anno/assets/images/select-arrow.html) 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;margin-bottom: 0;}
input, textarea, select {border: 1px solid #e6f8f9;font-size: 14px;padding: 8px 15px;width: 100%;margin: 0 0 10px 0;max-width: 100%;resize: none;background-color: transparent;color:#fff;}
.has-error input, .has-error textarea, .has-error select{border-color: #e6f8f9!important;}
.help-block{margin-top: 0;}
.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: #fe4f4f;}

.contact-form-style-01 select{height: 48px;}
.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 .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;display:none;}
.contact-form-style-03 input, .contact-form-style-03 textarea, .contact-form-style-03 select {color:#fff;}
.contact-form-style-03 select{height: 48px;}

/* Sections */

section {padding-top:30px;padding-bottom:30px;position: relative;z-index: 10;background:#FFF;overflow: hidden;}
section.lg-section{padding-top:100px;padding-bottom:100px;}
.section-heading {text-align: center;margin: auto;float: none;padding-bottom: 20px;}
.text-bottom-line, .text-bottom-line-sm, .text-top-line, .text-top-line-sm{position: relative;}
.text-bottom-line::after{position: absolute;bottom: 20%;left: 0;right: 0;content: '';height: 20px;width: 100%;z-index: -1;}
.text-bottom-line-sm::after{position: absolute;bottom: 20%;left: 0;right: 0;content: '';height: 10px;width: 100%;z-index: -1;}
.text-top-line::after{position: absolute;top: 20%;left: 0;right: 0;content: '';height: 20px;width: 100%;z-index: -1;}
.text-top-line-sm::after{position: absolute;top: 20%;left: 0;right: 0;content: '';height: 10px;width: 100%;z-index: -1;}
.tp-caption.Agency-NavButton:hover, .Agency-NavButton:hover{color:#fff!important;}

/* Top Bar */

.top-bar{z-index: 9999999;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;}

/* Navigations */

.navbar-nav {float: right;margin: 0;padding: 0px 10px;}
nav.navbar.bootsnav.navbar-transparent .logo {position: relative;z-index: 110;display: table;height: 110px;-webkit-transition: all .3s ease;transition: all .3s ease;}
nav.navbar.bootsnav.navbar-transparent.brand-center .logo, .brand-center .logo {text-align: center;margin: 0 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: 85px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.logo img {max-height: 80px;-webkit-transition: all .5s ease;transition: all .5s ease;display: block; margin-top:1px; margin-bottom:3px;}
.logo.z-index-1{z-index: 1;}
.logoic { height:45px !important; }
.logoic img { height:45px !important; }
.topmenubaric { height:45px !important; }
.navbaric { height:45px !important; max-height:45px !important; }
.navbaric ul li a { padding-top:3px !important; padding-bottom:3px !important; }
.transition-none-ic { height:57px; }
.profilep { width:35px; height:35px; border-radius:18px; }
@media only screen and (max-width:767px){
	.profilep { width:35px; height:35px; max-width:35px !important; max-height:35px !important;}
}
.logo-side-img { width:30%; }
.side.on ul.link li.link-item { line-height:21px; font-size:17px;  }
.side.on ul.link li.link-item  a { font-size:14px; color:#212121 }
.side.on ul.link li.link-item  i { font-size:16px; width:30px; }
.side ul.social-media { right:5px; bottom:0; }
nav .logo &gt; 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 &gt; li &gt; a.nav-btn-default {padding-top: 10px;padding-bottom: 10px;margin-top: 15px;}
nav.navbar.bootsnav ul.nav &gt; li &gt; a.nav-btn-default {padding: 10px 15px;margin-top: 6.5px;color: #fff;}
.navbar-nav&gt;li&gt;.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-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;}


/* Menu Overlay */

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;}
.vcard-address{margin-top: 40px;margin-bottom: 40px;}

/* Sliders Text */

.hero-text{display: table-cell;vertical-align: middle;position: relative;width: 100%;z-index: 10;color: #fff;}
.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-wrap .hero-text h1[data-backfont]:before {z-index: 0;content: attr(data-backfont);font-size: 3em;opacity: .05;position: absolute;top: -0.5em;left: -0.15em;text-align: center;text-transform: capitalize;}
.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;}
.rev_slider a {-webkit-transition: all .3s ease-in !important;-o-transition: all .3s ease-in !important;transition: all .3s ease-in !important;}

/* Helper Classes */


.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; }

/* Positions */

.fixed{position:fixed!important;}
.relative{position:relative!important;}
.absolute{position:absolute!important;}
.static{position:static!important;}

/* Z-index */

.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;}

/* Displays */
.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;}
.display-flex{display: flex;}
.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;}

.items-center{align-items: center!important;}
.items-right{align-items: right!important;}
.items-left{align-items: left!important;}

/* Width Pixels */

.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 Percentage */

.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%}

/* Minimum Width */

.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 */

.view-width-100vh{width: 100vh;}

/* Height Pixels */

.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 Percentage */

.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%}

/* Minimum Heights */

.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}

/* Hero Heights  */

.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 Heights */

.view-height-100vh{height: 100vh!important;}


/* Backgrounds */

.bordered-bg {background-color: transparent;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.transparent-bg{background-color:transparent!important;}
.darken-bg{background-color:#151515;}
.d-dark-bg{background-color:#0a0a0a;}
.white-bg{background-color: #fff!important;}
.light-bg{background: #e6f8f9;}
.secondary-bg{background-color: #ea6f2c;}
.dark-grey-bg{background-color: #e0e0e0;}
.grey-bg{background-color:#eee!important;}
.green-bg{background-color:#2cc99d!important;}
.bordered-bg.white-bg{background-color: #fff;}
.light-br-r{border-right:1px solid #eeeeee;}
.fixed-bg{background-attachment: fixed!important;}
.overlay-bg {background: rgba(36,24,46,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%;}
.cover{background-size: cover!important;}

.bg-cover{position: relative;z-index: 10;overflow: hidden;}


/* Horizontal Line */

.line-horizontal{width: 100%;height: 1px;}

/* Box Shadows */

.box-shadow {box-shadow: 0 2px 3px rgba(0,0,0,.1);}
.box-shadow-hover{}
.box-shadow-hover:hover{box-shadow: 0 10px 30px 5px rgba(17,21,23,.1);}

/* Fonts */

.cardo-font{font-family: 'Cardo', serif;}

.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-800 {font-weight:800;}
.font-900 {font-weight:900;}

.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!important;}
.font-120px {font-size: 120px;}
.font-130px {font-size: 130px;}

.font-italic {font-style: italic;}
.font-bold {font-weight:bold;}

/* Fonts Colors */


.secondary-color {color: #ea6f2c!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;}
.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;}
.red-color{color:#FF4B2B;}
.blue-color{color:#0072FF;}
.green-color{color:#2cc99d;}
.yellow-color{color:#f6d365;}
.orange-color{color:#F7971E;}

/* Line Heights */

.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 Spacings */

.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;}

/* Margins */

.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-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px!important;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px!important;}
.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;}

/* Paddings */

.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;}

/* Position Spaces */

.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;}


/* Lines */

.line-verticle-sm{width: 1px;height: 8px;}

/* Borders */

.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-5{border-radius:5px!important;}
.border-radius-10{border-radius:10px!important;}
.border-radius-20 {border-radius:20px!important;}
.border-radius-25 {border-radius:25px!important;}
.border-radius-50 {border-radius:50px!important;}
.border-radius-100 {border-radius:100px!important;}
.border-white-10{border:10px solid #fff;}
.border-white-15{border:15px solid #fff;}
.border-white-20{border:20px solid #fff;}


.border-black-10{border:10px solid #000;}
.border-black-15{border:15px solid #000;}
.border-black-20{border:20px solid #000;}


/* dropcap */

.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;}

/* Images */
.img-responsive, .full-width{width:100%;}

/* Buttons */
.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;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&gt;.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open&gt;.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open&gt;.dropdown-toggle.btn-default.focus{color: #fff;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:5px;}
.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-primary{color: #fff;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{color: #fff;border:2px solid #ea6f2c;background-color: #ea6f2c;}
.btn-primary-outline{color: #fff;border:2px solid transparent;}
.btn-primary-outline:hover, .btn-primary-outline:active, .btn-primary-outline:focus{color: #fff;border:2px solid #fff;background-color: transparent;}
.btn-color {color: #fff;}
.btn-color:hover, .btn-color:active, .btn-color:focus {color: #fff;}
.btn-outline-color {background-color: transparent;}
.btn-outline-color:hover, .btn-outline-color:active, .btn-outline-color:focus {color: #fff;}
.btn-outline {border:2px solid #e0e0e0;background-color: transparent;}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {background-color: transparent;}
.btn-light {border-color: #fff;background-color: #fff;}
.btn-light:hover, .btn-light:active, .btn-light:focus {color: #fff;}
.btn-light-outline {color: #fff;border:3px solid #fff;background-color: transparent;}
.btn-light-outline:hover, .btn-light-outline:active, .btn-light-outline:focus {border-color: #fff;background-color: #fff;}
.btn-dark {color: #fff;}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {color: #fff;border:3px solid #000;background-color: #000;}
.btn-dark-outline {background-color: transparent;}
.btn-dark-outline:hover, .btn-dark-outline:active, .btn-dark-outline:focus {color: #fff;}
.btn-yellow {color: #fff;background-color: #f6d365;}
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {background-color: #fda085;color: #fff;}
.btn-purple {color: #fff;background-color: #642B73;}
.btn-purple:hover, .btn-purple:active, .btn-purple:focus {background-color: #642B73;color: #fff;}
.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;}

/* Icons */

.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;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 {color:#fff!important;}

.border-bg-default-color:hover {color: #fff;}
.gradient-bg-icon {background: rgba(255,255,255,1);display: inline-block!important;line-height: 100px!important;cursor: pointer;width: 85px;height: 85px;border-radius: 20%;text-align: center;position: relative;text-decoration: none;z-index: 1;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
.gradient-bg-icon i{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.gradient-bg-icon:after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);border-radius: 20%;-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;background: rgba(185,29,115);background: -moz-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(185,29,115)), color-stop(100%, rgba(249,83,198)));background: -webkit-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);
background: -o-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);background: -ms-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);background: linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeac3a', endColorstr='#a8e063', GradientType=1 );}
.gradient-bg-icon:hover::after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
background: rgba(185,29,115);background: -moz-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(185,29,115)), color-stop(100%, rgba(249,83,198)));background: -webkit-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);
background: -o-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);background: -ms-linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);background: linear-gradient(45deg, rgba(185,29,115) 0%, rgba(249,83,198) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeac3a', endColorstr='#a8e063', GradientType=1 );z-index: -1;}

.default-bg{background-color:#e3e3e3;}
.default-bg-icon{display: inline-block!important;line-height: 100px!important;cursor: pointer;width: 85px;height: 85px;border-radius: 50%;text-align: center;position: relative;text-decoration: none;z-index: 1;}
.default-bg-icon:after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);border-radius: 50%;    -webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;background-color: #ea6f2c;}
.default-bg-icon:hover:after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);z-index: -1;}
.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);}

/* Counters */

.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:18px;line-height:18px;text-align:center;color:#f1f1f1;font-weight: 600;}
.counter-type-2{padding-left:75px;}
.counter-type-2 h3 span{letter-spacing: 2px;font-weight: 800;}
.counter-type-2 h5{margin-top: 12px;font-size: 18px;}
.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;}
.counter-type-3 .counter-wrap h2{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;}

/* Portfolio */

.portfolio .folio-overlay {background-color: rgba(242, 112, 156, 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;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 &gt; [class^="col-"], .no-gutters &gt; [class*="col-"], .row.no-gutters &gt; [class^="col-"], .row.no-gutters &gt; [class*="col-"]{padding-right: 0;padding-left: 0;}

/* Portfolio Style 02 */

.portfolio-item {float: left;position: relative;overflow: hidden;}
.portfolio-item .portfolio-detail &gt; a {display: block;position: relative;overflow: hidden;}
.portfolio-item img {-webkit-transition: all 1s ease;transition: all 1s ease;}
.portfolio-item:hover img {-webkit-transform: scale(1.2) translateY(-20px);transform: scale(1.2) translateY(-20px);}
.portfolio-item:hover .portfolio-info {opacity: 0.8;-webkit-transform: translateY(0);transform: translateY(0);}
.portfolio-item:hover .portfolio-info h3, .portfolio-item:hover .portfolio-info p {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.portfolio-item:hover .portfolio-info h3:after {width: 60px;opacity: 1;}
.portfolio-item:hover .portfolio-info-alt h3 &gt; a {color: #00c3da;}
.portfolio-info {position: absolute;top: auto;right: 30px;bottom: 30px;left: 30px;padding: 25px;-webkit-transition: all .3s ease;transition: all .3s ease;opacity: 0;text-align: center;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translateY(30px);transform: translateY(30px);width: 80%;}
.portfolio-info .v-center {vertical-align: bottom;}
.portfolio-info h3 {font-size: 22px;font-weight: 700;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: .3s;
transition-delay: .3s;opacity: 0;}
.portfolio-info p {font-size: 16px;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: .6s;transition-delay: .6s;opacity: 0;font-family: 'Montserrat', serif;font-weight: normal; color:#454545;}
.portfolio-info-alt {padding: 20px 0;}
.portfolio-info-alt h3 {font-size: 16px;font-weight: 600;letter-spacing: -0.05em;margin-top: 0;}
.portfolio-info-alt h3 &gt; a {-webkit-transition: all .3s ease;transition: all .3s ease;color: #1f1f1f;}
.portfolio-info-alt p {color: #787878;font-size: 14px;margin-bottom: 5px;}
.project-info &gt; ul {list-style: none;margin: 0;padding: 0;}
.project-info &gt; ul &gt; li {display: block;margin-bottom: 15px;color: #1f1f1f;font-size: 14px;}
.project-info &gt; ul &gt; li &gt; strong {display: block;color: #929292;text-transform: uppercase;letter-spacing: 0.05em;font-size: 11px;font-weight: 500;padding-bottom: 6px;}
.project-info &gt; ul &gt; li &gt; a {color: #1f1f1f;}


/* Portfolio Single Project 01 */

.portfolio-meta &gt; li {margin: 25px 0;list-style: none;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.portfolio-meta &gt; li:last-child{border-bottom: 0;}
.portfolio-meta &gt; li span {display: inline-block;width: 130px;letter-spacing: 1px;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.portfolio-meta &gt; li a {margin-right: 10px;color: #a7a7a7;}


/* Portfolio Single Project 02 */

.portfolio-meta-style-02 .portfolio-meta &gt; li {margin: 0px 0 10px 0;list-style: none;padding-bottom: 0px;border-bottom:0;}
.portfolio-meta-style-02 .portfolio-meta &gt; 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 &gt; li a {margin-right: 10px;color: #a7a7a7;}


/* Portfolio Single Project 03 */

.portfolio-meta-style-03 .portfolio-meta &gt; li {margin:0px 0 25px 0;list-style: none;border-bottom: 1px solid #dedede;padding-bottom: 15px;}
.portfolio-meta-style-03 .portfolio-meta &gt; li:last-child{border-bottom: 0;}
.portfolio-meta-style-03 .portfolio-meta &gt; li span {display: inline-block;width: 130px;letter-spacing: 1px;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.portfolio-meta-style-03 .portfolio-meta &gt; li a {margin-right: 10px;color: #a7a7a7;}


/* Magnific Popup CSS */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000;opacity:0.9;filter:alpha(opacity=90);}
.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:#333;}
.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;}
/* Main image in popup */
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;}
/* The shadow behind the image */
.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){/** * Remove all paddings around the image on small screen */
.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;}
/*====== Newspaper effect ======*/
.mfp-newspaper{/* start state */
/* animate in */
/* animate out */
}
.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;}
/*====== Move-horizontal effect ======*/
.mfp-move-horizontal{/* start state */
/* animate in */
/* animate out */
}
.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;}
/*====== Move-from-top effect ======*/
.mfp-move-from-top{/* start state */
/* animate in */
/* animate out */
}
.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;}
/*====== 3d unfold ======*/
.mfp-3d-unfold{/* start state */
/* animate in */
/* animate out */
}
.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;}
/*====== Zoom-out effect ======*/
.mfp-zoom-out{/* start state */
/* animate in */
/* animate 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;}
.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;margin-bottom:20px;}
.project-details{text-align:left;font-size:16px;font-weight:300;line-height:1.8;padding-bottom:50px;}
.project-details p{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;}
.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 &gt; span{cursor:default;}
.portfolio-nav a.disabled &gt; 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 &gt; 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 &gt; span i{font-size:14px;}
.portfolio-nav a &gt; span i:before{vertical-align:middle;}
@media only screen and (max-width:767px){.portfolio-nav a &gt; span{font-size:0;}
 .portfolio-nav a &gt; span i{font-size:30px;}
}

/* Pricing Table */

.pricing-table{margin:80px 0;}
.pricing-box{padding:40px;background:#fff;transition:all 0.2s ease;position:relative;}
.pricing-box:hover{box-shadow:0 10px 30px 5px rgba(17,21,23,.1);}
.pricing-table.featured{margin:40px 0;}
.pricing-box.featured{padding:80px 40px 80px 40px;}
.pricing-box.featured .featured-mark{display:block;padding:5px 18px 5px 10px;position:absolute;top:44px;left:-4px;text-transform:uppercase;font-size:12px;line-height:1.4;font-weight:700;color:#fff;}
.pricing-box.featured .featured-mark:after{content:"";position:absolute;top:0;right:0;border-right:9px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.pricing-box h4{font-size: 18px;margin-top: 5px;font-family: 'Cardo', serif;font-weight: 700;}
.pricing-box h3{font-size:30px;font-weight:700;}
.pricing-box h2{margin-top:25px;margin-bottom:25px;font-weight:700;}
.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;}

/* Teams */

/* Team Style 01 */
.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{opacity: 1;visibility: visible;bottom: 0;}
.team-member-container:hover .member-icons 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){-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){-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}

/* Team Style 02 */
.team-thumb {position: relative;overflow: hidden;}
.team-thumb:after {content: '';position: absolute;background: transparent;width: 100%;height: 100%;left: 0;top: 0;visibility: hidden;opacity: 0;}
.team-thumb:hover:after {opacity: 1;visibility: visible;background-color: rgba(0, 0, 0, 0.2);z-index: 0;}
.team-thumb .thumbimg { width:100%; max-height:360px !important; overflow:hidden !important; }
.team-thumb img {width: 100%;}
.member-info {position: absolute;left: 20px;right:20px;bottom: -20%;width: 88%;color: #fff;padding: 16px 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.2s ease-out .2s;-moz-transition: all 0.2s ease-out .2s;-o-transition: all 0.2s ease-out .2s;
transition: all 0.2s ease-out .2s;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.team-thumb:hover .member-info{bottom: 20px;opacity: 1;visibility: visible;z-index: 1;}
.member-info h3 {font-size: 24px;line-height: 25px;margin-bottom: 5px;font-weight: 700;}
.member-info .title{display: block;font-size: 16px;line-height: 25px;font-family: 'Cardo', serif;font-weight: 700;}
.member-info .social-link {margin-top: 25px;}
.member-info .social-link li a {display: block;width: 35px;height: 35px;font-size: 18px;line-height: 35px;background: #fff;text-align: center;border-radius: 50%;}
.member-info .social-link li a:hover {color: #fff;}
.member-info.gradient-bg-two .social-link li a{color: #ea6f2c;}
.member-info.gradient-bg-three .social-link li a{color: #ca4976;}
.member-info.gradient-bg-four .social-link li a{color: #CE9FFC;}
.member-info.gradient-bg-seven .social-link li a{color: #f6d365;}
.member-info.gradient-bg-eight .social-link li a{color: #C6426E;}
.member-info.gradient-bg-nine .social-link li a{color: #00f38c;}
.member-info.gradient-bg-ten .social-link li a{color: #decba4;}

/* Blogs */
.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 { padding:10px 0;  }
.post-info h3 {font-size: 16px;margin-top: 0;line-height: 25px; height:50px; text-align:center;}
.post-info h6 {font-size: 10px;margin-top: 5px;text-transform: uppercase;}
.post-info a {font-size: 18px;font-weight: 600;line-height: 30px;color:#121212;}
.post-info.white-color a{color: #fff;}
.post-info p {margin-top: 15px;font-size: 14px;font-weight: 500;color:#777;}
.post-info-list p { height:40px; overflow:hidden;}
.post-short { font-style:italic; color:#999 !important; }
.post .post-metas{position: absolute;padding: 0;text-align: left;z-index: 9999;top: 0;margin: 20px 0 0 20px;}
.post .post-metas-center {display: inline-block;}
.post .post-metas-center .post-date{font-size: 11px !important;margin: 0;color: #ffffff !important;font-weight: 600 !important;letter-spacing: 1px; float: left;margin-right: 5px;background: rgba(0, 0, 0,0.8);padding: 4px 8px 2px;}
.post .post-metas-center .post-date a, .post .post-metas-center .post-date a:hover, .post .post-metas-center .post-date a:focus {color:#FFF;}
.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;}

/* Blog Style 01 */
.blog-masonry-item {margin-bottom: 25px;}
.widget-title{position: relative;text-transform: uppercase;margin-bottom: 45px;font-family: 'Montserrat', sans-serif;}
.aside-title{margin-bottom: 20px;padding-bottom: 10px;font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 19px;}
.search-form input{background-color: #fff;color: #000;}


/* 10.6 Widget Recent Post */

.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;}

/* 10.5 Widget Search */

.search-form{position: relative;}
.search-field{border-color: #e9e9e9!important;background:#fff;}


/* Widget Categories */

.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{font-weight: 500;}
.widget_categories ul li a:hover, .widget_archive ul li a:hover{text-decoration: none;}

/* Widget Tags */

.post-tags a {display: inline-block;padding: 5px 11px;margin: 0 5px 15px 0;font-size: 14px;font-weight: 500;}
.post-tags a:hover{color:#fff;text-decoration: none;}


/* pagination */
.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-left-width: 0; color: #fff;font-weight: 600;}
.pagination a:hover { color: #fff }
.pagination .active a { color: #fff; 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: 2px; }
.pagination li:last-child a { border-right-width: 2px; }
.pagination li a { color:#888 !important; }
.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;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;}


/* 10.3 Comments */

.comments-info a:hover{text-decoration:none;}
.comment-respond{margin-top:70px;margin-bottom:80px;}
.comment-reply-title, .recent-post-title{font-size:19px;margin-bottom:20px;}
.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:600;}
.post-comment .comment-header .time-ago a{font-size:12px;color:#888;margin-left:6px;}
.post-comment .reply a{font-size:10px;color:#fff;margin-right:6px;float:right;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 */

.footer{font-size:14px;}
.footer-main{padding:80px 0 60px;position: relative;}
.footer .widget-title{position:relative;line-height:1.4;text-transform:capitalize;margin-bottom:20px;color:#fff;font-family: 'Montserrat', sans-serif;font-size:19px;margin-top: 0;}
.footer .widget-text p{color:#fff;font-size:14px;}
.footer .widget-text a{color:#fff;}
.footer .widget-links{font-family: 'Montserrat', sans-serif;}
.footer .widget-links li{margin-bottom:10px;list-style:none;color:#fff;font-size:14px;}
.footer .widget-links li i{color:#fff;padding-right:0px;font-size: 20px;}
.footer .widget-links a{color:#fff;}
.footer .widget-links a:hover{text-decoration:none;}
.footer ul.footer-nav{margin: 10px auto 0 auto;padding: 0;display: block;text-align: center;}
.footer ul.footer-nav li{display: inline-block;margin-right: 15px;}
.footer ul.footer-nav li a{font-size: 14px;color: #fff;}
.footer ul.footer-nav li a:hover, .footer ul.footer-nav li a:focus{font-size: 14px;}
.footer ul.footer-nav li:last-child{margin-right: 0px;}
.footer-copyright{padding:35px 0;border-top: 1px solid #111;}
.logo-footer {width: 115px;height: 35px;text-align: left;display: block;margin-bottom: 20px;}
.logo-footer img {max-height: 144px;}
.copy-right{color:#fff;font-size:14px;}
.copy-right .icon{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;}
.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{color:#fff;text-decoration:none;}

ul.footer-gallery{margin:0;}
ul.footer-gallery li{display:inline-block;width:31.33%;padding:0 2px 0px 0;margin-bottom:5px!important;}
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(10, 10, 10, 0.9);position:absolute;width:100%;height:100%;opacity:0;visibility:hidden;-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;visibility:visible;}
.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:#2d2d2d;}


/* Google Maps */

.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:632px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;}
#map-style-2.wide, #map-style-3.wide{height:774px;width:100%;position:relative!important;}
#myMap.wide{height:500px;width:100%;position:relative!important;}
#mapcontent p{margin:0;font-size:16px;}
/* Go Top */
#return-to-top{position:fixed;bottom: 0px;right:0px;background:rgba(0, 0, 0, 0.7);width: 45px;height: 60px;text-decoration:none;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: 60px;}
#return-to-top:hover{background:rgba(0, 0, 0, 0.9);}
/* Sliders */
.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);top: 0;}
.light-slider .hero-text-wrap{background-color:rgba(0, 0, 0, 0);}
.hero-text-wrap.gradient-overlay{position: absolute;z-index: 1;background: #ad5389;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3c1053, #ad5389);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3c1053, #ad5389); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.hero-text-wrap.gradient-overlay-transparent{position: absolute;z-index: 1;background: rgba(60,16,83,0.8), rgba(173,83,137,0.8);  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, rgba(60,16,83,0.8), rgba(173,83,137,0.8));  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgba(60,16,83,0.8), rgba(173,83,137,0.8)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.shape-bg{position:relative;}
.shape-bg:after{position:absolute;top:0;left:0;content:'';background:url(../../../../incognitothemes.com/anno/assets/images/slide-shape.html) 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;border-radius:10px;}
.video-box_overlay{position:absolute;left:0;top:0;width:100%;height:100%;}
.play-button{width:100px;height:100px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:100px;-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;line-height:100px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.play-button:hover{-webkit-transform:translateX(-50%) translateY(-50%)scale(1.1);transform:translateX(-50%) translateY(-50%)scale(1.1);}
.play-button:before{content:'';border:1px solid;border-color:#fff;width:100px;height:100px;border-radius:50%;position:absolute;left:0;top:0;opacity:1;-webkit-animation:1s it-zoom linear infinite;animation:1s it-zoom linear infinite;}
.play-button:after{content:'';border:1px solid;border-color:#fff;width:100px;height:100px;border-radius:50%;position:absolute;left:0;top:0;opacity:1;-webkit-animation:1s it-zoom linear infinite;animation:1s it-zoom linear infinite;}
.play-button:before{-webkit-animation-delay:.5s;animation-delay:.5s;}
.play-button i{line-height:inherit;display:block;text-align:center;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 &gt; [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 &gt; [class*="col-"]:not([class*="col-xs"]){width:100%;}
.xs-pl-20 { padding-left:20px !important; }
.xss-mt-30 { margin-top:30px !important; }

}
.row-flex &gt; [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 &gt; [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 &gt; [class*="col-"]{padding-left:6.5%;padding-right:6.5%;}
}
.row-flex.padding-row &gt; [class*="col-"]{padding:7.5% 6.5%;}
.row-flex.flex-horizontal &gt; [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 &gt; li{display:inline-block;margin-right:12px;}
.social-networks &gt; li &gt; a{display:block;width:50px;height:50px;line-height:47px;text-align:center;font-size:16px;border:1px solid #e8e8e8;border-radius:100%;}
.social-networks &gt; li &gt; a:hover{color:#fff;}
.social-networks &gt; li.social-icon-fb &gt; a:hover{background-color:#3b5998;border-color:#3b5998;}
.social-networks &gt; li.social-icon-tw &gt; a:hover{background-color:#55acee;border-color:#55acee;}
.social-networks &gt; li.social-icon-lk &gt; a:hover{background-color:#0077b5;border-color:#0077b5;}
.social-networks &gt; li.social-icon-be &gt; a:hover{background-color:#053eff;border-color:#053eff;}
.social-networks &gt; li.social-icon-de &gt; a:hover{background-color:#ea4c89;border-color:#ea4c89;}
.social-networks &gt; li.social-icon-sk &gt; a:hover{background-color:#00aff0;border-color:#00aff0;}
.social-networks &gt; li.social-icon-yt &gt; a:hover{background-color:#ff0000;border-color:#ff0000;}
.social-networks &gt; li &gt; a i{font-size:20px;}

/* Testimonials Style 01 */

.testimonial-item:focus {outline: none;}
.testimonial-item .testimonial-content {background-color: #FFF;padding: 40px;margin: 50px auto;text-align: center;}
.testimonial-item .testimonial-content img{width: 120px;margin-left: auto;margin-right: auto;border-radius: 100px;}
.testimonial .slick-prev{left: -80px;}
.testimonial .slick-next{right: -80px;}

.testimonial-transparent .testimonial-item .testimonial-content{background-color: transparent;}

/* Testimonials Style 02 */

.testimonial-style-2 .testimonial-item .testimonial-content {background-color: transparent;box-shadow: none;margin: 0 auto;}
.testimonial-style-2 .testimonial-item .testimonial-content img{width: 120px;margin-left: auto;margin-right: auto;}
.testimonial-style-2 .slick-prev, .testimonial-style-2 .slick-next{display: none!important;}
/* Arrows */

.slick-prev, .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 45px;height: 100px;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-color:rgba(0, 0, 0, 0.8);z-index:10;font-family: 'icofont';}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: #fff;outline: none;background-color:rgba(0, 0, 0, 1);}
.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;}
.single-project-slider .slick-prev:before, .single-project-slider .slick-next:before{font-family:"Ionicons";font-size: 30px;line-height: 1;opacity:1;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.single-project-slider .slick-prev:hover:before, .single-project-slider .slick-prev:focus:before, .single-project-slider .slick-next:hover:before, .single-project-slider .slick-next:focus:before{opacity: 1;}
.slick-prev{left:15px;}
.single-project-slider .slick-prev:before{content:'\f2ca';}
.slick-next{right:15px;}
.single-project-slider .slick-next:before{content:'\f30f';}

/* Dots */

.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, .blog-slider .slick-dots li button, .testimonial-style-2 .slick-dots li button, .text-content-slider .slick-dots li button, .service-slider .slick-dots li button {font-size: 0;width: 12px;height: 6px;padding: 0px;cursor: pointer;border: 0;outline: none;
background: rgba(36, 24, 46, 0.9);border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;}
.blog-carousel .slick-dots li button {font-size: 0;width: 12px;height: 6px;padding: 0px;cursor: pointer;border: 0;outline: none;background: rgba(230, 248, 249, 0.9);border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;}
.category-carousel .slick-dots li button {font-size: 0;width: 12px;height: 6px;padding: 0px;cursor: pointer;border: 0;outline: none;background: rgba(230, 248, 249, 0.9);border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;}
.text-content-slider .slick-dots li.slick-active button{background-color: #fff;}
.testimonial .slick-dots li.slick-active button, .testimonial-style-2 .slick-dots li.slick-active button, .service-slider .slick-dots li.slick-active button, .blog-carousel .slick-dots li.slick-active button, .category-carousel .slick-dots li.slick-active button{width:40px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;height:6px;}
.service-slider-2 .slick-prev:before, .default-slider .slick-prev:before {content: '\eb76';color: #fff;font-size: 20px;}
.service-slider-2 .slick-next:before, .default-slider .slick-next:before {content: '\eb79';color: #fff;font-size: 20px;}
.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 {border: 2px solid rgba(255,255,255,0.7);width: 50px;height: 50px;color:#fff;border-radius: 100px;}
.blog-grid-slider .slick-prev, .blog-grid-slider .slick-next{width: 50px;height: 50px;color:#fff;}
.blog-grid-slider .slick-prev, .blog-grid-slider .slick-next {border-radius: 0px;}
.blog-grid-slider .slick-prev:before, .blog-grid-slider .slick-next:before{color: #fff;}
.blog-grid-slider .slick-prev:before{content: '\eb76';font-size: 20px;}
.blog-grid-slider .slick-next:before{content: '\eb79';font-size: 20px;}
.blog-grid-slider .slick-prev{left:0;}
.blog-grid-slider .slick-next{right:0;}

.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{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-prev, section.dark-block .default-slider .slick-next {border: 1px solid rgba(33,33,33,0.7);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;}

/*	Simple Slider   */
.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;}

/*	Template Social Icons   */

.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;}
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;}
.md-icon.left-icon li {margin-right: 10px;margin-left: 0;}

/*	Elememts Social Icons   */

/*	Social Icons Style 01   */

.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   */

.social-icons-style-02 a {text-align: center; display:inline-block;}
.social-icons-style-02 a:hover {color: #fff; border-radius: 100%;}

/*	Social Icons Style 03   */

.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   */

.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   */

.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   */

.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   */



/*	Social Icons Style 08   */

.social-icons-style-08 a {text-align: center; display:inline-block;border: 3px solid #fff;color: #fff; 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   */

.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   */

.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   */

.social-icons-style-11 a {background: #fff;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   */

.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 {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%);}

/*	Elememts Service Boxes   */

/*	Service Box Style 01   */


.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   */

.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   */

.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%;}


/*	Service Box Style 04   */

.service-box-style-04 .icon-img{width: 80px;height: 80px;margin-right: 15px;}
.service-box-style-04 .text-content{}
.service-box-style-04 .text-content h3{font-weight: 700;font-size: 20px;}

/*	Service Box Style 05   */

.service-box-style-05 .icon-img{width: 80px;height: 80px;margin: 0 auto 30px auto;position: relative;}
.service-box-style-05 .icon-img::before{position: absolute;top: 5px;left: -15px;width: 80px;height: 80px;background-color:#fff;content: '';border-radius: 100px;z-index: -1;}
.service-box-style-05 h3[data-backfont]:before{top:0.2em;left: 0.35em;}

/*	Service Box Style 06   */

.service-box-style-06 .icon-img{width: 250px;height: 250px;margin: 0 auto 30px auto;position: relative;}
.service-box-style-06 .icon-img2{width: 160px;height: 160px;margin: 0 auto 5px auto;position: relative;}
.service-box-style-06 h3[data-backfont]:before{top:0.2em;left: 0.35em;}

/* Breadcrumb */

/*
.breadcrumb {background: transparent; border-radius: 0; padding: 0}
.breadcrumb ul { list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li {display: inline-block;font-weight: 600;}
.breadcrumb ul li a{color:#fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.breadcrumb ul &gt; 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 &gt; li:last-child:after {border-right: 0; content: ""; padding: 0}
*/

.breadcrumb {background: transparent; border-radius: 0; padding: 0; margin-bottom:0;}
.breadcrumb ul { list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li {display: inline-block;font-weight: 600; font-size:15px;color:#777;}
.breadcrumb ul li a{color:#BBB;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.breadcrumb ul &gt; li:after {content: "\eb8b";font-family: icofont;padding: 0 11px 0 14px;display: inline-block;vertical-align: middle;font-size: 10px;color:#666;}
.breadcrumb ul &gt; li:last-child:after {border-right: 0; content: ""; padding: 0}

/* Tabs */

/* Light Default Tabs */

.light-tabs .nav-tabs {border-top: 1px solid #f1f1f1;border-bottom: 0;margin-bottom: 5px;}
.light-tabs .nav-tabs&gt;li {float: none;display: inline-block;}
.light-tabs p {margin-top:20px;font-weight: 300;}
.light-tabs .nav-tabs&gt;li&gt;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 .nav&gt;li&gt;a:focus, .light-tabs .nav&gt;li&gt;a:hover {background-color: transparent;}
.light-tabs .nav-tabs&gt;li.active&gt;a, .light-tabs .nav-tabs&gt;li.active&gt;a:focus, .light-tabs .nav-tabs&gt;li.active&gt;a:hover {border: 0;color: #212121;position: relative;background:transparent;}
.light-tabs .nav-tabs&gt;li.active&gt;a::before {content: "";width: 100%;height: 1px;position: absolute;left: 0;top: -1px;}

/* Light Tabs Style 02 */

.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&gt;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&gt;li&gt;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&gt;li&gt;a:focus, .light-tabs .nav&gt;li&gt;a:hover {background-color: transparent;}
.light-tabs-style-02 .light-tabs .nav-tabs&gt;li.active&gt;a, .light-tabs .nav-tabs&gt;li.active&gt;a:focus, .light-tabs .nav-tabs&gt;li.active&gt;a:hover {border: 0;color: #212121;position: relative;background:transparent;}
.light-tabs-style-02 .light-tabs .nav-tabs&gt;li.active&gt;a::before {content: "";background-color: #212121;width: 100%;height: 1px;position: absolute;left: 0;top: -1px;}

/* Icon Default Tabs */

.icon-tabs .nav-tabs {border-top: 0px solid #f1f1f1;border-bottom: 0;margin-bottom: 5px;}
.icon-tabs .nav-tabs&gt;li {float: none;display: inline-block;}
.icon-tabs p {margin-top:20px;}
.icon-tabs .nav-tabs&gt;li&gt;a {margin-right: 0;font-size: 14px;line-height: 25px;color: #212121;border: 0;border-radius: 0;}
.icon-tabs .nav&gt;li&gt;a:focus, .icon-tabs .nav&gt;li&gt;a:hover {background-color: transparent;}
.icon-tabs .nav-tabs&gt;li.active&gt;a, .icon-tabs .nav-tabs&gt;li.active&gt;a:focus, .icon-tabs .nav-tabs&gt;li.active&gt;a:hover {border: 0;position: relative;background:transparent;}
.icon-tabs .nav-tabs&gt;li&gt;a i {display: block;font-size: 30px;margin-bottom: 20px;}

/* Tabs Style 01 */

.tabs-style-01 .icon-tabs .nav-tabs {border-top: 0px solid #f1f1f1;border-bottom: 1px solid #f6f6f6;margin-bottom: 25px;background-color: transparent;padding-bottom: 30px;}
.tabs-style-01 .icon-tabs .nav-tabs&gt;li {display: inline-block;width: 25%;float: left;}
.tabs-style-01 .icon-tabs p {margin-top:20px;}
.tabs-style-01 .icon-tabs .nav-tabs&gt;li&gt;a {margin-right: 0;font-size: 25px;line-height: 25px;border: 0;border-radius: 0;padding: 0px;text-align: left;font-weight: 700;}
.tabs-style-01 .icon-tabs .nav-tabs&gt;li&gt;a h1 {font-weight: 800;margin-top: 0;position: relative;}
.tabs-style-01 .icon-tabs .nav-tabs&gt;li&gt;a h1:after{position: absolute;top: 5px;left: -25px;width: 60px;height: 60px;background-color: #e6f8f9;content: '';border-radius: 100px;z-index: -1;}
.tabs-style-01 .icon-tabs .nav&gt;li&gt;a:focus, .tabs-style-01 .icon-tabs .nav&gt;li&gt;a:hover {background-color: transparent;}
.tabs-style-01 .icon-tabs .nav-tabs&gt;li.active&gt;a, .tabs-style-01 .icon-tabs .nav-tabs&gt;li.active&gt;a:focus, .tabs-style-01 .icon-tabs .nav-tabs&gt;li.active&gt;a:hover {border: 0;position: relative;background: transparent;}
.tabs-style-01 .icon-tabs .nav-tabs&gt;li&gt;a i {display: block;font-size: 30px;margin-bottom: 10px;}

/* Tabs Style 02 */

.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&gt;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&gt;li&gt;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&gt;li&gt;a:focus, .light-tabs .nav&gt;li&gt;a:hover {background-color: transparent;}
.tabs-style-02 .light-tabs .nav-tabs&gt;li.active&gt;a, .tabs-style-02 .light-tabs .nav-tabs&gt;li.active&gt;a:focus, .tabs-style-02 .light-tabs .nav-tabs&gt;li.active&gt;a:hover {border: 0;position: relative;background: #eee;}
.tabs-style-02 .light-tabs .nav-tabs&gt;li.active&gt;a::before {content: "";background-color: #212121;width: 100%;height: 1px;position: absolute;left: 0;top: -1px;}

/* Tabs Style 03 */

.tabs-style-03 .icon-tabs .nav-tabs {border-top: 0px solid transparent;border-bottom: 0;background-color: transparent;margin-bottom: 20px;}
.tabs-style-03 .icon-tabs .nav-tabs&gt;li {display: inline-block;width: 100%;float: left;margin-bottom: 25px;}
.tabs-style-03 .icon-tabs .nav-tabs&gt;li:last-child{margin-bottom: 0;}
.tabs-style-03 .icon-tabs .nav-tabs&gt;li:after{content: '';position: absolute;top:100%;left: 50%;width: 2px;height: 25px;}
.tabs-style-03 .icon-tabs .nav-tabs&gt;li:last-child:after{display: none;}
.tabs-style-03 .icon-tabs p {margin-top:20px;}
.tabs-style-03 .icon-tabs .nav-tabs&gt;li&gt;a {font-size: 14px;border-radius: 100px;width: 65px;height: 65px;text-align: center;display: inline-block;}
.tabs-style-03 .icon-tabs .nav&gt;li&gt;a:focus, .tabs-style-01 .icon-tabs .nav&gt;li&gt;a:hover {background-color: transparent;}
.tabs-style-03 .icon-tabs .nav-tabs&gt;li.active&gt;a, .tabs-style-03 .icon-tabs .nav-tabs&gt;li.active&gt;a:focus, .tabs-style-03 .icon-tabs .nav-tabs&gt;li.active&gt;a:hover {border: 2px solid transparent;color: #fff;position: relative;}
.tabs-style-03 .icon-tabs .nav-tabs&gt;li&gt;a i {display: block;font-size: 24px;margin-bottom: 0px;line-height: 45px;}

/* Accordions */

/* Accordions Style 01 */

.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: 20px; position: relative;font-family: 'Montserrat', sans-serif;padding-right: 30px;font-weight: 800;}
.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&gt;.list-group, .accordion-style-01.panel-group .panel-heading+.panel-collapse&gt;.panel-body{border-top:0; padding: 25px 0; background-color: transparent;line-height: 1.6;}

/* Accordions Style 02 */

.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&gt;.list-group, .accordion-style-02.panel-group .panel-heading+.panel-collapse&gt;.panel-body{border-top:0; padding: 25px 0; background-color: transparent;line-height: 1.6;}

/* Accordions Style 03 */

.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: #212121; 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;}

/* Accordions Style 04 */

.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;}

/* Accordions Style 05 */

.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;}

/* Accordions Default */

.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{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&gt;.panel-heading+.panel-collapse&gt;.panel-body {border: 1px solid transparent;background-color: #f1f0f0;padding: 25px 30px;font-size: 14px;}

/* Icon Fonts */

.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 &gt; 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 Styles */

/* list Style 01 */
.list-style-none li {list-style: none;}

.list-style-01 li {padding: 5px 0}

/* list Style 02 */
.list-style-02 {list-style: none; margin: 0; padding: 0;}
.list-style-02 li {position: relative;margin: 0 0 15px 0;}
.list-style-02 li.not-available{color: #ccc;}
.list-style-02 li.not-available:before{color: #fe4f4f;content:"\efb8";font-family: icofont;margin-right: 10px;}
.list-style-02 li:before {content:"\efad";font-family: icofont;margin-right: 10px;}

/* list Style 03 */
.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; position: absolute; top: 11px; left: 0; }

/* list Style 04 */
.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 */

/* Our Process Style 01 */

.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 {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 i{position: relative;}
.our-process-style-01 i::after{position: absolute;top: 5px;left: -25px;width: 60px;height: 60px;background-color: rgb(245, 50, 92, 0.2);content: '';border-radius: 100px;z-index: -1;}

/* Our Process Style 02 */

.our-process-style-02 .icon-wrap {position: relative;width: 100px;height: 100px;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: 100%;height: 1px;position: absolute;top: 55px;text-align: center;left:50%;z-index: -1;}
.our-process-style-02 .line:nth-child(2):after{background: #FF416C;}
.our-process-style-02 .line:nth-child(3):after{background: #0072FF;}
.our-process-style-02 .line:last-child:after{display: none;}

.our-process-style-03 .icon-wrap {position: relative;width: 100px;height: 100px;margin: 0 auto 30px;border-radius: 100px;}
.our-process-style-03 .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-03 .line:after{content: "";display: block;width: 100%;height: 1px;position: absolute;top: 55px;text-align: center;left:50%;z-index: -1;}
.our-process-style-03 .line:last-child:after{display: none;}

.color-1{background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #8E2DE2 0%, #c31432 100%);background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #8E2DE2 0%, #c31432 100%);
background-image: -o-radial-gradient(left top, ellipse farthest-corner, #8E2DE2 0%, #c31432 100%);background-image: -webkit-gradient(radial, left top, 0, left top, 572, color-stop(0, #8E2DE2), color-stop(100, #c31432));
background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #8E2DE2 0%, #c31432 100%);background-image: radial-gradient(ellipse farthest-corner at left top, #8E2DE2 0%, #c31432 100%);}

.color-2{background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FF4B2B 0%, #FF416C 100%);background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FF4B2B 0%, #FF416C 100%);
background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FF4B2B 0%, #FF416C 100%);background-image: -webkit-gradient(radial, left top, 0, left top, 572, color-stop(0, #FF4B2B), color-stop(100, #FF416C));
background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FF4B2B 0%, #FF416C 100%);background-image: radial-gradient(ellipse farthest-corner at left top, #FF4B2B 0%, #FF416C 100%);}

.color-3{background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #0072FF 0%, #00c6ff 100%);background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #0072FF 0%, #00c6ff 100%);
background-image: -o-radial-gradient(left top, ellipse farthest-corner, #0072FF 0%, #00c6ff 100%);background-image: -webkit-gradient(radial, left top, 0, left top, 572, color-stop(0, #0072FF), color-stop(100, #00c6ff));
background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #0072FF 0%, #00c6ff 100%);background-image: radial-gradient(ellipse farthest-corner at left top, #0072FF 0%, #00c6ff 100%);}

.color-4{background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFD200 0%, #F7971E 100%);background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFD200 0%, #F7971E 100%);
background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFD200 0%, #F7971E 100%);background-image: -webkit-gradient(radial, left top, 0, left top, 572, color-stop(0, #FFD200), color-stop(100, #F7971E));
background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFD200 0%, #F7971E 100%);background-image: radial-gradient(ellipse farthest-corner at left top, #FFD200 0%, #F7971E 100%);}

/* Custom Styles */

.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);}
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;}
.profile-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: 300px; padding-top:100px;}
.profile-title-hero-bg::before {content: "";background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.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: 100px; padding-top:0px;}
.title-hero-bg::before {content: "";background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.profile-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%);}
.profile-page-title h1{font-size:50px;line-height:60px;margin:0;}
.page-title{position:absolute;top:-85px;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:35px;line-height:40px;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;}

/* Countdowns */

.countdown {margin-bottom: 0;}
.countdown li {display: inline-block;text-align: center;margin-right:50px;}
.countdown li:last-child {margin-right:0;}

/* Skills Bar */

.skillbar-style-01 .skillbar {position:relative;display:inline-block;margin:40px 0 10px;width:100%;height:5px;width:100%;background-color: #eee;}
.skillbar-style-01 .skillbar-title {position:absolute;top:-25px;left:0; }
.skillbar-style-01 .skillbar-bar {height:5px;width:0px;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:20px;width:100%;background-color: #f6f6f6;}
.skillbar-style-02 .skillbar-title {position:absolute;top:-25px;left:0;font-weight: 600; }
.skillbar-style-02 .skillbar-bar {height:20px;width:0px;display:inline-block;}
.skillbar-style-02 .skill-bar-percent {position:absolute;right:0px;top:-25px;font-weight: 600;}

.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;display:inline-block;}
.skillbar-style-03 .skill-bar-percent {position:absolute;right:0px;top:10px;}


/* Pie Charts */

.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: #e6f8f9;position: absolute;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.chart-style-03 .percent:after {content: '%';}

/* Custom Images */

.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;}
.responsive-screen {margin-top: 50px;}

/* Demos */

.product{margin:0 0 30px 0;}
.product-wrap{position:relative;overflow:hidden;}
.product-img img{width:100%;}
.product-wrap .product-caption{width:100%;position:absolute;z-index:2;height:100%;opacity:0;top:0;background-color:rgba(255,255,255,0.9);-webkit-transition:opacity 0.4s;transition:opacity 0.4s;}
.product-wrap:hover .product-caption{opacity:1;}
.product-description{width:100%;height:100%;}
.product-description-wrap{position:absolute;top:50%;left:0;width:100%;margin-top:-100px;}
.product-description .product-title, .product-description .product-subtitle{position:relative;left:0;color:#fff;width:100%;opacity:0;visibility:hidden;}
.product-description .product-title{top:0;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.product-description .product-title a i{color:#fff;}
.product-description .product-subtitle{top:0;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.product-wrap:hover .product-description .product-title{opacity:1;visibility:visible;top:30px;}
.product-wrap:hover .product-description .product-subtitle{opacity:1;visibility:visible;top:25px;}
.product .product-detail{margin-top:30px;}


.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);}
.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{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);}

/* Image hover effects */

[class^='imghvr-'], [class*=' imghvr-'] { position: relative; display: inline-block; margin: 0; max-width: 100%; background-color: rgba(86,171,47,0.5); 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-'] &gt; img, [class*=' imghvr-'] &gt; 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, [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-'] 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; }
/* imghvr-fade-*
   ----------------------------- */
[class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {opacity: 0;}
[class^='imghvr-fade']:hover &gt; img, [class*=' imghvr-fade']:hover &gt; img {opacity: 0;}
[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {opacity: 1;}
[class^='imghvr-fade']:hover &gt; img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover &gt; 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
   ----------------------------- */
/* imghvr-fade-in-up
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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); }
/* imghvr-push-*
   ----------------------------- */
[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
   ----------------------------- */
.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 &gt; img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
/* imghvr-push-down
   ----------------------------- */
.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 &gt; img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
/* imghvr-push-left
   ----------------------------- */
.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 &gt; img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
/* imghvr-push--right
   ----------------------------- */
.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 &gt; img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
/* imghvr-slide-*
   ----------------------------- */
[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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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%); }
/* imghvr-reveal-*
   ----------------------------- */
[class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: #eeac3a; }
[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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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%); }
/* imghvr-hinge-*
   ----------------------------- */
[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
   ----------------------------- */
.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 &gt; 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
   ----------------------------- */
.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 &gt; 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
   ----------------------------- */
.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 &gt; 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
   ----------------------------- */
.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 &gt; 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); }
/* imghvr-flip-*
   ----------------------------- */
[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 &gt; img, [class*=' imghvr-flip-']:hover &gt; 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
   ----------------------------- */
.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
   ----------------------------- */
.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 &gt; 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
   ----------------------------- */
.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 &gt; 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
   ----------------------------- */
.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 &gt; 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); }
/* imghvr-shutter-out-*
   ----------------------------- */
[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before { background: #eeac3a; 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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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%; }
/* imghvr-shutter-in-*
   ----------------------------- */
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before { background: #eeac3a; 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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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
   ----------------------------- */
.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%); }
/* imghvr-fold*
   ----------------------------- */
[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 &gt; img, [class*=' imghvr-fold']:hover &gt; 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
   ----------------------------- */
.imghvr-fold-up &gt; 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 &gt; 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
   ----------------------------- */
.imghvr-fold-down &gt; 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 &gt; 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
   ----------------------------- */
.imghvr-fold-left &gt; 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 &gt; 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
   ----------------------------- */
.imghvr-fold-right &gt; 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 &gt; 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
   ----------------------------- */
.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; }
/* imghvr-zoom-out*
   ----------------------------- */
[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
   ----------------------------- */
.imghvr-zoom-out:hover &gt; 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
   ----------------------------- */
.imghvr-zoom-out-up:hover &gt; img, .imghvr-zoom-out-up.hover &gt; 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
   ----------------------------- */
.imghvr-zoom-out-down:hover &gt; img, .imghvr-zoom-out-down.hover &gt; 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
   ----------------------------- */
.imghvr-zoom-out-left:hover &gt; img, .imghvr-zoom-out-left.hover &gt; 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
   ----------------------------- */
.imghvr-zoom-out-right:hover &gt; img, .imghvr-zoom-out-right.hover &gt; 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
   ----------------------------- */
.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 &gt; img, .imghvr-zoom-out-flip-horiz.hover &gt; 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
   ----------------------------- */
.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 &gt; img, .imghvr-zoom-out-flip-vert.hover &gt; 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
   ----------------------------- */
.imghvr-blur figcaption {opacity: 0;}
.imghvr-blur:hover &gt; 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; }

.planet-x-wrap{position: relative;}
.planet-x-left img{position: absolute;top: -10rem;left: 10rem;width: 20rem;height: 20rem;z-index: 99;-webkit-animation: floatPlanetLeft 9.35s infinite linear;animation: floatPlanetLeft 9.35s infinite linear;}
.planet-x-left-2 img{position: absolute;top: -10rem;left: 10rem;width: 20rem;height: 20rem;z-index: 99;-webkit-animation: floatPlanetLeft 22.35s infinite linear;animation: floatPlanetLeft 22.35s infinite linear;}
.planet-x-left-3 img{position: absolute;top: -10rem;left: 10rem;width: 20rem;height: 20rem;z-index: 99;-webkit-animation: floatPlanetLeft 2.35s infinite linear;animation: floatPlanetLeft 2.35s infinite linear;}
.planet-x-right img{position: absolute;top: 55rem;right: 10rem;width: 20rem;height: 20rem;z-index: 99;-webkit-animation: floatPlanetRight 4.65s infinite linear;animation: floatPlanetRight 4.65s infinite linear;}
.planet-x-right-2 img{position: absolute;top: 20rem;right: 10rem;width: 20rem;height: 20rem;z-index: 99;-webkit-animation: floatPlanetRight 15.65s infinite linear;animation: floatPlanetRight 15.65s infinite linear;}
.planet-x-right-3 img{position: absolute;top: 0rem;right: 10rem;width: 20rem;height: 20rem;z-index: 99;-webkit-animation: floatPlanetRight 15.65s infinite linear;animation: floatPlanetRight 15.65s infinite linear;}

@-webkit-keyframes floatPlanetLeft {
  from {
    -webkit-transform: rotate(0deg) translatey(-41px) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translatey(-41px) rotate(-360deg);
  }
}
@keyframes floatPlanetLeft {
  from {
    -webkit-transform: rotate(0deg) translatey(-41px) rotate(0deg);
            transform: rotate(0deg) translatey(-41px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translatey(-41px) rotate(-360deg);
            transform: rotate(360deg) translatey(-41px) rotate(-360deg);
  }
}

@-webkit-keyframes floatPlanetRight {
  from {
    -webkit-transform: rotate(0deg) translatey(-53px) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translatey(-53px) rotate(-360deg);
  }
}
@-keyframes floatPlanetRight {
  from {
    -webkit-transform: rotate(0deg) translatey(-53px) rotate(0deg);
            transform: rotate(0deg) translatey(-53px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translatey(-53px) rotate(-360deg);
            transform: rotate(360deg) translatey(-53px) rotate(-360deg);
  }
}


.panel-group {
  margin-top: 25px;
  margin-bottom: 0;
}
.panel-group#accordion {
  margin-top: 0;
}
.faq-item .panel,
.faq-item.panel {
  margin-bottom: 15px;
  background: transparent;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border-radius: 0;
}
.faq-item.last .panel,
.faq-item:last-child,
.faq-item:last-child .panel {
  border-bottom: 0;
  margin-bottom: 0;
}
.faq-item .panel-heading {
  position: relative;
  padding: 0;
}
.faq-item .panel-heading .panel-title {
  text-align: left !important;
  padding-bottom: 5px;
}
.faq-item .panel-heading .panel-title &gt; a {
  display: block;
  position: relative;
  padding: 15px 0 15px 70px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  text-transform: none;
  color: #3d4c58;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.faq-item .panel-heading .panel-title &gt; a:hover {
  color: #701e75;
  padding-left: 85px;
}
@media screen and (max-width: 767px) {
  .faq-item .panel-heading .panel-title &gt; a:hover {
    padding-left: 70px;
  }
}
.faq-item .panel-heading a,
.faq-item .panel-heading a:hover {
  text-decoration: none;
  -webkit-transition: all 0.25 ease;
  -moz-transition: all 0.25 ease;
  -ms-transition: all 0.25 ease;
  -o-transition: all 0.25 ease;
}
.faq-item .panel-heading a &gt; span.caret-toggle {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 53px;
  height: 53px;
  font-size: 36px;
  line-height: 51px;
  font-weight: 400;
  color: #701e75;
  border-radius: 50%;
  border: 2px solid #701e75;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.faq-item .panel-heading a:hover &gt; span.caret-toggle {
  color: #701e75;
  border-color: #701e75;
}
.faq-item .panel-heading a:not(.collapsed) &gt; span.opened {
  display: none;
}
.faq-item .panel-heading a.collapsed &gt; span.closed {
  display: none;
}
.faq-item .panel-collapse {
  background: transparent;
}
.faq-item .panel-body {
  border: 0;
  padding: 0 0 25px 70px;
}
.faq-item .panel-body &gt; p:last-child {
  margin-bottom: 0;
}
.faq-item .panel-heading + .panel-collapse &gt; .panel-body {
  border: 0;
}

input[type=radio] { display:inline-block; width:40px; }

.anket { width:100%; padding:15px 20px 8px 20px; border:1px #dedede solid; border-radius:4px; margin-bottom:10px; }
.anket:hover { background:#f3f3f3; }
.anket label { cursor:pointer; width:calc(100% - 50px); }

.anketsonuc li { list-style:none; margin:8px 0;}
.anketsonuc li h5 { width:100%; border-radius:5px; border:1px #dedede solid; }
.anketsonuc li h5 span { line-height:40px; height:40px; display:block; padding:0 15px; border-radius:5px; }


#demoana { width:100%; margin:0 auto 20px auto; padding:30px 20px; border:1px #ccc solid; border-radius:5px; text-align:center; } 
#demoana b { font-size:23px; margin-left:9px; }
#bitissay { width:100%; margin:0 auto 20px auto; padding:10px 15px; border:1px #ccc solid; border-radius:5px; text-align:center; }
#bitissay b { font-size:27px; margin-left:9px; }

.webekran { width:100%; min-height:400px; background:#eee; padding:50px; text-align:center; color:#777; margin:30px 0; }

.hrmn { position:absolute; top:5px; z-index:9999; width:100%; }

.bg-block { text-align:center; margin-bottom:20px; color:#888; }

.facebook-bg { display:block; background:#3b5998; width:70%; height:50px; line-height:48px; border-radius:3px; color:#FFF; text-align:center; margin:0 auto 20px auto; cursor:pointer; }
.facebook-bg i { color:#FFF; margin-right:8px; font-size:22px; }
.google-bg { display:block; background:#ea4335; width:70%; height:50px; line-height:48px; border-radius:3px; color:#FFF; text-align:center; margin:0 auto 20px auto; cursor:pointer; }
.google-bg i { color:#FFF; margin-right:8px; font-size:22px; }
.facebook-bg:hover, .google-bg:hover { color:#FFF; font-weight:bold; }

.unuttum { font-size:13px; color:#888; }
.unuttum i { font-size:13px; color:#888; margin-right:10px; }

.form-group input[type=radio], .form-group input[type=checkbox] { display:inline-block; width:25px; }
.intext { font-size:12px; display:inline-block; }
.nomargin { margin:0 !important; }

.settings { border:1px #dedede solid; margin:0 0 20px 0; padding:10px 10px; position:relative; font-size:13px; }
.settings:hover { background:#eee; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.settings strong { display:block; font-size:17px; }
.settings .settings_link { position:absolute; top:10px; right:15px; color:#999; font-size:15px; }
.settingslabel { font-weight:bold; margin:15px 0 0 0; display:block; color:#888; }
.clear { clear:both !important; display:block !important; }

.kapakfoto { position:relative; }
.kapak_edit { position:absolute; top:120px; right:10px; opacity: 0; }
.kapakfoto:hover .kapak_edit { opacity: 1; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

.profil-foto-div { position:relative; }
.profil-foto { box-shadow: 0 1px 1px rgba(100,100,100,0.11), 0 2px 2px rgba(120,120,120,0.11), 0 4px 4px rgba(180,180,180,0.11), 0 8px 8px rgba(200,200,200,0.11), 0 16px 16px rgba(210,210,210,0.11), 0 32px 32px rgba(220,220,220,0.11); border-radius:13px; margin:0 0 30px 0; }
.profil_foto_edit { position:absolute; bottom:10px; right:10px; opacity: 0; }
.profil-foto-div:hover .profil_foto_edit { opacity: 1; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.kapak_edit a, .kapak_edit a:hover { color:#FFF; font-size:13px; }
.profil_foto_edit a, .profil_foto_edit a:hover { color:#444; font-size:13px; }
.profil_kt { position:absolute; top:5px; left:-10px; background:#000; color:#FFF; padding:5px 8px; border-radius:3px; opacity:0.5; font-weight:bold; font-size:13px; }
.profil-foto-div:hover .profil_kt { opacity:1; }

.profil_information { font-size:13px; }
.profil_information li { list-style:none; line-height:27px; }
.profil_information li a { color:#111; }
.profil_information li i { margin-right:8px; color:#666; }

.rightblock { background:#f3f3f3; padding:15px 15px; border-radius:4px; margin-bottom:20px; }
.rightbaslik { position:relative; padding:10px 0; margin-bottom:10px; }
.rightbaslik .ekle { position:absolute; top:0; right:0; font-size:12px;}
.rightbaslik .ekle i { margin-right:4px; }
.rightbaslik a:hover, .ekle:hover, .ekle i:hover  { color:#1f201e; font-size:14px; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.shorttext { font-size:12px; }

.rightlist li { list-style:none; font-size:14px; line-height:27px; }
.tumu { float:right; bottom:3px; right:0; font-size:12px; color:#FFF; padding:3px 6px; border-radius:4px;}
.tumu:hover { color:#000; }
.blogkl { margin:0 auto 10px auto; padding:10px 0px; border:1px #e3e3e3 solid; border-radius:5px; }
.blogkl:hover { background:#e3e3e3; }
.blogkl .blogfoto { width:80px; height:auto; margin-right:10px; float:left; border-radius:3px; }
.blogkl span { display:inline-block; width:110px; font-size:12px; color:#999; }
.blogkl span i { margin-right:5px; color:#CCC; }
.blogkl .blogbilgi { font-size:12px; }
.blogkl .blogbilgi a { font-size:12px; color:#999; }

.garac { margin:0 auto 0px auto; padding:13px 0px; border-bottom:1px #e3e3e3 solid; }
.garac div { padding:0 10px; }
.garac:hover { background:#e3e3e3; }
.garac span { display:inline-block; width:110px; font-size:12px; color:#999; }
.garac span i { margin-right:5px; color:#CCC; }
.garac strong { float:right; text-align:right; font-size:12px; font-weight:600; color:#999; }

.gelisimaraclari { margin:0 auto 0px auto; padding:13px 0px; border-bottom:1px #e3e3e3 solid; display:none; }
.gelisimaraclari div { padding:0 10px; }
.gelisimaraclari:hover { background:#e3e3e3; }
.gelisimaraclari span { display:inline-block; width:110px; font-size:12px; color:#999; margin-left:15px; }
.gelisimaraclari span i { margin-right:5px; color:#CCC; }

.kucukuyelist { height:330px; overflow-y: scroll; overflow-x: hidden; }
.kucukuyelist li { list-style:none; margin-bottom:2px; }
.kucukuyelist li img { width:40px; margin-right:5px; }

.rightimglist li { list-style:none; width:24%; margin:5px 2px 5px 2px; display:inline-block; }
.rightimglist li img { width:100%; height:70px; }
@media (max-width:1111px){
	.rightimglist li { width:45%; }
	.rightimglist li img { height:80px; }
}
@media (max-width:991px){
	.rightimglist li { width:15%; }
	.rightimglist li img { height:80px; }
}
@media (max-width:768px){
	.rightimglist li { width:20%; }
	.rightimglist li img { height:90px; }
}
@media (max-width:480px){
	.rightimglist li { width:20%; }
	.rightimglist li img { height:80px; }
}

.friend li { }
.friend li.friendli { list-style:none; display:none; margin-bottom:10px; background:#fff; padding:10px 0px 3px 10px; border:1px #e3e3e3 solid; border-radius:3px; position:relative; }
.friend img { float:left; width:45px; height:auto; border:1px #ddd solid; border-radius:3px; margin-right:15px; }
.friend .hakkimda { font-size:12px; color:#777; margin-top:0px; }
.arkadassil { position:absolute; bottom:5px; right:5px; font-size:13px; background:#BBB; color:#FFF; padding:3px 8px; border-radius:3px;  border:0; box-shadow:0; }
.arkadassiniz { position:absolute; bottom:5px; right:5px; font-size:13px; background:#91A293; color:#FFF; padding:3px 8px; border-radius:3px;  border:0; box-shadow:0; }
.arkadasekle { position:absolute; bottom:5px; right:5px; font-size:13px; background:#292; color:#FFF; padding:3px 8px; border-radius:3px;  border:0; box-shadow:0; }
.friendliuye { color:#1cc3d9; font-weight:bold; font-size:13px; }


.profileislem { display:block; margin:10px 0; height:30px; font-size:12px; text-align:center;  }
.addfriend { width:47%; float:left; background:#48BFCC; padding:6px 4px; border-radius:4px; position:relative; color:#FFF; border:0; box-shadow:0; }
.directmessage { width:49%; float:right; background:#248FAE; padding:6px 4px; border-radius:4px; position:relative; color:#FFF; border:0; box-shadow:0; }
.dmessage { width:100%; background:#248FAE; padding:6px 4px; border-radius:4px; position:relative; color:#FFF; border:0; box-shadow:0; text-align:center; font-size:13px; }
.ecalendar { width:100%; background:#eeac3a; padding:6px 4px; border-radius:4px; position:relative; color:#FFF; border:0; box-shadow:0; text-align:center; font-size:13px; margin:10px 0; }
.egcalendar { width:75%; background:#FC5707; padding:6px 4px; border-radius:4px; position:relative; color:#FFF; border:0; box-shadow:0; text-align:center; font-size:13px; margin:10px 0 10px 5px; float:right; }
.addegcalendar { width:20%; background:#FC5707; padding:6px 4px; border-radius:4px; position:relative; color:#FFF; border:0; box-shadow:0; text-align:center; font-size:13px; margin:10px 0; }
.enot { width:30%; background:#FFF; padding:6px 4px; border-radius:4px; position:relative; color:#333; border:1px #888 solid; box-shadow:0; text-align:center; font-size:13px; margin:5px 0; display:inline-block; }
.eym { width:65%; background:#333; padding:6px 4px; border-radius:4px; position:relative; color:#FFF; border:1px #111 solid; box-shadow:0; text-align:center; font-size:13px; margin:5px 0 10px 5px; float:right; }
.addfriend i, .directmessage i, .dmessage i, .ecalendar i, .egcalendar i, .addegcalendar i, .eym i { color:#FFF; }

#topmenubar { position:relative; }
.bildirim { position:absolute; top:10px; right:-5px; background:#32A921; color:#FFF; width:25px; height:25px; border-radius:13px; line-height:25px; text-align:
center; font-size:11px; z-index:9999; }

.bildirimlist { background:#f3f3f3; border:1px #eee solid; border-radius:5px; margin:5px 0; padding:10px 20px; font-size:13px; height:45px; display:none; }
.bildirimuser, .bildirimuser a { color:#3F9E2E; }
.bildirimlist .bildirimreddet { background:#C22; color:#FFF; font-size:12px; padding:3px 5px; border-radius:3px; float:right; border:0; box-shadow:0; margin:0 0 0 5px; }
.bildirimlist .bildirimkabul { background:#292; color:#FFF; font-size:12px; padding:3px 5px; border-radius:3px; float:right; border:0; box-shadow:0; margin:0 0 0 5px; }
.bildirimlist .bildirimmesaj { background:#91A293; color:#FFF; font-size:12px; padding:3px 5px; border-radius:3px; float:right; border:0; box-shadow:0; margin:0 0 0 5px; }

.mesajlist li { list-style:none; background:#f3f3f3; margin:0 0 10px 0; border-radius:4px; height:80px; padding:8px 10px; box-sizing: border-box; font-size:12px; }
.mesajlist li img { float:left; width:54px; height:61px; margin-right:10px; border-radius:8px;  }
.mesajlist li b { margin-bottom:10px; display:block; }
.mesajfoto { width:37px; height:43px; border-radius:3px; margin-right:10px; }

.note-btn-group .dropdown-menu&gt;li&gt;a{display:block;padding:5px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.note-btn-group .dropdown-menu&gt;li&gt;a:hover{background-color:#e4e7ea}.note-air-popover,.note-image-popover,.note-link-popover{display:none}.note-air-popover .dropdown-toggle::after,.note-image-popover .dropdown-toggle::after,.note-link-popover .dropdown-toggle::after{margin-left:0}.note-icon-caret{display:none}.note-editor{position:relative}.note-editor .btn-light{background-color:transparent;border-color:transparent}.note-editor .btn-group-sm&gt;.btn,.note-editor .btn-sm{padding:8px 12px}.note-editor .note-toolbar{background:#edeff1;border-bottom:1px solid #e9ecef;margin:0}.note-editor .note-statusbar{background-color:#fff}.note-editor .note-statusbar .note-resizebar{border-top:none;height:15px;padding-top:3px}.note-editor.note-frame{border:1px solid #e9ecef;-webkit-box-shadow:none;box-shadow:none;margin-bottom:0}.note-popover .popover .popover-content{padding:5px 0 10px 5px}.note-popover .btn-default{background-color:transparent;border-color:transparent}.note-popover .btn-group-sm&gt;.btn,.note-popover .btn-sm{padding:8px 12px}.note-toolbar{padding:5px 0 10px 5px}


.mess { width:80%; background:#dedede; padding:5px 10px; border-radius:5px; margin-bottom:10px; }
.mess-pull-right { float:right; background:#2b8fb8; color:#FFF;  }
.mess::after { clear:both !important; display: block !important; }
.mesajyaz { margin-top:20px; border-radius:5px; }
#mesajlasma { width:100%; height:300px; overflow-y:auto; }
#writemessage { padding-bottom:150px; }

.basvur { display:block; width:100%; margin:20px 0; }
.headimg { margin-bottom:20px; }

.egitimbilgi { background:#FFF; border:1px #ccc solid; width:100%; padding:43px 30px; margin-bottom:20px; border-radius:5px; color:#111; font-size:14px; font-style:italic; position:relative; }
.egitimbilgi span { display:block; margin-bottom:5px; }
.egitimbilgi .labelinfo { color:#111; display:inline-block; width:170px; font-style:normal; font-weight:normal; cursor:pointer; }
.egitimbilgi i { position:absolute; top:40px; right:20px; font-size:70px; color:#ccc; }
.kisa_aciklama { color:#888; margin-bottom:20px; display:block; }
.kisa_aciklama:after{ content: "\0022"; color:#888; font-size:28px; margin-left:5px; }
.kisa_aciklama:before{ content: "\0022"; color:#888; font-size:28px; margin-right:5px; }
.bilgiegitmen { width:65%; float:left; background:#eeac3a; }
.bilgisure { width:30%; float:right; text-align:right; background:#1f201e; }
.bilgiegitmen, .bilgisure { font-size:14px; margin-bottom:20px; line-height:33px; padding:0 8px; border-radius:3px; color:#FFF; font-weight:600; } 

/*.odemeturu { display:block; padding:0 10px; line-height:42px; background:#111; color:#FFF; border-radius:5px 5px 0 0;  font-size:13px; margin-bottom:10px; width:99%; }*/
.odemeturu { display:block; padding:0 10px; line-height:52px; color:#EEE; font-weight:normal; border-radius:5px;  font-size:13px; margin-bottom:10px; width:100%; font-weight:bold; text-align:center; cursor:pointer; }
.odemeturu input[type=radio] { width:24px; }
.odemeturu label { margin:0; color:#333; font-size:14px; width:250px; }
.odemeturu label i { margin-right:8px; }
.nopadding { padding:0 !important; }

.table-bordered thead tr td { color:#FFF; }
.table-bordered tr td { font-size:13px; }

.profile_hakkinda { width:100%; border:1px #dedede solid; border-radius:5px; padding:35px 30px; position:relative; margin-bottom:20px; }
.hakkimda_duzenle { position:absolute; right:10px; top:10px; font-size:13px; }
.profile_egitim { width:100%; border:1px #dedede solid; border-radius:5px; padding:50px 35px 30px 35px; position:relative; margin-bottom:20px; }
.egitim_ekle { position:absolute; right:10px; top:10px; font-size:12px; background:#f79f08; padding:3px 5px; border-radius:3px; color:#FFF; }
.profil_baslik { position:absolute; left:10px; top:10px; font-size:14px; }
.profile_basvuru { width:100%; border:1px #dedede solid; border-radius:5px; padding:50px 35px 30px 35px; position:relative; margin-bottom:20px; }

.guncelbuton { padding:11px 5px !important; margin-top:25px !important; background:#111 !important; }

.egitimler { font-size:13px; margin-bottom:15px; }
.egitimler b { display:block; margin-bottom:5px; color:#232323; }
.egitimler .silbuton { float:right; font-size:16px; border:0; background:transparent; }
  
.ymsj { width:100%; border:1px #dedede solid; padding:10px 20px; border-radius:5px; margin-bottom:20px; display:none;  }
.ymsj span { display:block; color:#999; margin-bottom:3px; font-size:13px; }

.havalemesaj { width:100%; padding:40px 30px; border:1px #dedede solid; border-radius:7px; }
.havalemesaj b { display:block; width:100%; text-align:center; }
.havalemesaj i { font-size:29px; color:#f79f08; margin-right:5px; }
.havalemesaj small { font-weight:normal; display:block; margin-top:8px; }
.havalemesaj a { font-weight:bold; }

.egitimtakvimi { margin-bottom:20px; display:none; }
.altbilgi { color:#999; font-size:13px; }
.iptalet { display:block; line-height:25px; padding:0 5px; border-radius:4px; text-align:left; font-size:14px; }
.iptalet i { color:#900; }
.onaylanmis { display:block; line-height:25px; padding:0 5px; border-radius:4px; text-align:left; font-size:14px; }
.onaylanmis i { color:#090; }
.gecmis { display:block; line-height:25px; padding:0 5px; border-radius:4px; text-align:left; font-size:14px; }
.gecmis i { color:#999; }
.tamamlanmis { display:block; line-height:25px; padding:0 5px; border-radius:4px;  text-align:left; font-size:14px; }
.tamamlanmis i { color:#248FAE; }

.sagegitimlist { font-size:13px; }
.sagegitimlist h3 { font-size:13px; line-height:30px; font-weight:bold; margin:0; padding:0; }

.modalelist { font-size:13px; display:block; margin-bottom:8px; height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.solsocial { font-size:12px; font-weight:bold; margin-top:10px; border-top:1px #ccc solid; padding-top:10px; color:#111; }
.solsocial i { font-size:18px; margin:10px 10px 10px 0; display:inline-block; color:#bbb; }
.solsocial i:hover { color:#333; }

.solonay { margin:25px 0 15px 0; font-size:13px; color:#999; }
.solonay i { margin-right:5px; color:#555; }
.solonay a { color:#777; }

.commentlist { width:100%; margin:0 auto 20px auto; border:1px #ddd solid; background:#EEE; padding:20px; color:#888; border-radius:5px; transition: 0.3s; display:none; position:relative; }
.commentlist:hover { background:#FFF; }
.commentlist span { display:block; font-size:13px; margin-bottom:10px; color:#000 }
.commentlist span i { margin-right:3px; }
.commentlist span strong { margin:0px 10px; font-weight:normal; }
.commentlist .commentlistdel { position:absolute; right:15px; top:15px; font-weight:600; }

.profilecomment { width:100%; margin:0 0 10px 0; border-bottom:1px #dedede solid; font-size:13px; color:#666; padding:10px 0; }
.profilecomment span { display:block; color:#111; }

.categorylist { margin-bottom:20px; }
.categorylist .img { width:100%; border-radius:4px; position:relative; margin-bottom:10px; }
.categorylist .img img { width:100%; border-radius:4px; }
.categorylist .img .header { position:absolute; bottom:0; left:0; border-radius:6px 0px 0px 6px; width:50%; height:150px; opacity:0.8; color:#FFF;transition: 0.5s; }
.categorylist .content { font-weight:700; color:#444; line-height:50px; display:block; bottom:0px; width:100%; text-align:center; }
.categorylist .img:hover .header { opacity:1; }

.clearbreak { clear:both; margin:0 0 30px 0; padding:30px 0 0 0; border-bottom:1px #dedede solid; }
@media only screen and (max-width:767px){
.adimmobil{margin-bottom:10px;}
}


.adimyorum { font-size:13px; }
.adimyorum li { list-style:none; }
.adimyorum li div { margin-bottom:13px; }
.adimyorum li div strong { display:block; }
.adimyorum li div strong span { font-weight:normal; font-size:12px; color:#777; }
.adimyorumsil { float:right; margin-left:20px; margin-bottom:10px; }

.kurslar { margin-bottom:20px; font-size:13px; }
.kurslar h4 { margin-bottom:10px; }
.kurslar .img { width:100%; height:auto; }
.kurslar span { color:#999; display:block; }
.kurslar span i { margin-right:5px; }
.kursislem i { margin:0 0 0 5px; color:#211722; font-size:17px; }

.gorevler { margin-bottom:20px; font-size:13px; padding:0; }
.gorevler h4 { margin-bottom:10px; }
.gorevler .img { width:100%; height:auto; border-radius:4px; }
.gorevler span { color:#999; display:block; }
.gorevler span i { margin-right:5px; }

.slickh3 { font-size:13px; font-weight:600; margin-bottom:5px; padding:10px 0; border-radius:0 0 5px 5px; }
.slickh3 a { color:#FFF; }
.kursinfo { font-size:13px; color:#000; border:1px #FFF solid; padding:13px 10px; font-weight:bold; border-radius:4px; }
.kursinfo b { color:#fff; font-weight:normal; }
.kursinfo i { color:#fff; }
.kursh5 { text-align:center; font-size:18px;  margin:30px 0 20px 0; color:#888; }
.kursh5 i { font-size:25px; margin-right:8px; }

.kursegitmen { width:100%; height:80px; margin:10px 0; }
.kursegitmen img { max-height:80px; float:left; margin-right:20px; }

#kursakatil { position:fixed; z-index:99999; right:0px; top:180px; border-radius:5px 0 0 5px; font-size:15px; padding:13px 18px;  box-shadow: 0 1px 1px rgba(100,100,100,0.3), 0 2px 2px rgba(120,120,120,0.3), 0 4px 4px rgba(180,180,180,0.3), 0 8px 8px rgba(200,200,200,0.3), 0 16px 16px rgba(210,210,210,0.3), 0 32px 32px rgba(220,220,220,0.3); text-transform:none; }
#kursuiptalet { float:right; background:#DDD; color:#888; padding:8px 15px; margin-top:50px; font-size:14px; text-transform:none; }
#kursabasla { float:right; margin-top:50px; background:#138831; }

.basvurukurs { width:100%; height:50px; margin:10px 0 70px 0;  }
.basvurukurs img { width:100px; max-height:90px; float:left; margin-right:20px; border-radius:3px; }
.basvurukurs h4 { line-height:25px; margin:0; color:#999; }

.kursbar { width:100%; height:25px; margin:15px 0; border:1px #e3e3e3 solid; border-radius:5px; }
.kursbaric { background:#2C9634; height:25px; border-radius:5px; }

.paketbar { width:100%; height:25px; margin:15px 0; border-radius:5px; background:#fbe9c9; position:relative }
.paketbaric { background:#f79f08; height:25px; border-radius:5px; position:absolute; top:0; left:0; }
.paketbaric strong { position:absolute; line-height:25px; left:10px; }

.adimbaslik { clear:both; margin:30px 0 10px 0; border-bottom:1px #dedede solid; padding-bottom:5px; }
.adimlist { width:100%; margin-bottom:10px; }
.adimlist .egitim_turu { color:#777; font-size:13px; }
.adimlist .aciklama { display:block; color:#999; font-size:13px; padding-left:45px; }
.adimlist .aciklama p { color:#999 !important; }
.isar { color:#FFF; padding:5px 0px; text-align:center; width:40px; display:inline-block; }
.isart { background:#FFF; color:#333; padding:5px 0px; text-align:center; width:40px; display:inline-block; }
.pisar { background:#1cc3d9; color:#FFF; padding:0px 0px; text-align:center; width:40px; height:38px; line-height:38px; display:inline-block; border-radius:30px; }
.pisart { background:#dedede; color:#333; padding:0px 0px; text-align:center; width:40px; height:38px; line-height:38px; display:inline-block; border-radius:30px; }

.adimdetay .aciklama p { color:#999 !important; }
.tamamla { background:#8738BC; display:block; width:70px; height:70px; line-height:70px; border-radius:35px; float:right; color:#FFF; text-align:center; font-size:23px; border:0px; }
.tamamlapaket { background:#f79f08; display:block; width:60px; height:60px; line-height:60px; border-radius:35px; float:right; color:#FFF; text-align:center; font-size:23px; border:1px solid #ccc;   box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
; }

.adimyorum { margin:40px 70px; }
.adimyorumtext { display:block; font-size:13px; margin-top:8px; }
.ic_adimyorum { margin:40px 0 40px 70px;  }

.paketsecenek { border-bottom:1px #ccc solid; padding:4px 5px; margin:4px 0; }
.paketsecenek strong { float:right; font-size:15px; color:#eeac3a; }
.odemesayfasibaslik { margin-bottom:15px; display:block; font-size:21px; }
.odemesayfasibaslik i { font-size:25px; color:#ccc; margin-right:8px; }
.toplamtutar { margin:15px 0 0px 0; font-size:14px; font-weight:bold; border:1px #dedede solid; padding:15px 20px 30px 20px; background:#BBB; border-radius:5px; }
.toplamtutar span { float:right; }
.bakiye { margin:15px 0 10px 0; font-size:14px; background:#313131; padding:8px 5px; border:1px #111 solid; border-radius:5px; color:#FFF; }
.bakiye span { float:right; }
.bakiye checkbox.tcoin { width:30px !important; display:inline-block !important; }

.videotag { margin-bottom:30px; }
.inh2 { border-bottom:5px #dedede double; padding-bottom:20px; margin-bottom:30px; text-align:center; margin-top:20px; }

.img_info_stg { position:relative; overflow:hidden; }
.img_info { position:absolute; top:5px; right:5px; opacity:1; padding:6px 9px; border-radius:3px; color:#FFF; font-size:12px; min-width:60px; text-align:center; background:#000; }
.img_info_stg img { border-radius:5px 5px 0 0; margin-bottom:2px; }
.snfmain { position:absolute; left:0; top:0; width:60%; height:auto; background:url(../../images/snfmain.png); padding:20px 10px; text-align:left; min-height:300px; overflow:hidden; }
.snfmain a { font-size:13px; color:#FFF; text-align:left; }
.snfmain span { font-size:11px; display:block; margin-bottom:20px; }

.leftsidemenu { margin-bottom:30px;}
.leftsidemenu li { list-style:none; margin-bottom:11px; padding:5px 10px; }
.leftsidemenu li i { display:inline-block; width:35px; color:#CCC; font-size:18px; }
.leftsidemenu li a { color:#444; font-size:14px; }


.blogsocial { display:block; padding:10px 0; margin:5px 0; border-top:1px #dedede solid; font-weight:bold; border-bottom:1px #dedede solid; color:#000; font-size:11px; }
.blogsocial .begen { float:right; cursor:pointer; font-size:14px; color:#666; font-style:normal; font-weight:normal; line-height:normal; margin-left:5px; } 
.blogsocial i.fa { margin-left:7px; font-size:16px; color:#AAA; }
.blogsocial a { line-height:normal; font-size:16px; }

.ksinfo { font-size:11px; color:#999; padding:0 70px 0 40px; display:block; cursor:pointer; }
/*#odemesecenekleri { display:none; }*/
#paketdetaybilgi { color:#565656; margin:10px 0 30px 0; font-size:13px; }

.rightsidelink { float:right; margin-top:-5px; font-size:14px; margin-left:15px; color:#888; }
.rightsidelink i.active { color:#eeac3a; }
.rightsidelink a {  }
@media only screen and (max-width:767px){
	.rightsidelink{font-size:11px;}
}

.kursislembtn { margin:5px 0 0 5px !important; padding:0 !important; background:transparent; text-transform:none; width:auto !important; float:right; color:#777; }

.paketdetay { padding:30px 20px; margin:0 0 20px 0; color:#FFF; border-radius:20px 20px 5px 5px; font-size:13px; border:1px #fff solid; }
.paketdetay a { color:#FFF; }
.ucretli { background:#1186B3 }
.ozellestirilmis { background:#EF6225; }
.artrilmis { background:#25A059 }
.sinirsiz { background:#AB2EE0 }
.paketdetay h3 { color:#FFF; font-size:17px; }
.paketdetay h3 i { font-size:24px; margin-right:4px; }

.sinifanafoto { position:relative; }
.siniffavori { position:absolute; right:10px; top:5px; font-size:27px; cursor:pointer } 
.siniffavori i { color:#FFF; }

.catsnf { height:100px; }
.tcoin { background:#BBB; margin-bottom:8px; padding:5px 0; border:1px #AAA solid; text-align:center; color:#FFF; font-size:13px; font-weight:bold; border-radius:4px; }

.dosyalist { padding:10px 15px; border-bottom:1px solid #ccc;}
.dosyalist li { list-style:none; margin:3px 0 3px 0; }
.dosyalist li i { color:#333; }
.filedelete { float:right; }

.ssarea { display:block; width:100%; margin:15px 0; font-weight:bold; font-size:16px; text-align:center; color:#777; }
.dogrusik { border:1px solid #090; }
.yanlissik { border:1px solid #E33; }
.sonucli { font-size:14px; padding:5px 10px; margin:2px 0; width:100%; border-radius:4px; }



.tpost { width:100%; border:1px #ddd solid; padding:15px; margin-bottom:20px; display:none; border-radius:5px; }
.tpost_share { width:100%; margin-bottom:10px; }
.tpost_share_img { width:100%; border-radius:3px; margin-bottom:5px; }
.tpost_rosette { width:45px; margin-left:0px; opacity:0.7; }
.timelineshare { background:#e3e3e3; border:1px #ddd solid; padding:8px 13px; border-radius:5px; margin-bottom:13px; }
.timelineshare input[type=text] { margin:0; padding:0; border:0; width:100%; color:#333; }
.timelinetype { color:#999; font-size:13px; }
.timelinetypetext i { color:#EC741C; margin-right:3px; }
.timelinetypephoto i { color:#30BA8D; margin-right:3px; }
.timelinetypevideo i { color:#976DED; margin-right:3px; }
.tpost_head { width:100%; margin-bottom:10px; }
.tpost_head_img { width:100%; border-radius:3px; margin-bottom:5px; }
.tpost_head h4 { margin-bottom:0px; }
.tpost_head span { font-size:12px; }
.tpost_head_ic { padding:10px 10px; border-top:1px #dedede solid; }
.tpost_body { font-size:13px; }
.tpost_body_ic { padding:0 10px 10px 10px; margin-bottom:10px; border-bottom:1px solid #dedede; }
.tpost_post_img { margin:5px 0; }
.tpost_footer a { font-size:13px; color:#666; margin-right:12px; }
.tpost_comment { margin-top:15px; }
.post_about { display:block; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.solgorevlist h3 { font-size:16px; }
.solgorevlist ul li { font-size:12px; padding-left:15px; list-style:none; margin-bottom:5px; }
.solgorevlist ul li i { font-size:10px; color:#BBB; margin-right:4px; }
.paketbaslik { font-size:13px; padding:5px 0 12px 0; margin:10px 0 0 0; }
.paketbaslik i { color:#EC741C; }
.books li span { color:#999; font-size:12px; }
.books li { padding-left:0 !important; margin-bottom:8px !important; }

.taskspage h2 { font-size:20px; }
.taskspage h2 i { color:#EC741C; }
.tasks { margin:10px 0; padding:10px 0; border-bottom:1px #dedede solid; }
.tasks .checkdate { color:#999; font-size:12px; }
.tasksdetail { padding:0px 0 0px 20px; }
.tasksdetails { padding:20px 0 20px 20px; }
.tasksdetail, .tasksdetails, .tasksdetail p, .tasksdetails p, .tasksdetail a, .tasksdetails a {  font-size:12px; color:#999; } 

.br-theme-bars-1to10 .br-widget {
  height: 40px;
  white-space: nowrap;
}
.br-theme-bars-1to10 .br-widget a {
  display: block;
  width: 12px;
  padding: 5px 0;
  height: 18px;
  float: left;
  background-color: #fbedd9;
  margin: 1px;
  text-align: center;
}
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected {
  background-color: #EDB867;
}
.br-theme-bars-1to10 .br-widget .br-current-rating {
  font-size: 20px;
  line-height: 18px;
  font-weight:bold;
  float: left;
  padding: 0 20px 0 20px;
  color: #EDB867;
  font-weight: 400;
}
.br-theme-bars-1to10 .br-readonly a {
  cursor: default;
}
.br-theme-bars-1to10 .br-readonly a.br-active,
.br-theme-bars-1to10 .br-readonly a.br-selected {
  background-color: #f2cd95;
}
.br-theme-bars-1to10 .br-readonly .br-current-rating {
  color: #f2cd95;
}
@media print {
  .br-theme-bars-1to10 .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .br-theme-bars-1to10 .br-widget a.br-active,
  .br-theme-bars-1to10 .br-widget a.br-selected {
    border: 1px solid black;
    background: white;
  }
  .br-theme-bars-1to10 .br-widget .br-current-rating {
    color: black;
  }
}

.infodiv { width:100%; margin:40px 0 25px 0; color:#333; font-weight:bold; text-align:center; line-height:30px; }

.tasksteps { margin:20px; width:100%; padding:15px; background:#efefef; border:1px #dedede solid; border-radius:5px; color:#888; }
.tasksteps h3 {text-align:center; color:#444}
.tasksteps h5 {margin:20px 0 10px 0; color:#444; font-size:14px;}

.quiz { border:1px #dedede solid; border-radius:5px; padding:20px; margin-bottom:20px; }
.quizli { font-size:14px; padding:6px 10px 1px 10px; border:1px #fff solid; }
.quizli label { color:#888; }
.quizli:hover { background:#e3e3e3; border:1px #dedede solid; border-radius:5px; }
.quizli:hover label { cursor:pointer; color:#212121; }
.quiz h4 span { color:#1cc3d9; font-size:39px; }

.kthidden { display:none; width:90%; margin:15px auto; color:#999; }
.ktheader { cursor:pointer; color:#666; border:1px #dedede solid; padding:12px 20px; border-radius:5px; }
.ktheader i { color:#1cc3d9; font-size:19px; margin-right:15px; }
.ktheader:hover { background:#1cc3d9; color:#FFF; border:1px #10b1c6 solid; }
.ktheader:hover i { color:#FFF; }

.testsonucu { font-size:14px; }
.kackisivar {display:block;margin:15px auto;font-size:17px; background:#f79f08; border:1px solid #e4940b; color:#FFF; width:60%; border-radius:5px; padding:12px 0;}
@media only screen and (max-width:767px){
	.kackisivar{width:100%;}
}
.sendekatil {background:#131313;border:0;margin-left:10px;color:#FFF;padding:5px 15px; font-size:13px;border-radius:3px; border:#000 1px solid;}
.sendekatil:hover { color:#FFF; font-size:15px; }
.ktlink { width:95%; border:1px #dedede solid; border-radius:3px; padding:10px 0; margin:0 auto 20px auto; background:#f3f3f3; }
.ktlink i { font-size:21px; margin-right:15px; }
@media only screen and (max-width:767px){
	.ktlink{font-size:12px;}
	.ktlink i { font-size:18px; margin-right:5px; }
}
.slogan { display:block; font-size:14px; text-align:center; margin:10px auto 50px auto; border-top:1px #dedede solid; padding-top:20px; }
.slogan b { font-size:19px; }

.empty-info { color:#555; text-align:left; }
.empty-info b { display:block;font-size:21px;margin-bottom:15px;color:#131313;font-weight:600; }
.empty-info b i { font-size:29px; color:#f79f08; margin-right:5px; }
@media only screen and (max-width:767px){
	.empty-info { text-align:center;}
}

.renkli { color:#f79f08 !important; }

.oneri { display:block; margin:50px auto 30px auto; }
.onerihead { font-size:14px; color:#111; font-weight:bold; }
.onerihead i { color:#f79f08 !important; font-size:20px; margin:0 15px 0 10px; }
.onerilist { margin:20px 0; width:100%; }
.oneriimg { width:20%; float:left; padding-right:10px; }
.oneriimg img { border-radius:3px; }
.oneribaslik { width:60%; font-size:13px; overflow:hidden; height:17px; white-space: nowrap; text-overflow: ellipsis; }
.oneribilgi { color:#999; font-size:12px; }
.oneribilgi i { color:#1cc3d9 !important; margin-right:5px; }
.mobiloneri { display:none; }
.oneri ul { margin:10px 0; }
.oneri ul li { font-size:12px; padding-left:5px !important; list-style:none; margin:5px 0; }
.oneri ul li i { font-size:10px; color:#BBB; margin-right:4px; }

@media only screen and (max-width:767px){
	.arkadasoneri { display:block !important; }
	.oneri { display:none; }
	.mobiloneri { display:block; }
	.mobiloneri li { padding:10px 0 2px 50px !important; list-style:none; }
}

.anketmenu h5 { font-size:16px;}
.anketmenu h5 i { font-size:20px; margin-right:8px; color:#f79f08 !important;  }
.anketmenu ul { margin-bottom:30px; }
.anketmenu ul li { list-style:none; margin-bottom:5px; }
.anketmenu ul li a { font-size:13px; }
.anketmenu span { font-size:12px; color:#888 }

.tamliste { display:none; }

#filtremenu { display:block; }
#mobilfiltremenu { display:none; }

@media only screen and (max-width:767px){
	#filtremenu { display:none; }
	#mobilfiltremenu { display:block; cursor:pointer; margin-bottom:30px; font-size:17px; background:#F3F3F3; padding-top:8px; padding-bottom:8px; }
}

.pyorum {  }
.pyorum li { list-style:none; margin-bottom:15px; color:#777; }
.pyorum li strong { font-size:12px; display:block; color:#000; }

.paketonaybilgi { padding:30px 20px; border-radius:5px; margin-bottom:50px; border:#14bbd1 1px solid; }
.basvurupaket { width:100%; margin:0; padding:0; }
.basvurupaket img { width:100px; max-height:100px; float:left; margin-right:20px; border-radius:3px; border:5px #FFF solid; }
.basvurupaket h4 { line-height:25px; margin:0; color:#FFF; font-size:23px; }
.basvurupaket a { color:#FFF; display:block; }
.basvurupaket .kisaciklama {font-size:13px; font-style:normal; color:#FFF; margin-top:15px; display:block;}

.pakettanitim { margin-bottom:20px; padding:20px; background:#EEE; border-radius:5px; color:#666; font-size:12px; cursor:pointer; }
.pakettanitim  b { display:block; margin-bottom:10px; }
.pakettanitim  i { color:#CCC; font-size:22px; margin-right:10px; }
.siyah { color:#222 !important; }
.siyah i { color:#000 !important; }
.beyaz { color:#FFF !important; font-size:16px !important; }
.sabit { color:#FFF; }
.sabit:hover { color:#FFF; }

.artirilmis { font-size:14px; line-height:30px; letter-spacing:1px; width:80%; margin:10px auto 50px auto; background:#e3e3e3; padding:20px; border-radius:5px; border:2px #aaa dashed; }
.artirilmis i { font-size:34px; margin-right:10px; }

.sinirsizerisim { display:block; width:100%; text-align:center; margin-bottom:20px; border-radius:5px; padding:15px 0; color:#fff; }
.sinirsizerisim:hover { color:#fff; }
.sinirsizerisim i { font-size:24px; margin-right:10px; }

.saglink { float:right; cursor:pointer; font-size:13px; border:1px #dedede solid; padding:5px 8px;border-radius:3px; margin-left:5px; }
.saglink i { margin-right:5px; }

.minpadding { padding: 4px 2px; }
.ajandalist { font-size:12px; overflow:hidden; }

.mobilgizle { display:block; }
.mobilgoster { display:none; }
@media only screen and (max-width:767px){
	.mobilgizle { display:none; }
	.mobilgoster { display:block; }
}

#loadMore, #loadMoreTP, #loadMoreGA, #loadMoreGAI, #loadMoreGAY, #loadMoreGAP, #loadMoreBL, #loadMoreAL, #loadMoreAnket, #loadMoreTam {
    padding: 10px;
	margin:15px auto;
	width:100%;
	display:block;
	border-radius:5px;
    text-align: center;
    color: #fff;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

.ggbaryer { width:20px; height:20px; border:1px #fff solid; float:left; margin-bottom:5px; }
.ggbar { width:20px; height:50px; border:1px #fff solid; float:left; }
.willer { width:80px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#fff3cb; }
.winner { width:100px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#e2efd9; }
.master { width:200px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#deebf6; }
.apeks { width:120px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#fbe4d5; }.ggbaryer { width:20px; height:20px; border:1px #fff solid; float:left; margin-bottom:5px; }

.ggbaryermobil { width:10px; height:10px; border:1px #fff solid; float:left; margin-bottom:5px; }
.ggbarmobil { width:10px; height:30px; border:1px #fff solid; float:left; }
.willermobil { width:40px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#fff3cb; font-size:11px; }
.winnermobil { width:50px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#e2efd9; font-size:11px; }
.mastermobil { width:100px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#deebf6; font-size:11px; }
.apeksmobil { width:60px; height:30px; line-height:30px; border:1px #fff solid; float:left; text-align:center; background:#fbe4d5; font-size:11px; }

.ggbilgi { font-size:13px; margin-top:30px; }

.solpaket { margin-top:20px; border-top:1px #ccc solid; padding-top:20px;  }
.solpaket h3 { font-size:13px; font-weight:bold; }
.solpaket li { list-style:none; padding-bottom:18px; }
.solpaket .solpaketbaslik { display:block; font-size:13px; height:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:4px;  }
.solpaket .solpaketaciklama { display:block; font-size:11px; color:#999; }
.solpaket:hover a, .solpaket .solpaketbaslik:hover, .solpaket .solpaketaciklama:hover { color:#000; }

.arkadasonerilist img { border-radius:5px;}
.arkadasonerilist h5 { font-size:13px; font-weight:bold; height:14px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#111; margin-bottom:3px; }
.arkadasonerilist span { font-size:12px; color:#888; }
.aobaslik { font-size:14px; color:#222; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #dedede solid; }
.aoimg { height:110px; overflow:hidden; margin-bottom:10px; border-radius:5px; }

.smfooter { margin-top:15px; }
.smfooter li { display:inline-block; margin-right:10px; }
.smfooter li a { font-size:17px; }

.hashtag { color:#1cc3d9 !important; }
.etiketlist { margin-top:5px; color:#666; font-weight:600; font-size:12px; }

.htmenu { margin-top:20px; }
.htmenu li { list-style:none; margin-bottom:13px; }
.htmenu li a { color:#666; }</pre></body></html>