div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//www.asteroidstudios.fr/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}div.bbp-template-notice, 
div.indicator-hint {
margin: 0px 0px 30px 0px;
}
#subscription-toggle {
float: right;
}
#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
margin-bottom: 30px;
}
#bbpress-forums fieldset.bbp-form legend {
font-weight: bold;
}
.wp-editor-wrap {
border: 1px solid #eeeeee;
}
.bbp-breadcrumb-sep {
padding: 0px 5px;
}
#bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input[type="text"] {
margin-bottom: 20px;
}
#bbpress-forums input[type="text"] {
margin-bottom: 0px !important;
width: 50%;
}
#bbp_topic_submit,
#bbp_search_submit,
#bbpress-forums fieldset.bbp-form,
div.bbp-submit-wrapper,
#bbpress-forums #bbp-your-profile fieldset.submit button {
margin: 0px 0px 20px 0px;
}
#bbp-user-avatar .vcard,
.vcard.bbp-user-profile-link {
width: auto;
float: none;
}
.bbp-submit-wrapper .button.submit {
margin-right: 0px !important;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
background: transparent;
}
#bbpress-forums li.bbp-header {
border-top: none;
}
#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic {
padding: 20px;
}
#bbpress-forums li.bbp-header, 
#bbpress-forums li.bbp-footer {
padding: 10px 20px;
}
a.bbp-forum-title,
.bbp-topic-title a.bbp-topic-permalink,
#bbpress-forums fieldset.bbp-form label  {
font-size: 13px !important;
}
#bbpress-forums div.bbp-reply-header {
background: none;
}
#bbpress-forums div.reply {
font-size: inherit;
font-style: inherit;
}
#bbpress-forums .topic .bbp-topic-meta .bbp-author-avatar,
#bbpress-forums .topic .bbp-topic-meta .avatar,
.bbp-topic-freshness-author .avatar {
display: none;
}
#bbpress-forums .topic .bbp-topic-meta a {
color: inherit;
}
div.bbp-reply-header {
padding: 15px 15px 0 25px;
}
li.bbp-body div.hentry {
padding-top: 0;
}
.bbp-pagination-count {
font-weight: bold;
} div.bbp-template-notice p {
padding: 20px;
}
div.bbp-template-notice.info {
border: none;
background-color: #E6F5F8;
border-radius: 0;
}
div.bbp-template-notice, div.indicator-hint {
background-color: #FAEFD3;
border: none;
border-radius: 0;
}
#bbpress-forums .wp-editor-container .button {
font:inherit !important;
text-transform: none !important;
letter-spacing: 0;
}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; } html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
line-height: 1;
}
label {
font-size: 20px;
font-weight: bold;
}
ol, ul {
list-style: none;
}
#navigation, .style2 #navigation, #navigation-left-side, #navigation-right-side, .header-cart-controls .cart-contents, .sb-left #slidebar-menu, #header-controls-right, #header-controls-left, body #header-inner-wrap.top-animate.style2 #navigation, .top-overlay-menu .sb-right #slidebar-menu {
font: 900 18px "Open Sans","Roboto","Tahoma",sans-serif !important;
letter-spacing: 0.5px !important;
margin-top: 30px !important;
text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
}
#navigation ul li, #navigation-right-side ul li, #navigation-left-side ul li {
margin-top: 30px !important;
}
input[type="submit"] {
padding: 25px 35px !important;
font-size: 26px !important;
font-family: 'Open Sans', Verdana, Arial !important;
font-weight: 900 !important;
margin-top: 20px !important;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
td { vertical-align: top; }
img{max-width:100%;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }
input[type="text"],input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius:0px; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
::selection         {background: rgb(0,0,0); color: #fff; }
::-moz-selection    {background: rgb(255,255,158);}
img::selection      {background: transparent;}
img::-moz-selection {background: transparent;}   html {
padding-right: 0px !important;
overflow-y: auto;
overflow-x: hidden;
}
html.hide-overflow{
overflow: hidden !important;
}
html.show-overflow{
overflow-y: scroll;
} .tp-simpleresponsive >ul li {
z-index: 1 !important;
} #main.layout-border{
padding: 30px;
}
#main.layout-border.layout-border-header-top {
padding: 0px 30px 30px 30px;
}
.left-header #main.layout-border{
padding-left: 0px;
}
#header-top-bar-left   {
float: left;
padding: 10px 20px;
}
#header-top-bar-wrap.be-wrap #header-top-bar-left{
padding-left: 0px;
}
#header-top-bar-right   {
float: right;
padding: 10px 20px;
}
#header-top-bar-wrap.be-wrap #header-top-bar-right {
padding-right: 0px;
}
#header-top-bar-left .top-bar-widgets, 
#header-top-bar-left .header-search-controls,
#header-top-bar-left .header-cart-controls,
#header-top-bar-left .topbar-menu-container{
margin-right: 15px;
}
#header-top-bar-right .top-bar-widgets, 
#header-top-bar-right .header-search-controls,
#header-top-bar-right .header-cart-controls,
#header-top-bar-right .topbar-menu-container {
margin-left: 15px;
}
#header-controls-left .header-widgets, 
#header-controls-left .header-search-controls,
#header-controls-left .header-cart-controls,
#header-controls-left .menu-controls {
margin-right: 15px;
}
#header-controls-right .header-widgets, 
#header-controls-right .header-search-controls,
#header-controls-right .header-cart-controls,
#header-controls-right .sliderbar-menu-controller {
margin-left: 15px;
}
#header-top-bar-left ul ,
#header-top-bar-right ul ,
#header-controls-left ul {
display: inline;
padding-left: 0px;
}
#header-top-bar-left li ,
#header-top-bar-right li ,
#header-controls-left li {
display: inline;
text-decoration: none;
}
.menu-falling-animate-controller {
display: inline-block;
cursor: pointer; }
.custom-font-icon {
display: inline-block;
line-height: normal;
position: relative;
cursor: pointer;
}
.menu-icon {
border-top-width: 2px;
border-style: solid;
border-color: inherit;
display: block;
margin-bottom: 6px;
width: 16px;
-webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease, top 400ms ease;
-moz-transition: -moz-transform 400ms ease, opacity 400ms ease, top 400ms ease;
-o-transition: -o-transform 400ms ease, opacity 400ms ease, top 400ms ease;
transition: transform 400ms ease, opacity 400ms ease, top 400ms ease;
cursor: pointer;
position: absolute;
top: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.menu-icon.menu-icon-third {
margin-bottom: 0px;
}
.custom-font-icon .menu-icon.menu-icon-first {
top: -4px;
}
.custom-font-icon .menu-icon.menu-icon-second {
position: relative;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.custom-font-icon .menu-icon.menu-icon-third {
top: 4px;
}
.custom-font-icon.active .menu-icon.menu-icon-first {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
top: 0;
}
.custom-font-icon.active .menu-icon.menu-icon-second {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
}
.custom-font-icon.active .menu-icon.menu-icon-third {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
top: 0;
}
#header-top-bar-wrap i.font-icon {
margin-bottom: 0px;
}
#header-top-bar,
#header-bottom-bar {
line-height: 25px; }
#header-top-bar{
position: relative;
z-index: 3;
}
#header-top-bar .topbar-menu-container{
display: inline-block;
}
#topbar-menu > li:after{
content: " | ";
} 
#topbar-menu > li:last-child:after{
content: "";
} .header-cart-controls, 
.sliderbar-nav-controller-wrap{
display: inline-block;
}
.header-cart-controls{
float: none !important;
}
#header #left-header-mobile .header-cart-controls{
float: right !important;
}
.top-overlay-menu #header-bottom-bar{
display: none;
}
#header .header-border{
display: block;
}
#header .transparent .header-border{
display: none;
}
.style6 #header-wrap {
text-align: center;
} .style4 #header-bottom-bar{
padding: 0 30px;
} .logo a, .logo a img {
display: block;
} .style1 .logo {
margin-left: 30px;
padding:20px 0; float: left;
}
.layout-border-header-top .style1 .logo {
margin-left: 0px;
}
.style1 .be-wrap  .logo {
margin-left:0;
}
.style4 .logo {
margin-left: 30px;
padding:20px 0; float: left;
}
#left-header-mobile .logo {
margin-left: 30px;
padding:20px 0; float: left;
} .style5 .logo {
margin: 20px 0 20px 20px; float: right;
} .style2 #header-wrap{
position: relative;
}
.style4 #header-wrap{
position: relative;
} .style4 #header-wrap{
padding-right: 30px;
}
.style3 .logo {
position: absolute;
left: 30px;
padding: 20px 0; }
.layout-border-header-top .style3 .logo {
left: 0px;
} .style2 .logo {
text-align: center;
}
.style2 .logo a{
display: inline-block;
vertical-align: middle;
}
.style6 .logo {
margin: 25px auto;
display: inline-block;
vertical-align: top;
z-index: 1;
position: relative;
}  .style1 #header-controls-right{
float: right;
margin-right: 30px; }
.layout-border-header-top .style1 #header-controls-right {
margin-right: 0px;
}
.style1 .be-wrap #header-controls-right {
margin-right: 0;
margin-left: 15px;
}
.style4 #header-controls-right{
float: right;
margin-right: 30px;
} .style2 #header-controls-right{
position: absolute;
right: 30px;
top: 0;
}
.style2 #header-controls-left{
position: absolute;
left: 30px;
top: 0;
}
.style3 #header-controls-right{
position: absolute;
right: 30px;
top: 0;
}
.layout-border-header-top .style3 #header-controls-right {
right: 0px;
}
#header-inner-wrap i.font-icon{
margin-bottom: 0px;
} #left-header-mobile .mobile-nav-controller-wrap{
padding: 0 30px 0px 15px;
float: right;
}
.style6 #header-controls-right {
margin-right: 30px;
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
}  .style1 #navigation {
float: right;
margin-right: 30px;
}
.style1 .be-wrap #navigation {
margin-right: 0px;
} .style4 #navigation{
float: left;
}
.style5 #navigation{
float: left;
} .style3 .menu{
float: none;
display: inline-block;
vertical-align: top;
}
.style2 .menu{
float: none;
display: inline-block;
vertical-align: top;
}
.style3 #navigation{
text-align: center;
}
.style2 #navigation{
text-align: center;
}
.style2 #navigation {
line-height: 50px;
}
.style4 #navigation {
line-height: 50px;
}
.style6 #navigation-left-side,
.style6 #navigation-right-side {
position: absolute;
top: 0px;
width: 50%;
left: 0px;
box-sizing: border-box;
}
.style6 #navigation-right-side {
left: auto;
right: 0px;
padding-right: 0px;
}
.style6 #navigation-left-side #left-menu {
display: inline-block;
zoom: 1;
vertical-align: top;
float: right;
}
.mobile-menu.left-mobile-menu #mobile-menu {
padding-bottom: 0px !important;
}
.mobile-menu.right-mobile-menu #mobile-menu {
padding-top: 0px !important;
}  .be-nav-link-effect-1 a {
padding: 8px 0;
}
.be-nav-link-effect-1 a::after {
position: absolute;
top: 170%;
left: 20px;
width: calc(100% - 40px);
height: 2px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
-o-transition:  opacity 0.3s, -o-transform 0.3s;
-ms-transition:  opacity 0.3s, -ms-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
ul#menu.be-nav-link-effect-1 > li:last-child a::after{
width: calc(100% - 20px);
} .be-nav-link-effect-1 a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
} .be-nav-link-effect-2 a::after {
position: absolute;
top: 170%;
left: 50%;
right: 50%;
height: 2px;
z-index: 1;
content: "";
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background: rgba(0,0,0,0.1);
} .be-nav-link-effect-2 a:hover::after {
left: 20px;
right: 20px;
}
ul#menu.be-nav-link-effect-2 > li:last-child a:hover::after,
ul#menu.be-nav-link-effect-2 > li:last-child a:focus::after{
right: 0px;
} .be-nav-link-effect-3 a::after {
position: absolute;
top:170%;
left: 50%;
right: 50%;
height: 2px;
z-index: 1;
content: "";
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background: rgba(0,0,0,0.1);
} .be-nav-link-effect-3 a:hover::after {
left: 40%;
right: 40%;
}
ul#menu.be-nav-link-effect-3 > li:last-child a:hover::after,
ul#menu.be-nav-link-effect-3 > li:last-child a:focus::after{
right: 22%;
} .sub-menu a:after{
display: none;
}
#navigation .sub-menu a {
left: 0;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#navigation .sub-menu a:hover {
left:7px;
}  .header-code-widgets {
display: inline-block;
margin-left: 15px;
} .sliderbar-menu-controller{
display: inline-block;
cursor: pointer;
} .search-box-wrapper {
position: absolute;
top: 100%;
right: 0px;
width: 240px;
display: none;
z-index: 12;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
line-height: normal;
padding: 30px;
background: #fff;
overflow-y: hidden;
}
.be-themes-layout-layout-border-header-top .search-box-wrapper {
z-index: 10 !important;
}
#header-top-bar-right .search-box-wrapper{
padding: 0px;
}
.header-search-controls {
display: inline-block;
}
.header-search-controls .search-button {
margin-left: 0px;
cursor: pointer;
color: inherit;
display: inline-block;
zoom: 1;
position: relative;
top: 2px;
font-size: 18px;
line-height: normal;
}
#header-top-bar-right .search-box-wrapper.style1-header-search-widget input[type="text"]{
height: 55px;
}
.search-box-wrapper .searchform .search-icon {
position: absolute;
top: 0px;
right: 35px;
line-height: 96px;
font-size: 14px;
}
#header-top-bar-right .search-box-wrapper .searchform .search-icon{
top: -19px;
right: 14px;
}
.search-box-wrapper.style2-header-search-widget .searchform .search-icon{
display: none;
}
.search-box-wrapper .searchform .s {
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-bottom: 0;
}
.search-box-wrapper .icon-icon_close{
color: #232323;
}
.search-box-wrapper.style2-header-search-widget {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget {
padding-top: 62px;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget .searchform .search-icon {
top: 50%;
line-height: normal;
margin-top: -14px;
font-size: 25px;
right:14px;
}
.search-box-wrapper.style2-header-search-widget .search-box-inner1 {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.search-box-wrapper.style2-header-search-widget .search-box-inner2 {
display: table-cell;
vertical-align: middle;
width: 100%;
margin: 0px;
}
.search-box-wrapper.style2-header-search-widget .searchform .s {
height: 100px;
font-size: 40px;
line-height: 1;
}
.search-box-wrapper.style2-header-search-widget .searchform {
display: block;
width: 80%;
margin: 0 auto;
position: relative;
}
.header-search-form-close {
display: none;
}
.search-box-wrapper.style2-header-search-widget .header-search-form-close {
position: absolute;
top: 30px;
right: 30px;
font-size: 35px;
cursor: pointer;
color: inherit;
display: block;
z-index: 4;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget .header-search-form-close {
margin-top: 32px;
} .left-strip-wrapper .header-cart-controls {
width: 100%;
text-align: center;
top: 85%;
}
.header-cart-controls .cart-contents span {
display: inline-block;
font-weight: bold;
margin: 0 auto;
border-radius: 20%;
text-align: center;
width: 20px;
height: 20px;
line-height: 21px;
font-size: 10px;
position: relative;
top: -5px;
}
.left-strip-wrapper .header-cart-controls .cart-contents span {
display: block;
position: static;
margin-top: -60px;
}
.header-cart-controls .cart-contents{
color: inherit;
}
.header-cart-controls .cart-contents i{
font-size: 23px;
position: relative;
} body.header-transparent #header #header-inner-wrap.no-transparent,
body.sticky-header #header #header-inner-wrap.no-transparent {
position: fixed;
top: -300px;
width: 100%;
right: 0px;
}
body.header-transparent #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header #header #header-inner-wrap.no-transparent.top-animate {
top: 0px;
-webkit-transition: top .50s ease, right 400ms ease;
-moz-transition: top .50s ease, right 400ms ease;
-o-transition: top .50s ease, right 400ms ease;
-ms-transition: top .50s ease, right 400ms ease;
-webkit-backface-visibility: hidden;
}
body.header-transparent.admin-bar #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header.admin-bar #header #header-inner-wrap.no-transparent.top-animate {
top: 32px;
-webkit-transition: top .50s ease, right 400ms ease;
-moz-transition: top .50s ease, right 400ms ease;
-o-transition: top .50s ease, right 400ms ease;
-ms-transition: top .50s ease, right 400ms ease;
-webkit-backface-visibility: hidden;
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
body.header-transparent #header #header-inner-wrap {
position: absolute; width: 100%;
border: none !important;
}
body.header-transparent #header #header-wrap {
background: transparent;
box-shadow: none;	
}
body.header-transparent #header #header-bottom-bar {
background: transparent;
box-shadow: none;	
}
body #main.layout-border-header-top #header-inner-wrap.no-transparent,
body.admin-bar #main.layout-border-header-top #header-inner-wrap.no-transparent {
position: fixed;
backface-visibility: hidden;
}
body #main.layout-border-header-top #header-inner-wrap.no-transparent {
top: 0px;
}
body.admin-bar #main.layout-border-header-top #header-inner-wrap.no-transparent {
top: 32px;
}
#header-inner-wrap.transparent {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header-inner-wrap {
position: relative;
}
#header-inner-wrap.background--dark.transparent #navigation,
#header-inner-wrap.background--dark.transparent .header-search-controls .search-button,
#header-inner-wrap.background--dark.transparent .header-cart-controls  i.font-icon,
#header-inner-wrap.background--dark.transparent .menu-controls i.font-icon,
#header-inner-wrap.background--dark.transparent .menu-controls {
color: #f5f5f5;
transition: color 0.5s linear;
}
.single_portfolio_info_close.background--dark .font-icon,
#portfolio-title-nav-bottom-wrap  .background--dark{
color: #f5f5f5;
}
#header-inner-wrap.background--light.transparent #navigation,
#header-inner-wrap.background--light.transparent .header-search-controls .search-button,
#header-inner-wrap.background--light.transparent .header-cart-controls  i.font-icon,
#header-inner-wrap.background--light.transparent .menu-controls i.font-icon,
#header-inner-wrap.background--light.transparent .menu-controls  {
color: #333;
transition: color 0.5s linear;
}
.single_portfolio_info_close.background--light .font-icon,
#portfolio-title-nav-bottom-wrap .background--light{
color: #333;
} #header-inner-wrap.background--dark.transparent .be-mobile-menu-icon,
#header-inner-wrap.background--dark.transparent .be-mobile-menu-icon::before,
#header-inner-wrap.background--dark.transparent .be-mobile-menu-icon::after,
#portfolio-title-nav-bottom-wrap  .background--dark .home-grid-icon span{
background-color: #f5f5f5;
} #header-inner-wrap.background--light.transparent .be-mobile-menu-icon,
#header-inner-wrap.background--light.transparent .be-mobile-menu-icon::before,
#header-inner-wrap.background--light.transparent .be-mobile-menu-icon::after,
#portfolio-title-nav-bottom-wrap  .background--light .home-grid-icon span {
background-color: #333;
}
body.header-transparent .logo img,
body .logo img.sticky-logo {
display: none;
}
body #header-inner-wrap.no-transparent.top-animate .logo img.sticky-logo {
display: block;
}
body #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo {
display: none;
}
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo,
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.sticky-logo,
body.header-transparent #header-inner-wrap .logo img.transparent-logo {
display: block;
}
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.transparent-logo,
body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo {
display: none;
}
.light-scheme-logo {
display: none !important;
}
body.header-transparent #header-inner-wrap.background--dark.transparent .logo img.light-scheme-logo {
display: block !important;
}
body.header-transparent #header-inner-wrap.background--dark.transparent .logo img.dark-scheme-logo {
display: none !important;
} #header {
position: relative;
z-index: 10;
}
#header-inner-wrap.top-animate #navigation, 
#header-inner-wrap.top-animate .header-controls, 
#header-inner-wrap.top-animate .social-media-icons-mid-header,
#header-inner-wrap.stuck #navigation, 
#header-inner-wrap.stuck .header-controls, 
#header-inner-wrap.stuck .social-media-icons-mid-header {
line-height: 70px;
-webkit-transition: line-height 0.5s ease;
-moz-transition: line-height 0.5s ease;
-ms-transition: line-height 0.5s ease;
-o-transition: line-height 0.5s ease;
transition: line-height 0.5s ease;
} #navigation a,
#navigation-right-side a,
#navigation-left-side a {
position: relative;
color: inherit;
padding: 0px 20px;
display: inline-block;
line-height: initial;
}
#navigation ul li,
#navigation-right-side ul li,
#navigation-left-side ul li {
float: left;
display: inline-block;
position: relative;
margin-bottom: 0;
line-height: inherit;
}
#navigation .sub-menu,
#navigation .children,
#navigation-right-side .sub-menu,
#navigation-right-side .children,
#navigation-left-side .sub-menu,
#navigation-left-side .children {
position: absolute;
width: 200px;
display: none; 
z-index: 12;
top: 100%;
line-height: 32px;
padding: 10px 0;
margin-top: 1px;
}
#navigation .sub-menu .sub-menu,
#navigation .children .children,
#navigation-right-side .sub-menu .sub-menu,
#navigation-right-side .children .children,
#navigation-left-side .sub-menu .sub-menu,
#navigation-left-side .children .children {
left: 100%;
top: -10px;
margin-left: 0;
}
#navigation ul .sub-menu li,
#navigation ul .children li,
#navigation-right-side ul .sub-menu li,
#navigation-right-side ul .children li,
#navigation-left-side ul .sub-menu li,
#navigation-left-side ul .children li {
display: block;
float: none;
text-align: left;
}
#navigation ul .sub-menu li a,
#navigation ul .children li a,
#navigation-right-side ul .sub-menu li a,
#navigation-right-side ul .children li a,
#navigation-left-side ul .sub-menu li a,
#navigation-left-side ul .children li a {
display: block;
padding: 5px 20px;
line-height: inherit;
}
.menu-controls i.font-icon {
font-size: 21px; cursor: pointer;
display: inline-block;
zoom: 1;
padding: 0px;
line-height: normal;
}
.exclusive-mobile-bg .menu-controls{
font: initial; padding: 10px 10px;
}
.menu-controls i.font-icon:before {
position: relative;
top: 2px;
}
.top-overlay-menu #navigation,
.top-overlay-menu #navigation-right-side,
.top-overlay-menu #navigation-left-side{
display: none;
}
body.menu-animate-fall #navigation ul li,
body.menu-animate-fall #navigation-right-side ul li,
body.menu-animate-fall #navigation-left-side ul li {
-webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease;
-moz-transition: -moz-transform 400ms ease, opacity 400ms ease;
-o-transition: -o-transform 400ms ease, opacity 400ms ease;
transition: transform 400ms ease, opacity 400ms ease;
transform: translateY(-60%);
-ms-transform: translateY(-60%);
-moz-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
-o-transform: translateY(-60%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
body.menu-animate-fall #navigation ul li ul li,
body.menu-animate-fall #navigation-right-side ul li ul li,
body.menu-animate-fall #navigation-left-side ul li ul li,
body.menu-animate-fall #navigation ul li.return-position,
body.menu-animate-fall #navigation-right-side ul li.return-position,
body.menu-animate-fall #navigation-left-side ul li.return-position  {
transform: initial !important;
-ms-transform: initial !important;
-moz-transform: initial !important;
-webkit-transform: initial !important;
-o-transform: initial !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
} .left-header #header-top-bar,
.left-header #header-wrap,
.left-header #header-bottom-bar,
#left-header-mobile{
display: none;
}
.left-header .sliderbar-menu-controller .icon-menu{
display:none;
}
.left-header.left-sliding #main-wrapper {
margin-left: 70px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
overflow-x: hidden;
}
.left-header .layout-box-left{
display: none;
}
.left-header.left-static .layout-box-left{
display: block;
}
.top-header.top-right-sliding-menu.slider-bar-opened  #main.layout-border{
padding-right: 0px;
}
.left-header.left-sliding.left-overlay-menu.slider-bar-opened #main-wrapper.hidden-strip #main.layout-border{ }
.left-header.left-static #main-wrapper{
margin-left: 280px;
}
.left-header.left-static.be-themes-layout-layout-border #main-wrapper{
margin-left: 310px;
}
.left-header .left-strip-wrapper{
width: 71px;
position: fixed;
height: 100%;
background-color: #000;
z-index: 12;
}
.left-header #sb-left-strip{
position: relative;
height: 100%;
}
.left-header #sb-left-strip .leftside-menu-controller{
position: absolute;
bottom: 40px;
font-size: 30px;	
width: 100%;
text-align: center;
}
.admin-bar.left-header #sb-left-strip .leftside-menu-controller{
bottom: 72px;
}
.left-header #sb-left-strip #logo-strip-bar{
top: 40px;
position: absolute;
width: 100%;
text-align: center;
}
.sb-slidebar .menu ul {
list-style: none;
margin-bottom: 0px;
display: block;
padding: 0px;
margin-top: 0px;
}
.sb-slidebar .menu ul li {
margin-bottom: 0px;
}
.sb-slidebar .menu ul li {
display: block;
position: relative;
}
#slidebar-menu { }
.sb-slidebar-content .menu {
margin-bottom: 50px;
text-align: center;
padding: 40px 0;
} .top-overlay-menu .sb-slidebar-content .menu,
.left-overlay-menu .sb-slidebar-content .menu{
border: none;
}
#slidebar-menu .sub-menu {
display: none;
}
#slidebar-menu a {
color: inherit;
display: inline-block;
line-height: inherit;
}
.sb-left #slidebar-menu a {
color: inherit !important;
}
.sb-slidebar .widget_text {
text-align: center;
padding: 0px 14px;
margin-bottom: 10px;
}
#navigation .mobile-sub-menu-controller,
#navigation-left-side .mobile-sub-menu-controller,
#navigation-right-side .mobile-sub-menu-controller {
display: none;
}
#slidebar-menu .mobile-sub-menu-controller {
width: 50px;
top: 0px;
cursor: pointer;
font-size: 13px;
-webkit-transition: all 0.5s;    
-moz-transition: all 0.5s;    
-o-transition: all 0.5s;    
-ms-transition: all 0.5s;    
transition: all 0.5s;  
text-align: center;
vertical-align: middle;
position: absolute;
color: inherit !important;
}
#slidebar-menu .mobile-sub-menu-controller.isClicked{
-webkit-transform: rotate(45deg) scale(1.5,1.5);
-moz-transform: rotate(45deg) scale(1.5,1.5);
-ms-transform: rotate(45deg) scale(1.5,1.5);
-o-transform: rotate(45deg) scale(1.5,1.5);
transform: rotate(45deg) scale(1.5,1.5);
}
.top-overlay-menu #slidebar-menu li,
.left-overlay-menu #slidebar-menu li{
opacity: 0;
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
transition: all 0.4s;
}
.top-overlay-menu #slidebar-menu li.menu-loaded,
.left-overlay-menu #slidebar-menu li.menu-loaded{
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
#slidebar-menu .menu-item .sub-menu li{
opacity: 1 !important;
transform: translateY(0%) !important;
}
.overlay-menu-close {
position: absolute;
z-index: 15;
font-size: 30px !important; margin-top: 8px;
right: 25px;
top:25px;
cursor: pointer; }
.overlay-menu-close:before {
display: inline-block; -webkit-transition: -webkit-transform 400ms ease;
-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;
transition: transform 400ms ease;
}
.overlay-menu-close:hover:before {
-webkit-transform: rotate(90deg) ;
-moz-transform: rotate(90deg) ;
-ms-transform: rotate(90deg) ;
-o-transform: rotate(90deg) ; } .sb-left .display-table {
height: 100%;
} .sb-slidebar.sb-left .overlay-menu-close,
.sb-slidebar.sb-right .overlay-menu-close {
display: none !important;
}
body.top-overlay-menu .sb-slidebar.sb-left .overlay-menu-close,
body.top-overlay-menu .sb-slidebar.sb-right .overlay-menu-close,
body.left-overlay-menu .sb-slidebar.sb-left .overlay-menu-close,
body.left-overlay-menu .sb-slidebar.sb-right .overlay-menu-close {
display: inline-block !important;
} .mobile-menu {
display: none;
}
#mobile-menu, 
#mobile-menu ul {
list-style: none;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px; 
text-align: left;
}
#mobile-menu ul.sub-menu {
padding: 0px 0px 15px 0px;
display: none;
}
#mobile-menu li {
margin-bottom: 0px;
position: relative;
padding: 0px 0px 0px 20px;
border-bottom: 1px solid transparent;
}
#mobile-menu .sub-menu li{
border: none;
padding-right: 0px;
}
#mobile-menu a {
color: inherit;
padding-right: 5px;
}
#mobile-menu .mobile-sub-menu-controller {
width: 50px;
cursor: pointer;
font-size: 13px;
float: right;
-webkit-transition: all 0.5s;    
-moz-transition: all 0.5s;    
-o-transition: all 0.5s;    
-ms-transition: all 0.5s;    
transition: all 0.5s;  
text-align: center;
}
#mobile-menu .mobile-sub-menu-controller.isClicked{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-nav-controller-wrap {
display: none;
}
.mobile-nav-controller-wrap .menu-controls {
margin-left: 0px;
margin-right:0px;
}
#logo-sidebar {
text-align: center;
line-height: normal !important;
margin: 40px 0px;
}  #navigation .menu > ul > li.mega,
#navigation-left-side .menu > ul > li.mega,
#navigation-right-side .menu > ul > li.mega {
position: inherit !important;	
}
#navigation .menu > ul > li.mega > ul.sub-menu {
width: 1160px;	
left: 50%;
margin-left: -580px;
padding: 20px 0px;
margin-top: 0px;
}
#navigation-left-side .menu > ul > li.mega > ul.sub-menu,
#navigation-right-side .menu > ul > li.mega > ul.sub-menu{
width: 580px;	
left: 50%;
margin-left: -290px;
padding: 20px 0px;
margin-top: 0px;
}
#navigation .menu > ul > li.mega > ul.sub-menu a,
#navigation-left-side .menu > ul > li.mega > ul.sub-menu a,
#navigation-right-side .menu > ul > li.mega > ul.sub-menu a {
padding: 5px 20px 5px 20px;
-webkit-font-smoothing: antialiased !important;
}
#navigation .menu > ul > li.mega > ul > li,
#navigation-left-side .menu > ul > li.mega > ul > li,
#navigation-right-side .menu > ul > li.mega > ul > li {
display: table-cell !important;
float: none;
padding: 0px;
width: 300px;
border-right: 1px solid;
}
#navigation .menu > ul > li.mega > ul > li:last-child,
#navigation-left-side .menu > ul > li.mega > ul > li:last-child,
#navigation-right-side .menu > ul > li.mega > ul > li:last-child {
border-right: none;
}
#navigation .menu > ul > li.mega.columns-2 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-2 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-2 > ul > li { 
width: 580px; 
}
#navigation .menu > ul > li.mega.columns-3 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-3 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-3 > ul > li { 
width: 386px; 
}
#navigation .menu > ul > li.mega.columns-4 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-4 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-4 > ul > li { 
width: 290px; 
}
#navigation .menu > ul > li.mega.columns-5 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-5 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-5 > ul > li { 
width: 232px; 
}
#navigation .menu > ul > li.mega > ul > li ul,
#navigation-left-side .menu > ul > li.mega > ul > li ul,
#navigation-right-side .menu > ul > li.mega > ul > li ul {
display: block !important;
width: 100%;
left: 0px !important;
top: 0px !important;
opacity: 1 !important;
position: relative !important;
background: none;
margin-top: -1px;
}
#navigation .menu > ul > li:last-child a {
padding-right: 0px;
}
#navigation .mega .sub-menu .highlight .sf-with-ul,
#navigation-left-side .mega .sub-menu .highlight .sf-with-ul,
#navigation-right-side .mega .sub-menu .highlight .sf-with-ul, { padding-bottom: 10px !important;
line-height: 1.5 !important;
} 
body.header-transparent #navigation .sub-menu {
top: 100%;
}
body.header-transparent #navigation .sub-menu .sub-menu {
top: 0px;
} #main {
position: relative;
}
.sb-slidebar {
position: fixed;
width: 280px;
z-index: 12;
height: 100%;
overflow: auto;
}
.top-header.be-themes-layout-layout-border-header-top .sb-slidebar {
z-index: 10 !important;
}
.left-overlay-menu .sb-slidebar,
.top-overlay-menu .sb-slidebar {
width: 100%;
z-index: 14;
} .left-header.left-static .sb-slidebar.sb-left {
left: 0px;
}
.left-header.left-static.be-themes-layout-layout-border .sb-slidebar.sb-left {
left: 30px;
} .sb-slidebar.sb-right {
right: -280px;
-webkit-transition: right 400ms ease;
-moz-transition: right 400ms ease;
-o-transition: right 400ms ease;
transition: right 400ms ease;
}
body.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right,
body.be-themes-layout-layout-border .sb-slidebar.sb-right {
right: -250px;
}
.sb-slidebar.sb-right.opened {
right: 0px;
}
.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right.opened,
.be-themes-layout-layout-border .sb-slidebar.sb-right.opened {
right: 30px;
}
body #main {
-webkit-transition: right 400ms ease;
-moz-transition: right 400ms ease;
-o-transition: right 400ms ease;
transition: right 400ms ease;
position: relative;
right: 0px;
}
body.top-header.slider-bar-opened #main,
body.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
right: 280px;
left: auto;
}
body.be-themes-layout-layout-border-header-top.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate,
body.be-themes-layout-layout-border.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
right: 310px;
}
body.top-header.slider-bar-opened.top-overlay-menu #main {
right: 0px;
} .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
left: 0;
} html.csstransforms .left-strip-wrapper {
-webkit-transition: -webkit-transform 200ms linear;
-moz-transition: -moz-transform 200ms linear;
-o-transition: -o-transform 200ms linear;
transition: transform 200ms linear;    
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms;
}
html.csstransforms .left-strip-wrapper.hide {
-webkit-transform: translatex(-70px);
-moz-transform: translatex(-70px);
-ms-transform: translatex(-70px);
-o-transform: translatex(-70px);
transform: translatex(-70px);
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
html.no-csstransforms .left-strip-wrapper {
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-o-transition: left 200ms linear;
transition: left 200ms linear;
left: 0px;
}
html.no-csstransforms .left-strip-wrapper.hide {
left: -80px;
} html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
-webkit-transform: translatex(-280px);
-moz-transform: translatex(-280px);
-ms-transform: translatex(-280px);
-o-transform: translatex(-280px);
transform: translatex(-280px);
-webkit-transition: -webkit-transform 400ms linear;
-moz-transition: -moz-transform 400ms linear;
-o-transition: -o-transform 400ms linear;
transition: transform 400ms linear;
}
html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
-ms-transform: translatex(0px);
-o-transform: translatex(0px);
transform: translatex(0px);	
}
html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
left: -280px;
-webkit-transition: left 400ms linear;
-moz-transition: left 400ms linear;
-o-transition: left 400ms linear;
transition: left 400ms linear;
}
html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
left: 0px;
} html.csstransforms .left-header.left-sliding.left-bar-menu #main {
-webkit-transition: -webkit-transform 300ms linear;
-moz-transition: -moz-transform 300ms linear;
-o-transition: -o-transform 300ms linear;
transition: transform 300ms linear;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms;
}
html.csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
-webkit-transition: -webkit-transform 300ms linear;
-moz-transition: -moz-transform 300ms linear;
-o-transition: -o-transform 300ms linear;
transition: transform 300ms linear;
-webkit-transform: translatex(210px);
-moz-transform: translatex(210px);
-ms-transform: translatex(210px);
-o-transform: translatex(210px);
transform: translatex(210px);
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
html.no-csstransforms .left-header.left-sliding.left-bar-menu #main {
-webkit-transition: right 300ms linear;
-moz-transition: right 300ms linear;
-o-transition: right 300ms linear;
transition: right 300ms linear;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms;
}
html.no-csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
-webkit-transition: right 300ms linear;
-moz-transition: right 300ms linear;
-o-transition: right 300ms linear;
transition: right 300ms linear;
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
html.no-csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
right: -200px;
}
.top-overlay-menu .sb-slidebar,
.left-overlay-menu .sb-slidebar{ right: 0px !important;
transition: all 0.6s;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
.top-overlay-menu .sb-slidebar.opened,
.left-overlay-menu .sb-slidebar.opened{ right: 0px !important;
transform: translateY(0%);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
}   .left-header.left-sliding.left-overlay-menu .sb-slidebar.sb-left.opened .display-table,
.top-header.top-overlay-menu .sb-slidebar.sb-right.opened .display-table {
display: table;
height: 100%;
} .left-header.left-sliding.left-overlay-menu .sb-slidebar .sb-slidebar-content,
.top-header.top-overlay-menu .sb-slidebar.sb-right .sb-slidebar-content {
display: table-cell;
vertical-align: middle;
} html.csstransforms body.top-header.top-overlay-menu.slider-bar-opened #main {
-webkit-transform: initial;
-moz-transform: initial;
-ms-transform: initial;
-o-transform: initial;
transform: initial;
}
body.left-header.left-sliding.left-overlay-menu.slider-bar-opened #main-wrapper { } html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
-webkit-transition: left 400ms ease;
-moz-transition: left 400ms ease;
-o-transition: left 400ms ease;
transition: left 400ms ease;
}
html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left{
left: 0px;
}
html.csstransforms .left-header.left-static .sb-slidebar.sb-left {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
} .mobile-nav-controller {
display: inline-block;
}
.be-mobile-menu-icon { display: inline-block;
position: relative;
-webkit-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
width: 18px;
height: 2px;
top: -4px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s; }
.be-mobile-menu-icon::before, 
.be-mobile-menu-icon::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
right: 0;
-webkit-transition: -webkit-transform .5s, top .5s, background-color 0.3s, width 0.2s;
-moz-transition: -moz-transform .5s, top .5s, background-color 0.3s width 0.2s;
transition: transform .5s, top .5s, background-color 0.3s width 0.2s;
}
.be-mobile-menu-icon::before {
top: -5px;
}
.be-mobile-menu-icon::after {
top: 5px;
}
.be-mobile-menu-icon.is-clicked {
background-color: rgba(255, 255, 255, 0) !important;
}
.be-mobile-menu-icon.is-clicked::before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.be-mobile-menu-icon.is-clicked::after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}  body.page-template-page-blank #header-wrap,
body.page-template-page-blank #header-bottom-bar,
body.page-template-page-blank.left-header .sb-slidebar,
body.page-template-page-blank.left-header .left-strip-wrapper,
body.page-template-page-blank #footer-wrap,
body.page-template-page-blank.left-header #leftheadermobile{
display: none !important;
}
body.page-template-page-blank.left-header.left-sliding #main-wrapper,
body.page-template-page-blank.left-header.left-static #main-wrapper{
margin-left: 0px;
}
.be-password-protect-wrap {
padding: 150px 0;
} .page-title-module-custom {
padding:30px 0;
}
.header-breadcrumb {
font-size: 11px;
}
.header-breadcrumb .breadcrumbs a {
color: inherit;
} .gallery-slider-wrap  {
position: fixed;
width: 100%;
height: 100%;
background: #fff;
top: 0px;
left: -100%;
z-index: 15;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-moz-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-o-transition: left 0.3s ease-in, opacity 0.3s ease-in;
-ms-transition: left 0.3s ease-in, opacity 0.3s ease-in;
transition: left 0.3s ease-in, opacity 0.3s ease-in;
}
a.no-link {
cursor: default;
}
.overflow-hidden {
overflow: hidden !important;
}
.gallery-slider-content,
#gallery-container-wrap,
#gallery-container {
position: relative;
width: 100%;
height: 100%;
}
#gallery-container-wrap{
height: 100vh;
}
#gallery-container {
width: 100%;
float: left;
} #gallery-container-wrap {
overflow-x: hidden;
overflow-y: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: opacity 1s ease;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#gallery-container {
white-space: nowrap !important;
word-wrap: normal;
font-size: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0px !important;
}
#gallery-container .placeholder {
width: 100%;
height: 100%;
display: inline-block;
zoom: 1;
text-align: center;
position: relative;
}
#gallery-container .placeholder img {
display: inline-block;
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: none;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
-ms-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
#gallery-container .placeholder.style1_placehloder {
width: auto;
position: relative;
vertical-align: top;
height: 100%;
height: 100% !important;
}
#gallery-container .placeholder.style1_placehloder img {
height: 100%;
max-width: none;
}
#gallery-container .placeholder.center,
#gallery-container .placeholder.style2_placehloder {
vertical-align: top;
overflow: hidden !important;
}
#gallery-container .placeholder.center .fluid-width-video-wrapper iframe{
width: 100%!important;
}
.single-page-lightbox-content {
height: 100% !important;
overflow: auto !important;
}
#gallery-container .placeholder.center.style4_placehloder {
display: block;
overflow: hidden;
}
#gallery-container .placeholder.center.style4_placehloder a.slider-img-wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
}
.portfolio-item-overlay,
.overlay_placeholder {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000;
background: rgba(0, 0, 0, 0.85);
z-index: 1;
}
.placeholder .fluid-width-video-wrapper {
display: inline-block !important;
vertical-align: top !important;
padding: 0px !important;
margin: 0px !important;
height: 100% !important;
}
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}
.fluid-width-video-wrapper, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
max-width: 100%;
}
.placeholder .fluid-width-video-wrapper iframe.gallery {
position: relative !important;
height: 100% !important;
}
#gallery-container .placeholder:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#gallery-container .placeholder.center img {
-webkit-backface-visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: block;
max-width: none;
max-height: none;
}
.gallery-all-container.resized .arrow_prev, 
.gallery-all-container.resized .arrow_next{ display: none !important;
}
.arrow_prev,
.arrow_next {
position: absolute;
top: 50%;
cursor: pointer;
z-index: 10;
margin-top: -50px;  font-size: 30px;
text-align: center; }
.single_portfolio_info_close { 
position: absolute;
line-height: 40px;
width: 40px;
font-size: 20px;
height: 40px;
text-align: center;
}
.arrow_prev {
left: 0px;
}
.arrow_next {
right: 0px;
}
.style1-arrow .arrow_prev,
.style2-arrow .arrow_prev,
.style1-arrow .arrow_next,
.style2-arrow .arrow_next {
height: 100px;
line-height: 100px;
width: 60px;
}
.style3-arrow .arrow_prev,
.style4-arrow .arrow_prev,
.style3-arrow .arrow_next,
.style4-arrow .arrow_next {
height: 40px;
line-height: 40px;
width: 40px;
}
.style5-arrow .arrow_prev,
.style6-arrow .arrow_prev,
.style5-arrow .arrow_next,
.style6-arrow .arrow_next {
height: 50px;
line-height: 50px;
width: 50px;
border-radius: 50%;
}
.style2-arrow .arrow_prev,
.style4-arrow .arrow_prev{
border-left: none !important;
}
.style2-arrow .arrow_next,
.style4-arrow .arrow_next{
border-right: none !important;
} 
.style5-arrow .arrow_prev,
.style6-arrow .arrow_prev{
left:15px;
}
.style5-arrow .arrow_next,
.style6-arrow .arrow_next{
right:15px;
}
.arrow_next .font-icon, 
.arrow_prev .font-icon, 
.single_portfolio_close .font-icon, 
.single_portfolio_info_close .font-icon, 
.single_portfolio_back .font-icon {
display: inline-block;
text-align: center;
line-height: inherit;
-webkit-user-select: none;
}
.gallery_content {
position: absolute;
top: 0px;
width: 480px;
background: #fff;
word-break: break-word;
z-index: 11;
height: 100%;
right: -480px;
-webkit-transition: right 0.3s ease;
-moz-transition: right 0.3s ease;
-o-transition: right 0.3s ease;
-ms-transition: right 0.3s ease;
transition: right 0.3s ease;
box-sizing: border-box;
}
.normal-scroll .attachment-details-custom-slider {
display: block !important;
opacity: 1 !important;
}
.normal-scroll.gallery-all-container .arrow_prev,
.normal-scroll.gallery-all-container .arrow_next {
display: none !important;
}
.gallery_content.show {
right: 0px;
}
.single_portfolio_info_close {
left: -40px;
top: 40px;
z-index: 12;
}
.single_portfolio_info_close .font-icon {
border-radius: 0px;
border: 0px;
font-size: inherit;
}
.single_portfolio_close {
right: 40px;
top: 60px;
}
.single_portfolio_close .font-icon {
font-size: 16px;
}
.post-title.gallery-title {
font-size: 16px;
text-transform: uppercase;
color: #000;
letter-spacing: 2px;
margin-bottom: 15px;
}
.gallery_scrollable_content {
margin-bottom: 50px;
}
.gallery_scrollable_content a.more-link,
.single-portfolio a.more-link {
display: none !important;
}
.gallery_content_area .post-header i {
margin-right: 20px;
}
.gallery_content_area .post-header li {
margin-bottom: 10px;
}
.gallery_content_area,
.gallery_content_area_wrap {
height: 100%;
max-height: 100%;
}
.gallery_content_area_wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 50px;
}
.show-title .attachment-details-custom-slider,
.show-title .overlay_placeholder {
opacity: 0 !important;
}
.attachment-details-custom-slider {
position: absolute;
bottom: 0px;
left: 0px;
word-break: break-word;
white-space: normal;
word-wrap: normal;
background: #000;
display: none;
padding: 0px 20px;
color: #a2a2a2;
}
.attachment-details-custom-slider a,
.attachment-details-custom-slider a:hover,
.attachment-details-custom-slider a:active,
.attachment-details-custom-slider a:visited {
color: inherit;
font-size: inherit;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0px;
text-align: left;
}
.attachment-details-custom-slider a.cat-list,
.attachment-details-custom-slider span {
color: inherit;
font-size: 13px;
line-height: 20px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 2px 12px 2px;
text-align: left;
}
.gallery_content .be-section-pad {
padding: 0 !important;
}
.single_portfolio_info_close {
left: -40px;
bottom: 5px;
top: auto;
}
.gallery-all-container {
position: relative !important;
overflow: hidden;
} #portfolio-title-nav-bottom-wrap h6, 
#portfolio-title-nav-bottom-wrap ul a, 
.single_portfolio_info_close .font-icon,
.slider-counts{
-webkit-transition: all 0.3s ease;    
-moz-transition: all 0.3s ease;    
-o-transition: all 0.3s ease;    
-ms-transition: all 0.3s ease;    
transition: all 0.3s ease;    
}
.home-grid-icon{
width:18px;
display: inline-block;
}
.home-grid-icon span{
background: #000;
float: left;
height: 4px;
width: 4px;
margin-bottom: 1px;
margin-left: 1px;
-webkit-transition: all 0.5s ease;    
-moz-transition: all 0.5s ease;    
-o-transition: all 0.5s ease;    
-ms-transition: all 0.5s ease;    
transition: all 0.5s ease;    
}
.home-grid-icon span:nth-child(1){
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay : 50ms;
}
.home-grid-icon span:nth-child(2){
-webkit-transition-delay: 80ms;
-moz-transition-delay: 80ms;
-o-transition-delay: 80ms;
transition-delay : 80ms;
}
.home-grid-icon span:nth-child(3){
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay : 100ms;
}
.home-grid-icon span:nth-child(4){
-webkit-transition-delay: 120ms;
-moz-transition-delay: 120ms;
-o-transition-delay: 120ms;
transition-delay : 120ms;
}
.home-grid-icon span:nth-child(5){
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay : 150ms;
}
.home-grid-icon span:nth-child(6){
-webkit-transition-delay: 180ms;
-moz-transition-delay: 180ms;
-o-transition-delay: 180ms;
transition-delay : 180ms;
}
.single_portfolio_info_close  {
-webkit-transition: all 0.3s ease;    
-moz-transition: all 0.3s ease;    
-o-transition: all 0.3s ease;    
-ms-transition: all 0.3s ease;    
transition: all 0.3s ease;
}
#portfolio-title-nav-wrap .home-grid-icon{
display: block;	
}
#portfolio-title-nav-wrap{
padding: 15px 0px;
border-top: none !important;
border-right: none !important;
border-left: none !important;
}
#portfolio-title-nav-wrap{
position: relative;
}
h6.portfolio-title-nav{
text-align: center;
margin-bottom: 0px;
}
#portfolio-title-nav-wrap.style3 h6.portfolio-title-nav{
text-align: left;
}
#portfolio-title-nav-wrap .portfolio-nav{
position: absolute;
right: 30px;
top: 50%;
margin: -15px 0px 0px 0px;
line-height: normal;
width: 117px;
padding: 0px;
text-align: right;
}
#portfolio-title-nav-wrap .be-wrap .portfolio-nav{
right: 0px;
}
#portfolio-title-nav-wrap .portfolio-nav li{
display: inline-block;
padding-right: 15px;
font-size: 17px;
line-height: 33px;
}
#portfolio-title-nav-wrap .portfolio-nav li.home-grid-wrapper{
margin-bottom: 2px;
padding-right: 12px;
}
#portfolio-title-nav-wrap .portfolio-nav li:last-child{
padding-right: 0px;
}
#portfolio-title-nav-wrap .portfolio-nav a{
text-decoration: none;
}
#portfolio-title-nav-bottom-wrap {
position: absolute;
bottom: 5px;
right: 40px;
z-index: 9;
}
#portfolio-title-nav-bottom-wrap ul{
padding: 0px 10px;
}
#portfolio-title-nav-bottom-wrap h6, 
#portfolio-title-nav-bottom-wrap ul{	
display: inline-block;
margin-bottom: 0px;
}
#portfolio-title-nav-bottom-wrap h6{
line-height: 40px;
padding: 0px 15px;
}
#portfolio-title-nav-bottom-wrap ul li{
display: inline;
}
#portfolio-title-nav-bottom-wrap ul li a{
color:inherit;
display: inline-block;
height: 40px;
width: 40px;
line-height: 41px;
text-align: center;
margin-bottom: 0px;
}
#portfolio-title-nav-bottom-wrap h6, 
#portfolio-title-nav-bottom-wrap ul, 
.single_portfolio_info_close .font-icon{
color:  #323232;
}
.gallery_content .slider-counts-mobile{
display: none;
}
.image-size-toggle{
width: 40px;
line-height: 40px;
text-align: center;
right: 40px;
height: 41px;
bottom: 0px;
} #footer {
position: relative;
}
#footer.layout-border {
position: relative;
}
#footer-wrap{
padding: 25px 0;
}
#footer-wrap .footer-left-area{
padding-left: 30px;
}
#footer-wrap .footer-right-area{
padding-right: 30px;
}
#footer-wrap.be-wrap .footer-left-area{
padding-left: 0px;
}
#footer-wrap.be-wrap .footer-right-area{
padding-right: 0px;
}
#footer-wrap .footer-left-area{
position: absolute;
top: 50%;
height: 20px;
line-height: 20px;
margin-top: -10px;
left: 0; 
}
#footer-wrap .footer-right-area{
position: absolute;
top: 50%;
height: 20px;
line-height: 20px;
margin-top: -10px;
right: 0; 
}
#footer-wrap .footer-center-area{
text-align: center;
height: 20px;
line-height: 20px;
}
#footer .footer-border{
display: block;
} #footer-wrap.style2 .footer-left-area,
#footer-wrap.style2 .footer-center-area,
#footer-wrap.style2 .footer-right-area{
position: static;
float: none;
display: inline;
}
#footer-wrap.style2 .footer-content-inner-left,
#footer-wrap.style2 .footer-content-inner-right,
#footer-wrap.style2 .footer-content-inner-center{
margin-top: 0px;
margin-top: 30px;
text-align: center;
padding-left: 0px;
padding-right: 0px;
width: 100%;
height: auto;
line-height: 30px;
}
#footer-wrap.style2 div:last-child{
margin-bottom: 30px;
}
#footer-wrap .font-icon{
margin-bottom: 0px;
margin-right: 0px;
}
#footer-wrap a{
margin-right: 10px;
}
#footer-wrap a:last-child{
margin-right: 0px;	
}
ul#footer-menu{
display: inline-block;
margin-bottom: 0px;
}
ul#footer-menu li{
display: inline;
list-style: none;
}
ul#footer-menu li a{
color: inherit;
}
#footer-menu > li:after{
content: " | ";
} 
#footer-menu > li:last-child:after{
content: "";
} .post-meta {
float: left;
}
.post-meta a {
color: inherit !important;
}
.post-title a {
color: inherit !important;
display: inline-block;
}
.post-nav {
font-size: 12px;
}
.post-nav ul li {
margin-bottom: 0;
}
.post-nav .post-meta-sep {
margin: 0 7px;
}
.style7-blog .post-meta-sep {
margin: 0 3px;
}
.pagination_parent.style7-blog{
text-align: center;
}
.pagination a, .pagination span, .pages_list a {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
margin: 0 16px 0px 0px;
display: inline-block;
}
.portfolio.full-screen.full-screen-gutter .pagination {
text-align: center;
}
.pagination a:last-child, .pagination span:last-child {
margin-right: 0px;
}
.pages_list a { 
width: auto;
padding: 0px 10px;
}
embed {
max-width: 100%;
}
.single-post #content {
padding-bottom: 50px;
}
.single-page-atts h6 {
margin-right: 10px;
}
.single-page-atts h6,
.single-page-atts .tagcloud {
float: left;
}
.single-page-atts .tagcloud a {
margin-bottom: 20px;
line-height: 20px;
padding: 7px 10px;
color: inherit;
}
.single-page-atts .share-links a {
line-height: 32px;
display: block;
float: left;
padding: 0px 3px;
color: inherit;
}
.single-page-att {
margin-bottom: 30px;
}
.single-post .project_navigation {
margin-top: 50px;
}
.post-excerpt{
margin-bottom: 35px;
} 
.hide-excerpt .post-bottom-details {
display: none;
}
.post-thumb img{
width: 100% !important;
height: auto !important;
}
.post-thumb.style-2{
float: left;
width: 300px;
margin-right: 20px;
}
.no-thumb .post-header {
margin-bottom: 15px;
}
.post-date-wrap {
width: 52px;
text-align: center;
text-transform: uppercase !important;
padding: 8px;
border: 2px solid;
border-color: inherit;
position: absolute;
top: 0px;
left: 0px;
font-family: inherit !important;
line-height: inherit !important;
font-size: 16px !important;
margin-bottom: 0px !important;
}
.post-title-section-wrap {
margin-bottom: 30px;
position: relative;
min-height: 72px;
}
.style3-blog .post-title-section-wrap {
margin-bottom: 20px;
}
.post-title-section {
position: relative;
width: 100%;
box-sizing: border-box;
padding-left: 104px;
}
.blog-separator .separator {
margin-top: 35px;
margin-bottom: 0px !important;
width: 100%;
display: block;
height: 3px;
}
hr {
margin-bottom: 50px;
}
.post-tags {
margin-bottom: 40px;
}
.article-details {
padding: 30px 0px;
}
.style3-blog .article-details{
padding: 30px 30px;
}
.blog-post.format-quote .article-details,
.blog-post.format-link .article-details {
padding: 30px 30px 0px 30px;
}
.element.blog-post {
width: 100%;
}
.blog-post.format-quote .post-top-details .post-nav,
.blog-post.format-link .post-top-details .post-nav {
margin-bottom: 20px;
}
.blog-post.format-quote .post-top-details .post-meta.post-comments,
.blog-post.format-link .post-top-details .post-meta.post-comments {
display: none;
}
.blog-post.format-quote .post-date-wrap,
.blog-post.format-link .post-date-wrap {
border: none;
font-size: 75px !important;
padding: 0px;
width: 100px;
text-align: left;
color: inherit;
}
.style3-blog .blog-post.format-quote .post-date-wrap,
.style3-blog .blog-post.format-link .post-date-wrap {
font-size: 60px !important;
width: 60px;
}
.style3-blog .blog-post.format-quote .post-title-section,
.style3-blog .blog-post.format-link .post-title-section {
padding-left: 70px;
}
.post-custom-meta {
font-size: 13px;
}
.style1-blog .blog-post.format-quote .element-inner,
.style1-blog .blog-post.format-link .element-inner,
.style2-blog .blog-post.format-quote .element-inner,
.style2-blog .blog-post.format-link .element-inner,
.style2-blog .blog-post .post-content-wrap,
.style5-blog .blog-post.format-quote .element-inner,
.style5-blog .blog-post.format-link .element-inner,
.style6-blog .blog-post.format-quote .element-inner,
.style6-blog .blog-post.format-link .element-inner {
margin-bottom: 30px;
}
.style1-blog .article-details,
.style5-blog .article-details,
.style6-blog .article-details {
padding: 30px 0px 0px 0px;
}
.style2-blog .post-nav,
.style3-blog .post-nav,
.style5-blog .post-nav,
.style6-blog .post-nav {
margin-bottom: 20px !important;
}
.style3-blog .blog-post.element .element-inner {
background: #fff;
}
.style2-blog .more-link,
.style3-blog .more-link {
display: none;
}
.style3-blog .fluid-width-video-wrapper,
.post-thumb p {
margin-bottom: 0px !important;
}
.style6-blog .special-subtitle.post-date {
margin-bottom: 10px;
}
.style6-blog .special-subtitle.post-date a {
color: inherit;
}
.single-post .style6-blog .post-details {
margin-bottom: 20px;
} .style7-blog .post-content-wrap .post-header,
.style7-blog .post-content-wrap .post-top-details { 
text-align: center; 
}
.style7-blog .post-content-wrap .post-category{
margin-bottom: 3px;
float:none;
} .blog .style7-blog .post-content { 
text-align: center;
margin: 0 auto; 
max-width: 780px; 
}
.style7-blog .post-category{
float:none;
text-align: center;
}
.style7-blog .post-nav { 
display: inline-block; 
margin-bottom: 12px
}
body.blog #content.style7-blog-content .pagination{
text-align: center;
} .style2-blog .post-thumb {
width: 40%;
margin-right: 5%;
float: left;
}
.style2-blog .article-details {
width: 55%;
float: left;
padding: 0px;
}
.style2-blog .format-quote .article-details,
.style2-blog .format-link .article-details{
width: 100%;
}
.single-post .style2-blog .post-thumb,
.single-post .style2-blog .article-details {
float: none;
margin-right: 0px;
width: auto;
}
.single-post .style2-blog .post-thumb {
margin-bottom: 30px;
} .style3-blog .blog-separator .separator {
margin-top:60px;
margin-bottom: 65px;
}
.blog-post.element {
margin-bottom: 65px;
}
.style3-blog .format-quote .post-content-wrap, 
.style3-blog .format-link .post-content-wrap {
margin-bottom: 0;
}
.element .post-content p {
margin-bottom: 20px;
} .style4-blog .blog-post {
background: #fff;
width: 100%;
} .style7-blog .blog-separator .separator {
height: 1px;
} .mejs-container, 
.mejs-embed, 
.mejs-embed body,
.mejs-container .mejs-controls {
background: none !important;
}
.mejs-container .mejs-controls .mejs-time span {
color: #555 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #efefef !important;
}
.mejs-controls .mejs-button button {
background: none !important;
outline: 0;
margin: 5px 5px !important;
height: 20px !important;
line-height: 20px !important;
outline: none !important;
}
.mejs-controls .mejs-button button:before {
outline: none !important;
}
.mejs-controls .mejs-playpause-button.mejs-play button:before {
content: "\e6ab";
font-family: 'icomoon' !important;
font-size: 12px;
color: #555;
}
.mejs-controls .mejs-playpause-button.mejs-pause button:before {
content: "\e7f6";
font-family: 'icomoon' !important;
font-size: 20px;
color: #555;   
}
.mejs-controls .mejs-volume-button.mejs-mute button:before {
content: "\e834";
font-family: 'icomoon' !important;
font-size: 14px;
color: #555;   
}
.mejs-controls .mejs-volume-button.mejs-unmute button:before {
content: "\e836";
font-family: 'icomoon' !important;
font-size: 14px;
color: #555;   
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #000 !important;
} .form-submit {
margin-bottom: 0;
}
.commentlist { 
list-style: none; 
padding: 0; 
margin-bottom: 60px; 
}
.commentlist li.comment { 
padding: 0; 
margin-bottom: 0; 
}
article.comment {
margin-bottom: 50px;
position: relative;
}
.vcard, .comment-content {
float: left;
}
.vcard {
width: 9%;
}
.comment-author-inner {
display: inline-block;
text-align: center;
}
.comment-author-inner img {
height: auto !important;
}
.comment-content{
width: 80%;
padding-left: 4%;
}
.children{
list-style: none;
}
#comments-title{
margin-bottom: 40px;
}
.comment {
margin-bottom: 30px;
}
.comment-meta{
margin-bottom: 10px;
}
.comment_text p{
margin-bottom: 0;
}
#reply-title {
margin-bottom: 15px;
}
.comment-meta h6.fn {
margin-bottom: 0;
}
.comment-meta time {
font-size: 12px;
}
.comment-edit-reply { 
padding:0; 
margin:0;
position: absolute;
right: 10px;
bottom: 2px;
}
.comment-edit-reply li {
margin-bottom: 0;
}
.comment-edit-reply,.children{ list-style:none !important; }
.reply {
display:block;
}
.reply,
li.edit-link,
span.edit-link {
font-size: 11px;
font-style: italic;
}
.comment a{
text-decoration: none;
}
.avatar {
margin-bottom: 10px;
}
.children{ 
padding-left:10% ;
margin-bottom: 0; 
}
.children .vcard { 
width:9%; 
}
.children .comment-content { 
width: 80%;
padding-left: 4%;
}
.form-allowed-tags{
display: none;
} h1,h2,h3,h4,h5,h6 {
-webkit-font-smoothing: antialiased;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
}
h1,h2 {
margin-bottom: 20px;
}
h3, h4 , h5 {
margin-bottom: 15px;
}
h6 {
margin-bottom: 10px;
}
p {
margin-bottom: 30px;
}
p.inner-content{
margin-left: 30px;
}
#content ,.post-title ,.breadcrumbs , #page-title{
-ms-word-wrap: break-word;
word-break: break-word;   
}
#content.page-split-screen-left {
margin-left: 50%;
min-height: 100vh;
}
#content.page-split-screen-right {
width: 50%;
min-height: 100vh;
}
blockquote {
font-style: italic;
margin-bottom: 30px;
position: relative;
padding-left: 90px;
min-height: 60px;
}
blockquote p:last-child{
margin-bottom: 0;
}
blockquote:before {
content: "\e621";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0px;
left: 0px;
font-size: 80px;
z-index: -1;
color: #dfdfdf;
line-height: 60px;
} a, a:visited , a:hover{
text-decoration: none;
}
.sidebar-widgets .widget ul li a {
color: inherit;
} ul,ol{
padding-left: 1.3em;
line-height: inherit;
margin: 0px 0px 20px;
}
ul{ list-style: disc; }
ol{ list-style: decimal; }
ul li,ol li{
margin-bottom: 10px;
}
ul ul, ol ol, li ul, li ol {
margin-top: 10px;
}
dd { margin: 0 0 20px; line-height: inherit; }
dt { line-height: inherit; }
nav ul, nav ol { list-style: none !important; list-style-image: none; margin: 0; padding: 0; }
.widget ul{
margin-bottom: 0;
}
.widget ul li:last-child{
margin-bottom: 0 !important;
padding-bottom: 0;
border: none;
} code, pre { font-family:"Courier New", Courier, monospace; }
cite{ font-weight:bold; }
address {
display: block;
line-height:20px;
margin: 0 0 20px;
}
pre{  display: block; margin: 10px 0; padding: 10px; overflow: auto; }
table{ border-collapse: collapse; margin-bottom:20px; }
tr:nth-of-type(odd){  }
th,td{ border: 1px solid #ddd; padding: 9px 20px; }
th{ text-transform: uppercase; }
caption{ font-size: 11px; font-style: italic; }
sup,
sub {
height: 0;
font-size: 10px;
line-height: 1;
position: relative;
top: .5ex;
vertical-align: baseline;
}
sup { bottom: 1ex; top:auto; } .wp-caption{
margin-bottom:20px;
max-width: 100% !important;
padding-top: 6px;
text-align: center;
}
.wp-caption img{ width:auto!important; height:auto!important; max-width:98%;}
.wp-caption img, .wp-caption img a { border: 0 none; margin: 0 !important; padding: 0; }
.wp-caption .wp-caption-text { font-size: 11px; font-style:italic; margin: 0; padding: 4px 4px 5px;  }
img.alignright, .wp-caption.alignright { float: right; margin: 0 0 0px 20px; }
img.alignleft, .wp-caption.alignleft { float: left; margin: 0 20px 0px 0; }
img.aligncenter, .wp-caption.aligncenter { display: block;  margin-right: auto; margin-left: auto; }
img.aligncenter { margin-bottom: 10px; }
a img.alignright { float: right; margin: 7px 0 20px 20px; }
a img.alignleft { float: left; margin: 7px 20px 20px 0; }
a img.aligncenter { display: block;  margin-right: auto; margin-left: auto; }
.gallery-item img{ width:auto !important; height:auto !important;  border:none !important; max-width: 100% !important; }    
.gallery-caption { display: block; font-style: italic; margin-bottom: 0 !important; padding: 0 4px 5px; }
.element .post-content img{width: auto;} .sticky, .bypostauthor { } img[class*="align"],
img[class*="wp-image-"] {
height: auto; 
} input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
padding: 0px;
width: 100%;
margin-bottom: 20px;
border: none;
text-indent: 10px;
font-size: inherit;
color: inherit ;
font: inherit ;
line-height: 20px;
height:41px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
width: 100%;
height: 38px;
padding: 10px;
display: block;
position: relative;
border: 2px solid #eeeeee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rtb-booking-form select{
width: 100%;
}
select[multiple="multiple"] {
height: 100px;
}
select[multiple="multiple"] option {
height: 20px;
line-height: 20px;
}
textarea{
padding: 10px 0 0 10px;
height: 350px;
width: 100%;
margin-bottom: 20px;
font:inherit;
overflow: auto;
font-size: inherit;
color: inherit ;
font: inherit ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}  
.comment-form textarea,
.comment-form input[type="text"]{
margin-bottom: 0px;
}
.rtb-booking-form textarea {
width: 100% !important;
max-width: none !important;
height: 150px;
}
input[type="submit"], .action-button .be-button,
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
border: none;
cursor:pointer;
display: inline-block;
margin:0px 20px 10px 0;
text-decoration: none;  
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 12px;
line-height: 12px;
padding: 18px;
text-transform: uppercase;
letter-spacing: 1px;
} 
.more-link,
.view-project-link {
display: inline-block;
border-bottom-width: 3px;
border-style: solid;
border-color: inherit; color: inherit;
padding-bottom: 5px;
text-transform: uppercase;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
}
.more-link.style2-button,
.view-project-link.style2-button {
border-color: inherit !important;
border-width: 2px;
border-style: solid;
padding: 5px 15px;
font-size: 12px;
}
.more-link.style3-button,
.view-project-link.style3-button {
border: none;
padding: 5px 15px;
font-size: 12px;
}
.view-project-link.style2-button,
.view-project-link.style3-button {
padding: 15px 20px;
} .wpcf7-not-valid-tip {
display: none;
}
span.wpcf7-form-control-wrap {
position: relative !important;
display: block !important;
}
input[type="text"].wpcf7-not-valid , input[type="email"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, textarea.wpcf7-not-valid {
border: 1px solid #ef8080;
margin-bottom: 0;
}  .contact_form .column-block{
margin-bottom: 25px ;
}
.contact_form input[type="text"]{
width: 100%;
margin-bottom: 30px !important;
}
.contact_form textarea.txt_area {
width:100%;
margin-bottom: 30px !important;
}
.contact_form {
margin-bottom: 60px;
} .contact_form_module.style2-input input[type="text"],
.contact_form_module.style2-input textarea {
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
input[type="submit"].largebtn {
font-size: 15px;
line-height: 16px;
padding: 18px 25px;
}
.button-shape-circular input[type="submit"].largebtn{
padding: 18px 35px;
}
input[type="submit"].mediumbtn {
font-size: 13px;
line-height: 14px;
padding: 15px 20px;
}
.button-shape-circular input[type="submit"].mediumbtn{
padding: 15px 30px;
}
input[type="submit"].smallbtn {
font-size: 11px;
line-height: 12px;
padding: 12px 15px;
}
.button-shape-circular input[type="submit"].smallbtn{
padding: 12px 25px;
}
::-webkit-input-placeholder {
color: inherit !important;
font: inherit !important;
} .gmap {
margin-bottom: 60px;
height: 100%;
}
.gmap img {
max-width: initial !important;
}
.page-template-contact-php #content {
padding-bottom: 50px;
}
.submit-fieldset {
position: relative;
transform-style: preserve-3d;
}
.contact_loader,
.subscribe_loader {
background: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/img/loader.gif) no-repeat top left;
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
display: none; left: 0;
margin-left: 100px; top:-46%;
transform:translateY(50%);
}
.contact_loader .font-icon {
width: 15px;
height: 15px;
border-width: 3px;
}  .widget{
margin-bottom: 40px;
}
#bottom-widgets .widget {
margin-bottom: 40px;
}
.sidebar-widgets .widget:last-child {
margin-bottom: 0;
}
.widget h6 {
margin-bottom: 10px;
}
#bottom-widgets {
padding-top: 70px;
padding-bottom: 70px;
position: relative;
z-index: 3;
}
#bottom-widgets .column-block {
margin-bottom: 0;
}
#bottom-widgets-wrap .column-block .widget:last-child {
margin-bottom: 0;
} .recent_post_container{
list-style: none !important;
padding: 0;
}
.recent_posts {
margin-bottom: 25px;
}
.recent_post_content a {
display: block;
padding: 0;
}
.recent_post_img { 
margin: 6px 10px 0 0; 
float: left; 
}
.recent_post_img a {
display: block;
position: relative;  
}
.recent_post_img img { 
display: inline-block; 
}
.recent-post-date {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 5px;
display: inline-block;
}
.recent-post-title {
margin-bottom: 10px
} .tagcloud:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.tagcloud a {
padding: 7px 15px;
display: block;
float: left;
margin: 0 15px 15px 0;
background-clip: padding-box; 
color: inherit;
border: 1px solid; 
} .search-submit {
display: none !important;
}
.search-button{
margin-left: -30px;
}
.widget .searchform {
position: relative;
}
.widget .searchform .search-icon {
position: absolute;
top: 0px;
right: 15px;
line-height: 51px;
}
.s {
height: 45px;
border-radius: 3px;
background: #fff;
font-size: 11px;
z-index: 1000000;
margin-bottom: 0px;
}
.widget .s {
width: 97% !important;
}
.not-found {
padding-top:100px;
padding-bottom: 100px;
text-align: center;
}
.not-found-search{
width: 350px;
margin: 0 auto;
} #wp-calendar {
width: 100%;
background: none;
border: none;
border-collapse: separate;
border-spacing:0;
line-height: 24px;
margin-bottom: 0px;
text-align: center;
}
#wp-calendar caption {
font-size: 12px;
font-style: normal;
text-align: center;
text-transform: uppercase;
}
#wp-calendar thead {
font-size: 11px;
font-weight: 700;
}
#wp-calendar thead  th{
background: none;
padding-top: 5px;
padding-bottom: 5px;
}
#wp-calendar tbody,#wp-calendar tfoot  {
font-size: 11px;
font-weight: 700;
}
#wp-calendar tbody tr td,#wp-calendar thead tr th,#wp-calendar tfoot tr td{
background: none;
border: none;
}
#wp-calendar tbody tr td {
background: none;
border: 1px;
}
#wp-calendar tbody tr td.pad {
background: none;
border:none;
}
#wp-calendar tfoot tr td{
background: none;
padding: 5px 0px 0px;
}
#wp-calendar td,#wp-calendar th {
padding: 0px;
}
#today a{ color:#fff; }
#wp-calendar tfoot tr #prev{
text-align: left;
}
#wp-calendar tfoot tr #next {
text-align: right;
}
#wp-calendar tr a {
display: block;
} .widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_meta ul, 
.widget_nav_menu ul, 
.widget_pages ul{
list-style: none;
padding-left: 0;
}
.widget_categories ul li, 
.widget_archive ul li, 
.widget_links ul li,
.widget_meta ul li, 
.widget_nav_menu ul li,
.widget_pages ul li
{
padding-left: 25px;
}
.widget_categories ul li:before, 
.widget_archive ul li:before, 
.widget_links ul li:before,
.widget_meta ul li:before, 
.widget_nav_menu ul li:before,
.widget_pages ul li:before {
content: '\e732';
font-family: "icomoon";
display: inline-block;
margin-left: -25px; width: 25px; font-size: 14px;
}
.widget_categories ul li a, 
.widget_archive ul li a, 
.widget_links ul li a,
.widget_meta ul li a, 
.widget_nav_menu ul li a,
.widget_pages ul li a {
left: 0;
position: relative;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_categories ul li a:hover, 
.widget_archive ul li a:hover, 
.widget_links ul li a:hover,
.widget_meta ul li a:hover, 
.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover {
left: 7px;
} .photostream ul {
list-style: none;
padding-left: 0;
}
.photostream ul li {
margin: 0px 5px 10px 5px;
float: left;
width: auto;
} .photostream ul li a {
display: block;
position: relative;
}
.photostream ul li a img {
display: block;
width: 70px;
height: 70px;
}
.photostream_overlay {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.photostream_overlay:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
} #lang_sel a.lang_sel_sel,
#lang_sel a.lang_sel_sel:hover,
#lang_sel :hover > a, #lang_sel ul ul :hover > a,
#lang_sel ul ul a, #lang_sel ul ul a:visited {
background-color: transparent;
color: inherit;
} #back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: block;
font-size: 17px;
z-index: 9;
display: none;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;	
} body.single-page-version .single-page-nav-wrap {
display: block;
height: 100%;
position: fixed;
bottom: 0px;
right: 15px;
top: 0px;
z-index: 4;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
-webkit-transform: translateZ(0);
}
body.be-themes-layout-layout-border-header-top.single-page-version .single-page-nav-wrap,
body.be-themes-layout-layout-border.single-page-version .single-page-nav-wrap {
right: 50px;
}
body.single-page-version.custom-gallery-page .single-page-nav-wrap {
display: none;
}
body.single-page-version.slider-bar-opened .single-page-nav-wrap {
display: none;
}
body.single-page-version .single-page-nav-wrap-inner {
display: table;
height: 100%;
max-height: 100%;
}
body.single-page-version .single-page-nav-wrap-inner .sinle-page-nav-links {
display: table-cell;
zoom: 1;
vertical-align: middle;
}
.single-page-nav-link {
width: 8px;
height: 8px; border-radius: 100%;
display: block;
margin: 5px 0px !important;
border: 1px solid #999;
position: relative;
}
.single-page-nav-link.current-section-nav-link{
background: #9c9c9c !important;
}
.header-hero-section {
position: relative;
}
.page-template-page-splitscreen-left .header-hero-section {
position: fixed;
width: 50%;
height: 100% !important;
}
.left-sliding.page-template-page-splitscreen-left .header-hero-section {
width: calc(50% - 35px);
}
.page-template-page-splitscreen-right .header-hero-section {
position: fixed;
left: 50%;
width: 50%;
height: 100% !important;
}
.left-sliding.page-template-page-splitscreen-right .header-hero-section{
left: calc(50% + 35px);
}
.left-static.page-template-page-splitscreen-left .header-hero-section{
width: calc(50% - 140px);
}
.left-static.page-template-page-splitscreen-right .header-hero-section {
left: calc(50% + 140px);	
}
.hero-section-wrap canvas {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.section-navigation {
position: absolute;
bottom: 20px;
left: 0px;
right: 0px;
z-index: 5;
color: inherit;
text-align: center;
font-size: 37px;
}
.single-page-nav-link span {
display: block;
position: absolute;
right: 50px;
top: 0px;
background: #000;
padding: 4px 20px;
margin-top: -13px;
color: #fff;
white-space: nowrap;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.single-page-nav-link:hover span {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
right: 30px;
}
.single-page-nav-link:hover span:after {
border-top: 17px solid transparent;
border-left: 20px solid black;
border-bottom: 17px solid transparent;
display: block;
content: '';
position: absolute;
right: -20px;
top: 0px;
}  @-webkit-keyframes arrow-bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-20px);}
60% {-webkit-transform: translateY(-10px);}
} 
@keyframes arrow-bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-20px);}
60% {transform: translateY(-10px);}
} .section-navigation .font-icon {
-webkit-animation: arrow-bounce 2.5s infinite;
animation: arrow-bounce 2.5s infinite;
} .mouse-icon {
border: 2px solid #fff;
border-radius: 16px;
height: 40px;
width: 24px;
display: inline-block;
z-index: 10;
opacity: 0.7;
}
.mouse-icon .wheel {
-webkit-animation-name: drop;
-webkit-animation-duration: 1.25s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
-webkit-animation-name: drop;
animation-name: drop;
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.mouse-icon .wheel {
position: relative;
border-radius: 10px;
background: #fff;
width: 2px;
height: 6px;
top: 4px;
margin-left: auto;
margin-right: auto;
display:block;
}
@-webkit-keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
100% {
top: 25px;
opacity: 0;
}
}
@keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
100% {
top: 25px;
opacity: 0;
}
}  @media only screen and (max-width: 1279px) {
#navigation .menu > ul > li.mega > ul.sub-menu {
width: 974px;	
margin-left: -487px;
}
}
@media only screen and (max-width: 960px) {
.left-header #left-header-mobile{
display: block;
}
.left-header .layout-box-left{
display: block;
}
.left-header .left-strip-wrapper,
.left-header .sb-left{
display: none;
}
.left-header #main-wrapper{
margin-left: 0px !important;
}
#navigation,
#navigation-left-side,
#navigation-right-side {
display: none !important;
}
#header-bottom-bar{
display: none !important;
}
.style6 .logo{ float: left;
margin-left: 30px;
}
.style2 .logo {
text-align: left;
margin-left: 30px;
}
.style2 #header-controls-left{
display: none;
}
.style3 .logo {
float: left !important;
position:static;
margin-left:30px;
}
.style1 #header-controls-right{
padding-left: 0px;
}
#header-inner-wrap.stuck {
position: relative;
width: 100%;
box-shadow: none;
}
body.admin-bar #header-inner-wrap.stuck {
top: 0px !important;
}
.sticky-wrapper {
height: auto !important;
}
.header-contact-wrap {
padding-top: 5px;
}
.header-contact-wrap,#header-top-menu {
line-height: 25px !important;
}
.header-contact-wrap .be-wrap div.left, .header-contact-wrap .be-wrap div.right {
margin-bottom: 5px;
}
body.header-transparent #header #header-inner-wrap.no-transparent {
position: absolute;
left: auto;
right: auto;
}
body.sticky-header #header #header-inner-wrap.no-transparent {
position: relative;
left: auto;
right: auto;
top: 0px !important;
}
body.header-transparent.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate, 
body.sticky-header.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate {
top: 0px !important;
}
.mobile-nav-controller-wrap {
display: inline-block;
}
.top-overlay-menu .mobile-nav-controller-wrap {
display: none;
}
.menu-falling-animate-controller {
display: none;
}
#header-controls-right .header-widgets, 
#header-controls-right .header-search-controls,
#header-controls-right .header-cart-controls,
#header-controls-right .sliderbar-menu-controller {
margin-left: 20px;
}
#header-top-bar-right .top-bar-widgets, 
#header-top-bar-right .header-search-controls,
#header-top-bar-right .header-cart-controls,
#header-top-bar-right .menu-controls{
margin-right: 15px;
}
#header-top-bar-left,
#header-top-bar-right{
float: none;
text-align: center;
width: 100%; }
#header-top-bar-wrap{
padding: 13px 0px !important;
}	
#header-top-bar-wrap #header-top-bar-left{
padding: 0px 0px 5px 0px !important;
}
#header-top-bar-wrap #header-top-bar-right{
padding: 5px 0px 0px 0px !important;
}
#header-top-bar-wrap #header-top-bar-left:last-child{
padding-bottom: 0px !important;
}
#header-top-bar-wrap #header-top-bar-right:first-child{
padding-top: 0px !important;
}
#footer-wrap{
padding:10px 0;
}
#footer.layout-border{
position: static;
bottom: auto;
margin-left: 0px;
margin-right: 0px; 
}
#footer-wrap .footer-left-area,
#footer-wrap .footer-center-area,
#footer-wrap .footer-right-area{
position: static;
float: left;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
padding-left: 0px;
padding-right: 0px;
width: 100%;
height: auto;
line-height: 30px;
}
.footer-content-inner-left,
.footer-content-inner-right,
.footer-content-inner-center{
margin-top: 10px;
}
#content.page-split-screen-left,
#content.page-split-screen-right{
margin-left: 0px;
width: 100%;
}
.left-sliding #content.page-split-screen-left,
.left-sliding #content.page-split-screen-right {
margin-left: 0px;
width: 100%;
}
.page-template-page-splitscreen-left .header-hero-section,
.page-template-page-splitscreen-right .header-hero-section{
position: static;
width: 100%;
}
#main.layout-border,
#main.layout-border.layout-border-header-top {
padding: 0px;
}
.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right.opened, 
.be-themes-layout-layout-border .sb-slidebar.sb-right.opened,
body.be-themes-layout-layout-border-header-top.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate, 
body.be-themes-layout-layout-border.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
right: 0px;
}
body.be-themes-layout-layout-border-header-top.single-page-version .single-page-nav-wrap,
body.be-themes-layout-layout-border.single-page-version .single-page-nav-wrap {
right: 35px;
}
body.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right, 
body.be-themes-layout-layout-border .sb-slidebar.sb-right {
right: -280px;
}
.portfolio-sliders .gallery_content {
position: relative;
width: 100%;
right: 0px;
box-shadow: none !important;
}
.portfolio-sliders .gallery_content,
.portfolio-sliders .gallery_content * {
height: auto !important;
max-height: none !important;
}
.portfolio-sliders .gallery_content_area_wrap {
padding: 20px !important;
}
.portfolio-sliders .gallery-all-container .carousel_bar_area{
display: none; 
}
.portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
right: 0px;
text-align: center;
width: 100%;
position: static;
}
.portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
float: none;
display: inline-block;
margin-bottom: 30px;
}
.portfolio-sliders .gallery_content {
background: transparent !important;
}
.portfolio-sliders .portfolio-title-nav-bottom {
display: none !important;
}
} @media only screen and (max-width: 767px) {
#header-inner-wrap.stuck {
position: relative;
width: 100%;
box-shadow: none;
}
.top-bar-widgets{
margin-left: 0px;
margin-right: 15px;
} ul.tabs li  { 
float: none;
margin-right: 0px;
width:100%;
margin-left: 0px;  
} .children { 
padding-left:0% ; 
}
.vcard, .children .vcard { 
width:25%; margin-right: 0; 
}
.comment-content,.children .comment-content { 
width:70%; padding-left: 4%;
}
#footer-widgets { 
width: 270px; 
}
.no-mobile {
display: none;
}
input[type="text"], 
input[type="email"], 
input[type="password"] {
width: 100%;
}
.style2-blog .post-thumb,
.style2-blog .article-details {
width: 100%;
float: none;
}
.gmap-wrapper {
height: 250px !important;
}	
.portfolio-title-nav h6{
text-align: left;
margin-left: 30px;
}
#gallery-container-wrap {
height: auto !important;
padding: 0px !important;
margin-bottom: 20px;
}
html body #gallery-container {
float: none !important;
padding: 0px !important;
}
#gallery-container .placeholder img {
height: auto !important;
max-width: 100% !important;
width: 100% !important;
vertical-align: top !important;
max-height: initial !important;
}
html body #gallery-container .placeholder,
#gallery-container .placeholder.style1_placehloder {
display: block;
width: 100% !important;
vertical-align: initial !important;
height: auto !important;
padding: 20px 20px 0px 20px;
box-sizing: border-box;
}
.placeholder .fluid-width-video-wrapper iframe.gallery {
position: absolute !important;
width: 100% !important;
}
.placeholder .fluid-width-video-wrapper {
padding-top: 50% !important;
}
.portfolio-title-nav-bottom {
display: none !important;
}
.gallery_content {
position: relative;
width: 100%;
right: 0px;
box-shadow: none !important;
}
.gallery_content,
.gallery_content * {
height: auto !important;
max-height: none !important;
}
.gallery_content_area_wrap {
padding: 20px !important;
}
.gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
right: 0px;
}
.gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
right: 0px;
text-align: center;
width: 100%;
}
.gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
float: none;
display: inline-block;
margin-bottom: 30px;
}
.arrow_next, .arrow_prev {
display: none !important;
}
.gallery_content {
background: transparent !important;
}
#portfolio-title-nav-bottom-wrap {
position: relative !important;
}
.gallery-all-container.mobile-one-by-one #portfolio-title-nav-bottom-wrap .slider-counts{
display: none;
}
.gallery-all-container.mobile-slide #portfolio-title-nav-bottom-wrap .slider-counts{
display: none;
}
.gallery_content .slider-counts-mobile{
display: block;
margin-bottom: 8px;
text-align: center;
}
.gallery_content .slider-counts-mobile .total-slides-count{
font-size: 1.9em;
font-weight: bold;
}
#gallery-container .placeholder.center img {
position: relative !important;
width: 100% !important;
height: auto !important;
display: inline-block !important;
margin: 0px !important;
}
body.custom-gallery-page.single-portfolio #header-inner-wrap {
position: relative !important;
}
.overlay_placeholder {
display: none !important;
}
.attachment-details-custom-slider {
position: static !important;
display: block !important;
}	
.attachment-details-custom-slider.special-subtitle { 
max-width: initial; 
}	
#back-to-top{
display: none;
}
#portfolio-title-nav-wrap.style3 h6.portfolio-title-nav{
text-align: center;
}
#portfolio-title-nav-wrap .portfolio-nav{
position: static;
margin-top: 15px;
width: 100%;
text-align: center;
}	
#portfolio-title-nav-wrap .portfolio-nav li{
margin-bottom: 0px;
}
#portfolio-title-nav-wrap .portfolio-nav .home-grid-wrapper{
margin: 0px 15px 2px 15px;
}
} @media only screen and (max-width: 320px) {
#header-controls-right .header-widgets, 
#header-controls-right .header-search-controls,
#header-controls-right .header-cart-controls,
#header-controls-right .sliderbar-menu-controller {
margin-left: 10px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.vcard, .children .vcard {
width: 20%;
}    
} .left{
float:left;
}
.right{
float:right;
} .clear{ clear: both; }
.no-margin{
margin-bottom: 0;
}
.truncate {
height: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.no-list-style{
list-style: none;
} .ir {
background-color: transparent;
border: 0;
overflow: hidden; *text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
} .hidden {
display: none !important;
visibility: hidden;
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} .invisible {
visibility: hidden;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { } @media print {
* {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}.be-wrap {
max-width: 1160px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.page-split-screen-left .be-wrap,
.page-split-screen-right .be-wrap{
padding: 0px 30px;
}
.layout-box{
position: relative;
width:1280px;
margin: 0px auto;
}
#hero-section .be-master-fullscreen {
height: 100vh;
}
.be-section.full-screen-section {
opacity: 0;
height: 1000px;
} #page-content.content-single-sidebar{
width:820px;
}
#left-sidebar, #right-sidebar{
width: 260px;
}
#left-sidebar, #right-sidebar{
float: left;
}
.left-sidebar-page #page-content,.dual-sidebar-page #page-content {
float: right;
}
.right-sidebar-page #page-content{
float: left;
}
#left-sidebar, 
.right-sidebar-page #page-content {
margin-right: 80px;
}
#left-sidebar, #right-sidebar{
margin-bottom: 50px;
}
#content {
position: static;
z-index: 2;
}
body.no-section-scroll #content {
-webkit-transform: initial !important;
-moz-transform: initial !important;
-ms-transform: initial !important;
-o-transform: initial !important;
transform: initial !important;
}
.no-page-builder {
padding: 70px 0px;
}
.page #comments {
padding: 50px 0;
} .layout-box-top,
.layout-box-right,
.layout-box-bottom,
.layout-box-left {
position: fixed;
background: #ccc;
z-index: 15;
-webkit-transform: translateZ(0);
}
.layout-box-top,
.layout-box-bottom {
width: 100%;
height: 30px;
top: 0px;
left: 0px;
}
.layout-box-bottom {
top: auto;
bottom: 0px;
}
.layout-box-right,
.layout-box-left {
width: 30px;
height: 100%;
top: 0px;
right: 0px;
}
.layout-box-left {
right: auto;
left: 0px;
}
body.admin-bar .layout-box-top{
top: 32px;
} .column-block { 
float: left;
margin-left: 5%; 
margin-bottom: 50px;
position: relative;
overflow: hidden;
position: relative;
z-index: 2;
}
.column-block .be-custom-column-pad,
.column-block .be-custom-column-inner {
position: relative;
z-index: 2;
}
.one-col.column-block {
margin-left: 0px;
float: none;
}
.one-third { 
width:30%; 
}
.one-fourth { 
width:21.25%; 
}
.one-fifth { 
width:16%; 
}
.one-half { 
width:47.5%; 
}
.two-third { 
width:65%; 
}
.three-fourth { 
width:73.75%; 
}
.be-no-space .one-third { 
width:33.33%; 
}
.be-no-space .one-fourth { 
width: 25%; 
}
.be-no-space .one-fifth { 
width: 20%; 
}
.be-no-space .one-half { 
width: 50%; 
}
.be-no-space .two-third { 
width: 66.68%; 
}
.be-no-space .three-fourth { 
width: 75%; 
}
.be-no-space { 
display: table; 
margin-bottom: 60px; 
table-layout: fixed;
}
.be-no-space.zero-bottom { 
margin-bottom: 0; 
}
.be-no-space .column-block { 
display: table-cell; 
margin-left: 0px; 
float: none; 
vertical-align: middle; 
}
.be-column-pad {
padding: 100px 5%;
}
.one-third.be-column-pad, .one-fourth.be-column-pad, .one-col.be-column-pad, .two-third.be-column-pad, .three-fourth.be-column-pad {
padding: 100px 5%;
}
.one-half.be-column-pad {
padding: 100px 15% 100px 5%;
}
.one-half.be-column-pad:first-child {
padding: 100px 5% 100px 15%;
}
.column-block *:last-child {
margin-bottom: 0 !important;
}
.be-last-child {
margin-bottom: 0 !important;
}
.be-row .column-block:first-child{
margin-left: 0;
}
.be-row.zero-bottom .column-block {
margin-bottom: 0;
}
.be-section .be-row:last-child .column-block {
margin-bottom: 0;
}
.be-section .be-row:last-child .column-block h1:last-child,
.be-section .be-row:last-child .column-block h2:last-child,
.be-section .be-row:last-child .column-block h3:last-child,
.be-section .be-row:last-child .column-block h4:last-child,
.be-section .be-row:last-child .column-block h5:last-child,
.be-section .be-row:last-child .column-block h6:last-child {
margin-bottom: 0 !important;
} 
.be-section .be-row:not(:last-child) .column-block h1:last-child,
.be-section .be-row:not(:last-child) .column-block h2:last-child,
.be-section .be-row:not(:last-child) .column-block h3:last-child,
.be-section .be-row:not(:last-child) .column-block h4:last-child,
.be-section .be-row:not(:last-child) .column-block h5:last-child,
.be-section .be-row:not(:last-child) .column-block h6:last-child {
margin-bottom: 30px !important;
}
html body .be-section .be-row .column-block .be-notification *:last-child {
margin-bottom: 0px !important;
}
.two-third .column-block, .three-fourth .column-block {
margin-bottom: 0;
}
.column-inner-content {
position: relative;
z-index: 2;
} .be-section.be-video-section .be-section-pad,
.be-section.be-bg-overlay {
position: relative;
}
.be-section {
overflow: hidden;
}
.be-section.be-section-offset{
overflow: visible;
}
.be-section-offset-wrap{
position: relative;
z-index: 2;
}
.be-row {
z-index: 3;
position: relative;
}
.be-row.be-no-space {
width: 100%;
}
.be-bg-video {
display: none;
position: absolute;
width: 100%;
z-index: 0;
top: 0;
left: 0;
}
.be-animate {
visibility: hidden;
margin-bottom: 30px;
}
#be-pb-main .be-animate {
visibility: visible;
}
.be-bg-parallax {
background-attachment: fixed;
}
.be-bg-cover {
background-size: cover !important;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
}
.be-bg-mousemove-parallax.be-bg-cover {
background-size: initial !important;
-webkit-background-size: initial !important;
-moz-background-size:initial !important;
}
.section-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.be-col-overlay-link{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.be-shortcode {
margin-bottom: 60px;
}   
html.section-scroll.csstransforms,
html.csstransforms body.section-scroll
html.csstransforms body.section-scroll #main-wrapper {
overflow: hidden;
height: 100%;
}
html.csstransforms body.section-scroll #footer {
display: none;
}
html.csstransforms body.section-scroll #content {
opacity: 0;
}
html.csstransforms body.section-scroll #content {
-webkit-transition: -webkit-transform 800ms ease;
-moz-transition: -moz-transform 800ms ease;
-o-transition: -o-transform 800ms ease;
transition: transform 800ms ease;
position: relative;
z-index: 9;
}
.fullscreen-nav-wrap {
display: none;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
display: table;
height: 100%;
position: fixed;
bottom: 0px;
right: 35px;
top: 0px;
z-index: 10;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap-inner {
display: table-cell;
zoom: 1;
vertical-align: middle;
}
.fullscreen-nav {
margin-bottom: 0px;
list-style-type: none;
padding: 0px;
}
.fullscreen-nav-item, .fullscreen-nav-item-hero-section {
width: 7px;
height: 7px;
border: 1px solid #fff;
background: transparent;
border-radius: 50%;
cursor: pointer;
margin: 5px 0px 5px 0px;
}
.fullscreen-nav-item.current-item, .fullscreen-nav-item-hero-section.current-item {
background: #fff;
}
body.section-scroll .be-section * {
-webkit-transform: translateZ(0);
} .fixed-sidebar-page {
padding: 0px !important;
}
.fixed-sidebar * {
overflow: visible !important;
}
.fixed-sidebar-page #content-wrap {
position: relative;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar,
.fixed-sidebar-page #page-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0px;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar {
width: 30%;
margin: 0px !important;
height: 100%;
position: absolute;
}
.fixed-sidebar-page #right-sidebar {
right: 0px;
}
.fixed-sidebar-page #page-content {
width: 70% !important;
padding: 30px;
}
.fixed-sidebar-page #left-sidebar.active-fixed,
.fixed-sidebar-page #right-sidebar.active-fixed {
position: fixed;
top: 0px;
height: 100%;
}
.fixed-sidebar-page .top-animate{
-webkit-transition: top .50s ease;
-moz-transition: top .50s ease;
-o-transition: top .50s ease;
-ms-transition: top .50s ease;
transition: top .50s ease;
-webkit-backface-visibility: hidden;
}
.fixed-sidebar-page #right-sidebar.active-fixed {
right: 0px;
left: auto;
}
body.admin-bar .fixed-sidebar-page #left-sidebar.active-fixed .fixed-sidebar-content,
body.admin-bar .fixed-sidebar-page #right-sidebar.active-fixed .fixed-sidebar-content {
padding-top: 82px;
}
.active-fixed .fixed-sidebar-content {
overflow: hidden;
display: block;
height: 100%;
position: relative;
}
.fixed-sidebar-content {
padding: 50px 50px 100px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fixed-sidebar-content-inner {
height: 100%;
}
.active-fixed .fixed-sidebar-content .mCSB_container {
margin-right: 0px;
}
.fixed-sidebar-page .mCustomScrollBox>.mCSB_scrollTools {
right: -30px !important;
}
.fixed-sidebar-page .mCustomScrollBox {
overflow: visible !important;
}
.layout-box .fixed-sidebar-page #right-sidebar.active-fixed {
position: relative !important;
right: auto !important;
} .widget .be-shortcode,
.widget .icon-shortcode,
.widget .be-button-wrap{
margin-bottom: 0px !important;
}
#header-wrap .be-shortcode,
#header-wrap .icon-shortcode,
#header-wrap .be-button-wrap{
margin-bottom: 0px !important;
} @media only screen and (min-width: 1280px) and (max-width: 1360px) {
.left-header.left-static .sb-slidebar {
width: 240px;
}
.left-header.left-static #main-wrapper {
margin-left: 240px !important;
}
.left-static.page-template-page-splitscreen-left .header-hero-section{
width: calc(50% - 120px);
}
.left-static.page-template-page-splitscreen-right .header-hero-section {
left: calc(50% + 120px); 
}
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
.left-header .be-wrap {
max-width: 980px;
margin: 0 auto;
}
.left-header.left-static.be-themes-layout-layout-border .be-wrap{
max-width: 850px
}
.left-header #page-content.content-single-sidebar {
width:700px;
}
.left-header #left-sidebar, 
.left-header #right-sidebar {
width:220px;
}
.left-header #left-sidebar, 
.left-header .right-sidebar-page #page-content {
margin-right: 50px;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar {
width: 30%;
margin: 0px !important ;
}
} @media only screen and (min-width: 960px) and (max-width: 1279px) {
.be-wrap {
max-width: 940px;
margin: 0 auto;
}
.left-header.left-static .be-wrap{
max-width: 650px
}
.layout-box {
width:100%;
}
#page-content.content-single-sidebar{
width:670px;
}
#left-sidebar, #right-sidebar{
width:220px;
}
#left-sidebar, 
.right-sidebar-page #page-content {
margin-right: 50px;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar {
width: 30%;
margin: 0px !important ;
} 
} @media only screen and (max-width: 1024px) {
.be-bg-cover,
.be-section {
background-attachment: scroll !important;
background-position: center center !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.be-wrap {
max-width: 740px;
margin: 0 auto;
}
.layout-box {
width:100%;
}
#page-content.content-single-sidebar{
width:500px;
}
#left-sidebar, #right-sidebar{
width:200px;
}
#left-sidebar,
.right-sidebar-page #page-content,
.dual-sidebar-page #left-sidebar,
#dual-sidebar-wrap {
margin-right: 40px;
}   
#left-sidebar.floting-sidebar, #right-sidebar.floting-sidebar{
width:100%;
margin-right: 0;
}        
.content-single-sidebar .column-block {
width: 100%;
margin-left: 0;
float: none;
}   
}
@media only screen and (min-width: 960px) {
.full-screen-section-wrap {
display: table;
width: 100%;
height: 100%;
}
.full-screen-section-wrap .be-section-pad {
padding-top: 0px !important;
padding-bottom: 0px !important;
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 960px) {
html.section-scroll,
body.section-scroll {
overflow: auto !important;
height: auto !important;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
display: none !important;
}
body.section-scroll #footer {
display: block;
}
#content {
-webkit-transform: initial !important;
-moz-transform: initial !important;
-ms-transform: initial !important;
-o-transform: initial !important;
transform: initial !important;
}
.fixed-sidebar-page #left-sidebar, 
.fixed-sidebar-page #right-sidebar, 
.fixed-sidebar-page #page-content.content-single-sidebar,
.single-portfolio #page-content.content-single-sidebar  {
width: 100% !important;
position: relative !important;
}
.layout-box-container{
display: none !important;
}
.style1-blog .post-date-wrap {
display: block;
position: static;
width: 100%;
border: none;
text-align: left;
padding: 0;
font-size: inherit !important;
color: inherit;
margin-bottom: 5px !important;
}
.style1-blog .post-date-wrap div {
float: left;
margin-right: 10px;
}
.style1-blog .post-title-section {
padding-left: 0;
}
.style1-blog .post-date-wrap:before {
font-family: "icomoon";
content: "\e63f";
margin-right: 10px;
float: left;
}
}
@media only screen and (min-width: 1025px) {
.full-screen-section-wrap {
display: table;
width: 100%;
height: 100%;
}
.full-screen-section-wrap .be-section-pad {
padding-top: 0px !important;
padding-bottom: 0px !important;
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 768px) {
.be-no-space .column-block {
width: 100%;
display: block;
}
.be-no-space .with-background.column-block {
min-height: 350px; } .be-no-space .no-background .be-custom-column-inner,
.be-no-space .no-background .be-custom-column-pad{
padding: 60px 30px !important;
}
} @media only screen and (max-width: 767px) {
.be-wrap {
max-width: 300px;
margin: 0 auto;
} 
.layout-box {
width:100%;
margin: 0; 
} 
#right-sidebar,
#left-sidebar {
float: none;
margin-right: 0;
margin-left: 0;
margin-top: 50px;
width: 100%;
}
#page-content.content-single-sidebar,
.right-sidebar-page #page-content { 
float: none;
margin-right: 0px;
width:100%;
margin-left: 0px;  
}    
.column-block {
float: none;
margin-left: 0;
width: 100%;
}
.column-block .column-block{
margin-bottom: 60px;
}
.be-section .be-row:last-child .column-block {
margin-bottom: 60px;
}
.be-section .be-row:last-child .column-block:last-child,
.be-section .be-row.be-no-space:last-child .column-block {
margin-bottom: 0;
}
.be-no-space {
display: block;
} .be-no-space .column-block.be-column-pad {
padding: 80px 15% 80px 5%;
}   
.be-column-spacing .column-block{
margin-bottom: 20px !important;
}
#bottom-widgets .column-block {
margin-bottom: 60px;
}
.column-block .be-custom-column-pad {
padding: 60px 30px !important;
}
.column-block .be-custom-column-inner{ }
body.disable-css-animation-mobile .be-animate {
visibility: visible !important;
-webkit-animation-duration: 0s;
-moz-animation-duration: 0s;
-ms-animation-duration: 0s;
-o-animation-duration: 0s;
animation-duration: 0s;
}
.be-video-section video {
display:none !important;
}    
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.be-wrap {
max-width: 440px;
margin: 0 auto;
} 
}@font-face {
font-family: 'icomoon';
src:url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/icomoon/fonts/icomoon.eot?85pf5i);
src:url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/icomoon/fonts/icomoon.eot?#iefix85pf5i) format('embedded-opentype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/icomoon/fonts/icomoon.woff?85pf5i) format('woff'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/icomoon/fonts/icomoon.ttf?85pf5i) format('truetype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/icomoon/fonts/icomoon.svg?85pf5i#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: normal; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow_back:before {
content: "\e71c";
}
.icon-arrow_carrot_up_alt:before {
content: "\e71d";
}
.icon-arrow_carrot-2down_alt2:before {
content: "\e71e";
}
.icon-arrow_carrot-2down:before {
content: "\e71f";
}
.icon-arrow_carrot-2dwnn_alt:before {
content: "\e720";
}
.icon-arrow_carrot-2left_alt:before {
content: "\e721";
}
.icon-arrow_carrot-2left_alt2:before {
content: "\e722";
}
.icon-arrow_carrot-2left:before {
content: "\e723";
}
.icon-arrow_carrot-2right_alt:before {
content: "\e724";
}
.icon-arrow_carrot-2right_alt2:before {
content: "\e725";
}
.icon-arrow_carrot-2right:before {
content: "\e726";
}
.icon-arrow_carrot-2up_alt:before {
content: "\e727";
}
.icon-arrow_carrot-2up_alt2:before {
content: "\e728";
}
.icon-arrow_carrot-2up:before {
content: "\e729";
}
.icon-arrow_carrot-down_alt:before {
content: "\e72a";
}
.icon-arrow_carrot-down_alt2:before {
content: "\e72b";
}
.icon-arrow_carrot-down:before {
content: "\e72c";
}
.icon-arrow_carrot-left_alt:before {
content: "\e72d";
}
.icon-arrow_carrot-left_alt2:before {
content: "\e72e";
}
.icon-arrow_carrot-left:before {
content: "\e72f";
}
.icon-arrow_carrot-right_alt:before {
content: "\e730";
}
.icon-arrow_carrot-right_alt2:before {
content: "\e731";
}
.icon-arrow_carrot-right:before {
content: "\e732";
}
.icon-arrow_carrot-up_alt2:before {
content: "\e733";
}
.icon-arrow_carrot-up:before {
content: "\e734";
}
.icon-arrow_condense_alt:before {
content: "\e735";
}
.icon-arrow_condense:before {
content: "\e736";
}
.icon-arrow_down_alt:before {
content: "\e737";
}
.icon-arrow_down:before {
content: "\e738";
}
.icon-arrow_expand_alt:before {
content: "\e739";
}
.icon-arrow_expand_alt2:before {
content: "\e73a";
}
.icon-arrow_expand_alt3:before {
content: "\e73b";
}
.icon-arrow_expand:before {
content: "\e73c";
}
.icon-arrow_left_alt:before {
content: "\e73d";
}
.icon-arrow_left-down_alt:before {
content: "\e73e";
}
.icon-arrow_left-down:before {
content: "\e73f";
}
.icon-arrow_left-right_alt:before {
content: "\e740";
}
.icon-arrow_left-right:before {
content: "\e741";
}
.icon-arrow_left-up_alt:before {
content: "\e742";
}
.icon-arrow_left-up:before {
content: "\e743";
}
.icon-arrow_left:before {
content: "\e744";
}
.icon-arrow_move:before {
content: "\e745";
}
.icon-arrow_right_alt:before {
content: "\e746";
}
.icon-arrow_right-down_alt:before {
content: "\e747";
}
.icon-arrow_right-down:before {
content: "\e748";
}
.icon-arrow_right-up_alt:before {
content: "\e749";
}
.icon-arrow_right-up:before {
content: "\e74a";
}
.icon-arrow_right:before {
content: "\e74b";
}
.icon-arrow_triangle-down_alt:before {
content: "\e74c";
}
.icon-arrow_triangle-down_alt2:before {
content: "\e74d";
}
.icon-arrow_triangle-down:before {
content: "\e74e";
}
.icon-arrow_triangle-left_alt:before {
content: "\e74f";
}
.icon-arrow_triangle-left_alt2:before {
content: "\e750";
}
.icon-arrow_triangle-left:before {
content: "\e751";
}
.icon-arrow_triangle-right_alt:before {
content: "\e752";
}
.icon-arrow_triangle-right_alt2:before {
content: "\e753";
}
.icon-arrow_triangle-right:before {
content: "\e754";
}
.icon-arrow_triangle-up_alt:before {
content: "\e755";
}
.icon-arrow_triangle-up_alt2:before {
content: "\e756";
}
.icon-arrow_triangle-up:before {
content: "\e757";
}
.icon-arrow_up_alt:before {
content: "\e758";
}
.icon-arrow_up-down_alt:before {
content: "\e759";
}
.icon-arrow_up:before {
content: "\e75a";
}
.icon-arrow-up-down:before {
content: "\e75b";
}
.icon-icon_adjust-horiz:before {
content: "\e75c";
}
.icon-icon_adjust-vert:before {
content: "\e75d";
}
.icon-icon_archive_alt:before {
content: "\e75e";
}
.icon-icon_archive:before {
content: "\e75f";
}
.icon-icon_bag_alt:before {
content: "\e760";
}
.icon-icon_bag:before {
content: "\e761";
}
.icon-icon_balance:before {
content: "\e762";
}
.icon-icon_blocked:before {
content: "\e763";
}
.icon-icon_book_alt:before {
content: "\e764";
}
.icon-icon_book:before {
content: "\e765";
}
.icon-icon_box-checked:before {
content: "\e766";
}
.icon-icon_box-empty:before {
content: "\e767";
}
.icon-icon_box-selected:before {
content: "\e768";
}
.icon-icon_briefcase_alt:before {
content: "\e769";
}
.icon-icon_briefcase:before {
content: "\e76a";
}
.icon-icon_building_alt:before {
content: "\e76b";
}
.icon-icon_building:before {
content: "\e76c";
}
.icon-icon_calculator_alt:before {
content: "\e76d";
}
.icon-icon_calendar:before {
content: "\e76e";
}
.icon-icon_calulator:before {
content: "\e76f";
}
.icon-icon_camera_alt:before {
content: "\e770";
}
.icon-icon_camera:before {
content: "\e771";
}
.icon-icon_cart_alt:before {
content: "\e772";
}
.icon-icon_cart:before {
content: "\e773";
}
.icon-icon_chat_alt:before {
content: "\e774";
}
.icon-icon_chat:before {
content: "\e775";
}
.icon-icon_check_alt:before {
content: "\e776";
}
.icon-icon_check_alt2:before {
content: "\e777";
}
.icon-icon_check:before {
content: "\e778";
}
.icon-icon_circle-empty:before {
content: "\e779";
}
.icon-icon_circle-slelected:before {
content: "\e77a";
}
.icon-icon_clipboard:before {
content: "\e77b";
}
.icon-icon_clock_alt:before {
content: "\e77c";
}
.icon-icon_clock:before {
content: "\e77d";
}
.icon-icon_close_alt:before {
content: "\e77e";
}
.icon-icon_close_alt2:before {
content: "\e77f";
}
.icon-icon_close:before {
content: "\e780";
}
.icon-icon_cloud_alt:before {
content: "\e781";
}
.icon-icon_cloud-download_alt:before {
content: "\e782";
}
.icon-icon_cloud-download:before {
content: "\e783";
}
.icon-icon_cloud-upload_alt:before {
content: "\e784";
}
.icon-icon_cloud-upload:before {
content: "\e785";
}
.icon-icon_cloud:before {
content: "\e786";
}
.icon-icon_cog:before {
content: "\e787";
}
.icon-icon_cogs:before {
content: "\e788";
}
.icon-icon_comment_alt:before {
content: "\e789";
}
.icon-icon_comment:before {
content: "\e78a";
}
.icon-icon_compass_alt:before {
content: "\e78b";
}
.icon-icon_compass:before {
content: "\e78c";
}
.icon-icon_cone_alt:before {
content: "\e78d";
}
.icon-icon_cone:before {
content: "\e78e";
}
.icon-icon_contacts_alt:before {
content: "\e78f";
}
.icon-icon_contacts:before {
content: "\e790";
}
.icon-icon_creditcard:before {
content: "\e791";
}
.icon-icon_currency_alt:before {
content: "\e792";
}
.icon-icon_currency:before {
content: "\e793";
}
.icon-icon_cursor_alt:before {
content: "\e794";
}
.icon-icon_cursor:before {
content: "\e795";
}
.icon-icon_datareport_alt:before {
content: "\e796";
}
.icon-icon_datareport:before {
content: "\e797";
}
.icon-icon_desktop:before {
content: "\e798";
}
.icon-icon_dislike_alt:before {
content: "\e799";
}
.icon-icon_dislike:before {
content: "\e79a";
}
.icon-icon_document_alt:before {
content: "\e79b";
}
.icon-icon_document:before {
content: "\e79c";
}
.icon-icon_documents_alt:before {
content: "\e79d";
}
.icon-icon_documents:before {
content: "\e79e";
}
.icon-icon_download:before {
content: "\e79f";
}
.icon-icon_drawer_alt:before {
content: "\e7a0";
}
.icon-icon_drawer:before {
content: "\e7a1";
}
.icon-icon_drive_alt:before {
content: "\e7a2";
}
.icon-icon_drive:before {
content: "\e7a3";
}
.icon-icon_easel_alt:before {
content: "\e7a4";
}
.icon-icon_easel:before {
content: "\e7a5";
}
.icon-icon_error-circle_alt:before {
content: "\e7a6";
}
.icon-icon_error-circle:before {
content: "\e7a7";
}
.icon-icon_error-oct_alt:before {
content: "\e7a8";
}
.icon-icon_error-oct:before {
content: "\e7a9";
}
.icon-icon_error-triangle_alt:before {
content: "\e7aa";
}
.icon-icon_error-triangle:before {
content: "\e7ab";
}
.icon-icon_film:before {
content: "\e7ac";
}
.icon-icon_floppy_alt:before {
content: "\e7ad";
}
.icon-icon_floppy:before {
content: "\e7ae";
}
.icon-icon_flowchart_alt:before {
content: "\e7af";
}
.icon-icon_flowchart:before {
content: "\e7b0";
}
.icon-icon_folder_download:before {
content: "\e7b1";
}
.icon-icon_folder_upload:before {
content: "\e7b2";
}
.icon-icon_folder-add_alt:before {
content: "\e7b3";
}
.icon-icon_folder-add:before {
content: "\e7b4";
}
.icon-icon_folder-alt:before {
content: "\e7b5";
}
.icon-icon_folder-open_alt:before {
content: "\e7b6";
}
.icon-icon_folder-open:before {
content: "\e7b7";
}
.icon-icon_folder:before {
content: "\e7b8";
}
.icon-icon_genius:before {
content: "\e7b9";
}
.icon-icon_gift_alt:before {
content: "\e7ba";
}
.icon-icon_gift:before {
content: "\e7bb";
}
.icon-icon_globe_alt:before {
content: "\e7bc";
}
.icon-icon_globe-2:before {
content: "\e7bd";
}
.icon-icon_globe:before {
content: "\e7be";
}
.icon-icon_grid-2x2:before {
content: "\e7bf";
}
.icon-icon_grid-3x3:before {
content: "\e7c0";
}
.icon-icon_group:before {
content: "\e7c1";
}
.icon-icon_headphones:before {
content: "\e7c2";
}
.icon-icon_heart_alt:before {
content: "\e7c3";
}
.icon-icon_heart:before {
content: "\e7c4";
}
.icon-icon_hourglass:before {
content: "\e7c5";
}
.icon-icon_house_alt:before {
content: "\e7c6";
}
.icon-icon_house:before {
content: "\e7c7";
}
.icon-icon_id_alt:before {
content: "\e7c8";
}
.icon-icon_id-2_alt:before {
content: "\e7c9";
}
.icon-icon_id-2:before {
content: "\e7ca";
}
.icon-icon_id:before {
content: "\e7cb";
}
.icon-icon_image:before {
content: "\e7cc";
}
.icon-icon_images:before {
content: "\e7cd";
}
.icon-icon_info_alt:before {
content: "\e7ce";
}
.icon-icon_info:before {
content: "\e7cf";
}
.icon-icon_key_alt:before {
content: "\e7d0";
}
.icon-icon_key:before {
content: "\e7d1";
}
.icon-icon_laptop:before {
content: "\e7d2";
}
.icon-icon_lifesaver:before {
content: "\e7d3";
}
.icon-icon_lightbulb_alt:before {
content: "\e7d4";
}
.icon-icon_lightbulb:before {
content: "\e7d5";
}
.icon-icon_like_alt:before {
content: "\e7d6";
}
.icon-icon_like:before {
content: "\e7d7";
}
.icon-icon_link_alt:before {
content: "\e7d8";
}
.icon-icon_link:before {
content: "\e7d9";
}
.icon-icon_loading:before {
content: "\e7da";
}
.icon-icon_lock_alt:before {
content: "\e7db";
}
.icon-icon_lock-open_alt:before {
content: "\e7dc";
}
.icon-icon_lock-open:before {
content: "\e7dd";
}
.icon-icon_lock:before {
content: "\e7de";
}
.icon-icon_mail_alt:before {
content: "\e7df";
}
.icon-icon_mail:before {
content: "\e7e0";
}
.icon-icon_map_alt:before {
content: "\e7e1";
}
.icon-icon_map:before {
content: "\e7e2";
}
.icon-icon_menu-circle_alt:before {
content: "\e7e3";
}
.icon-icon_menu-circle_alt2:before {
content: "\e7e4";
}
.icon-icon_menu-square_alt:before {
content: "\e7e5";
}
.icon-icon_menu-square_alt2:before {
content: "\e7e6";
}
.icon-icon_menu:before {
content: "\e7e7";
}
.icon-icon_mic_alt:before {
content: "\e7e8";
}
.icon-icon_mic:before {
content: "\e7e9";
}
.icon-icon_minus_alt:before {
content: "\e7ea";
}
.icon-icon_minus_alt2:before {
content: "\e7eb";
}
.icon-icon_minus-06:before {
content: "\e7ec";
}
.icon-icon_minus-box:before {
content: "\e7ed";
}
.icon-icon_mobile:before {
content: "\e7ee";
}
.icon-icon_mug_alt:before {
content: "\e7ef";
}
.icon-icon_mug:before {
content: "\e7f0";
}
.icon-icon_music:before {
content: "\e7f1";
}
.icon-icon_ol:before {
content: "\e7f2";
}
.icon-icon_paperclip:before {
content: "\e7f3";
}
.icon-icon_pause_alt:before {
content: "\e7f4";
}
.icon-icon_pause_alt2:before {
content: "\e7f5";
}
.icon-icon_pause:before {
content: "\e7f6";
}
.icon-icon_pencil_alt:before {
content: "\e7f7";
}
.icon-icon_pencil-edit_alt:before {
content: "\e7f8";
}
.icon-icon_pencil-edit:before {
content: "\e7f9";
}
.icon-icon_pencil:before {
content: "\e7fa";
}
.icon-icon_pens_alt:before {
content: "\e7fb";
}
.icon-icon_pens:before {
content: "\e7fc";
}
.icon-icon_percent_alt:before {
content: "\e7fd";
}
.icon-icon_percent:before {
content: "\e7fe";
}
.icon-icon_phone:before {
content: "\e7ff";
}
.icon-icon_piechart:before {
content: "\e800";
}
.icon-icon_pin_alt:before {
content: "\e801";
}
.icon-icon_pin:before {
content: "\e802";
}
.icon-icon_plus_alt:before {
content: "\e803";
}
.icon-icon_plus_alt2:before {
content: "\e804";
}
.icon-icon_plus-box:before {
content: "\e805";
}
.icon-icon_plus:before {
content: "\e806";
}
.icon-icon_printer-alt:before {
content: "\e807";
}
.icon-icon_printer:before {
content: "\e808";
}
.icon-icon_profile:before {
content: "\e809";
}
.icon-icon_pushpin_alt:before {
content: "\e80a";
}
.icon-icon_pushpin:before {
content: "\e80b";
}
.icon-icon_puzzle_alt:before {
content: "\e80c";
}
.icon-icon_puzzle:before {
content: "\e80d";
}
.icon-icon_question_alt:before {
content: "\e80e";
}
.icon-icon_question_alt2:before {
content: "\e80f";
}
.icon-icon_question:before {
content: "\e810";
}
.icon-icon_quotations_alt:before {
content: "\e811";
}
.icon-icon_quotations_alt2:before {
content: "\e812";
}
.icon-icon_quotations:before {
content: "\e813";
}
.icon-icon_refresh:before {
content: "\e814";
}
.icon-icon_ribbon_alt:before {
content: "\e815";
}
.icon-icon_ribbon:before {
content: "\e816";
}
.icon-icon_rook:before {
content: "\e817";
}
.icon-icon_search_alt:before {
content: "\e818";
}
.icon-icon_search:before {
content: "\e819";
}
.icon-icon_search2:before {
content: "\e81a";
}
.icon-icon_shield_alt:before {
content: "\e81b";
}
.icon-icon_shield:before {
content: "\e81c";
}
.icon-icon_star_alt:before {
content: "\e81d";
}
.icon-icon_star-half_alt:before {
content: "\e81e";
}
.icon-icon_star-half:before {
content: "\e81f";
}
.icon-icon_star:before {
content: "\e820";
}
.icon-icon_stop_alt:before {
content: "\e821";
}
.icon-icon_stop_alt2:before {
content: "\e822";
}
.icon-icon_stop:before {
content: "\e823";
}
.icon-icon_table:before {
content: "\e824";
}
.icon-icon_tablet:before {
content: "\e825";
}
.icon-icon_tag_alt:before {
content: "\e826";
}
.icon-icon_tag:before {
content: "\e827";
}
.icon-icon_tags_alt:before {
content: "\e828";
}
.icon-icon_tags:before {
content: "\e829";
}
.icon-icon_target:before {
content: "\e82a";
}
.icon-icon_tool:before {
content: "\e82b";
}
.icon-icon_toolbox_alt:before {
content: "\e82c";
}
.icon-icon_toolbox:before {
content: "\e82d";
}
.icon-icon_tools:before {
content: "\e82e";
}
.icon-icon_trash_alt:before {
content: "\e82f";
}
.icon-icon_trash:before {
content: "\e830";
}
.icon-icon_ul:before {
content: "\e831";
}
.icon-icon_upload:before {
content: "\e832";
}
.icon-icon_vol-mute_alt:before {
content: "\e833";
}
.icon-icon_vol-mute:before {
content: "\e834";
}
.icon-icon_volume-high_alt:before {
content: "\e835";
}
.icon-icon_volume-high:before {
content: "\e836";
}
.icon-icon_volume-low_alt:before {
content: "\e837";
}
.icon-icon_volume-low:before {
content: "\e838";
}
.icon-icon_wallet_alt:before {
content: "\e839";
}
.icon-icon_wallet:before {
content: "\e83a";
}
.icon-icon_zoom-in_alt:before {
content: "\e83b";
}
.icon-icon_zoom-in:before {
content: "\e83c";
}
.icon-icon_zoom-out_alt:before {
content: "\e83d";
}
.icon-icon_zoom-out:before {
content: "\e83e";
}
.icon-social_blogger_circle:before {
content: "\e83f";
}
.icon-social_blogger_square:before {
content: "\e840";
}
.icon-social_blogger:before {
content: "\e841";
}
.icon-social_delicious_circle:before {
content: "\e842";
}
.icon-social_delicious_square:before {
content: "\e843";
}
.icon-social_delicious:before {
content: "\e844";
}
.icon-social_deviantart_circle:before {
content: "\e845";
}
.icon-social_deviantart_square:before {
content: "\e846";
}
.icon-social_deviantart:before {
content: "\e847";
}
.icon-social_dribbble_circle:before {
content: "\e848";
}
.icon-social_dribbble_square:before {
content: "\e849";
}
.icon-social_dribbble:before {
content: "\e84a";
}
.icon-social_facebook_circle:before {
content: "\e84b";
}
.icon-social_facebook_square:before {
content: "\e84c";
}
.icon-social_facebook:before {
content: "\e84d";
}
.icon-social_flickr_circle:before {
content: "\e84e";
}
.icon-social_flickr_square:before {
content: "\e84f";
}
.icon-social_flickr:before {
content: "\e850";
}
.icon-social_googledrive_alt2:before {
content: "\e851";
}
.icon-social_googledrive_square:before {
content: "\e852";
}
.icon-social_googledrive:before {
content: "\e853";
}
.icon-social_googleplus_circle:before {
content: "\e854";
}
.icon-social_googleplus_square:before {
content: "\e855";
}
.icon-social_googleplus:before {
content: "\e856";
}
.icon-social_instagram_circle:before {
content: "\e857";
}
.icon-social_instagram_square:before {
content: "\e858";
}
.icon-social_instagram:before {
content: "\e859";
}
.icon-social_linkedin_circle:before {
content: "\e85a";
}
.icon-social_linkedin_square:before {
content: "\e85b";
}
.icon-social_linkedin:before {
content: "\e85c";
}
.icon-social_myspace_circle:before {
content: "\e85d";
}
.icon-social_myspace_square:before {
content: "\e85e";
}
.icon-social_myspace:before {
content: "\e85f";
}
.icon-social_picassa_circle:before {
content: "\e860";
}
.icon-social_picassa_square:before {
content: "\e861";
}
.icon-social_picassa:before {
content: "\e862";
}
.icon-social_pinterest_circle:before {
content: "\e863";
}
.icon-social_pinterest_square:before {
content: "\e864";
}
.icon-social_pinterest:before {
content: "\e865";
}
.icon-social_rss_circle:before {
content: "\e866";
}
.icon-social_rss_square:before {
content: "\e867";
}
.icon-social_rss:before {
content: "\e868";
}
.icon-social_share_circle:before {
content: "\e869";
}
.icon-social_share_square:before {
content: "\e86a";
}
.icon-social_share:before {
content: "\e86b";
}
.icon-social_skype_circle:before {
content: "\e86c";
}
.icon-social_skype_square:before {
content: "\e86d";
}
.icon-social_skype:before {
content: "\e86e";
}
.icon-social_spotify_circle:before {
content: "\e86f";
}
.icon-social_spotify_square:before {
content: "\e870";
}
.icon-social_spotify:before {
content: "\e871";
}
.icon-social_stumbleupon_circle:before {
content: "\e872";
}
.icon-social_stumbleupon_square:before {
content: "\e873";
}
.icon-social_tumbleupon:before {
content: "\e874";
}
.icon-social_tumblr_circle:before {
content: "\e875";
}
.icon-social_tumblr_square:before {
content: "\e876";
}
.icon-social_tumblr:before {
content: "\e877";
}
.icon-social_twitter_circle:before {
content: "\e878";
}
.icon-social_twitter_square:before {
content: "\e879";
}
.icon-social_twitter:before {
content: "\e87a";
}
.icon-social_vimeo_circle:before {
content: "\e87b";
}
.icon-social_vimeo_square:before {
content: "\e87c";
}
.icon-social_vimeo:before {
content: "\e87d";
}
.icon-social_wordpress_circle:before {
content: "\e87e";
}
.icon-social_wordpress_square:before {
content: "\e87f";
}
.icon-social_wordpress:before {
content: "\e880";
}
.icon-social_youtube_circle:before {
content: "\e881";
}
.icon-social_youtube_square:before {
content: "\e882";
}
.icon-social_youtube:before {
content: "\e883";
}
.icon-duckduckgo:before {
content: "\21";
}
.icon-aim:before {
content: "\22";
}
.icon-delicious:before {
content: "\23";
}
.icon-paypal:before {
content: "\24";
}
.icon-flattr:before {
content: "\25";
}
.icon-android:before {
content: "\26";
}
.icon-eventful:before {
content: "\27";
}
.icon-smashmag:before {
content: "\2a";
}
.icon-gplus:before {
content: "\2b";
}
.icon-wikipedia:before {
content: "\2c";
}
.icon-lanyrd:before {
content: "\2d";
}
.icon-calendar:before {
content: "\2e";
}
.icon-stumbleupon:before {
content: "\2f";
}
.icon-fivehundredpx:before {
content: "\30";
}
.icon-pinterest:before {
content: "\31";
}
.icon-bitcoin:before {
content: "\32";
}
.icon-w3c:before {
content: "\33";
}
.icon-foursquare:before {
content: "\34";
}
.icon-html5:before {
content: "\35";
}
.icon-ie:before {
content: "\36";
}
.icon-call:before {
content: "\37";
}
.icon-grooveshark:before {
content: "\38";
}
.icon-ninetyninedesigns:before {
content: "\39";
}
.icon-forrst:before {
content: "\3a";
}
.icon-digg:before {
content: "\3b";
}
.icon-spotify:before {
content: "\3d";
}
.icon-reddit:before {
content: "\3e";
}
.icon-guest:before {
content: "\3f";
}
.icon-gowalla:before {
content: "\40";
}
.icon-appstore:before {
content: "\41";
}
.icon-blogger:before {
content: "\42";
}
.icon-cc:before {
content: "\43";
}
.icon-dribbble:before {
content: "\44";
}
.icon-evernote:before {
content: "\45";
}
.icon-flickr:before {
content: "\46";
}
.icon-google:before {
content: "\47";
}
.icon-viadeo:before {
content: "\48";
}
.icon-instapaper:before {
content: "\49";
}
.icon-weibo:before {
content: "\4a";
}
.icon-klout:before {
content: "\4b";
}
.icon-linkedin:before {
content: "\4c";
}
.icon-meetup:before {
content: "\4d";
}
.icon-vk:before {
content: "\4e";
}
.icon-plancast:before {
content: "\50";
}
.icon-disqus:before {
content: "\51";
}
.icon-rss:before {
content: "\52";
}
.icon-skype:before {
content: "\53";
}
.icon-twitter:before {
content: "\54";
}
.icon-youtube:before {
content: "\55";
}
.icon-vimeo:before {
content: "\56";
}
.icon-windows:before {
content: "\57";
}
.icon-xing:before {
content: "\58";
}
.icon-yahoo:before {
content: "\59";
}
.icon-chrome:before {
content: "\5b";
}
.icon-email:before {
content: "\5d";
}
.icon-macstore:before {
content: "\5e";
}
.icon-myspace:before {
content: "\5f";
}
.icon-podcast:before {
content: "\60";
}
.icon-amazon:before {
content: "\61";
}
.icon-steam:before {
content: "\62";
}
.icon-cloudapp:before {
content: "\63";
}
.icon-dropbox:before {
content: "\64";
}
.icon-ebay:before {
content: "\65";
}
.icon-facebook:before {
content: "\66";
}
.icon-github:before {
content: "\67";
}
.icon-github-circled:before {
content: "\e8";
}
.icon-googleplay:before {
content: "\68";
}
.icon-itunes:before {
content: "\69";
}
.icon-plurk:before {
content: "\6a";
}
.icon-songkick:before {
content: "\6b";
}
.icon-lastfm:before {
content: "\6c";
}
.icon-gmail:before {
content: "\6d";
}
.icon-pinboard:before {
content: "\6e";
}
.icon-openid:before {
content: "\6f";
}
.icon-quora:before {
content: "\71";
}
.icon-soundcloud:before {
content: "\73";
}
.icon-tumblr:before {
content: "\74";
}
.icon-eventasaurus:before {
content: "\76";
}
.icon-wordpress:before {
content: "\77";
}
.icon-yelp:before {
content: "\79";
}
.icon-intensedebate:before {
content: "\7b";
}
.icon-eventbrite:before {
content: "\7c";
}
.icon-scribd:before {
content: "\7d";
}
.icon-posterous:before {
content: "\7e";
}
.icon-stripe:before {
content: "\a3";
}
.icon-opentable:before {
content: "\c7";
}
.icon-cart:before {
content: "\c9";
}
.icon-print:before {
content: "\d1";
}
.icon-angellist:before {
content: "\d6";
}
.icon-instagram:before {
content: "\dc";
}
.icon-dwolla:before {
content: "\e0";
}
.icon-appnet:before {
content: "\e1";
}
.icon-statusnet:before {
content: "\e2";
}
.icon-acrobat:before {
content: "\e3";
}
.icon-drupal:before {
content: "\e4";
}
.icon-buffer:before {
content: "\e5";
}
.icon-pocket:before {
content: "\e7";
}
.icon-bitbucket:before {
content: "\e9";
}
.icon-lego:before {
content: "\ea";
}
.icon-login:before {
content: "\eb";
}
.icon-stackoverflow:before {
content: "\ec";
}
.icon-hackernews:before {
content: "\ed";
}
.icon-lkdto:before {
content: "\ee";
}
.icon-phone:before {
content: "\e600";
}
.icon-mobile:before {
content: "\e601";
}
.icon-mouse:before {
content: "\e602";
}
.icon-directions:before {
content: "\e603";
}
.icon-mail:before {
content: "\e604";
}
.icon-paperplane:before {
content: "\e605";
}
.icon-pencil:before {
content: "\e606";
}
.icon-feather:before {
content: "\e607";
}
.icon-paperclip:before {
content: "\e608";
}
.icon-drawer:before {
content: "\e609";
}
.icon-reply:before {
content: "\e60a";
}
.icon-reply-all:before {
content: "\e60b";
}
.icon-forward:before {
content: "\e60c";
}
.icon-user:before {
content: "\e60d";
}
.icon-users:before {
content: "\e60e";
}
.icon-user-add:before {
content: "\e60f";
}
.icon-vcard:before {
content: "\e610";
}
.icon-export:before {
content: "\e611";
}
.icon-location:before {
content: "\e612";
}
.icon-map:before {
content: "\e613";
}
.icon-compass:before {
content: "\e614";
}
.icon-location2:before {
content: "\e615";
}
.icon-target:before {
content: "\e616";
}
.icon-share:before {
content: "\e617";
}
.icon-sharable:before {
content: "\e618";
}
.icon-heart:before {
content: "\e619";
}
.icon-heart2:before {
content: "\e61a";
}
.icon-star:before {
content: "\e61b";
}
.icon-star2:before {
content: "\e61c";
}
.icon-thumbsup:before {
content: "\e61d";
}
.icon-thumbsdown:before {
content: "\e61e";
}
.icon-chat:before {
content: "\e61f";
}
.icon-comment:before {
content: "\e620";
}
.icon-quote:before {
content: "\e621";
}
.icon-house:before {
content: "\e622";
}
.icon-popup:before {
content: "\e623";
}
.icon-search:before {
content: "\e624";
}
.icon-flashlight:before {
content: "\e625";
}
.icon-printer:before {
content: "\e626";
}
.icon-bell:before {
content: "\e627";
}
.icon-link:before {
content: "\e628";
}
.icon-flag:before {
content: "\e629";
}
.icon-cog:before {
content: "\e62a";
}
.icon-tools:before {
content: "\e62b";
}
.icon-trophy:before {
content: "\e62c";
}
.icon-tag:before {
content: "\e62d";
}
.icon-camera:before {
content: "\e62e";
}
.icon-megaphone:before {
content: "\e62f";
}
.icon-moon:before {
content: "\e630";
}
.icon-palette:before {
content: "\e631";
}
.icon-leaf:before {
content: "\e632";
}
.icon-music:before {
content: "\e633";
}
.icon-music2:before {
content: "\e634";
}
.icon-new:before {
content: "\e635";
}
.icon-graduation:before {
content: "\e636";
}
.icon-book:before {
content: "\e637";
}
.icon-newspaper:before {
content: "\e638";
}
.icon-bag:before {
content: "\e639";
}
.icon-airplane:before {
content: "\e63a";
}
.icon-lifebuoy:before {
content: "\e63b";
}
.icon-eye:before {
content: "\e63c";
}
.icon-clock:before {
content: "\e63d";
}
.icon-microphone:before {
content: "\e63e";
}
.icon-calendar2:before {
content: "\e63f";
}
.icon-bolt:before {
content: "\e640";
}
.icon-thunder:before {
content: "\e641";
}
.icon-droplet:before {
content: "\e642";
}
.icon-cd:before {
content: "\e643";
}
.icon-briefcase:before {
content: "\e644";
}
.icon-air:before {
content: "\e645";
}
.icon-hourglass:before {
content: "\e646";
}
.icon-gauge:before {
content: "\e647";
}
.icon-language:before {
content: "\e648";
}
.icon-network:before {
content: "\e649";
}
.icon-key:before {
content: "\e64a";
}
.icon-battery:before {
content: "\e64b";
}
.icon-bucket:before {
content: "\e64c";
}
.icon-magnet:before {
content: "\e64d";
}
.icon-drive:before {
content: "\e64e";
}
.icon-cup:before {
content: "\e64f";
}
.icon-rocket:before {
content: "\e650";
}
.icon-brush:before {
content: "\e651";
}
.icon-suitcase:before {
content: "\e652";
}
.icon-cone:before {
content: "\e653";
}
.icon-earth:before {
content: "\e654";
}
.icon-keyboard:before {
content: "\e655";
}
.icon-browser:before {
content: "\e656";
}
.icon-publish:before {
content: "\e657";
}
.icon-progress-3:before {
content: "\e658";
}
.icon-progress-2:before {
content: "\e659";
}
.icon-brogress-1:before {
content: "\e65a";
}
.icon-progress-0:before {
content: "\e65b";
}
.icon-sun:before {
content: "\e65c";
}
.icon-sun2:before {
content: "\e65d";
}
.icon-adjust:before {
content: "\e65e";
}
.icon-code:before {
content: "\e65f";
}
.icon-screen:before {
content: "\e660";
}
.icon-infinity:before {
content: "\e661";
}
.icon-light-bulb:before {
content: "\e662";
}
.icon-creditcard:before {
content: "\e663";
}
.icon-database:before {
content: "\e664";
}
.icon-voicemail:before {
content: "\e665";
}
.icon-clipboard:before {
content: "\e666";
}
.icon-cart2:before {
content: "\e667";
}
.icon-box:before {
content: "\e668";
}
.icon-ticket:before {
content: "\e669";
}
.icon-rss2:before {
content: "\e66a";
}
.icon-signal:before {
content: "\e66b";
}
.icon-thermometer:before {
content: "\e66c";
}
.icon-droplets:before {
content: "\e66d";
}
.icon-uniE66E:before {
content: "\e66e";
}
.icon-statistics:before {
content: "\e66f";
}
.icon-pie:before {
content: "\e670";
}
.icon-bars:before {
content: "\e671";
}
.icon-graph:before {
content: "\e672";
}
.icon-lock:before {
content: "\e673";
}
.icon-lock-open:before {
content: "\e674";
}
.icon-logout:before {
content: "\e675";
}
.icon-login2:before {
content: "\e676";
}
.icon-checkmark:before {
content: "\e677";
}
.icon-cross:before {
content: "\e678";
}
.icon-minus:before {
content: "\e679";
}
.icon-plus:before {
content: "\e67a";
}
.icon-cross2:before {
content: "\e67b";
}
.icon-minus2:before {
content: "\e67c";
}
.icon-plus2:before {
content: "\e67d";
}
.icon-cross3:before {
content: "\e67e";
}
.icon-minus3:before {
content: "\e67f";
}
.icon-plus3:before {
content: "\e680";
}
.icon-erase:before {
content: "\e681";
}
.icon-blocked:before {
content: "\e682";
}
.icon-info:before {
content: "\e683";
}
.icon-info2:before {
content: "\e684";
}
.icon-question:before {
content: "\e685";
}
.icon-help:before {
content: "\e686";
}
.icon-warning:before {
content: "\e687";
}
.icon-cycle:before {
content: "\e688";
}
.icon-cw:before {
content: "\e689";
}
.icon-ccw:before {
content: "\e68a";
}
.icon-shuffle:before {
content: "\e68b";
}
.icon-arrow:before {
content: "\e68c";
}
.icon-arrow2:before {
content: "\e68d";
}
.icon-retweet:before {
content: "\e68e";
}
.icon-loop:before {
content: "\e68f";
}
.icon-history:before {
content: "\e690";
}
.icon-back:before {
content: "\e691";
}
.icon-switch:before {
content: "\e692";
}
.icon-list:before {
content: "\e693";
}
.icon-add-to-list:before {
content: "\e694";
}
.icon-layout:before {
content: "\e695";
}
.icon-list2:before {
content: "\e696";
}
.icon-text:before {
content: "\e697";
}
.icon-text2:before {
content: "\e698";
}
.icon-document:before {
content: "\e699";
}
.icon-docs:before {
content: "\e69a";
}
.icon-landscape:before {
content: "\e69b";
}
.icon-pictures:before {
content: "\e69c";
}
.icon-video:before {
content: "\e69d";
}
.icon-music3:before {
content: "\e69e";
}
.icon-folder:before {
content: "\e69f";
}
.icon-archive:before {
content: "\e6a0";
}
.icon-trash:before {
content: "\e6a1";
}
.icon-upload:before {
content: "\e6a2";
}
.icon-download:before {
content: "\e6a3";
}
.icon-disk:before {
content: "\e6a4";
}
.icon-install:before {
content: "\e6a5";
}
.icon-cloud:before {
content: "\e6a6";
}
.icon-upload2:before {
content: "\e6a7";
}
.icon-bookmark:before {
content: "\e6a8";
}
.icon-bookmarks:before {
content: "\e6a9";
}
.icon-book2:before {
content: "\e6aa";
}
.icon-play:before {
content: "\e6ab";
}
.icon-pause:before {
content: "\e6ac";
}
.icon-record:before {
content: "\e6ad";
}
.icon-stop:before {
content: "\e6ae";
}
.icon-next:before {
content: "\e6af";
}
.icon-previous:before {
content: "\e6b0";
}
.icon-first:before {
content: "\e6b1";
}
.icon-last:before {
content: "\e6b2";
}
.icon-resize-enlarge:before {
content: "\e6b3";
}
.icon-resize-shrink:before {
content: "\e6b4";
}
.icon-volume:before {
content: "\e6b5";
}
.icon-sound:before {
content: "\e6b6";
}
.icon-mute:before {
content: "\e6b7";
}
.icon-flow-cascade:before {
content: "\e6b8";
}
.icon-flow-branch:before {
content: "\e6b9";
}
.icon-flow-tree:before {
content: "\e6ba";
}
.icon-flow-line:before {
content: "\e6bb";
}
.icon-flow-parallel:before {
content: "\e6bc";
}
.icon-arrow-left:before {
content: "\e6bd";
}
.icon-arrow-down:before {
content: "\e6be";
}
.icon-arrow-up-upload:before {
content: "\e6bf";
}
.icon-arrow-right:before {
content: "\e6c0";
}
.icon-arrow-left2:before {
content: "\e6c1";
}
.icon-arrow-down2:before {
content: "\e6c2";
}
.icon-arrow-up:before {
content: "\e6c3";
}
.icon-arrow-right2:before {
content: "\e6c4";
}
.icon-arrow-left3:before {
content: "\e6c5";
}
.icon-arrow-down3:before {
content: "\e6c6";
}
.icon-arrow-up2:before {
content: "\e6c7";
}
.icon-arrow-right3:before {
content: "\e6c8";
}
.icon-arrow-left4:before {
content: "\e6c9";
}
.icon-arrow-down4:before {
content: "\e6ca";
}
.icon-arrow-up3:before {
content: "\e6cb";
}
.icon-arrow-right4:before {
content: "\e6cc";
}
.icon-arrow-left5:before {
content: "\e6cd";
}
.icon-arrow-down5:before {
content: "\e6ce";
}
.icon-arrow-up4:before {
content: "\e6cf";
}
.icon-arrow-right5:before {
content: "\e6d0";
}
.icon-arrow-left6:before {
content: "\e6d1";
}
.icon-arrow-down6:before {
content: "\e6d2";
}
.icon-arrow-up5:before {
content: "\e6d3";
}
.icon-arrow-right6:before {
content: "\e6d4";
}
.icon-arrow-left7:before {
content: "\e6d5";
}
.icon-arrow-down7:before {
content: "\e6d6";
}
.icon-arrow-up6:before {
content: "\e6d7";
}
.icon-uniE6D8:before {
content: "\e6d8";
}
.icon-arrow-left8:before {
content: "\e6d9";
}
.icon-arrow-down8:before {
content: "\e6da";
}
.icon-arrow-up7:before {
content: "\e6db";
}
.icon-arrow-right7:before {
content: "\e6dc";
}
.icon-menu:before {
content: "\e6dd";
}
.icon-ellipsis:before {
content: "\e6de";
}
.icon-dots:before {
content: "\e6df";
}
.icon-dot:before {
content: "\e6e0";
}
.icon-cc2:before {
content: "\e6e1";
}
.icon-cc-by:before {
content: "\e6e2";
}
.icon-cc-nc:before {
content: "\e6e3";
}
.icon-cc-nc-eu:before {
content: "\e6e4";
}
.icon-cc-nc-jp:before {
content: "\e6e5";
}
.icon-cc-sa:before {
content: "\e6e6";
}
.icon-cc-nd:before {
content: "\e6e7";
}
.icon-cc-pd:before {
content: "\e6e8";
}
.icon-cc-zero:before {
content: "\e6e9";
}
.icon-cc-share:before {
content: "\e6ea";
}
.icon-cc-share2:before {
content: "\e6eb";
}
.icon-danielbruce:before {
content: "\e6ec";
}
.icon-danielbruce2:before {
content: "\e6ed";
}
.icon-github2:before {
content: "\e6ee";
}
.icon-github3:before {
content: "\e6ef";
}
.icon-flickr2:before {
content: "\e6f0";
}
.icon-flickr3:before {
content: "\e6f1";
}
.icon-vimeo2:before {
content: "\e6f2";
}
.icon-vimeo3:before {
content: "\e6f3";
}
.icon-twitter2:before {
content: "\e6f4";
}
.icon-twitter3:before {
content: "\e6f5";
}
.icon-facebook2:before {
content: "\e6f6";
}
.icon-facebook3:before {
content: "\e6f7";
}
.icon-facebook4:before {
content: "\e6f8";
}
.icon-googleplus:before {
content: "\e6f9";
}
.icon-googleplus2:before {
content: "\e6fa";
}
.icon-pinterest2:before {
content: "\e6fb";
}
.icon-pinterest3:before {
content: "\e6fc";
}
.icon-tumblr2:before {
content: "\e6fd";
}
.icon-tumblr3:before {
content: "\e6fe";
}
.icon-linkedin2:before {
content: "\e6ff";
}
.icon-linkedin3:before {
content: "\e700";
}
.icon-dribbble2:before {
content: "\e701";
}
.icon-dribbble3:before {
content: "\e702";
}
.icon-stumbleupon2:before {
content: "\e703";
}
.icon-stumbleupon3:before {
content: "\e704";
}
.icon-lastfm2:before {
content: "\e705";
}
.icon-lastfm3:before {
content: "\e706";
}
.icon-rdio:before {
content: "\e707";
}
.icon-rdio2:before {
content: "\e708";
}
.icon-spotify2:before {
content: "\e709";
}
.icon-spotify3:before {
content: "\e70a";
}
.icon-qq:before {
content: "\e70b";
}
.icon-instagram2:before {
content: "\e70c";
}
.icon-dropbox2:before {
content: "\e70d";
}
.icon-evernote2:before {
content: "\e70e";
}
.icon-flattr2:before {
content: "\e70f";
}
.icon-skype2:before {
content: "\e710";
}
.icon-skype3:before {
content: "\e711";
}
.icon-renren:before {
content: "\e712";
}
.icon-sina-weibo:before {
content: "\e713";
}
.icon-paypal2:before {
content: "\e714";
}
.icon-picasa:before {
content: "\e715";
}
.icon-soundcloud2:before {
content: "\e716";
}
.icon-mixi:before {
content: "\e717";
}
.icon-behance:before {
content: "\e718";
}
.icon-circles:before {
content: "\e719";
}
.icon-vk2:before {
content: "\e71a";
}
.icon-smashing:before {
content: "\e71b";
}
.icon-mobile2:before {
content: "\e10a";
}
.icon-laptop:before {
content: "\e10b";
}
.icon-desktop:before {
content: "\e10c";
}
.icon-tablet:before {
content: "\e10d";
}
.icon-phone2:before {
content: "\e10e";
}
.icon-document2:before {
content: "\e10f";
}
.icon-documents:before {
content: "\e110";
}
.icon-search2:before {
content: "\e111";
}
.icon-clipboard2:before {
content: "\e112";
}
.icon-newspaper2:before {
content: "\e113";
}
.icon-notebook:before {
content: "\e114";
}
.icon-book-open:before {
content: "\e115";
}
.icon-browser2:before {
content: "\e116";
}
.icon-calendar3:before {
content: "\e117";
}
.icon-presentation:before {
content: "\e118";
}
.icon-picture:before {
content: "\e119";
}
.icon-pictures2:before {
content: "\e11a";
}
.icon-video2:before {
content: "\e11b";
}
.icon-camera2:before {
content: "\e11c";
}
.icon-printer2:before {
content: "\e11d";
}
.icon-toolbox:before {
content: "\e11e";
}
.icon-briefcase2:before {
content: "\e11f";
}
.icon-wallet:before {
content: "\e120";
}
.icon-gift:before {
content: "\e121";
}
.icon-bargraph:before {
content: "\e122";
}
.icon-grid:before {
content: "\e123";
}
.icon-expand:before {
content: "\e124";
}
.icon-focus:before {
content: "\e125";
}
.icon-edit:before {
content: "\e126";
}
.icon-adjustments:before {
content: "\e127";
}
.icon-ribbon:before {
content: "\e128";
}
.icon-hourglass2:before {
content: "\e129";
}
.icon-lock2:before {
content: "\e12a";
}
.icon-megaphone2:before {
content: "\e12b";
}
.icon-shield:before {
content: "\e12c";
}
.icon-trophy2:before {
content: "\e12d";
}
.icon-flag2:before {
content: "\e12e";
}
.icon-map2:before {
content: "\e12f";
}
.icon-puzzle:before {
content: "\e130";
}
.icon-basket:before {
content: "\e131";
}
.icon-envelope:before {
content: "\e132";
}
.icon-streetsign:before {
content: "\e133";
}
.icon-telescope:before {
content: "\e134";
}
.icon-gears:before {
content: "\e135";
}
.icon-key2:before {
content: "\e136";
}
.icon-paperclip2:before {
content: "\e137";
}
.icon-attachment:before {
content: "\e138";
}
.icon-pricetags:before {
content: "\e139";
}
.icon-lightbulb:before {
content: "\e13a";
}
.icon-layers:before {
content: "\e13b";
}
.icon-pencil2:before {
content: "\e13c";
}
.icon-tools2:before {
content: "\e13d";
}
.icon-tools-2:before {
content: "\e13e";
}
.icon-scissors:before {
content: "\e13f";
}
.icon-paintbrush:before {
content: "\e140";
}
.icon-magnifying-glass:before {
content: "\e141";
}
.icon-circle-compass:before {
content: "\e142";
}
.icon-linegraph:before {
content: "\e143";
}
.icon-mic:before {
content: "\e144";
}
.icon-strategy:before {
content: "\e145";
}
.icon-beaker:before {
content: "\e146";
}
.icon-caution:before {
content: "\e147";
}
.icon-recycle:before {
content: "\e148";
}
.icon-anchor:before {
content: "\e149";
}
.icon-profile-male:before {
content: "\e14a";
}
.icon-profile-female:before {
content: "\e14b";
}
.icon-bike:before {
content: "\e14c";
}
.icon-wine:before {
content: "\e14d";
}
.icon-hotairballoon:before {
content: "\e14e";
}
.icon-globe:before {
content: "\e14f";
}
.icon-genius:before {
content: "\e150";
}
.icon-map-pin:before {
content: "\e151";
}
.icon-dial:before {
content: "\e152";
}
.icon-chat2:before {
content: "\e153";
}
.icon-heart3:before {
content: "\e154";
}
.icon-cloud2:before {
content: "\e155";
}
.icon-upload3:before {
content: "\e156";
}
.icon-download2:before {
content: "\e157";
}
.icon-target2:before {
content: "\e158";
}
.icon-hazardous:before {
content: "\e159";
}
.icon-piechart:before {
content: "\e15a";
}
.icon-speedometer:before {
content: "\e15b";
}
.icon-global:before {
content: "\e15c";
}
.icon-compass2:before {
content: "\e15d";
}
.icon-lifesaver:before {
content: "\e15e";
}
.icon-clock2:before {
content: "\e15f";
}
.icon-aperture:before {
content: "\e160";
}
.icon-quote2:before {
content: "\e161";
}
.icon-scope:before {
content: "\e162";
}
.icon-alarmclock:before {
content: "\e163";
}
.icon-refresh:before {
content: "\e164";
}
.icon-happy:before {
content: "\e165";
}
.icon-sad:before {
content: "\e166";
}
.icon-facebook5:before {
content: "\e167";
}
.icon-twitter4:before {
content: "\e168";
}
.icon-googleplus3:before {
content: "\e169";
}
.icon-rss3:before {
content: "\e16a";
}
.icon-tumblr4:before {
content: "\e16b";
}
.icon-linkedin4:before {
content: "\e16c";
}
.icon-dribbble4:before {
content: "\e16d";
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 16;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-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 !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.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;
padding: 0;
z-index: 1046; }
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;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; 
}
body.admin-bar .mfp-close {
top: -7%;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -4%;
text-align: right;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.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; }
.mfp-arrow-left:after, .mfp-arrow .mfp-b{
content: "\e744";
font-family: 'icomoon'  !important;
font-size: 22px;
}
.mfp-arrow-right:after, .mfp-arrow .mfp-a{
content: "\e74b";
font-family: 'icomoon'  !important;
font-size: 22px;
}
.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; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
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 { margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b { }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.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: black; }
.mfp-iframe-holder .mfp-close {
top: -40px; } 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 0px 40px 0px;
margin: 0 auto;
}
body.admin-bar img.mfp-img {
padding-top: 72px;
} .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
}
.mfp-figure {
line-height: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; 
}
.mfp-iframe-scaler .mfp-bottom-bar {
margin-top: 10px;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; } .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-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; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; } }
@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; }
.white-popup-block {
background: #FFF;
padding: 40px 0px 0px 0px;
text-align: left;
margin: 40px auto;
position: relative;
}
.white-popup-block-content {
margin: 0px 20px 20px 20px;
}  .my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
transform: scale(1); 
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0.001; -webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.9;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}  .my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
} .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
} .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
} .my-mfp-slide-bottom.mfp-bg {
opacity: 0.01;
-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
}
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider li{ margin-bottom: 0;}
.content-flexslider { position: relative; } .flexslider {margin: 0; padding: 0; overflow: hidden; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flexslider .slides .testimonial_slide img {
width: auto;
}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider { position: relative;  zoom: 1; }
.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides { zoom: 1; }
.carousel li {margin-right: 5px} .flex-direction-nav a { 
display: block;
position: absolute;
top: 50%;
margin-top: -30px;
cursor: pointer;
height: 60px;
width: 40px;
line-height: 60px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
opacity: 0;
text-align: center;
font-size: 20px;
background: #000;
background: rgba(0, 0, 0, 0.2);
} .flex-direction-nav {
font-size: 19px; 
line-height: 40px;
}
.flex-direction-nav.flex-direction-nav-container {
display: block;
}
.flex-direction-nav .flex-next { 
right: 0px; 
color: #fff; 
z-index: 100;
}
.flex-direction-nav .flex-next:before {
content: "\e732";
font-family: 'icomoon' !important;
}
.flex-direction-nav .flex-prev {	left: 0px; color: #fff; z-index: 100; }
.flex-direction-nav .flex-prev:before {
content: "\e72f";
font-family: 'icomoon' !important;
}
.flex-direction-nav .disabled {opacity: 0!important; filter:alpha(opacity=30); cursor: default;}
.flexslider:hover .flex-next {
opacity: 1; right: 0px;
}
.flexslider:hover .flex-prev {
opacity: 1; left: 0px;
}
.flexslider:hover .flex-control-nav {
opacity: 1;
}
.style2-arrow .flex-next,
.style2-arrow .flex-prev {
width: 40px;
height: 40px;
bottom: 0px;
top: auto;
margin-top: 0px;
line-height: 40px;
background: #000;
}
.style2-arrow .flex-prev {
right: 50px !important;
left: auto !important;
}
.flex_loading { min-height: 300px; }
.loader-icon {
margin: 0 auto;
width: 20px;
height: 20px;
border-width: 5px;
} .flex-control-nav {
width: 100%; 
position: absolute; 
bottom: 10px; 
text-align: 
center; 
z-index: 2; 
opacity: 0; 
-webkit-transition: all .6s ease; 
-moz-transition: all .6s ease; 
-o-transition: all .6s ease; 
transition: all .6s ease;
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
width: 7px;
height: 7px;
display: block;
cursor: pointer;
text-indent: -9999px;
border: 1px solid #fff;
border-radius: 50%;
background: none !important;
}
.testimonial_slider .flex-control-paging li a {
width: 7px;
height: 7px;
border-width: 1px;
}
.flex-control-paging li a.flex-active {
background: #fff !important;
}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
.flex-caption {width: 50%; margin: 0; position: absolute; left: 30px; bottom: 30px; line-height: 18px; background: rgba(0,0,0,0.7); border:2px solid rgba(0,0,0,0.1); padding: 10px 20px;}
.flex-caption h4 {
margin: 0;
background-image: none !important;
text-transform: uppercase;
color: #fff;
}
.flex-direction-nav a,
.flex-control-paging li a {
-webkit-transition: all .6s ease; 
-moz-transition: all .6s ease; 
-o-transition: all .6s ease; 
transition: all .6s ease;
}
.flex-loading {
padding: 20px 0px 20px 0px;
text-align: center;
}
.flex-loading i.font-icon.icon-cog.icon-spin {
font-size: 25px;
}
.icon-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}  .mCSB_container{
width:auto;
margin-right:25px;
overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
width:16px;
height:100%;
top:0;
right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
position:absolute;
top:0;
left:0;
bottom:0;
right:0; 
height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
height: 100%;
margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 8px;
height: 100%;
margin: 0 auto;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:relative;
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
top:100%;
margin-top:-40px;
} .mCSB_horizontal>.mCSB_container{
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-right:0;
margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
display:block;
position:relative;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
margin-left:-40px;
float:right;
}
.mCustomScrollBox{
-ms-touch-action:none; min-height: 100%;
} .mCustomScrollBox>.mCSB_scrollTools{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCustomScrollBox:hover>.mCSB_scrollTools{
opacity:1;
filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.4);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#fff; background:rgba(255,255,255,0.75);
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image:url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/mCSB_buttons.png);
background-repeat:no-repeat;
opacity:0.4;
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
opacity:0.9;
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }  .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#000; background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px;
} .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; background:rgba(255,255,255,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#fff; background:rgba(255,255,255,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-40px -56px;
} .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; background:rgba(0,0,0,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#000; background:rgba(0,0,0,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-120px -56px;
} .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; background:rgba(255,255,255,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#fff; background:rgba(255,255,255,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-20px -56px;
} .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; background:rgba(0,0,0,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#000; background:rgba(0,0,0,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-100px -56px;
} .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#fff; background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
} .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
background:#000; background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px;
}  .content_1>.mCustomScrollBox>.mCSB_scrollTools{
height:96%;
top:2%;
} .content_2 .mCSB_scrollTools .mCSB_draggerRail{
width:6px;
box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:rgba(255,255,255,0.4);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.5);
filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; }
.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.6);
filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; } .content_3>.mCustomScrollBox>.mCSB_scrollTools{
height:94%;
top:3%;
}
.content_3 .mCSB_scrollTools .mCSB_draggerRail{
width:0;
border-right:1px dashed #09C;
}
.content_3 .mCSB_scrollTools .mCSB_dragger{
height:11px;
}
.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:11px;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius:11px;
background:#09C;
} .content_4>.mCustomScrollBox>.mCSB_scrollTools{
height:94%;
top:3%;
}
.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:8px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:#d0b9a0;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:#dfcdb9;
}
.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
box-shadow:0 0 3px rgba(0,0,0,0.5);
} .content_5>.mCustomScrollBox>.mCSB_scrollTools{
width: 98%;
margin: 0 1%;
} .content_6>.mCustomScrollBox>.mCSB_scrollTools{
width:88%;
margin: 0 6%;
} .content_8 .mCSB_scrollTools .mCSB_draggerRail{
width:0px;
border-left:1px solid rgba(0,0,0,0.8);
border-right:1px solid rgba(255,255,255,0.2);
}.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; 
visibility: visible !important;
}
.animated.hinge {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
} 
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slideInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
-moz-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-moz-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-moz-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes bounce { 
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
40% {-webkit-transform: translateY(-30px);} 
60% {-webkit-transform: translateY(-15px);} 
} 
@keyframes bounce { 
0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
40% {transform: translateY(-30px);} 
60% {transform: translateY(-15px);} 
} 
.bounce { 
-webkit-animation-name: bounce; 
animation-name: bounce; 
} @-webkit-keyframes bounceIn { 
0% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 
50% { 
opacity: 1; 
-webkit-transform: scale(1.05); 
} 
70% { 
-webkit-transform: scale(.9); 
} 
100% { 
-webkit-transform: scale(1); 
} 
} 
@keyframes bounceIn { 
0% { 
opacity: 0; 
transform: scale(.3); 
} 
50% { 
opacity: 1; 
transform: scale(1.05); 
} 
70% { 
transform: scale(.9); 
} 
100% { 
transform: scale(1); 
} 
} 
.bounceIn { 
-webkit-animation-name: bounceIn; 
animation-name: bounceIn; 
} @-webkit-keyframes bounceInUp { 
0% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateY(-30px); 
} 
80% { 
-webkit-transform: translateY(10px); 
} 
100% { 
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInUp { 
0% { 
opacity: 0; 
transform: translateY(2000px); 
} 
60% { 
opacity: 1; 
transform: translateY(-30px); 
} 
80% { 
transform: translateY(10px); 
} 
100% { 
transform: translateY(0); 
} 
} 
.bounceInUp { 
-webkit-animation-name: bounceInUp; 
animation-name: bounceInUp; 
} @-webkit-keyframes bounceInDown { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateY(30px); 
} 
80% { 
-webkit-transform: translateY(-10px); 
} 
100% { 
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInDown { 
0% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
60% { 
opacity: 1; 
transform: translateY(30px); 
} 
80% { 
transform: translateY(-10px); 
} 
100% { 
transform: translateY(0); 
} 
} 
.bounceInDown { 
-webkit-animation-name: bounceInDown; 
animation-name: bounceInDown; 
} @-webkit-keyframes bounceInLeft { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateX(30px); 
} 
80% { 
-webkit-transform: translateX(-10px); 
} 
100% { 
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInLeft { 
0% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
60% { 
opacity: 1; 
transform: translateX(30px); 
} 
80% { 
transform: translateX(-10px); 
} 
100% { 
transform: translateX(0); 
} 
} 
.bounceInLeft { 
-webkit-animation-name: bounceInLeft; 
animation-name: bounceInLeft; 
} @-webkit-keyframes bounceInRight { 
0% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
60% { 
opacity: 1; 
-webkit-transform: translateX(-30px); 
} 
80% { 
-webkit-transform: translateX(10px); 
} 
100% { 
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInRight { 
0% { 
opacity: 0; 
transform: translateX(2000px); 
} 
60% { 
opacity: 1; 
transform: translateX(-30px); 
} 
80% { 
transform: translateX(10px); 
} 
100% { 
transform: translateX(0); 
} 
} 
.bounceInRight { 
-webkit-animation-name: bounceInRight; 
animation-name: bounceInRight; 
} @-webkit-keyframes fadeInUpBig { 
0% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInUpBig { 
0% { 
opacity: 0; 
transform: translateY(2000px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUpBig { 
-webkit-animation-name: fadeInUpBig; 
animation-name: fadeInUpBig; 
} @-webkit-keyframes fadeInDownBig { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInDownBig { 
0% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDownBig { 
-webkit-animation-name: fadeInDownBig; 
animation-name: fadeInDownBig; 
} @-webkit-keyframes fadeInLeftBig { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeftBig { 
0% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeftBig { 
-webkit-animation-name: fadeInLeftBig; 
animation-name: fadeInLeftBig; 
} @-webkit-keyframes fadeInRightBig { 
0% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRightBig { 
0% { 
opacity: 0; 
transform: translateX(2000px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRightBig { 
-webkit-animation-name: fadeInRightBig; 
animation-name: fadeInRightBig; 
} @-webkit-keyframes flash { 
0%, 50%, 100% {opacity: 1;} 
25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
0%, 50%, 100% {opacity: 1;} 
25%, 75% {opacity: 0;} 
} 
.flash { 
-webkit-animation-name: flash; 
animation-name: flash; 
} @-webkit-keyframes flip { 
0% { 
-webkit-transform: perspective(400px) rotateY(0); 
-webkit-animation-timing-function: ease-out; 
} 
40% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
-webkit-animation-timing-function: ease-out; 
} 
50% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
80% { 
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
-webkit-animation-timing-function: ease-in; 
} 
100% { 
-webkit-transform: perspective(400px) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
} 
@keyframes flip { 
0% { 
transform: perspective(400px) rotateY(0); 
animation-timing-function: ease-out; 
} 
40% { 
transform: perspective(400px) translateZ(150px) rotateY(170deg); 
animation-timing-function: ease-out; 
} 
50% { 
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
animation-timing-function: ease-in; 
} 
80% { 
transform: perspective(400px) rotateY(360deg) scale(.95); 
animation-timing-function: ease-in; 
} 
100% { 
transform: perspective(400px) scale(1); 
animation-timing-function: ease-in; 
} 
} 
.flip { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flip; 
backface-visibility: visible !important; 
animation-name: flip; 
} @-webkit-keyframes lightSpeedIn { 
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedIn { 
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedIn { 
-webkit-animation-name: lightSpeedIn; 
animation-name: lightSpeedIn; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} 
.animated.lightSpeedIn { 
-webkit-animation-duration: 0.5s; 
animation-duration: 0.5s; 
} @-webkit-keyframes pulse { 
0% { -webkit-transform: scale(1); } 
50% { -webkit-transform: scale(1.1); } 
100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
0% { transform: scale(1); } 
50% { transform: scale(1.1); } 
100% { transform: scale(1); } 
} 
.pulse { 
-webkit-animation-name: pulse; 
animation-name: pulse; 
} @-webkit-keyframes rotateIn { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateIn { 
0% { 
transform-origin: center center; 
transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateIn { 
-webkit-animation-name: rotateIn; 
animation-name: rotateIn; 
} @-webkit-keyframes rotateInUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpLeft { 
-webkit-animation-name: rotateInUpLeft; 
animation-name: rotateInUpLeft; 
} @-webkit-keyframes rotateInDownLeft {
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownLeft { 
-webkit-animation-name: rotateInDownLeft; 
animation-name: rotateInDownLeft; 
} @-webkit-keyframes rotateInUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpRight { 
-webkit-animation-name: rotateInUpRight; 
animation-name: rotateInUpRight; 
} @-webkit-keyframes rotateInDownRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownRight { 
-webkit-animation-name: rotateInDownRight; 
animation-name: rotateInDownRight; 
} @-webkit-keyframes shake { 
0%, 100% {-webkit-transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
0%, 100% {transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake { 
-webkit-animation-name: shake; 
animation-name: shake; 
}
@-webkit-keyframes swing { 
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
20% { -webkit-transform: rotate(15deg); } 
40% { -webkit-transform: rotate(-10deg); } 
60% { -webkit-transform: rotate(5deg); } 
80% { -webkit-transform: rotate(-5deg); } 
100% { -webkit-transform: rotate(0deg); } 
} @keyframes swing { 
20% { transform: rotate(15deg); } 
40% { transform: rotate(-10deg); } 
60% { transform: rotate(5deg); } 
80% { transform: rotate(-5deg); } 
100% { transform: rotate(0deg); } 
} 
.swing { 
-webkit-transform-origin: top center; 
transform-origin: top center; 
-webkit-animation-name: swing; 
animation-name: swing; 
} @-webkit-keyframes tada { 
0% {-webkit-transform: scale(1);} 
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
0% {transform: scale(1);} 
10%, 20% {transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
100% {transform: scale(1) rotate(0);} 
} 
.tada { 
-webkit-animation-name: tada; 
animation-name: tada; 
} @-webkit-keyframes wiggle { 
0% { -webkit-transform: skewX(9deg); } 
10% { -webkit-transform: skewX(-8deg); } 
20% { -webkit-transform: skewX(7deg); } 
30% { -webkit-transform: skewX(-6deg); } 
40% { -webkit-transform: skewX(5deg); } 
50% { -webkit-transform: skewX(-4deg); } 
60% { -webkit-transform: skewX(3deg); } 
70% { -webkit-transform: skewX(-2deg); } 
80% { -webkit-transform: skewX(1deg); } 
90% { -webkit-transform: skewX(0deg); } 
100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
0% { transform: skewX(9deg); } 
10% { transform: skewX(-8deg); } 
20% { transform: skewX(7deg); } 
30% { transform: skewX(-6deg); } 
40% { transform: skewX(5deg); } 
50% { transform: skewX(-4deg); } 
60% { transform: skewX(3deg); } 
70% { transform: skewX(-2deg); } 
80% { transform: skewX(1deg); } 
90% { transform: skewX(0deg); } 
100% { transform: skewX(0deg); } 
} 
.wiggle { 
-webkit-animation-name: wiggle; 
animation-name: wiggle; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} 
.animated.wiggle { 
-webkit-animation-duration: 0.75s; 
animation-duration: 0.75s; 
} @-webkit-keyframes wobble { 
0% { -webkit-transform: translateX(0%); } 
15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
30% { -webkit-transform: translateX(20%) rotate(3deg); } 
45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
60% { -webkit-transform: translateX(10%) rotate(2deg); } 
75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
0% { transform: translateX(0%); } 
15% { transform: translateX(-25%) rotate(-5deg); } 
30% { transform: translateX(20%) rotate(3deg); } 
45% { transform: translateX(-15%) rotate(-3deg); } 
60% { transform: translateX(10%) rotate(2deg); } 
75% { transform: translateX(-5%) rotate(-1deg); } 
100% { transform: translateX(0%); } 
} 
.wobble { 
-webkit-animation-name: wobble; 
animation-name: wobble; 
} @-webkit-keyframes infiniteJump {
0% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
50% {
opacity: 1;
-webkit-transform: translateY(0px);
}
100% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
}
@-moz-keyframes infiniteJump {
0% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
50% {
opacity: 1;
-webkit-transform: translateY(0px);
}
100% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
}
@-o-keyframes infiniteJump {
0% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
50% {
opacity: 1;
-webkit-transform: translateY(0px);
}
100% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
}
@keyframes infiniteJump {
0% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
50% {
opacity: 1;
-webkit-transform: translateY(0px);
}
100% {
opacity: 0.7;
-webkit-transform: translateY(-30px);
}
}
.infiniteJump {
-webkit-animation: infiniteJump 2s infinite, visibility 1s ease;
-moz-animation: infiniteJump 2s infinite, visibility 1s ease;
-o-animation: infiniteJump 2s infinite, visibility 1s ease;
animation: infiniteJump 2s infinite, visibility 1s ease;
visibility: visible !important;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
} .rotates {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
display: inline-block;
vertical-align: bottom;
}
.rotating {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform-origin-x: 50%;
}
.rotating.flip {
position: relative;
}
.rotating .front, .rotating .back {
left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.rotating .front {
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
.rotating.flip .front {
z-index: 1;
}
.rotating .back {
display: block;
opacity: 0;
}
.rotating.spin {
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-ms-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
-moz-transform: rotateY(180deg) translate3d(0,0,0);
-ms-transform: rotateY(180deg) translate3d(0,0,0);
-o-transform: rotateY(180deg) translate3d(0,0,0);
transform: rotateY(180deg) translate3d(0,0,0);
}
.rotating.flip.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
-moz-transform: rotateX(180deg) translate3d(0,0,0);
-ms-transform: rotateX(180deg) translate3d(0,0,0);
-o-transform: rotateX(180deg) translate3d(0,0,0);
transform: rotateX(180deg) translate3d(0,0,0);
}
.rotating.flip.cube .front {
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: translate3d(0,0,100px) scale(0.85,0.85);
transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube .back {
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
} .background-horizontal-animation,
.background-vertical-animation {
background-position: 0px 0px;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.background-horizontal-animation {
-webkit-animation: AnimateHorizontal 2500s linear infinite;
-moz-animation: AnimateHorizontal 2500s linear infinite;
-o-animation: AnimateHorizontal 2500s linear infinite;
animation: AnimateHorizontal 2500s linear infinite;
background-repeat: repeat-x !important;
}
.background-vertical-animation {
-webkit-animation: AnimateVertical 2500s linear infinite;
-moz-animation: AnimateVertical 2500s linear infinite;
-o-animation: AnimateVertical 2500s linear infinite;
animation: AnimateVertical 2500s linear infinite;
background-repeat: repeat-y !important;
}
@-webkit-keyframes AnimateHorizontal {
0% { background-position: 0px 0; }
100% { background-position: -100000px 0; }
}
@-moz-keyframes AnimateHorizontal {
0% { background-position: 0px 0; }
100% { background-position: -100000px 0; }
}
@-o-keyframes AnimateHorizontal {
0% { background-position: 0px 0; }
100% { background-position: -100000px 0; }
}
@keyframes AnimateHorizontal {
0% { background-position: 0px 0; }
100% { background-position: -100000px 0; }
}
@-webkit-keyframes AnimateVertical {
0% { background-position: 0px 0px; }
100% { background-position: 0px -100000px; }
}
@-moz-keyframes AnimateVertical {
0% { background-position: 0px 0px; }
100% { background-position: 0px -100000px; }
}
@-o-keyframes AnimateVertical {
0% { background-position: 0px 0px; }
100% { background-position: 0px -100000px; }
}
@keyframes AnimateVertical {
0% { background-position: 0px 0px; }
100% { background-position: 0px -100000px; }
}
.typed {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
display: none;
}
@keyframes blink {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
} #nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 3px;
}
body.admin-bar #nprogress .bar {
top: 32px;
} #nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
} #nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0%   { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: hsla(0, 0%, 100%, 0.75);
cursor: pointer; -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
filter: alpha(opacity=60); opacity: 0.6;
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button:disabled {
filter: alpha(opacity=0); opacity: 0;
cursor: auto;
}
.flickity-prev-next-button svg {
position: absolute;
left: 22%;
top: 23%;
width: 60%;
height: 60%;
}
.flickity-prev-next-button .arrow {
fill: #333;
} .flickity-prev-next-button.no-svg {
color: #333;
font-size: 26px;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
filter: alpha(opacity=25); opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100); opacity: 1;
} .be-flickity:after{
content: 'flickity';
display: none;
}
#content.portfolio-sliders{
position: relative ;
overflow: hidden;
}
#content.portfolio-sliders .img-wrap{
height: 0px;
height: 100vh;
}
#content.be-centered .img-wrap,
#content.be-fullscreen .img-wrap{
width: 100%;
text-align: center;
}
.be-fullscreen .be-flickity img{
max-width: initial !important;
}
.be-flickity .img-wrap{
overflow: hidden;
}
.be-flickity .img-wrap img{
display: inline-block;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.9s ease;
-ms-transition: opacity 0.9s ease;
-o-transition: opacity 0.9s ease;
transition: opacity 0.9s ease;
}
.be-flickity .img-wrap iframe{
opacity: 0;
-webkit-transition: opacity 0.9s ease;  
-ms-transition: opacity 0.9s ease;
-o-transition: opacity 0.9s ease;
transition: opacity 0.9s ease;
}
.be-flickity .img-wrap .flickity-lazyloaded{
opacity: 1;
}
.be-flickity .img-wrap .img-overlay-wrap {
display: none; -webkit-transition: opacity 0.9s ease;
-ms-transition: opacity 0.9s ease;
-o-transition: opacity 0.9s ease;
transition: opacity 0.9s ease;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000;
background: rgba(0, 0, 0, 0.85);
z-index: 1;
}
.be-flickity .img-wrap.is-selected .img-overlay-wrap{
opacity: 0; }
.img-wrap .fluid-width-video-wrapper {
display: inline-block !important;
vertical-align: top !important;
padding: 0px !important;
margin: 0px !important;
height: 100% !important;
}
.img-wrap .fluid-width-video-wrapper iframe.gallery {
position: relative !important;
height: 100% !important;
width: 100%!important;
}
.flickity-slider .img-wrap.is-selected .attachment-details-custom-slider{
display: block;
transition: all 0.9s fadeOut;
-ms-transition: all 0.9s fadeOut;
-o-transition: all 0.9s fadeOut;
transition: all 0.9s fadeOut;
}
.gallery-info-box-wrap .slider-counts{
display: inline-block;
padding: 0px 7px;
line-height: 40px;
}
.single-portfolio-slider.carousel_bar_area{
position: absolute;
bottom: 0px;
width: 100%;
min-height: 35px;
left: 0px;
right: 0px;
margin: 0 auto;
text-align: center;
display: block;
height: 75px;
overflow: hidden;  }
.single-portfolio-slider .carousel_bar_dots{
width: 41px;
height: 75px;
z-index: 2;
position: absolute;
display: block;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
background: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/img/dots.png) no-repeat center;
}
.single-portfolio-slider .carousel_bar_wrap{
position: absolute;
margin: 0 auto;
right: 0px;
left: 0px;
z-index: 13;
bottom: -500px; 
padding:10px 0;
}
.be-carousel-thumb a img{
max-width: none;
}
.single-portfolio-slider .carousel_bar_wrap.be-wrap{
width: 1160px;
}
.be-flickity-thumb img,
.be-carousel-thumb img{
margin-left: 10px; height: 50px;
}
.single-portfolio-slider .carousel_bar_wrap{
background: transparent; 
} .flickity-prev-next-button.previous {
left: 0px;
}
.flickity-prev-next-button.next{
right: 0px;
}
.flickity-prev-next-button{
border-radius: 0%;
}
button.flickity-prev-next-button {
margin:0px;
}
.flickity-prev-next-button svg{
height: 60%;
width: 60%;
top: 20px;
}
.flickity-prev-next-button.next svg{
left: 15px; 
}
.flickity-prev-next-button.next svg{
left: 10px;
}
.flickity-prev-next-button:focus{
box-shadow: none;
}
.arrow-border .flickity-prev-next-button{
background: transparent !important;
}
.style1-arrow .flickity-prev-next-button,
.style2-arrow .flickity-prev-next-button {
height: 100px;
line-height: 100px;
width: 60px;
}
.style3-arrow .flickity-prev-next-button,
.style4-arrow .flickity-prev-next-button {
height: 40px;
line-height: 40px;
width: 40px;
}
.style5-arrow .flickity-prev-next-button,
.style6-arrow .flickity-prev-next-button {
height: 50px;
line-height: 50px;
width: 50px;
border-radius: 50%;
}
.style2-arrow .flickity-prev-next-button.previous,
.style4-arrow .flickity-prev-next-button.previous{
border-left: none !important;
}
.style2-arrow .flickity-prev-next-button.next,
.style4-arrow .flickity-prev-next-button.next{
border-right: none !important;
} 
.style5-arrow .flickity-prev-next-button.previous,
.style6-arrow .flickity-prev-next-button.previous{
left:15px;
}
.style5-arrow .flickity-prev-next-button.next,
.style6-arrow .flickity-prev-next-button.next{
right:15px;
} @media only screen and (max-width: 960px) {
.show-desktop-only {
display: none !important;
}
.be-flickity .img-wrap .img-overlay-wrap{
display: none !important;
}
.single-portfolio-slider.carousel_bar_area.show-desktop-only{
display: none !important;
}
.disable-flickity-mobile.be-flickity:after{
content: '';
}
.disable-flickity-mobile.be-flickity .img-wrap img{
opacity: 1 !important;
height: auto !important;
width: 100% !important;
margin-left: 0px !important;
top: 0px !important;
}
.disable-flickity-mobile.be-flickity .img-wrap{
margin-left: 0px !important;
margin-bottom: 10px;
}
.disable-flickity-mobile{
padding: 10px 10px !important;
}
.enable-flickity-mobile.be-flickity .fluid-width-video-wrapper{
height: 100%;
padding-top: 0px !important;
}
.be-flickity.enable-flickity-mobile .img-wrap img,
.be-flickity.enable-flickity-mobile .img-wrap iframe{
position: absolute;
top: 50%;
left: 50%;
margin-left: 0px !important;
margin-top: 0px !important;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.be-flickity.enable-flickity-mobile .img-wrap img{
height: auto !important;
}
.be-flickity.enable-flickity-mobile .img-wrap iframe{
height: 70% !important;
}
.be-fullscreen .be-flickity.enable-flickity-mobile img{
max-width: 100% !important;
}
.be-flickity.enable-flickity-mobile .attachment-details-custom-slider{
position: absolute !important;
background: transparent;
width: 100%;
padding: 0px;
top: 0px;
color: inherit;
}
.be-flickity.enable-flickity-mobile .attachment-details-custom-slider a{
text-align: center;
}
.be-flickity.disable-flickity-mobile .img-wrap{
position: relative;
}
.be-flickity.disable-flickity-mobile .fluid-width-video-wrapper iframe.gallery {
position: absolute !important;
width: 100% !important;
}
.be-flickity.disable-flickity-mobile .fluid-width-video-wrapper {
padding-top: 50% !important;
}
.be-flickity.disable-flickity-mobile .attachment-details-custom-slider {
position: static !important;
display: block !important;
}
.gallery-info-box-wrap .slider-counts{
display: none;
padding-left: 0px;
text-align: center;
margin-right: 10px;
}
.portfolio-sliders .gallery_content{
margin-top: 30px;
}
.portfolio-sliders .carousel_bar_area.disable-flickity-mobile-thumb{
display: none;
} 
.flickity-prev-next-button{
display: none;
}
}
@media only screen and (max-width: 767px) { .gallery-all-container .single-portfolio-slider{
display: none;
}
}  .component {
margin: 0 auto;
position: relative;
margin-bottom: 40px;
max-width: 100%;
}
.component-small {
width: 650px;
height: 290px;
}
.component-fullwidth {
width: 100%;
height: 100%;
min-height: 200px;
margin-bottom: 0;
background: transparent;
position: relative;
}
.component-transparent {
width: 900px;
height: 500px;
}
.component > ul {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
list-style: none;
padding: 0;
margin: 0 auto;
}
.component-small > ul {
width: 450px;
}
.component-fullwidth > ul {
overflow: hidden;
}
.component-transparent > ul {
width: 112px;
}
.component li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
z-index: 1;
margin-bottom: 0px;
}
.component-fullwidth li {
overflow: hidden;
}
.component .current {
opacity: 1;
pointer-events: auto;
z-index: 2;
margin: 0px;
}
.component li img {
display: inline-block;
max-width: 100%;
}
.component li .be-slide-bg img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
display: inline-block;
max-width: none;
}
.component nav a,
a.ps-prev,
a.ps-next {
position: absolute;
width: 40px;
height: 60px;
line-height: 60px;
color: #fff;
outline: none;
overflow: hidden;
text-align: center;
top: 50%;
font-size: 20px;
background: #000;
background: rgba(0, 0, 0, 0.2);
color: #fff;
z-index: 13;
}
.component-small nav a.prev,
.component-transparent nav a.prev {
left: 0px;
}
.component-small nav a.next,
.component-transparent nav a.next {
right: 0px;
}
.component-fullwidth nav a {
top: 50%;
left: 50%;
margin-top: -30px;
display: none;
}
.component-fullwidth nav a.prev {
left: 0px;
}
.component-fullwidth nav a.next {
right: 0px;
left: auto;
}
.component li .be-slide-bg-holder,
.component li .be-slide-bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.component li .be-slide-bg {
background: transparent;
}
.component li .be-slide-bg .image-loader-wrap {
text-align: center;
}
.component li .be-slide-bg i {
font-size: 20px;
width: 20px;
height: 20px;
line-height: 20px;
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0px 0px -10px;
display: block;
}
.ps-slides-inner-slide-wrap .component-fullwidth {
min-height: initial;
}
.be-slide-bg-holder .be-wrap {
height: 100%;
}
.be-slider-content-wrap {
display: table;
width: 100%;
height: 100%;
}
.be-slider-content {
color: #fff;
z-index: 1;
position: relative;
display: table-cell;
vertical-align: middle;
}
.be-slider-content.top-content {
vertical-align: top;
padding-top: 15px;
}
.be-slider-content.bottom-content {
vertical-align: bottom;
padding-bottom: 15px;
}
.be-slider-content-inner {
display: none;
}
.current .be-slider-content-inner {
display: block;
}
.be-slider-content-inner-wrap {
margin: 0 auto;
}
.be-slider-content-inner-wrap.left-content {
margin: 0px 0px 0px 20px;
}
.be-slider-content-inner-wrap.right-content {
margin: 0px 20px 0px auto;
}
@media screen and (max-width: 35.5em) {
.component-small nav a {
top: 100%;
margin-top: 10px;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.component-small nav a.prev {
left: 50%;
margin-left: -80px;
}
.component-small nav a.next {
margin-left: 20px;
right: auto;
left: 50%;
}
}
@media only screen and (max-width: 767px) {
.be-slider-content-inner-wrap {
width: 90% !important;
max-width: 100% !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
top: auto !important;
float: none !important;
margin: 0 auto !important;
font-size: 13px;
line-height: 20px;
}
.be-slider-content-inner-wrap h1,
.be-slider-content-inner-wrap h2,
.be-slider-content-inner-wrap h3,
.be-slider-content-inner-wrap h4,
.be-slider-content-inner-wrap h5,
.be-slider-content-inner-wrap h6 {
font-size: 30px;
line-height: 30px;
}
} .ps-container-wrap {
position: relative;
}
.ps-container {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.ps-container > div {
position: absolute;
width: 75%;
}
.ps-container > div.ps-contentwrapper {
width: 25%;
}
.ps-contentwrapper {
top: 0px;
height: 100%;
}
.ps-content {
width: 100%;
height: 100%;
padding: 70px 50px 70px 50px;
background: #fff;
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.ps-content .ps-content-inner {
height: 100%;
}
.pa-slides-inner-slide-container .ps-content {
display: none;
position: relative;
}
.ps-slidewrapper {
right: 0px;
top: 0px;
height: 100%;
overflow: hidden;
}
.ps-slides {
height: 100%;
bottom: 0px;
width: 100%;
position: relative;
}
.ps-slides > div {
width: 100%;
height: 100%;
}
.ps-container > a {
width: 70px;
height: 50px;
position: absolute;
float: left;
outline: none;
bottom: 20px;
line-height: 40px;
left: 12.5%;
margin-left: -35px;
background: none !important;
color: #000;
font-size: 50px;
top: auto;
}
.ps-move {
-webkit-transition: top 400ms ease-out;
-moz-transition: top 400ms ease-out;
-o-transition: top 400ms ease-out;
-ms-transition: top 400ms ease-out;
transition: top 400ms ease-out;
}
.ps-container > a.ps-next {
bottom: auto;
top: 20px;
}
.ps-slides-inner-slide-wrap {
position: absolute;
width: 100%;
height: 100%;
display: block;
}
.ps-content .portfolio-title {
margin-bottom: 20px;
}
.ps-content-thumbnail {
display: none;
margin-bottom: 20px;
}
.ps-content-thumbnail img {
width: 100%;
}
@media screen and (max-width: 960px) {
.ps-container-wrap {
position: initial;
}
.ps-content {
height: auto;
}
.ps-container > div,
.ps-container {
position: relative;
height: auto;
}
.ps-container > div.ps-contentwrapper {
width: 100%;
}
.ps-content {
display: none;
}
.pa-slides-inner-slide-container .ps-content {
display: block;
position: relative;
}
.ps-contentwrapper {
top: 0px;
}
.ps-slides,
.ps-container-wrap {
position: relative !important;
height: auto !important;
}
.ps-slides-inner-slide-wrap {
position: relative;
}
.ps-container-wrap .component-fullwidth {
height: 300px !important;
}
.ps-container > div {
width: 100% !important;
}
.ps-next,
.ps-prev,
.ps-container > a {
display: none !important;
}
}    .fxSoftScale .navOutNext {
-webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navInNext {
-webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navOutPrev {
-webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navInPrev {
-webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes scaleUp {
from {} to {
-webkit-transform: scale(1.2);
opacity: 0;
}
}
@keyframes scaleUp {
from {} to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@-webkit-keyframes scaleDownUp {
from {
opacity: 0;
-webkit-transform: scale(0.9);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleDownUp {
from {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scaleDown {
from {} to {
opacity: 0;
-webkit-transform: scale(0.9);
}
}
@keyframes scaleDown {
from {} to {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes scaleUpDown {
from {
-webkit-transform: scale(1.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleUpDown {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}   .fxPressAway .navOutNext {
-webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInNext {
opacity: 1;
-webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navOutPrev {
-webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInPrev {
opacity: 1;
-webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes slideOutScaleRight {
from {} to {
-webkit-transform: translateX(100%) scale(0.9);
opacity: 0;
}
}
@keyframes slideOutScaleRight {
from {} to {
-webkit-transform: translateX(100%) scale(0.9);
transform: translateX(100%) scale(0.9);
opacity: 0;
}
}
@-webkit-keyframes slideInFromLeft {
from {
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
}
}
@keyframes slideInFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes slideOutScaleLeft {
from {} to {
-webkit-transform: translateX(-100%) scale(0.9);
opacity: 0;
}
}
@keyframes slideOutScaleLeft {
from {} to {
-webkit-transform: translateX(-100%) scale(0.9);
transform: translateX(-100%) scale(0.9);
opacity: 0;
}
}
@-webkit-keyframes slideInFromRight {
from {
-webkit-transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
}
}
@keyframes slideInFromRight {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}   .fxSideSwing .navOutNext {
-webkit-animation: slideOutScaleRight 1.2s forwards;
animation: slideOutScaleRight 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInNext {
opacity: 1;
-webkit-animation: slideInFromLeft 1.2s forwards;
animation: slideInFromLeft 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navOutPrev {
-webkit-animation: slideOutScaleLeft 1.2s forwards;
animation: slideOutScaleLeft 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInPrev {
opacity: 1;
-webkit-animation: slideInFromRight 1.2s forwards;
animation: slideInFromRight 1.2s forwards;
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}   .fxFortuneWheel .itemwrap {
-webkit-perspective: 1600px;
perspective: 1600px;
}
.fxFortuneWheel .navOutNext {
-webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInNext {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navOutPrev {
-webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInPrev {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes rotateInFromLeft {
from {
-webkit-transform: translateX(-100%) rotateY(-55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@keyframes rotateInFromLeft {
from {
-webkit-transform: translateX(-100%) rotateY(-55deg);
transform: translateX(-100%) rotateY(-55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes rotateInFromRight {
from {
-webkit-transform: translateX(100%) rotateY(55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}
@keyframes rotateInFromRight {
from {
-webkit-transform: translateX(100%) rotateY(55deg);
transform: translateX(100%) rotateY(55deg);
}
to {
-webkit-transform: translateX(0) rotateY(0deg);
transform: translateX(0) rotateY(0deg);
opacity: 1;
}
}   .fxSwipe .navOutNext {
-webkit-animation: decreaseHeight 0.8s forwards ease-in-out;
animation: decreaseHeight 0.8s forwards ease-in-out;
}
.fxSwipe .navInNext {
-webkit-animation: show 0.8s forwards ease-in-out;
animation: show 0.8s forwards ease-in-out;
}
.fxSwipe .navOutPrev {
-webkit-animation: hide 0.8s forwards ease-in-out;
animation: hide 0.8s forwards ease-in-out;
}
.fxSwipe .navInPrev {
z-index: 3;
opacity: 1;
-webkit-animation: increaseHeight 0.8s forwards ease-in-out;
animation: increaseHeight 0.8s forwards ease-in-out;
}
@-webkit-keyframes decreaseHeight {
from {} to {
height: 0;
}
}
@keyframes decreaseHeight {
from {} to {
height: 0;
}
}
@-webkit-keyframes show {
0% {
opacity: 0;
}
1%,100% {
opacity: 1;
}
}
@keyframes show {
0% {
opacity: 0;
}
1%,100% {
opacity: 1;
}
}
@-webkit-keyframes hide {
0%,99% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes hide {
0%,99% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes increaseHeight {
from {
height: 0;
}
to {
height: 100%;
}
}
@keyframes increaseHeight {
from {
height: 0;
}
to {
height: 100%;
}
}   .fxPushReveal .navOutNext {
opacity: 1;
-webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
animation: slideOutBottom 0.7s forwards ease-in-out;
}
.fxPushReveal .navInNext {
opacity: 1;
-webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
animation: slideInHalfFromTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navOutPrev {
opacity: 1;
-webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
animation: slideOutHalfTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navInPrev {
opacity: 1;
z-index: 11;
-webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
animation: slideInFromBottom 0.7s forwards ease-in-out;
}
@-webkit-keyframes slideOutBottom {
from {} to {
-webkit-transform: translateY(100%);
}
}
@keyframes slideOutBottom {
from {} to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes slideInHalfFromTop {
from {
-webkit-transform: translateY(-50%);
}
to {
-webkit-transform: translateY(0);
}
}
@keyframes slideInHalfFromTop {
from {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slideOutHalfTop {
from {} to {
-webkit-transform: translateY(-50%);
}
}
@keyframes slideOutHalfTop {
from {} to {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@-webkit-keyframes slideInFromBottom {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0);
}
}
@keyframes slideInFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}   .fxSnapIn .navOutNext {
-webkit-animation: slideOutLeft 0.5s forwards ease-in;
animation: slideOutLeft 0.5s forwards ease-in;
}
.fxSnapIn .navInNext {
z-index: 11;
opacity: 1;
-webkit-animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn .navOutPrev {
-webkit-animation: slideOutRight 0.5s forwards ease-in;
animation: slideOutRight 0.5s forwards ease-in;
}
.fxSnapIn .navInPrev {
z-index: 11;
opacity: 1;
-webkit-animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,0.8);
transition: opacity 0.4s 0.1s ease-in;
}
.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes slideOutLeft {
from {} to {
-webkit-transform: translateX(-10%);
}
}
@keyframes slideOutLeft {
from {} to {
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
}
@-webkit-keyframes slideFromRightFast {
0%,50% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0%);
}
}
@keyframes slideFromRightFast {
0%,50% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes slideOutRight {
from {} to {
-webkit-transform: translateX(10%);
}
}
@keyframes slideOutRight {
from {} to {
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
}
@-webkit-keyframes slideFromLeftFast {
0%,50% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
}
}
@keyframes slideFromLeftFast {
0%,50% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}   .fxLetMeIn .itemwrap {
-webkit-perspective: 1600px;
perspective: 1600px;
}
.fxLetMeIn .navOutNext {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateOutRight 0.5s forwards ease-in-out;
animation: rotateOutRight 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInNext {
z-index: 11;
opacity: 1;
-webkit-animation: slideFromRightFast 0.5s forwards ease;
animation: slideFromRightFast 0.5s forwards ease;
}
.fxLetMeIn .navOutPrev {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-animation: rotateOutLeft 0.5s forwards ease-in-out;
animation: rotateOutLeft 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInPrev {
z-index: 11;
opacity: 1;
-webkit-animation: slideFromLeftFast 0.5s forwards ease;
animation: slideFromLeftFast 0.5s forwards ease;
}
.fxLetMeIn li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,0.6);
transition: opacity 0.5s ease-in-out;
}
.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes rotateOutRight {
from {} to {
-webkit-transform: rotateY(10deg);
}
}
@keyframes rotateOutRight {
from {} to {
-webkit-transform: rotateY(10deg);
transform: rotateY(10deg);
}
}
@-webkit-keyframes rotateOutLeft {
from {} to {
-webkit-transform: rotateY(-10deg);
}
}
@keyframes rotateOutLeft {
from {} to {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
}   .fxStickIt .itemwrap {
-webkit-perspective: 1600px;
perspective: 1600px;
}
.fxStickIt .navOutNext {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateBottomSideOut 0.8s forwards ease-in;
animation: rotateBottomSideOut 0.8s forwards ease-in;
}
.fxStickIt .navInNext {
z-index: 11;
opacity: 1;
-webkit-animation: slideInFromBottomDelayed 0.8s forwards;
animation: slideInFromBottomDelayed 0.8s forwards;
}
.fxStickIt .navOutPrev {
opacity: 1;
-webkit-animation: slideOutToBottom 0.8s forwards;
animation: slideOutToBottom 0.8s forwards;
}
.fxStickIt .navInPrev {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
}
@-webkit-keyframes rotateBottomSideOut {
from {} 40% { 
-webkit-transform: rotateX(-15deg);
-webkit-animation-timing-function: ease-out; 
}
100% { 
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
}
}
@keyframes rotateBottomSideOut {
from {} 40% { 
-webkit-transform: rotateX(-15deg); 
transform: rotateX(-15deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; 
}
100% { 
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
}
}
@-webkit-keyframes slideInFromBottomDelayed {
0%, 30% {
-webkit-transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes slideInFromBottomDelayed {
0%, 30% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes rotateBottomSideIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
}
60% {
-webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
-webkit-animation-timing-function: ease-out;
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateZ(0) rotateX(0deg);
}
}
@keyframes rotateBottomSideIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8) translateZ(-200px);
transform: scale(0.8) translateZ(-200px);
}
60% {
-webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
transform: scale(1) translateZ(0) rotateX(-15deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateZ(0) rotateX(0deg);
transform: scale(1) translateZ(0) rotateX(0deg);
}
}   .fxArchiveMe .navOutNext {
-webkit-animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInNext {
z-index: 11;
opacity: 1;
-webkit-animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navOutPrev {
-webkit-animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInPrev {
-webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::before,
.fxArchiveMe li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-color: rgba(0,0,0,0.7);
transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::after,
.fxArchiveMe .navOutNext::before {
opacity: 1;
}
.fxArchiveMe li::before,
.fxArchiveMe li.current::after,
.fxArchiveMe .navInNext::after,
.fxArchiveMe .navInPrev::after {
opacity: 0;
}
.fxArchiveMe .navInNext::after {
transition: none;
}
@-webkit-keyframes scaleHalfDown {
from {} to {
-webkit-transform: scale(0.6);
opacity: 0;
}
}
@keyframes scaleHalfDown {
from {} to {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
}
@-webkit-keyframes slideOutToBottom {
from {} to {
-webkit-transform: translateY(100%);
}
}
@keyframes slideOutToBottom {
from {} to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes scaleHalfUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleHalfUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}   .fxVGrowth .navOutNext {
-webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInNext {
z-index: 11;
opacity: 1;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navOutPrev {
-webkit-animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInPrev {
z-index: 11;
opacity: 1;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
animation: maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
@-webkit-keyframes maximize {
from {
-webkit-transform: scale(0);
}
to {
-webkit-transform: scale(1);
}
}
@keyframes maximize {
from {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}    .fxSlideBehind .itemwrap {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.fxSlideBehind .navOutNext {
-webkit-animation: hideLeft 0.8s forwards;
animation: hideLeft 0.8s forwards;
}
.fxSlideBehind .navInNext {
-webkit-animation: showRight 0.8s forwards;
animation: showRight 0.8s forwards;
}
.fxSlideBehind .navOutPrev {
-webkit-animation: hideRight 0.8s forwards;
animation: hideRight 0.8s forwards;
}
.fxSlideBehind .navInPrev {
-webkit-animation: showLeft 0.8s forwards;
animation: showLeft 0.8s forwards;
}
@-webkit-keyframes hideLeft { 
0% { -webkit-transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}
@keyframes hideLeft { 
0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); z-index: 9; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}
@-webkit-keyframes showRight {
0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9999; }
100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}
@keyframes showRight {
0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); opacity: 1; z-index: 9; }
100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9; }
}
@-webkit-keyframes hideRight { 
0% { -webkit-transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}
@keyframes hideRight { 
0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
40% { -webkit-transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); transform: translate( 0, 40% ) scale( 0.8 ) rotateX( 20deg ); z-index: 9; }
100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}
@-webkit-keyframes showLeft {
0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9; }
100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9; }
}
@keyframes showLeft {
0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
40% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; }
41% { -webkit-transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); transform: translate( 0, -40% ) scale( 0.8 ) rotateX( -20deg ); opacity: 1; z-index: 9; }
100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9; }
}   .fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext {
-webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
animation: scaleUpFadeOut 0.8s forwards ease-in;
}
.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext {
-webkit-animation: scaleDownFadeIn 0.8s forwards ease-out;
animation: scaleDownFadeIn 0.8s forwards ease-out;
}
@-webkit-keyframes scaleUpFadeOut {
from {} 50% {
-webkit-transform: scale(1.2);
opacity: 1;
}
75% {
-webkit-transform: scale(1.1);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleUpFadeOut {
from {} 50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
75% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes scaleDownFadeIn {
from {} 50% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scaleDownFadeIn {
from {} 50% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}    .fxEarthquake .navOutNext {
opacity: 1;
-webkit-animation: shakeSlideBottom 1s 0.1s forwards;
animation: shakeSlideBottom 1s 0.1s forwards;
}
.fxEarthquake .navInNext {
-webkit-animation: pushFromTop 1s 0.1s forwards;
animation: pushFromTop 1s 0.1s forwards;
}
.fxEarthquake .navOutPrev {
opacity: 1;
-webkit-animation: shakeSlideTop 1s 0.1s forwards;
animation: shakeSlideTop 1s 0.1s forwards;
}
.fxEarthquake .navInPrev{
opacity: 1;
-webkit-animation: pushFromBottom 1s 0.1s forwards;
animation: pushFromBottom 1s 0.1s forwards;
}
.fxEarthquake li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,0.3);
transition: opacity 0.5s;
}
.fxEarthquake .navOutPrev::after,
.fxEarthquake .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes shakeSlideBottom { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(100%); } 
}
@keyframes shakeSlideBottom { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(100%); transform: translateY(100%); } 
}
@-webkit-keyframes pushFromTop {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes pushFromTop {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes shakeSlideTop { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(-100%); } 
}
@keyframes shakeSlideTop { 
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg); }
100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 
}
@-webkit-keyframes pushFromBottom {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes pushFromBottom {
0%, 70% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}   .fxCliffDiving li {
-webkit-transform-origin: 50% 400%;
transform-origin: 50% 400%;
}
.fxCliffDiving .navOutNext {
opacity: 1;
-webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInNext {
opacity: 1;
-webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev {
opacity: 1;
-webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInPrev {
opacity: 1;
-webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
background-color: rgba(0,0,0,1);
transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after {
opacity: 1;
}
@-webkit-keyframes rotateOutCircLeft {
from {} to {
-webkit-transform: rotate(-20deg) translateX(-100%);
}
}
@keyframes rotateOutCircLeft {
from {} to {
-webkit-transform: rotate(-20deg) translateX(-100%);
transform: rotate(-20deg) translateX(-100%);
}
}
@-webkit-keyframes rotateInCircRight {
from {
-webkit-transform: rotate(20deg) translateX(100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
}
}
@keyframes rotateInCircRight {
from {
-webkit-transform: rotate(20deg) translateX(100%);
transform: rotate(20deg) translateX(100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
}
@-webkit-keyframes rotateOutCircRight {
from {} to {
-webkit-transform: rotate(20deg) translateX(100%);
}
}
@keyframes rotateOutCircRight {
from {} to {
-webkit-transform: rotate(20deg) translateX(100%);
transform: rotate(20deg) translateX(100%);
}
}
@-webkit-keyframes rotateInCircLeft {
from {
-webkit-transform: rotate(-20deg) translateX(-100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
}
}
@keyframes rotateInCircLeft {
from {
-webkit-transform: rotate(-20deg) translateX(-100%);
transform: rotate(-20deg) translateX(-100%);
}
to {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
}@font-face {
font-family: 'Hans Kendrick Heavy';
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.oft) format("oft");
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.woff) format('woff'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.ttf) format('truetype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.svg#hans_kendrickheavy) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Hans Kendrick Light';
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-light-webfont.oft) format("oft");
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-light-webfont.woff) format('woff'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-light-webfont.ttf) format('truetype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-light-webfont.svg#hans_kendricklight) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Hans Kendrick Medium';
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.oft) format("oft");
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.woff) format('woff'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.ttf) format('truetype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.svg#hans_kendrickmedium) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Hans Kendrick Regular';
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.oft) format("oft");
src: url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.woff) format('woff'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.ttf) format('truetype'),
url(//www.asteroidstudios.fr/wp-content/themes/oshine431/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.svg#hans_kendrickregular) format('svg');
font-weight: normal;
font-style: normal;
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/be-page-builder/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.owl-theme .owl-controls {
text-align:center;
-webkit-tap-highlight-color:transparent;
} .owl-theme .owl-dots .owl-dot {
display:inline-block;
zoom:1;
*display:inline;
}
.owl-theme .owl-dots .owl-dot span {
width:7px;
height:7px;
margin:5px 7px;
background:#d6d6d6;
display:block;
-webkit-backface-visibility:visible;
-webkit-transition:opacity 200ms ease;
-moz-transition:opacity 200ms ease;
-ms-transition:opacity 200ms ease;
-o-transition:opacity 200ms ease;
transition:opacity 200ms ease;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { 
background:#869791;
} .owl-dots {
margin-top: 15px;
} .header-hero-section {
overflow: hidden;
width: 100%; }
.hero-section-wrap *:last-child {
margin-bottom: 0px !important;
}
.hero-section-wrap{
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
height: 0px;
height: 100vh;
transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.hero-section-inner-wrap {
display: table;
width: 100%;
height: 100%;
}
.hero-section-inner {
display: table-cell;
vertical-align: middle;
}
.header-hero-custom-section .be-row {
height: 100% !important;
}
.hero-section-wrap .special-heading .separator:last-child {
margin-bottom: 30px !important;
} .column-block .section-overlay{
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.animate-hide.section-overlay{
opacity: 0 ;
}  .animate-number,.animate-number-caption {
display: block;
margin-bottom: 10px;
}
.animate-number-wrap {
text-align: center;
}
.animate-number {
line-height: 1.2 !important;
} .chart-wrap {
text-align: center;
}
.chart {
text-align: center;
position: relative;
width: 110px;
height: 110px;
line-height: 110px;
margin: 0 auto 20px;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}  .client-carousel-module.be-owl-carousel{
display: none;
}
.client-carousel-module.owl-carousel .owl-item,
.portfolio-carousel-module.owl-carousel .owl-item,
.content_slider_module.owl-carousel .owl-item,
.testimonial_module.owl-carousel .owl-item,
.twitter_module.owl-carousel .owl-item {
-webkit-backface-visibility: initial;
} .portfolio-carousel-module.be-owl-carousel{
display: none;
}
.carousel-wrap {
position: relative;
margin-bottom: 50px;
}
.be-owl-carousel{
margin: 0;
padding: 0;
list-style: none;
display: block;
overflow: hidden;
}
.be-owl-carousel li{
margin: 0px 10px;
display: block;
position: relative;
}
.portfolio-carousel .be-owl-carousel li {
margin: 0px 0px;
}
.owl-carousel.client-carousel-module .owl-item img{
display: inline-block;
width: auto;
}
.client-carousel-module li a {
display: block;
text-align: center;
line-height: 120px;
}
.portfolio-carousel .be-owl-carousel li img {
width: 100%;
max-width: 100%;
}
.client-carousel-module li img {
vertical-align: middle;
height: auto !important;
}
.owl-controls .owl-prev,
.owl-controls .owl-prev{
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.owl-controls .owl-buttons{
opacity: 0;
-moz-opacity: 0;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.owl-controls .owl-next,
.owl-controls .owl-prev {
position: absolute;
top: 50%;
width: 40px;
height: 60px;
line-height: 60px;
font-size: 20px;
margin-top: -35px;
text-align: center;
background: #000;
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
.owl-controls .owl-prev {
left: 0px;
}
.owl-controls .owl-next {
right: 0px;
}  .contact_form.style2 .field_name,
.contact_form.style2 .field_email{
width: 48%;
float: left;
}
.contact_form.style2 .field_name{
margin-right: 4%;
}
.contact_form.style2 .submit-fieldset{
text-align: center;
} .countdown-rtl {
direction: rtl;
}
.countdown-holding span {
color: #888;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}
.countdown-show1 .countdown-section {
width: 98%;
}
.countdown-show2 .countdown-section {
width: 48%;
}
.countdown-show3 .countdown-section {
width: 32.5%;
}
.countdown-show4 .countdown-section {
width: 24.5%;
}
.countdown-show5 .countdown-section {
width: 19.5%;
}
.countdown-show6 .countdown-section {
width: 16.25%;
}
.countdown-show7 .countdown-section {
width: 14%;
}
.countdown-section {
display: block;
float: left;
font-size: 16px;
text-align: center;
}
.countdown-amount {
font-size: 50px;
line-height: 2;
}
.countdown-period {
display: block;
}
.countdown-descr {
display: block;
width: 100%;
}        .portfolio-nav-wrap a {
color: inherit !important;
margin: 5px;
}
.portfolio-nav-wrap .home-grid-icon{
display: inline-block;
}
.portfolio-nav-wrap.style1-navigation .home-grid-icon{
width:18px;
}
.portfolio-nav-wrap .style2-navigation .home-grid-icon{
width:21px;
}
.portfolio-nav-wrap .home-grid-icon:hover span{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(1){
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay : 50ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(2){
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay : 100ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(3){
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay : 200ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(4){
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay : 100ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(5){
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay : 200ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(6){
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay : 300ms;
}
.home-grid-icon span{
background: #000;
float: left;
height: 4px;
width: 4px;
margin-bottom: 1px;
margin-left: 1px;
-webkit-transition: all 0.3s ease;    
-moz-transition: all 0.3s ease;    
-o-transition: all 0.3s ease;    
-ms-transition: all 0.3s ease;    
transition: all 0.3s ease;    
}
.portfolio-nav-wrap .style2-navigation .home-grid-icon span{
height: 5px;
width: 5px;
}
.single-page-nav.style2-navigation {
text-align: center;
}
.single-page-nav.style2-navigation .font-icon {
font-size: 30px;
line-height: 40px;
display: inline-block;
vertical-align: top;
}
.single-page-nav.style2-navigation .next-post-link,
.single-page-nav.style2-navigation .previous-post-link {
display: block;
margin: 0px;
position: relative;
}
.single-page-nav.style2-navigation .next-post-link .font-icon,
.single-page-nav.style2-navigation .previous-post-link .font-icon {
font-size: 27px;
}
.single-page-nav.style2-navigation .next-post-link .font-icon{
margin-left: 20px;
}
.single-page-nav.style2-navigation .previous-post-link .font-icon{
margin-right: 20px;
}
.single-page-nav.style2-navigation .next-post-link .font-icon:before,
.single-page-nav.style2-navigation .previous-post-link .font-icon:before {
display: block;
height: 38px;
line-height: 38px;
}
.single-page-nav.style2-navigation .next-post-link {
float: right;
margin-top: -1px;
}
.single-page-nav.style2-navigation .previous-post-link {
float: left;
}
.single-page-nav.style2-navigation .next-post-link i.font-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
display: block;
}
.single-page-nav.style2-navigation .next-post-link h6,
.single-page-nav.style2-navigation .previous-post-link h6 {
display: block;
white-space: nowrap;
line-height: 38px;
font-size: 13px;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
-moz-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
-o-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
-ms-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
top: 0px;  
position: absolute;
}
.single-page-nav.style2-navigation .previous-post-link h6 {
left: 50%;
right: auto;
}
.single-page-nav.style2-navigation .next-post-link h6 {
right: 50%;
left: auto;
}
.single-page-nav.style2-navigation .previous-post-link:hover h6 {
opacity: 1;
left: 100%;
}
.single-page-nav.style2-navigation .next-post-link:hover h6 {
opacity: 1;
right: 100%;
}
.single-page-nav.style2-navigation .portfolio-url {
margin: 0px !important;
line-height: 40px;
} .project_details{
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.project_details li i {
margin-right: 20px;
}
.project_details li {
margin-bottom: 10px;
}
.portfolio-details {
margin-bottom: 30px;
}
.gallery-side-heading { margin-bottom: 5px;
line-height: 17px;
display: block;
text-transform: uppercase;
}
.portfolio-details .gallery-side-heading-wrap p {
margin-bottom: 30px !important;
}
.gallery-cat-list-wrap {
margin-bottom: 30px;
}
a.custom-share-button, a.custom-share-button:active, a.custom-share-button:hover, a.custom-share-button:visited {
color: #000;
margin:0px 8px;
}
.gallery-cat-list-wrap a{
color: inherit !important;
}
a.view-project-link {
text-transform: uppercase; color: inherit;
background: none;
padding: 10px 0px;
border-bottom-width: 3px;
border-style: solid;
border-color: inherit;
}
.portfolio-details.style2 .gallery-side-heading-wrap {
border-style: solid;
border-bottom-width: 1px;
border-color: inherit;
margin-bottom: 20px !important;
}
.portfolio-details.style2 .gallery-side-heading-wrap p,
.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
float: left;
line-height: 20px;
margin-bottom: 20px !important;
}
.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
width: 160px;
} .related-items {
margin-bottom: 60px;
}
.related-items .post-nav, .related-items .post-nav h6 {
margin-bottom: 0;
padding: 0;
}
.related-items .column-block{
margin-bottom: 0;
}
.recent-post-header {
margin-bottom: 15px; 
}
.recent-post-title {
margin-bottom: 10px;       
}
.recent-post-title a {
color:inherit;
}
.related-items.style3-blog .post-nav {
margin: 10px 0px 15px 0px !important;
}
.related-items.style3-blog.hide-excerpt .post-content{
display: none;
}
.related-items.style3-blog .post-title{
margin-bottom: 10px !important;
}
.related-items.style3-blog .element-inner {
background: none !important;
}
.related-items.style3-blog .article-details {
padding: 20px 0;
}
.bar-style-related-posts-list {
overflow: hidden;
text-align: center;
margin-bottom: 0px;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 50px 0px;
position: relative;
}
.bar-style-related-posts-list ul.cal-list {
display: inline-block;
vertical-align: top;
}
.bar-style-related-posts-list .post-title {
font-size: 25px!important;
}
.bar-style-related-posts-list .background-overlay {
position: absolute;
width: 100%;
height: 100%;
background: #fff;
top: 0px;
left: 0px;
z-index: 1;
-webkit-transition: background 0.8s;
-moz-transition: background 0.8s;
-ms-transition: background 0.8s;
-o-transition: background 0.8s;
transition: background 0.8s;
}
.bar-style-related-posts-list .background-content {
position: relative;
z-index: 2;
}
.bar-style-related-posts-list:hover .background-overlay {
background: #fff;
background: rgba(255, 255, 255, 0.9);
}
.bar-style-related-posts-list .sep-with-icon-wrap {
margin-bottom: 10px;
} .testimonials-slides{
display: none;
}
.be_image_slider{
min-height:1px;
}
.be_image_slider .image_slider_module{
display: none;
}
.be_image_slider .owl-buttons{
opacity: 1 !important;
}
.be_image_slider .owl-carousel .owl-item{
text-align: center;
}
.image_slider_module.owl-carousel .owl-item img{
width: auto;
display: inline-block;
}
.testimonial_slide,
.content_slide {
position: relative;
}
.testimonial_slide_inner {
position: relative;
margin: 0 auto;
padding-left: 90px;
min-height: 60px;
}
.testimonial-author {
font-size: inherit;
display: block;
line-height: inherit;
}
.testimonial-content {
margin: 0px 0px 30px 0px;
z-index: 2;
position: relative;
line-height: 2.0;
}
.testimonial_slide .icon-quote {
position: absolute;
top: -9px;
left: 0px;
font-size: 80px;
z-index: 1;
color: #dfdfdf;
line-height: 60px;
}
.testimonial-author-img,
.testimonial-author-info { width: auto;
text-align: left;
vertical-align: middle;
display: inline-block;
}
.testimonial-author-info .testimonial-author-role {
display: block;
white-space: nowrap;
}
.testimonial-author-img {
width: 70px;
overflow: hidden;
margin-right: 20px;
}
.testimonial-author-img img {
border-radius: 50%;
}
.testimonials_wrap .flex-control-nav.flex-control-paging {
position: relative !important;
top: 0px;
margin: 10px 0px 0px 0px;
display: block !important;
opacity: 1 !important;
}
.center-content .testimonial_slide_inner {
max-width: 700px;
text-align: center;
}
.center-content .testimonial-author-info-wrap {
display: inline-block; }
.instagram-feed-img-wrap {
margin-bottom: 40px;
}
.right-content .testimonial_slide_inner {
padding-left: 0px;
padding-right: 95px;
text-align: right;
}
.right-content .testimonial_slide_inner .icon-quote {
left: auto;
right: 0px;
}
.right-content .testimonial_slide_inner .testimonial-author-img {
float: right;
margin: 0px 0px 0px 20px;
}
.right-content .testimonial_slide_inner .testimonial-author-info {
float: right;
margin-top: 23px;
}
.testimonials_wrap .center-content .font-icon{
position: static;
display: block;
margin-bottom: 20px;
}
.testimonials_wrap .center-content .testimonial_slide_inner{
padding-left: 0px;
}
span.subtitle {
font-size: 11px;
}
.content-slider{
display: none;
}
.content_slider_module.owl-carousel .owl-item img{
width: auto;
}
.content-slide-wrap .content-slider .flex-control-nav.flex-control-paging {
position: absolute !important;
bottom: -11px;
top: auto;
line-height: 19px;
margin-top: 0px;
}
.content-slide-wrap .content-slider .flex-viewport{
margin-bottom: 40px;
}
.content_slide_inner {
max-width: 100%;
margin: 0 auto;
}
.content-slide-wrap .flex-control-paging {
border-color: #000;
border-width: 0px;
}
.content-slide-wrap .flex-control-paging li {
border-color: inherit;
border-width: 0px;
}
.content-slide-wrap .flex-control-paging li a {
width: 6px;
height: 6px;
border-color: inherit;
border-width: 0px;
}
.content-slide-wrap .flex-control-paging li a:before {
content: " ";
width: auto;
height: 0px;
color: #000;
border-width: 4px;
border-style: solid;
border-color: inherit;
display: block;
border-radius: 100%;
}
.content-slider .flex-control-nav.flex-control-paging {
position: relative;
} .bubble_testimonial_wrap {
position: relative;
margin-bottom: 30px;
}
.bubble_testimonial_wrap i.font-icon.icon-quote {
font-size: 100px;
position: absolute;
top: -18px;
opacity: 0.2;
right: -14px;
display: inline-block;
z-index: 3;
}
.bubble_testimonial_inner_wrap:after {
content: "";
display: block;
position: absolute;
}
.bubble_left .bubble_testimonial_inner_wrap:after{
left: 45px;
border: 9px solid;
border-top-color: inherit;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: inherit;  
}
.bubble_center .bubble_testimonial_inner_wrap:after{
left: 50%;
transform:translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
border: 15px solid;
border-top-color: inherit;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;  
}
.bubble_right .bubble_testimonial_inner_wrap:after{
right: 45px;
border: 9px solid;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: transparent;
border-left-color: transparent;  
}
.bubble_testimonial_inner_wrap .testimonial-content{
padding: 30px 23px;
border-radius: 3px;    
-moz-border-radius: 3px;    
-webkit-border-radius: 3px;    
}
.bubble_testimonial .testimonial-author-info-wrap h6.testimonial-author{
margin-bottom: 0px;
}
.bubble_testimonial.bubble_left .testimonial-author-info-wrap {
margin-left: 20px;
}
.bubble_testimonial.bubble_right .testimonial-author-info-wrap {
text-align: right;
}
.bubble_testimonial.bubble_center .testimonial-author-img{
display: block;
padding-bottom: 10px;
margin: 0 auto;
}
.bubble_testimonial.bubble_center .testimonial-author-info{
text-align: center;
display: block;
} .be-text-block img {
margin-bottom: 30px;
} .team-shortcode-wrap {
overflow: hidden !important;
}
.team-title {
margin-bottom: 0px;
}
.team-shortcode-wrap  .designation{   
text-transform: capitalize;
margin-bottom: 10px;
}
ul.team-social{
padding-left: 0px;
}
.team-description{
margin-bottom: 15px;
}
.team-shortcode-wrap .style5-title .thumb-overlay .thumb-bg{
padding:18px 0px;
}
.team-shortcode-wrap .style3-title{
}
.style5-title .team-social.over,
.style6-title .team-social.over{
list-style: none;
padding-left: 0;
display: block;
position: absolute;
bottom: -100px;
background: #000;
background: rgba(0, 0, 0, 0.2);
padding: 15px 0px 13px 0px;
width: 100%;
line-height: normal;
text-align: center;
-webkit-transition: bottom 0.4s;
-moz-transition: bottom 0.4s;
-ms-transition: bottom 0.4s;
-o-transition: bottom 0.4s;
transition: bottom 0.4s;
z-index: 10;
}
.team-social li {
display:inline-block;
margin-bottom: 0px;
line-height: normal;
}
.team_icons{
font-size: 12px;
margin: 0 5px !important;
border: none !important;
color: inherit;
display: block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
line-height: normal;
}
.team-img {
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.team_icons i {
width: 27px;
height: 27px;
line-height: 27px;
display:block;
}
.team-shortcode-wrap:hover .style5-title .team-social,
.team-shortcode-wrap:hover .style6-title .team-social {
bottom: 0px;
top: auto;
}
.style9-hover .team-wrap {
padding: 0px;
}
.style3-title .team-wrap{
padding: 0px 15px;
}
.team-shortcode-wrap .style10-hover .thumb-bg {
background: none !important;
}
.team-shortcode-wrap .thumb-bg {
display: block;
}
.team-wrap {
text-align: center;
}
.team-shortcode-wrap .element{
float: none;
margin: 0px;
width: 100%; 
} .skill-style1 {
border-color: #272727;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.skill-style1 .skill-row {
border-color: inherit;
width: 90%;
margin: auto;
}
.skill-style1 .skill-col .font-icon,
.process-style1 .process-col .font-icon {
font-size: 75px;
display: block;
margin-bottom: 10px;
}
.skill-style1 .skill-col.size-large .font-icon,
.process-style1 .process-col .font-icon {
font-size: 80px;
}
.skill-style1 .skill-col .skill-info {
font-size: 13px;
text-transform: uppercase;
}
.skill-style1 .skill-col {
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 50px 0px;
margin: 0px !important;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.process-style1 {
text-align: center;
border-color: #000;
}
.process-style1 .process-col {
display: inline-block;
zoom: 1;
vertical-align: top;
}
.process-style1 .process-divider {
width: 150px;
display: inline-block;
zoom: 1;
height: 40px;
vertical-align: top;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
}
.process-style1 .process-divider:last-child {
display: none;
}
.process-style1 .process-col .font-icon { margin-bottom: 0.3em;
padding: 0 15px;
}  .portfolio-all-wrap,
.portfolio-container {
overflow: hidden;
width: 100%;
min-height: 30px;
}
.portfolio {
overflow: hidden;
}
.element {
float: left;
margin: 0px 0px 40px 0px;
overflow: hidden;
}
.element-empty-message {
width: 100% !important;
text-align: center;
text-align: center;
}
.justified-gallery.init-slide-left .flip-img-wrap,
.portfolio-shortcode.init-slide-left .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay{
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.justified-gallery.init-slide-right .flip-img-wrap,
.portfolio-shortcode.init-slide-right .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.justified-gallery.init-slide-left .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-left .flip-img-wrap.img-loaded,
.justified-gallery.init-slide-right .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-right .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay.img-loaded {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.justified-gallery.init-slide-top .flip-img-wrap,
.portfolio-shortcode.init-slide-top .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.justified-gallery.init-slide-bottom .flip-img-wrap,
.portfolio-shortcode.init-slide-bottom .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.justified-gallery.init-slide-top .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-top .flip-img-wrap.img-loaded,
.justified-gallery.init-slide-bottom .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-bottom .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay.img-loaded {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.justified-gallery.init-scale .flip-img-wrap,
.portfolio-shortcode.init-scale .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.justified-gallery.init-scale .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-scale .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay.img-loaded {  
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.justified-gallery .flip-img-wrap,
.portfolio-shortcode .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay .thumb-overlay {
transition: transform 0.7s, scale 0.7s;
-o-transition: -o-transform 0.7s, scale 0.7s;
-ms-transition: -ms-transform 0.7s, scale 0.7s;
-moz-transition: -moz-transform 0.7s, scale 0.7s;
-webkit-transition: transform 0.7s !important;
} .two-col .element {
width:  560px;
}
.three-col .element {
width:  360px;
}
.three-col .element.wide {
width:  760px;
}
.four-col .element {
width:  260px;
}
.four-col .element.wide {
width:  560px;
} .full-screen .element {
width: 20%;
margin: 0px;
}
.full-screen.one-col .element {
width: 100%;
}
.full-screen.two-col .element {
width: 50%;
}
.full-screen.two-col.masonry_disable .element.wide {
width: 50%;
}
.full-screen.three-col .element,
.full-screen.three-col.masonry_enable .element.wide {
width: 33.34%;
}
.full-screen.three-col .element.wide{
width: 66.7%; 
}
.full-screen.four-col .element,
.full-screen.four-col.masonry_enable .element.wide {
width: 25%;
}
.full-screen.four-col .element.wide {
width: 50%;
}
.full-screen.five-col .element,
.full-screen.five-col.masonry_enable .element.wide {
width: 20%;
}
.full-screen.five-col .element.wide{
width: 40%;
} .full-screen-gutter  {
margin-right: 40px;
}
.full-screen-gutter.style2-gutter {
margin-right: 0px !important;
margin-left: -40px;
}
.full-screen-gutter .element .element-inner {
margin-left: 40px;
}
.full-screen-gutter .element {
margin-bottom: 40px;
} .element .element-inner,
.element .thumb-wrap,
.element .flip-img-wrap {
overflow: hidden;
position: relative;
}
.element img {
width: 100%;
display: block;
}
.portfolio-container .element-inner:hover .custom-like-button {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.element.bw_to_bw .element-inner .flip-img-wrap img,
.element.bw_to_c .element-inner .flip-img-wrap img,
.element.c_to_bw .element-inner:hover .flip-img-wrap img,
.client-carousel-item.bw_to_bw img,
.client-carousel-item.bw_to_c img,
.client-carousel-item.c_to_bw:hover img {
filter : url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter : gray; -webkit-filter : grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.element.bw_to_c .element-inner:hover .flip-img-wrap img,
.element.c_to_bw .element-inner .flip-img-wrap img,
.client-carousel-item.bw_to_c:hover img,
.client-carousel-item.c_to_bw img {
-webkit-filter: grayscale(0); 
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}
.element .element-inner .flip-img-wrap.zoom-in-effect img,
.element .element-inner .flip-img-wrap.zoom-out-effect img,
.element .element-inner .flip-img-wrap.zoom-in-rotate-effect img,
.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.element .element-inner:hover .flip-img-wrap.zoom-in-effect img,
.element .element-inner .flip-img-wrap.zoom-out-effect img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.element .element-inner:hover .flip-img-wrap.zoom-out-effect img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.element .element-inner:hover .flip-img-wrap.zoom-in-rotate-effect img,
.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
-webkit-transform: scale(1.3) rotate(-5deg);
-moz-transform: scale(1.3) rotate(-5deg);
-ms-transform: scale(1.3) rotate(-5deg);
-o-transform: scale(1.3) rotate(-5deg);
transform: scale(1.3) rotate(-5deg);
}
.element .element-inner:hover .flip-img-wrap.zoom-out-rotate-effect img {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.element img,
.client-carousel-item img {
transition: filter 0.4s, transform 0.4s;
-o-transition: -o-filter 0.4s, -o-transform 0.4s;
-ms-transition: -ms-filter 0.4s, -ms-transform 0.4s;
-moz-transition: -moz-filter 0.4s, -moz-transform 0.4s;
-webkit-transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
}
.element.wide-width-height img, 
.element.wide-height img, 
.element.wide-width img {
max-width: none;
display: inline-block !important;
}
.portfolio-archives .portfolio.full-screen {
margin-bottom: 0px;
}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {
margin-bottom: 40px !important;
}
.full-screen .portfolio-container .element {
margin-bottom: 0px !important;
}
.portfolio-categories {
list-style: none;
padding: 0;
margin-bottom: 10px;
}
.portfolio-categories li {
float: left;
margin-right: 10px;
margin-bottom: 0;
}
.portfolio-title {
margin-bottom: 0;
}
.portfolio-title h6 {
margin-bottom: 5px;
}
.portfolio-title a {
display: block;
}
.portfolio-content { 
margin-bottom: 20px; 
}
.element .one-half , .element .be-button, .element img {
margin-bottom: 0;
}
.element .be-row, .portfolio.one-col .element{
margin-bottom: 50px;
}
.three-col .portfolio-title , .four-col .portfolio-title, .two-col .portfolio-title, .related-items .portfolio-title{
padding: 5px 5px 5px 0;
margin: 12px 1px 1px !important;
}
.portfolio-content-wrap{
padding-left: 10px;
}
.portfolio-overlay-icon {
color: #fff;
background: url(//www.asteroidstudios.fr/wp-content/plugins/be-page-builder/img/plus_icon.png) no-repeat;
width: 50px;
height: 50px;
display: inline-block;
} .hover-icon-no-show .thumb-title{
display: none;
}
.trigger_load_more {
margin: 40px 0 0 40px;
text-align: center;
}
.portfolio .pagination_parent{
margin-top: 40px;
}
.trigger_infinite_scroll {
height: 1px;
}
a.custom-like-button {
position: absolute;
right: 10px;
top: 10px;
color: #fff;
line-height: 16px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s, scale 0.4s;
-moz-transition: opacity 0.4s, scale 0.4s;
transition: opacity 0.4s, scale 0.4s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
font-size: 13px;
-webkit-transition-delay: 0.4s; transition-delay: 0.4s;
z-index: 10;
}
a.custom-like-button span {
display: inline-block;
margin-left: 3px;
} .thumb-wrap {
display: block;
}
.thumb-wrap, .thumb-bg{
position: relative;
}
.flip-wrap {
overflow: hidden;
position: relative;
}
.thumb-overlay {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top:0;
left:0; }
.thumb-bg {
width: 100%;
height: 100%;
display: table;
}
.thumb-bg .thumb-icons {
display: table-cell;
vertical-align: middle;
text-align: center;
} .style1-title .thumb-title-wrap {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.style1-title .thumb-title {
display: inline-block;
font-weight: 700;
letter-spacing: 2px;
font-size: 12px;
text-transform: uppercase;
border: 3px solid;
padding: 6px 15px;
margin-bottom: 10px;
} .style2-title .thumb-title-wrap,
.style3-title .thumb-title-wrap,
.style4-title .thumb-title-wrap {
text-align: center;
display: table-cell;
vertical-align: top;
}
.style2-title .thumb-title,
.style4-title .thumb-title {
margin: 10px 20px 10px 20px;
}
.style3-title .thumb-title{
margin: 0px 0px 10px 0px;    
}
.style2-title .portfolio-item-cats,
.style3-title .portfolio-item-cats,
.style4-title .portfolio-item-cats {
margin: 0px 20px 0px 20px;
} .style2-title .thumb-title-wrap {
text-align: left;
vertical-align: top;
} .style3-title .thumb-title-wrap {
vertical-align: middle;
}
.style4-title .portfolio-item-cats {
margin: 0px 0px 0px 0px !important;
} .style4-title .thumb-title-wrap {
text-align: left;
vertical-align: bottom;
}
.style4-title .portfolio-item-cats {
margin: 0px 20px 10px 20px !important;
}
.style4-title .thumb-title:last-child {
margin-bottom: 5px !important;
}
.popup-gallery {
display: none;
}
.thumb-bg.act-table {
display: table
}
.thumb-icons a{
margin-right: 10px;
padding: 6px 5px 4px 5px;
display: inline-block;
border-radius: 50%;
}
.thumb-icons .font-icon {
font-size: 16px;
}
.blog-post .thumb-overlay {
display: none;
}
.element.style1-hover .thumb-overlay {
opacity: 0;
transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
}
.element.style1-hover .element-inner:hover .thumb-overlay{
opacity: 1;
}
.element.style2-hover {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.element.style2-hover .thumb-overlay {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
-moz-transform: rotateY(-70deg);
-ms-transform: rotateY(-70deg);
transform: rotateY(-70deg);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
opacity: 0;
}
.element.style2-hover .element-inner:hover .thumb-overlay {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
.element.style3-hover,
.element.style4-hover {
overflow: hidden;
}
.style3-hover .thumb-overlay,
.style4-hover .thumb-overlay {
display: none;
}
.element.style5-hover .thumb-overlay {
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.element.style5-hover .element-inner:hover .thumb-overlay {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.element.style6-hover {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
overflow: hidden;
}
.element.style6-hover .thumb-overlay {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(600px) rotateX(20deg); 
-moz-transform: translateZ(600px) rotateX(20deg); 
-ms-transform: translateZ(600px) rotateX(20deg); 
transform: translateZ(600px) rotateX(20deg); 
opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.element.style6-hover .element-inner:hover .thumb-overlay {
-webkit-transform: translateZ(0px) rotateX(0deg);
-moz-transform: translateZ(0px) rotateX(0deg);
-ms-transform: translateZ(0px) rotateX(0deg);
transform: translateZ(0px) rotateX(0deg); 
opacity: 1;
}
.element.style7-hover {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.element.style7-hover .thumb-overlay {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-70deg);
-moz-transform: rotateX(-70deg);
-ms-transform: rotateX(-70deg);
transform: rotateX(-70deg);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
opacity: 0;
}
.element.style7-hover .element-inner:hover .thumb-overlay {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
.element.style8-hover .thumb-overlay {
-webkit-transform: scale(0) rotate(720deg);
-moz-transform: scale(0) rotate(720deg);
-ms-transform: scale(0) rotate(720deg);
transform: scale(0) rotate(720deg);
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.element.style8-hover .element-inner:hover .thumb-overlay {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
.touch .justified-gallery .element-inner:hover .thumb-overlay{
opacity: 0;
transition: none;
transform: none;
}
.element.style5-title,
.element.style5-title .element-inner,
.element.style6-title,
.element.style6-title .element-inner {
overflow: visible;
}
.element.style5-title .thumb-overlay,
.element.style6-title .thumb-overlay,
.element.style7-title .thumb-overlay {
position: relative;
display: block !important;
}
.portfolio-container .style5-title .thumb-overlay .thumb-bg,
.portfolio-container .style6-title .thumb-overlay .thumb-bg,
.portfolio-container .style7-title .thumb-overlay .thumb-bg {
padding: 15px 18px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.style5-title .portfolio-item-cats,
.style6-title .portfolio-item-cats {
margin: 0px 0px 0px 0px !important;
}
.style5-title .thumb-title,
.style6-title .thumb-title,
.style7-title .thumb-title {
margin: 0px 0px 5px 0px !important;
}
.element.style6-title .thumb-overlay .thumb-bg {
padding: 15px 0px;
}
.element.style7-title .thumb-overlay {
position: absolute;
bottom: -120px;
top: auto;
height: auto;
-webkit-transition: bottom 0.4s;
-moz-transition: bottom 0.4s;
transition: bottom 0.4s;
}
.element.style7-title .element-inner:hover .thumb-overlay {
bottom: 0px;
}
.portfolio-container.force-show-thumb-overlay{
opacity: 0;
transition: opacity 0.4s;
}
.portfolio-container.force-show-thumb-overlay .element .thumb-overlay{  opacity: 1;
display: block;
bottom: 0px;
} .filters{ margin-bottom:40px; text-align: center;
}
.filters .sort{
cursor:pointer; 
display: inline-block;
}
.filters.border .sort{
padding:5px 18px 5px 20px;
}
.filters.rounded .sort{
padding: 3px 20px;
}
.filters .filter_item {
font-weight: normal;
margin-bottom: 0;
display: inline-block;
}
.filters.border .filter_item{
margin-right: 5px;
}
.filters.single_border .filter_item{
border-right: 1px solid;
padding: 0px 13px;
line-height: normal;
}
.filters.border .current_choice {
border: 1px solid;
}
.filters.rounded .current_choice{
border-radius: 50px;
} .loader {
text-align: center;
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -50px 0px 0px -50px;
display: none;
overflow: hidden;
}
.page-loader {
position: fixed;
z-index: 10;
}
.loader-style1-wrap {
width: 50px;
height: 50px;
position: relative;
margin: 25px;
}
.loader-style1-double-bounce1, .loader-style1-double-bounce2 {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #999;
opacity: 0.6;
top: 0;
left: 0;
-webkit-animation: loader-style1-animation 2.0s infinite ease-in-out;
animation: loader-style1-animation 2.0s infinite ease-in-out;
}
.loader-style1-double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes loader-style1-animation {
0%, 100% { 
-webkit-transform: scale(0.0);
}
50% { 
-webkit-transform: scale(1.0);
}
}
@keyframes loader-style1-animation {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0)
}
}
.loader-style2-wrap {
width: 50px;
height: 50px;
margin: 25px auto;
background-color: #999;
border-radius: 100%;  
-webkit-animation: loader-style2-animation 1.0s infinite ease-in-out;
animation: loader-style2-animation 1.0s infinite ease-in-out;
}
@-webkit-keyframes loader-style2-animation {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes loader-style2-animation {
0% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.loader-style3-wrap {
margin: 10px auto;
width: 80px;
height: 50px;
text-align: center;
font-size: 10px;
}
.loader-style3-wrap > div {
background-color: #999;
height: 100%;
width: 8px;
display: inline-block; 
-webkit-animation: loader-style3-animation 1.2s infinite ease-in-out;
animation: loader-style3-animation 1.2s infinite ease-in-out;
margin: 0px 2px;
}
.loader-style3-wrap .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.loader-style3-wrap .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.loader-style3-wrap .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.loader-style3-wrap .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes loader-style3-animation {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes loader-style3-animation {
0%, 40%, 100% { 
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}  20% { 
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.loader-style4-wrap {
font-size: 10px;
position: relative;
border-top: 7px solid rgba(0, 0, 0, 0.2);
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid #000;
-webkit-animation: loader-style4-animation 1.1s infinite linear;
animation: loader-style4-animation 1.1s infinite linear;
}
.loader-style4-wrap,
.loader-style4-wrap:after {
border-radius: 50%;
width: 40px;
height: 40px;
margin: 23px;
}
@-webkit-keyframes loader-style4-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader-style4-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loader-style5-wrap {
margin: 25px auto;
width: 50px;
height: 50px;
position: relative;
text-align: center;
-webkit-animation: style5-rotate 2.0s infinite linear;
animation: style5-rotate 2.0s infinite linear;
}
.loader-style5-wrap .dot1, .loader-style5-wrap .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #999;
border-radius: 100%;
-webkit-animation: style5-bounce 2.0s infinite ease-in-out;
animation: style5-bounce 2.0s infinite ease-in-out;
}
.loader-style5-wrap .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes style5-rotate { 
100% { 
-webkit-transform: rotate(360deg) 
}
}
@keyframes style5-rotate { 
100% { 
transform: rotate(360deg); 
-webkit-transform: rotate(360deg) 
}
}
@-webkit-keyframes style5-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes style5-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
} .carousel_bar_area {
position: absolute;
bottom: 0px;  left: 0px;
right: 0px;
margin: 0 auto;
text-align: center;
min-height: 35px;
display: block;
height: 100px;
overflow: hidden;  }
.carousel_bar_dots{
width: 41px;
height: 75px;
z-index: 2;
position: absolute;
display: block;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
background: url(//www.asteroidstudios.fr/wp-content/plugins/be-page-builder/img/dots.png) no-repeat center;
}
.carousel_bar_wrap {
position: absolute;
bottom: -300px;
max-width: 100%;
margin: 0 auto;
right: 0px;
left: 0px; }
.carousel_bar {
position: relative;
}
.elastislide-list {
list-style-type: none;
display: none;
}
.no-js .elastislide-list {
display: block;
}
.elastislide-carousel ul li {
min-width: 20px; }
.elastislide-wrapper {
position: relative;
margin: 0 auto;
min-height: 36px;
}
.elastislide-wrapper.elastislide-loading {
background-image: url(//www.asteroidstudios.fr/wp-content/plugins/be-page-builder/img/dots.png);
background-repeat: no-repeat;
background-position: center center;
}
.elastislide-horizontal {
padding: 0px;
}
.elastislide-vertical {
padding: 40px 10px;
}
.elastislide-carousel {
overflow: hidden;
position: relative;
}
.elastislide-carousel ul {
position: relative;
display: block;
list-style-type: none;
padding: 0;
margin: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.elastislide-horizontal ul {
white-space: nowrap;
}
.elastislide-carousel ul li {
margin: 0;
-webkit-backface-visibility: hidden;
}
.elastislide-horizontal ul li {
height: 100%;
display: inline-block;
margin: 0px 2px;
width: auto !important;
}
.elastislide-vertical ul li {
display: block;
}
.elastislide-carousel ul li a {
display: inline-block;
width: 100%;
}
.elastislide-carousel ul li a img {
display: block;
max-width: 100%;
width: auto;
}
.elastislide-wrapper nav span {
position: absolute;
width: 23px;
height: 23px;
cursor: pointer;
opacity: 0.8;
background: #000;
}
.elastislide-wrapper nav span:hover {
opacity: 1.0
}
.elastislide-horizontal nav span {
background-position: 7px 10px;
top: 50%;
left: 0px;
margin-top: -10px!important;
overflow: hidden;
}
.elastislide-vertical nav span {
top: 10px;
left: 50%;
margin-left: -11px;
background-position: -17px 5px;
}
.elastislide-horizontal nav span.elastislide-next {
right: 0px;
left: auto;
background-position: 4px 2px;
top: 50%;
margin-top: -10px;
overflow: hidden;
}
.elastislide-vertical nav span.elastislide-next {
bottom: 10px;
top: auto;
background-position: -17px -18px;
}
.elastislide-horizontal nav span {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 20px;
margin: 0;
background: #000;
color: #fff;
} .grid-wrap {
border-color: #272727;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.grid-wrap .grid-row {
border-color: inherit;
width: 90%;
margin: auto;
display: table;
}
.grid-wrap .grid-col .font-icon {
display: inline-block;
margin-bottom: 10px;
}
.grid-wrap .grid-col.size-large .font-icon {
font-size: 100px;
}
.grid-wrap .grid-col {
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 10px 3% 50px;
margin: 0px !important; display: table-cell;
vertical-align: middle;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} .animate-icon-module-style1-wrap-container {
position: relative;
width: 100%;
height: 100%;
max-width: 100%;
}
.animate-icon-module-style1-wrap {
display: block;
width: 100%;
height: 300px;
}
.animate-icon-module {
color: inherit;
display: block;
text-align: center;
overflow: hidden;
position: relative;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
overflow: hidden;
display: block;
opacity: 0;
height: 100%;
float: left;
}
.animate-icon-module-normal-content,
.animate-icon-module-hover-content {
display: block;
position: absolute;
width: 100%;
height: 100%; -webkit-transition: all 600ms ease;
-webkit-transition: all 600ms ease; 
-moz-transition: all 600ms ease; 
-o-transition: all 600ms ease; 
transition: all 600ms ease;
}
.animate-icon-module-style1-wrap .animate-icon-module-normal-content,
.animate-icon-module-style1-wrap .animate-icon-module-hover-content {
z-index: 3;
}
.animate-icon-module-hover-content {  -webkit-transition: all 600ms ease; 
-moz-transition: all 600ms ease; 
-o-transition: all 600ms ease; 
transition: all 600ms ease;
}
.animate-icon-module-style1.be-bg-overlay .section-overlay{
opacity: 1;
}
.animate-icon-module-style1 .section-overlay{
transition: all 600ms ease;
-webkit-transition: all 600ms ease; 
-moz-transition: all 600ms ease; 
-o-transition: all 600ms ease; 
transition: all 600ms ease;
} .animate-icon-module-style1 .animate-icon-module-normal-content .title_content{
margin-top: 18px;
}
html body .be-section .be-row .animate-icon-module .animate-icon-module-hover-content *:last-child {
margin-bottom: 0px !important;
}
.top-animate.animate-icon-module .animate-icon-module-normal-content,
.top-animate.animate-icon-module:hover .animate-icon-module-hover-content {
top: 0%;
}
.top-animate.animate-icon-module .animate-icon-module-hover-content {
top: 100%;
}
.top-animate.animate-icon-module:hover .animate-icon-module-normal-content {
top: -100%;
}
.left-animate.animate-icon-module .animate-icon-module-normal-content,
.left-animate.animate-icon-module:hover .animate-icon-module-hover-content {
left: 0%;
}
.left-animate.animate-icon-module .animate-icon-module-hover-content {
left: 100%;
}
.left-animate.animate-icon-module:hover .animate-icon-module-normal-content {
left: -100%;
}
.right-animate.animate-icon-module .animate-icon-module-normal-content,
.right-animate.animate-icon-module:hover .animate-icon-module-hover-content {
right: 0%;
}
.right-animate.animate-icon-module .animate-icon-module-hover-content {
right: 100%;
}
.right-animate.animate-icon-module:hover .animate-icon-module-normal-content {
right: -100%;
}
.bottom-animate.animate-icon-module .animate-icon-module-normal-content,
.bottom-animate.animate-icon-module:hover .animate-icon-module-hover-content {
bottom: 0%;
}
.bottom-animate.animate-icon-module .animate-icon-module-hover-content {
bottom: 100%;
}
.bottom-animate.animate-icon-module:hover .animate-icon-module-normal-content {
bottom: -100%;
}
.fade-animate.animate-icon-module .animate-icon-module-normal-content,
.fade-animate.animate-icon-module:hover .animate-icon-module-hover-content {
opacity: 1;
}
.fade-animate.animate-icon-module .animate-icon-module-hover-content {
opacity: 0
}
.fade-animate.animate-icon-module:hover .animate-icon-module-normal-content {
opacity: 0;
}
.display-table {
display: table;
width: 100%;
height: 100%;
}
.display-table-cell {
display: table-cell;
}
.animate-icon-module-style1 .animate-icon-module-hover-content .display-table-cell{
padding:10px;
}
.vertical-align-middle {
vertical-align: middle;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
} .display-block {
display: block;
position: relative;
}
.animate-icon-module-style2-wrap {
display: table;
table-layout: fixed;
width: 100%;
height: auto;
}
.animate-icon-module-style2 {
display: block;
-webkit-transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
-moz-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
-o-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
overflow: hidden;
display: table-cell; opacity: 0;
width: 100%;
vertical-align: middle;
}
.animate-icon-module-style2-inner-wrap{
text-align: center;
position: relative;
}
.animate-icon-icon {
display: block;
margin-bottom: 10px;
}
.animate-icon-module-style2 .animate-icon-icon,
.animate-icon-module-style2 .animate-icon-title {
-webkit-transition: color 150ms linear;
-moz-transition: color 150ms linear;
-o-transition: color 150ms linear;
transition: color 150ms linear;
}
.animate-icon-module-style2-hover-content {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: auto;
transform: translateY(100%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 20px;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.animate-icon-module-style2-normal-content {
position: relative; display: inline-block;
top: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 20px;    
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.animate-icon-module-style2-normal-content br {
display: none;
}
.animate-icon-module-style2:hover .animate-icon-module-style2-normal-content{
transform: translateY(-50%);
margin-bottom: 12px;
}
.animate-icon-module-style2:hover .animate-icon-module-style2-hover-content{
opacity: 1;
transform: translateY(12px);
}
.be-section .be-row:not(:last-child) .column-block .animate-icon-module-style2-normal-content h6:last-child {
margin-bottom: 0 !important;
} .tweet-slides{
display: none;
}
.tweet_list {
position: relative;
text-align: left;
}
.center-content .tweet_list {
text-align: center;
}
.tweet_list .meta {
display: block;
position: relative;
z-index: 2;
color: inherit;
}
.tweet-slides .testimonial_slide_inner{
padding-left: 0px;
} .tweet_list .icon-twitter { top: 0px;
left: 0px;
font-size: 80px;
z-index: 1;
color: #dfdfdf;
line-height: 80px;
}
.tweet_list .status {
position: relative;
z-index: 2;
display: block;
margin-bottom: 10px;
margin-top: 15px;
}
.tweet_list .tweet-content{
line-height: 2.0;
}
.tweet_list h6 { text-transform: uppercase;
} .accordion {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
padding: 0;
min-height: 0;
margin: 0px;
margin-top: 25px;
outline: 0;
line-height: normal;
font-size: inherit;
}
.ui-accordion .ui-accordion-header:first-child {
margin-top: 0;
}
.ui-accordion .ui-accordion-content p:last-child {
margin-bottom: 0px;
}
.ui-accordion .ui-accordion-header.top-space {
margin-top: 20px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 20px 20px 20px 0;
border-top: 0;
overflow: auto;
background: none;
margin-top: -1px;
} 
.ui-accordion-header:before {
content: '\e806';
font-family: "icomoon";
margin-right: 15px;
font-size: 16px;
position: relative;
top: 1px;
}
.ui-accordion-header-active:before {
content: '\e7ec';
font-family: "icomoon";
margin-right: 15px;
font-size: 16px;
position: relative;
top: 1px;
}
.accordion .accordion-head.with-bg.ui-accordion-header{
transition: background-color 0.5s linear;    
-webkit-transition: background-color 0.5s linear;    
-moz-transition: background-color 0.5s linear;    
-ms-transition: background-color 0.5s linear;    
-o-transition: background-color 0.5s linear;    
} .be-button-wrap {
display: inline-block;
margin:0 20px 10px 0;
}
.be-button-wrap.align-block {
display: block;
margin:0 0 40px 0;
}
.be-button {
display: inline-block;
text-decoration: none;
border-color: transparent;
text-transform: uppercase;
letter-spacing: 1px;
}
.be-button {
transition: 0.3s linear all !important;
-webkit-transition: 0.3s linear all !important;
-moz-transition: 0.3s linear all !important;
-ms-transition: 0.3s linear all !important;
-o-transition: 0.3s linear all !important;
}
.be-buttton-wrap.block-center .be-button {
margin:0px 0px 10px 0;
}
.be-buttton-wrap.block-center .font-icon {
margin-right: 0px;
}
p .be-button {
margin-bottom: 0; 
}
.be-button.rounded {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.be-button.circular {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.smallbtn {
font-size: 11px;
line-height: 12px;
padding: 12px 15px;
}
.circular.smallbtn{
padding: 12px 25px;
}
.mediumbtn {
font-size: 13px;
line-height: 14px;
padding: 15px 20px;
}
.circular.mediumbtn{
padding: 15px 30px;
}
.largebtn {
font-size: 15px;
line-height: 16px;
padding: 18px 25px;
}
.circular.largebtn{
padding: 18px 35px;
}
.blockbtn{
font-size: 17px;
display: block;
padding: 22px 0;
}
.be-button i {
margin-right: 1em;
}
.be-button.link {
padding-left:0px;
}
.icon-shortcode {
margin-bottom: 15px;
}
.icon-shortcode .font-icon.tiny.diamond{
margin: 9px !important;
}
.icon-shortcode .font-icon.small.diamond{
margin: 11px !important;
}
.icon-shortcode .font-icon.medium.diamond{
margin: 17px !important;
}
.icon-shortcode .font-icon.large.diamond{
margin: 22px !important;
}
.icon-shortcode .font-icon.xlarge.diamond{
margin: 27px !important;
}
a.icon-shortcode.icon-plain{
display: inline-block;
}
.be-button-wrap.block-left {
text-align: left;
}
.be-button-wrap.block-center {
text-align: center;
}
.be-button-wrap.block-right{
text-align: right;
}
.be-button-wrap.block-right a.be-button {
margin-right: 0px;
}
.icon-shortcode.block-center .font-icon { 
margin-right: 0; 
}
.be-button.right-icon i.font-icon {
margin: 0px 0px 0px 1em;
}
.be-button.bg-animation-slide-bottom,
.be-button.bg-animation-slide-top {
-webkit-background-size: 100% 200%;
-moz-background-size: 100% 200%;
-o-background-size: 100% 200%;
background-size: 100% 200%;
}
.be-button.bg-animation-slide-bottom:hover {
background-position: 0 100%;
}
.be-button.bg-animation-slide-top:hover {
background-position: 0 -100%;
}
.be-button.bg-animation-slide-left,
.be-button.bg-animation-slide-right {
-webkit-background-size: 200% 100%;
-moz-background-size: 200% 100%;
-o-background-size: 200% 100%;
background-size: 200% 100%;
}
.be-button.bg-animation-slide-right:hover {
background-position: 100% 0;
}
.be-button.bg-animation-slide-left:hover {
background-position: -100% 0;
}
.be-button-wrap.popup-gallery {
display: block !important;
} #content .be_button_group{
margin-bottom:20px;
}
.be_button_group .be-button-wrap{
margin-right: 20px;
}
.be_button_group .be-button-wrap.align-right{
margin-right: 0px;
margin-left: 20px;
}
.be_button_group .be-button-wrap.align-block{
display: inline;
} .call-to-action {
padding: 30px 0px;
display: table;
width: 100%;
text-align: center;
}
.action-content {
display: inline;
margin-bottom: 0;
line-height: 47px;
margin-right: 40px;
}
.action-button {
position: relative;
top: -4px;
} .dropcap .font-icon:before{
width: auto;
margin: 0;
}   
.dropcap-circle, .dropcap-letter, .dropcap-icon,.dropcap-rounded{
float: left;
text-transform: uppercase;
}
.dropcap-circle.small, .dropcap-square.small, .dropcap-rounded.small {
margin-top: 3px;
font-size: 19px;
line-height: 36px;
margin-right: 10px;
width: 36px;
height: 35px;
text-align: center;
}
.dropcap-circle {
border-radius: 50%;
}
.dropcap-rounded {
border-radius: 3px;
}
.dropcap-letter {
font-size: 35px;
margin: 5px 10px 0 0;
} 
.dropcap-letter.small{
font-size: 24px;
margin: 5px 15px 0 0;
}
.dropcap-circle.big, .dropcap-square.big, .dropcap-rounded.big {
margin-top: 5px;
font-size: 26px;
line-height: 47px;
width: 47px;
height: 47px;
margin-right: 10px;
text-align: center;
}
.dropcap-circle , .dropcap-rounded {
color:#fff;
}
.dropcap i:before {
line-height: inherit !important;
}
.be-dropcap-wrap.style2{
position: relative;
}
.be-dropcap-wrap.style2 .dropcap{
opacity: 0.3;
font-weight: bold;
line-height: 1em;
display: inline-block;
}
.be-dropcap-wrap.style2 .be-dropcap-title{
position: absolute;
left: 1%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
line-height: 1em;
} .icon-shortcode .font-icon {
display: inline-block !important;
border: 1px solid #323232;
text-align: center; font-family: "icomoon"; transition: 0.3s linear all !important;
-webkit-transition: 0.3s linear all !important;
-moz-transition: 0.3s linear all !important;
-ms-transition: 0.3s linear all !important;
-o-transition: 0.3s linear all !important;
}
.icon-shortcode.align-right .font-icon,
.icon-shortcode.align-left .font-icon,
.icon-shortcode.align-center .font-icon{
margin-bottom: 10px;
}
.icon-shortcode.align-none{
display: inline-block;
margin-bottom: 10px !important;
margin-right: 10px !important;
}
.font-icon.tiny {
font-size: 12px;
}
.font-icon.small {
font-size: 16px;
}
.font-icon.medium {
font-size: 25px;
}
.font-icon.large {
font-size: 40px;
}
.font-icon.xlarge {
font-size: 55px;
}
.font-icon.tiny.plain {
font-size: 18px;
}
.font-icon.small.plain {
font-size: 24px;
}
.font-icon.medium.plain {
font-size: 35px;
}
.font-icon.large.plain {
font-size: 50px;  
}
.font-icon.xlarge.plain {
font-size: 80px;
}
.font-icon.tiny {
width: 28px;
height: 28px;
line-height: 28px;
}
.font-icon.small {
width: 45px;
height: 45px;
line-height: 45px;
}
.font-icon.medium {
height: 75px;
line-height: 75px;
width: 75px;
}
.font-icon.large {
width: 100px;
height: 100px;
line-height: 100px;
}
.font-icon.xlarge {
width: 125px;
height: 125px;
line-height: 125px;
}
.font-icon.plain{
border: none !important;
width: auto ;
margin-bottom: 15px;
height: auto;
line-height: normal;
}
.font-icon.plain:before {
width: auto;
margin-left: 0;
margin-right: 0;
}
.font-icon.circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.font-icon.diamond {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-transform: rotate(45deg);
}
.font-icon.diamond:before{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-transform: rotate(-45deg);
position: relative;
display: inline-block; 
}
.icon-shortcode.block-center, .icon-shortcode.block-center, .icon-shortcode.block-right {
display: block;
margin-bottom: 30px;
}
.icon-shortcode.block-left {
text-align: left;
}
.icon-shortcode.block-center {
text-align: center;
}
.icon-shortcode.block-right {
text-align: right;
} #content .be_icon_group{
margin-bottom:20px;
}
.be_icon_group div.icon-shortcode {
display: inline;
margin-right: 20px;
}
.be_icon_group.align-right div.icon-shortcode{
margin-right: 0px;
margin-left: 20px;
} .custom-list {
list-style: none;
padding: 0;
}
.custom-list .font-icon {
font-size: 15px;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
text-align: center;
position: absolute;
left: 0px;
top: 0px;
display: block;
}
.custom-list .font-icon.circled {
width: 30px;
height: 30px;
line-height: 30px;
}
.custom-list-content {
width: auto;
line-height: 25px;
margin-bottom: 12px;
position: relative;
}
.custom-list-content-inner {
padding-left: 45px;
display: inline-block;
} .be-notification {
margin-bottom: 20px;
}
#be-pb-main .be-shortcode, #be-pb-main .be-notification{
margin-bottom: 0;
}
.success, .wpcf7-response-output.wpcf7-mail-sent-ok {
background: #26cda4;
color: #000;   
}
.error, .wpcf7-response-output.wpcf7-validation-errors{
background: #dd6868;
color:#fff;
}
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
cursor: default;
line-height:20px;
margin-bottom:20px;
padding: 15px;
border:none;
text-align: center;
position: relative;
border-radius: 2px;
}  
.be-notification span.close {
cursor: pointer;
margin-top: -7px;
position: absolute;
right: 20px;
top: 50%;
line-height: 14px;
width: 15px;
height: 15px;
font-size: 14px;
color: #fff;
} .pricing-table {
list-style: none;
padding: 0; background: #fff;
padding-bottom: 25px;
}   
.pricing-table.sec-border{
border-width:1px !important;
}
.pricing-table li {
margin: 0;
padding: 20px;
text-align: center;
}
.pricing-table li.pricing-price .price{
margin-bottom: 5px;
}
.pricing-table li.pricing-button {
padding: 20px 15px 0px 15px;
}
.pricing-table li.pricing-button .be-button{
border-radius: 0px;
border-width: 2px !important;
}
.pricing-button .button{
margin: 0;
}
.pricing-price{
padding: 30px 15px;
}
li.pricing-feature{
padding: 10px 0;
}
.pricing-table .price {
font-size: 40px;
line-height: 50px;
display: inline-block;
}
.pricing-table .currency{
font-size: 20px;
}
.pricing-table .pricing-duration {
display: block;
}
.pricing-table.highlight-no {  }
.pricing-duration.special-subtitle{
max-width: 100%;
}
.pricing-table.highlight-yes .pricing-title, 
.pricing-table.highlight-yes .pricing-button {
padding: 28px 15px; } .be-services {
margin: 0 auto;
max-width: 80%;
overflow: hidden;
list-style: none;
padding: 0;
position: relative;
list-style-type: none;
opacity: 0;
position: relative;
}
.be-service.even  {
float: left;
padding: 0px 58% 0 0;
}
.be-service {
float: right;
margin: 0 0 10px;
padding: 0 0 0 58%;
position: relative;
}
.be-service .font-icon {
position: absolute;
top: 0px;
display: block;
right: 50%;
margin-right: -22px;
background: #000;
color: #fff;
border-radius: 50%;
z-index: 1;
line-height: 44px;
width: 44px;
height: 44px;
text-align: center;
-webkit-transition: background 500ms ease, color 500ms ease;
-moz-transition: background 500ms ease, color 500ms ease;
-ms-transition: background 500ms ease, color 500ms ease;
-o-transition: background 500ms ease, color 500ms ease;
transition: background 500ms ease, color 500ms ease;
}
.be-service .service-wrap div.service-content{
padding: 6% 9%;
}
.be-service .font-icon.icon-size-large {
line-height: 84px;
margin-right: -42px;
font-size: 30px;
width: 84px;
height: 84px;
text-align: center;
}
.be-service .font-icon.icon-size-medium {
line-height: 64px;
margin-right: -32px;
font-size: 22px;
width: 64px;
height: 64px;
text-align: center;
}
.services-outer-wrap span.timeline {
position: absolute;
top: 0px;
right: 50%;
display: block;
background: #000;
height: 100%;
width: 1px;
margin-right: -0.5px;
}
.services-outer-wrap {
position: relative;
}
.be-service.odd,
.be-service.even {
margin-bottom:30px;
} .skill-wrap .skill-bar { 
height: 15px;
position: relative;
}
.expand { 
height: 15px;
line-height: 15px;
position:absolute;
top: 0;
left: 0;
width: 0px;        
transition: all 0.7s linear !important;
}
.skill-wrap .skill-bar {
font-size: inherit;
display: block;
}
.skill-wrap .skill_name{
display: block;
}
.skill-vertical .skill-wrap .skill-bar{
margin-bottom: 8px !important;
}
.skill-vertical .skill-wrap .skill_name{
margin-bottom: 25px !important;
}
.skill-horizontal .skill-wrap .skill-bar{
margin-bottom: 25px !important;
}
.skill-horizontal .skill-wrap .skill_name{
margin-bottom: 8px !important;
}
.skill-vertical .skill {
display: block;
width: 100%;
height: 100%;
padding: 0px 10px;
}
.skill-vertical .skill-wrap {
text-align: center;
padding: 0px 10px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.skill-vertical .skill-wrap .skill-bar .be-skill {
width: 100% !important;
bottom: 0px;
position: absolute;
top: auto;
} .special-heading {
position: relative; 
}
.special-h-tag {
margin: 0;
}
.special-heading:first-child{
margin-top: 0;
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.special-heading-wrap.style1 .special-h-tag{
margin-bottom: 30px;
}
.special-heading-wrap.style2 .special-heading{
border: 3px solid #e8e8e8;
display: inline-block;
padding: 1% 5%;
}
.special-heading-wrap.style2 {
margin-bottom: 20px;
}
.style2 .special-heading .special-h-tag{
display: inline;
}
.special-heading-wrap.style1 .margin-bottom{
margin-bottom: 30px !important;
}
.special-heading.align-left .separator {
margin: 0;
}
.special-heading-wrap.style1 br,
.special-heading-wrap.style2 br {
display: none;
}
.special-heading-wrap.style1 .sub-title {
display: block;
font-size: 16px;
max-width: 80%; line-height: 35px;
}
.special-heading-wrap.style1 .align-center .sub-title{
margin: 0 auto;
}
.special-heading-wrap.style1 .align-right .sub-title{
margin: 0 0 0 auto;
}
.special-heading-wrap.style3 {
text-align: center;
overflow: hidden;
}
.special-heading-wrap.style3 .special-h-tag {
text-align: center;
padding-bottom: 0px;
margin: 20px 0px !important;
}
html body .be-section .be-row .special-heading-wrap.style3 .special-h-tag {
margin-bottom: 20px !important;
}
.special-heading-wrap.style3 .special-heading {
margin-bottom: 0px;
}
.special-heading-wrap.style3 .caption-wrap {
text-align: center;
position: relative;
}
.special-heading-wrap.style3 .caption {
padding: 0 15px;
display: inline-block;
position: relative;
}
.special-heading-wrap.style3 .caption .caption-inner {
background: #ddd;
}
.special-heading-wrap.style3 .caption .caption-inner:before, .special-heading-wrap.style3 .caption .caption-inner:after {
content: "";
position: absolute;
display: inline-block;
height: 1px;
width: 100px;
left: -100px;
top: 50%;
background: inherit;
margin-top: -1px;
}
.special-heading-wrap.style3 .caption .caption-inner:after {
right: -100px;
left: auto;
}
.special-heading-wrap.style4 {
text-align: center;
margin-bottom: 30px;
}
.special-heading-wrap.style4 .vertical-divider{
width: 1px;
height: 45px;
display: inline-block;
}
.special-heading-wrap.style4 .special-h-tag{
margin-bottom: 0px !important;
}
.special-heading-wrap.style4 .vertical-divider.top{
margin-bottom: 20px;  
}
.special-heading-wrap.style4 .special-heading{
margin-bottom: 30px
} .special-heading-wrap.style4 .caption-wrap{
margin-bottom: 6px;
}
.special-heading-wrap.style5{
position: relative;
}
.special-heading-wrap.style5  .caption-wrap{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
line-height: 1em !important; 
width: 100%;
}    
.special-heading-wrap.style5.align-left .caption-wrap{
left:0%;
right: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.special-heading-wrap.style5.align-right .caption-wrap{
right:0%;
left: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.special-heading-wrap.style5 .caption{
line-height: 1em !important; 
max-width: 100% !important; 
}    
.be-section .be-row:not(:last-child) .column-block .special-heading-wrap.style3 h6.caption:last-child  {
margin-bottom: 0 !important;
}
.sep-with-icon-wrap{
margin-bottom: 20px;
}
.sep-with-icon {
display: inline-block;
vertical-align: middle;
}
.sep-icon {
line-height: 16px;
font-size: 16px;
vertical-align: middle;
margin: 0 20px;
}
.icon-dimond {
width: 10px;
height: 10px;
background: #000;
display: inline-block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
} .special-subtitle {
line-height: 1.8em;
display: inline-block;
max-width: 60%;
}
.special-subtitle-wrap{
margin-bottom: 30px;
} .tabs {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.ui-tabs {
position: relative;
margin-bottom: 50px;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
padding: 0;
margin: 0;
white-space: nowrap;
margin-right: 30px;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0 0 10px;
text-decoration: none;
outline: 0;   
border-left: none;
color: inherit;
}
.ui-tabs .ui-tabs-panel p:last-child {
margin-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
cursor: text; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
border-bottom: 2px solid;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {   
cursor: pointer; 
}
.tabs li a.tab-icon:before {
font-size: 15px;
width: 25px;
text-align: left;
vertical-align: middle;
margin-right: 12px;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
margin-top: -1px;
padding: 25px 0;
}
.ui-tabs .ui-tabs-panel p {
width: 100%;
} .title-icon {
display: inline-block;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
}
.title-icon.align-right {
float: right;
margin-left: 30px;
margin-right: 0px;
}
.title-icon.circled {
border: 1px solid transparent;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.title-icon.small {
font-size: 21px;
width: 30px;
height: 30px;
line-height: 30px;
margin-right: 20px;
}
.title-icon.medium {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 28px;
}
.title-icon.medium.plain {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 28px;
}
.title-with-icon {
padding-left: 80px;
margin-bottom: 50px;
}
.title-with-icon.small.plain {
padding-left: 50px;
}
.title-icon.small.circled {
width: 45px;
height: 45px;
line-height: 45px;
}
.title-with-icon.small {
padding-left: 70px;
}
.title-with-icon.small.align-right {
padding-right: 70px;
}
.title-icon.small.align-right {
margin-left: 20px;
margin-right: 0;
}
.title-with-icon.medium {
padding-left: 100px;
}
.title-with-icon.medium.plain {
padding-left: 60px;
}
.title-with-icon.align-right {
padding-right: 80px;
}
.title-with-icon.small.plain.align-right {
padding-right: 50px;
}
.title-with-icon.medium.align-right {
padding-right: 100px;
}
.title-with-icon.medium.plain.align-right {
padding-right: 60px;
}
.title-with-icon.align-right,
.title-with-icon.small.plain.align-right,
.title-with-icon.medium.align-right,
.title-with-icon.medium.plain.align-right {
padding-left: 0px;
text-align: right;
} .be_icon_card_wrap {
position: relative;
}
.be_icon_card_wrap .font-icon{
position: absolute;
top: 50%;
transform: translateY(-51%);
text-align: center;
}
.be_icon_card_wrap.small .font-icon{
font-size: 17px;      
}
.be_icon_card_wrap.large .font-icon{
font-size: 25px;
}
.be_icon_card_wrap.small.circled .font-icon{
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50px;
}
.be_icon_card_wrap.large.circled .font-icon{
font-size: 25px;
width: 65px;
height: 65px;
line-height: 65px;
border-radius: 50px;
}
.be_icon_card_wrap.small .title-with-icon-card{
min-height: 48px;
}
.be_icon_card_wrap.large .title-with-icon-card{
min-height: 68px;
}
.be_icon_card_wrap.small.circled .title-with-icon-card{
padding-left: 65px;
}
.be_icon_card_wrap.large.circled .title-with-icon-card{
padding-left: 85px;
}
.be_icon_card_wrap.small.plain .title-with-icon-card{
padding-left: 37px;
}
.be_icon_card_wrap.large.plain .title-with-icon-card{
padding-left: 55px;
}
.be_icon_card_wrap h1,
.be_icon_card_wrap h2,
.be_icon_card_wrap h3,
.be_icon_card_wrap h4,
.be_icon_card_wrap h5,
.be_icon_card_wrap h6{
margin-bottom: 0px;
} .menu-card-item-info {
padding-right: 40px;
}
.menu-card-item {
position: relative;
display: block;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 15px 10px;
margin-bottom: 0px;
}
.menu-card-title {
font-size: 13px !important;
line-height: 24px !important;
padding-right: 10px;
}
.menu-card-ingredients {
font-size: 16px !important;
line-height: 24px !important;
max-width: none;
display: initial;
}
.menu-card-item-price {
font-size: 13px !important;
line-height: 24px !important;
position: absolute;
top: 15px;
right: 10px;
}
.menu-card-item.highlight-menu-item {
background: #f1edde;
border-bottom: none;
}
.menu-card-item-stared {
padding-left: 10px;
} .separator{
display: inline-block;
}
hr.separator{
margin-bottom: 20px !important;
}
.mail-chimp-form input[type="text"] {
width: 100%;
}
.mail-chimp-submit-wrap input[type="submit"]{
margin: 0px;    
}
.mail-chimp-email-wrap {
width: 50%;
margin-right: 20px;
display: inline-block;
}
.mail-chimp-submit-wrap{
display: inline-block;
}
.mail-chimp-submit {
line-height: 7px !important;
}   .pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; } .pswp--animate_opacity { opacity: 0.001;
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; } .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__container, .pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; } .pswp__container, .pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container, .pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s; } .pswp__img--placeholder {
-webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100%;
height: 100%;
left: 0;
top: 0; } .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }    .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none; }
.pswp__button:focus, .pswp__button:hover {
opacity: 1; }
.pswp__button:active {
outline: none;
opacity: 0.9; }
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0; } .pswp__ui--over-close .pswp__button--close {
opacity: 1; }
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
background: url(//www.asteroidstudios.fr/wp-content/plugins/be-page-builder/css/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
background-image: url(//www.asteroidstudios.fr/wp-content/plugins/be-page-builder/css/default-skin.svg); }
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
background: none; }
}
.pswp__button--close {
background-position: 0 -44px; }
.pswp__button--share {
background-position: -44px -44px; }
.pswp__button--fs {
display: none; }
.pswp--supports-fs .pswp__button--fs {
display: block; }
.pswp--fs .pswp__button--fs {
background-position: -44px 0; }
.pswp__button--zoom {
display: none;
background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
display: block; }
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute; }
.pswp__button--arrow--left {
left: 0; }
.pswp__button--arrow--right {
right: 0; }
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute; }
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px; }
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px; } .pswp__counter, .pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__share-modal--hidden {
display: none; }
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px; }
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px; }
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none; }
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF; }
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF; }
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D; }
a.pswp__share--download:hover {
background: #DDD; } .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px; } .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px; }
.pswp__caption small {
font-size: 11px;
color: #BBB; }
.pswp__caption__center {
text-align: center;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC; }
.pswp__caption--empty {
display: none; } .pswp__caption--fake {
visibility: hidden; } .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity; }
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px; }
.pswp__preloader--active {
opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(//www.asteroidstudios.fr/wp-content/plugins/be-page-builder/css/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0; }
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right; }
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550; } .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%; }
body.admin-bar .pswp__top-bar{
top:32px;
}
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
visibility: visible; }
.pswp__top-bar, .pswp__caption {
background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar {
opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
display: none; }
.pswp__element--disabled {
display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
background: none; } .pswp__caption__center{
max-width: 80%;
} @media only screen and (min-width: 1280px) and (max-width: 1440px) {
.left-header .two-col .element {
width:  470px;
}
.left-header .three-col .element {
width:  300px;
}
.left-header .three-col .element.wide {
width:  640px;
}
.left-header .four-col .element {
width:  215px;
}
.left-header .four-col .element.wide {
width:  470px;
}
.left-header .full-screen .element {
width: 19.97%;
margin: 0px;
}
.left-header .full-screen.two-col .element {
width: 50%;
}
.left-header .full-screen.three-col .element {
width: 33.34%;
}
.left-header .full-screen.three-col .element.wide {
width: 66.7%;
}
.left-header .full-screen.four-col .element {
width: 25%;
}
.left-header .full-screen.four-col .element.wide {
width: 50%;
}
.left-header .full-screen.five-col .element {
width: 20%;
}
.left-header .full-screen.five-col .element.wide {
width: 40%;
}    
}
@media only screen and (max-width: 1280px) {
.process-style1 .process-divider {
width: 120px;
}
} @media only screen and (min-width: 960px) and (max-width: 1279px) {
.two-col .element {
width:  470px;
}
.three-col .element {
width:  300px;
}
.three-col .element.wide {
width:  640px;
}
.four-col .element {
width:  215px;
}
.four-col .element.wide {
width:  470px;
}
.grid-wrap .grid-col.size-large .font-icon, .process-style1 .process-col .font-icon {
font-size: 75px;
}
.full-screen .element,
.full-screen.three-col .element,
.full-screen.four-col .element,
.full-screen.five-col .element {
width: 33.4%;
}
.full-screen.three-col .element.wide,
.full-screen.four-col .element.wide,
.full-screen.five-col .element.wide {
width: 66.7%;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.call-to-action{
padding: 30px 30px;
}
.action-content , .action-button { float: none; }
.fullscreen-col .element { width: 33.4%; }	
.two-col .element,
.three-col .element,
.four-col .element { 
width: 350px; 
}
.three-col .element.wide,
.four-col .element.wide { 
width: 740px; 
} .full-screen .element,
.full-screen.three-col .element,
.full-screen.four-col .element,
.full-screen.five-col .element {
width: 33.4%;
}
.full-screen.three-col .element.wide,
.full-screen.four-col .element.wide,
.full-screen.five-col .element.wide {
width: 66.7%;
}
.process-style1 .process-divider {
width: 50px;
}
.animate-icon-module-style2-wrap,
.animate-icon-module-style2 {
display: block;
width: 100% !important;
}
.animate-icon-module {
width: 100% !important;
margin-right: 0px !important;
}
} @media only screen and (max-width: 959px) {
.be-section-pad.be-edge-padding{
padding-left: 20px !important;
padding-right: 20px !important;
}
.animate-icon-module-style2-normal-content {
top: 50%;
transform: translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
.animate-icon-module-style2:hover .animate-icon-module-style2-normal-content{
top: 0;
transform: translateY(50px);
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-o-transform:translateY(50px);
}
.animate-icon-module-style2 .animate-icon-module-style2-hover-content{
bottom:0;
top:auto;
}
.animate-icon-module-style2:hover .animate-icon-module-style2-hover-content{
transform: translateY(-50px);
-webkit-transform:translateY(-50px);
-moz-transform:translateY(-50px);
-o-transform:translateY(-50px);
}
}
@media only screen and (max-width: 767px) {
.be-text-inner{
width: 100% !important;
}
ul.tabs li {
width: 298px;
}
.action-content, 
.action-button { 
float: none; 
}
.action-content {
display: block;
margin: 0 0 25px;
}   
.portfolio-content-wrap{
padding-left: 0px;
}
.related-items .column-block {
margin-bottom: 40px;
}
.be-service {
padding: 0px !important;
margin-bottom: 30px;
text-align: center !important;
}
.be-service .font-icon {
position: relative;
display: block;
left: auto !important;
right: auto !important;
width: 42px;
height: 42px;
margin: 0 auto 10px;
}
.be-service .font-icon.icon-size-medium,
.be-service .font-icon.icon-size-large	{
margin: 0 auto 10px;
height: 60px;
line-height: 60px;
padding: 0px;
width: 60px;
}
.services-outer-wrap span.timeline {
display: none;
}
.three-col .element, 
.four-col .element , 
.two-col .element {
width: 300px;
}
.full-screen .element, 
.full-screen.three-col .element, 
.full-screen.four-col .element, 
.full-screen.five-col .element {
width: 100%!important;
}
.be-services .be-service * {
text-align: center !important;
}
.be-services .be-service .font-icon {
margin-bottom: 20px;
}
.single_portfolio_close .font-icon {
border-color: #000;
background: #000;
}
.single_portfolio_close {
right: 10px;
top: 35px;
} .process-style1 .process-col .font-icon {
font-size: 40px;
}
.hide-mobile {
display: none !important;
}
body.disable-animation-on-mobile .animated {
-webkit-animation-duration: 0s !important;
-moz-animation-duration: 0s !important;
-ms-animation-duration: 0s !important;
-o-animation-duration: 0s !important;
animation-duration: 0s !important;
visibility: visible !important;
}
.process-style1 .process-divider {
display: none;
}
.process-style1 .process-col {
display: block;
margin-bottom: 30px;
}
.grid-wrap .grid-col {
width: 100% !important;
padding: 0 !important;
border: 0 !important;
margin-bottom: 40px !important;
display: block;
}
.skill-vertical .skill-wrap,
.skill-vertical .skill {
width: 100% !important;
padding: 0px !important;
}
.pricing-table.highlight-no{
position: static;
top: 0px;
}
.animate-icon-module-style2-wrap,
.animate-icon-module-style2 {
display: block;
width: 100% !important;
}
.animate-icon-module {
width: 100% !important;
margin-right: 0px !important;
}
.portfolio-container.portfolio-item-parallax .element .element-inner {
-webkit-transform : translatey(0px) scale(1) translatez(0px) !important;
-moz-transform : translatey(0px) scale(1) translatez(0px) !important;
-o-transform : translatey(0px) scale(1) translatez(0px) !important;
-ms-transform : translatey(0px) scale(1) translatez(0px) !important;
transform : translatey(0px) scale(1) translatez(0px) !important;
}
.title-with-icon.align-right, .title-with-icon.small.plain.align-right, .title-with-icon.medium.align-right, .title-with-icon.medium.plain.align-right {
text-align: left;
}
.title-icon.align-right {
float: left;
margin-right: 30px;
margin-left: 0px;
}
.title-with-icon.medium.align-right {
padding-left: 100px;
padding-right: 0px; 
}
.title-icon.small.align-right {
margin-left: 0px;
margin-right: 20px;
}
.title-with-icon.small.plain.align-right {
padding-left: 50px;
padding-right: 0px;
}
.title-with-icon.medium.plain.align-right {
padding-right: 0px;
padding-left: 60px;
}
.title-with-icon * {
text-align: left !important;
}
.portfolio-carousel-module .owl-buttons{
display: none;
} .style1-navigation .single-page-nav a{
margin: 15px;
}
.single-page-nav.style2-navigation .next-post-link h6,
.single-page-nav.style2-navigation .previous-post-link h6{
display: none;
}
.content_slide_inner {
width: 100% !important;
}
.special-subtitle{
max-width: 100%;
}
.contact_form.style2 .field_name,
.contact_form.style2 .field_email{
width: 100%;
float: none;
}
.contact_form.style2 .field_name{
margin-right: 0px;
} } @media only screen and (min-width: 480px) and (max-width: 767px) {
ul.tabs li {
width: 438px;
}
.three-col .element, 
.four-col .element , 
.two-col .element,
.three-col .element.wide, 
.four-col .element.wide , 
.two-col .element.wide {
width:100%;
}
.full-screen .element, 
.full-screen.three-col .element, 
.full-screen.four-col .element, 
.full-screen.five-col .element {
width: 50%!important;
}
.full-screen.one-col .element,
.full-screen .style3-blog .element, 
.full-screen.three-col .style3-blog .element, 
.full-screen.four-col .style3-blog .element, 
.full-screen.five-col .style3-blog .element {
width: 100% !important;
}
}@-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.master-slider{
position: relative;
visibility: hidden;
-moz-transform: translate3d(0 , 0 , 0);
}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;-webkit-filter:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}
.ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.master-slider a,
.master-slider a:hover {
-webkit-transition: none;
transition: none;
}
.wpb_row .master-slider-parent *,
.master-slider-parent * {
box-sizing: content-box;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
}
.ms-layout-partialview .ms-view {
overflow: visible;
background-color:transparent;
}
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider.before-init{}
.master-slider img, .ms-slide-bgvideocont video {max-width:none;}
.master-slider.ms-fullheight{height: 100%;}
.ms-slide-auto-height { display: table; }
.ms-loading-container{
position:absolute;
width:100%;
top:0;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
width: 36px;
height: 36px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/common/loading-2.gif) no-repeat center white;
border-radius: 60px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
position: absolute;
left: 50%;
top: 50%;
margin: -18px;
opacity: 0.9;
} .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/common/grab.png), move;}
.ms-grabbing-cursor{cursor: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/common/grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}
.ms-view { 
margin:0px auto;
overflow:hidden;
position:relative;
-webkit-perspective: 2000px;
-ms-perspective: 2000px;
perspective: 2000px;
}
.ms-view .ms-slide-container{position:relative;}
.ms-slide {
position:absolute;
height:100%;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
}
.ms-wk .ms-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
position: absolute;
overflow:hidden;
width: 100%;
}
.ms-slide .ms-slide-link { 
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 110;
}
.ms-ie .ms-slide-link {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat;
}
.ms-slide .ms-slide-bgvideocont{
z-index: 105;
height: 100%;
}
.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
-webkit-transform: translateZ(0.3px);
transform: translateZ(0.3px);
}
.ms-slide .ms-slide-bgvideo{
position: absolute;
top: 0px;
}
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.ms-slide .ms-layer, .ms-fixed-layers .ms-layer {position:absolute;pointer-events: auto}
.ms-slide .ms-slide-layers,
.ms-fixed-layers {
position: absolute;
overflow:hidden;
width:100%;
height: 100%;
z-index: 109;
top:0px;
pointer-events: none;
}
.ms-slide .ms-slide-video{
position:absolute;
top:0;
z-index: 111;
background:black;
padding:0;
margin: 0;
border: none;
}
.ms-slide .ms-pattern{
background-attachment: scroll;
width: 100%;
height: 100%;
z-index: 108;
position: absolute;
top: 0;
}
.ms-wk .ms-pattern{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-parallax-layer {
width: 100%;
position: absolute;
top: 0;
}
.ms-scroll-parallax-cont{
position: absolute;
top:0;
width: 100%;
height: 100%;
z-index: 109;
}
.ms-wk .ms-scroll-parallax-cont{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{
}
.ms-scroll-parallax .ms-slide-bgcont{
} .ms-action-layer{cursor: pointer;}
.ms-btn-container{position: absolute;}
.ms-btn {
text-decoration: none;
display: inline-block;
color:black;
position: relative;
padding: 8px 15px;
cursor: pointer;
white-space: nowrap;
}
.ms-default-btn{
background: #0074A2;
border-radius: 5px;
color: #FFF;
}
.ms-default-btn:hover{background-color: #0098D5;}
.ms-default-btn:active{top:1px;}
.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{
padding:0;
margin: 0;
border: none;
position: absolute;
z-index: 110;
}
.ms-btn-s{
padding: 14px 17px;  
font-size: 80%;
line-height: 0;
}
.ms-btn-m{
padding: 12px 40px;
}
.ms-btn-n{
padding: 8px 25px;
font-size: 95%;
}
.ms-btn-l{
padding: 17px 50px;  
font-size: 120%;
}
.ms-btn-box{}
.ms-btn-round{border-radius: 5px;}
.ms-btn-circle{border-radius: 100px;}
.ms-btn-outline-box{}
.ms-btn-outline-round{border-radius: 5px;}
.ms-btn-outline-circle{border-radius: 100px;} .ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
position:absolute;
cursor: pointer;
z-index: 110;
}
.ms-slide .ms-slide-vcbtn{
position:absolute;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile{
position: relative;
bottom: 0;
left:0;
width:100%;
height: 28px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
text-transform: uppercase;
font-family: sans-serif;
font-size: 0.75em;
display: inline-block;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/common/video-close-btn.png) no-repeat 0px 3px;
padding-left: 15px;
height: 15px;
color: #DBDBDB;
margin-top: 7px;
}
.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
-webkit-transform: translateZ(0.44px);
transform: translateZ(0.44px);
}
.ms-video-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.ms-mask-frame{
overflow:hidden;
position:absolute;
float:left;
} .ms-thumb-list{
overflow:hidden;
position:absolute;
}
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
cursor: pointer;
float: left;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame {
background-color: #F6f6f6;
text-shadow: 0 1px 1px white;
color: #222;
border: solid 1px white;
border-width: 0 1px 1px 0;
overflow: visible;
position: relative;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;} 
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;} 
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
position: absolute;
opacity: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
top: 0px;
left: 50%;
margin-left: -12px;
border-bottom: solid 12px #F6f6f6;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
top:-12px;
border-bottom-color: #EDEDED;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
bottom: 0px;
top:auto;
border-bottom:0px;
border-top: solid 12px #F6f6f6;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
bottom:-12px;
border-top-color: #EDEDED;
}
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
top: 50%;
left: 0;
margin-top: -12px;
border-right: solid 12px #EDEDED;
border-top: solid 12px transparent;
border-bottom: solid 12px transparent;
}
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
left:-12px;
border-right-color:#EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
left: auto;
right: 0;
border-right: 0;
border-left: solid 12px #EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
right:-12px;
border-left-color:#EDEDED;
}
.ms-thumb-alt {
text-align: center;
margin: 5px;
font-size: 14px;
font-weight: 600; 
} .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
height: 100%;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
right: 0;
left: auto;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
content: close-quote;
top: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 5px 5px 5px 0px;
display: block;
border-right-color: #FFF;
width: 6px;
height: 1px;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
border-width: 5px 0px 5px 5px;
border-left-color: #FFF;
left: 7px;
} .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
width: 100%;
height: 20px;
position: absolute;
top: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
bottom: 0;
top: auto;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
content: close-quote;
left: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 0px 5px 5px 5px;
display: block;
border-bottom-color: #FFF;
height: 1px;
top: 5px;
width: 0;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
border-width: 5px 5px 0px 5px;
border-top-color: #FFF;
top: 7px;
} .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
.ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
.ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
.ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
.ms-tabs.ms-align-left  .ms-tab-thumb{ float:left;  margin-right:20px; }
.ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-bullets.ms-dir-v {
position: absolute;
top:50%;
}
.ms-bullets.ms-dir-v .ms-bullet{
float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
left: 10px;
right: 10px;
top: 5px
}
.ms-sbar.ms-dir-v {
top: 10px;
bottom: 10px;
right: 5px
}
.ms-sbar .ms-bar {
height: 4px;
background: #333;
border-radius: 4px;
}
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}
.ms-sbar .ms-bar{
position:relative;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-timerbar {
width: 100%;
bottom: 0px;
position: absolute;
}
.ms-ctimer {
position: absolute;
top: 30px;
left: 30px;
cursor: pointer;
}
.ms-ctimer-bullet {}
.ms-time-bar{
-webkit-transition: width 120ms linear;
transition: width 120ms linear;
}
.ms-ie7 .ms-tooltip-arrow{
height:0px;
}
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}
@keyframes point-anim{
0% 		{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);  opacity: 1; }
100% 	{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5);  opacity: 0; }
}
@-webkit-keyframes point-anim{
0% 		{-webkit-transform: scale(0.5); opacity: 1; }
100% 	{-webkit-transform: scale(1.5);	opacity: 0; }
} .ms-android .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-pattern.ms-patt-1  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-2  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-3  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-4  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-5  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-6  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-7  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-8  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-9  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} .ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 30px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png);
background-position: -89px -26px;
height: 40px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-default .ms-nav-next {
right: 30px;
left: auto;
background-position: -89px -103px;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
width: 53px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-1 .ms-bullet {
width: 9px;
height: 9px;
background: white;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-black-1 .ms-bullet-selected {
background-color: black;
}
.ms-skin-black-1 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: white;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -10px;
}
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: white;
border-bottom-color: rgba(0, 0, 0, 0.8);
top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: white;
border-right-color: rgba(0, 0, 0, 0.8);
left: -10px;
}
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: black;
border-left-color: rgba(0, 0, 0, 0.8);
right: -10px;
}
.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #444444;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: white;
background: rgba(255, 255, 255, 0.9);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-black-1  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-1 .ms-tooltip-cont {
padding: 10px;
background: black;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0px black;
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn,
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black no-repeat -16px -103px;
border: solid 3px rgb(255, 255, 255);  
border-color: rgba(255, 255, 255, 0.4);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover{
background-color: #3D3D3D;
}
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black no-repeat -27px -36px;
border: solid 2px white;
border-color: rgba(255, 255, 255, 0.4);
top: 15px;
right: 15px;
}
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 50px;
} .ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2.png) black;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover{
background-color: #3d3d3d;
}
.ms-skin-black-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-2 .ms-bullet {
width: 8px;
height: 8px;
background: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(0, 0, 0, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-black-2.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-black-2 .ms-bullet-selected {
background-color: black;
border-color: white;
border-color: rgba(255, 255, 255, 0.44);
}
.ms-skin-black-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-black-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn,
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/black-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
width: 53px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-light-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-2 .ms-bullet {
width: 9px;
height: 9px;
background: black;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-light-2 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-light-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn,
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn{
width: 50px;
height: 50px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat -15px -149px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 29px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat -26px -28px;
top: 30px;
right: 30px;
} .ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
width: 50px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png);
background-position: -82px -22px;
height: 50px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.ms-skin-light-3 .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -99px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-3 .ms-bullet {
width: 16px;
height: 16px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-light-3 .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-light-3 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-light-3  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-3 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn,
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev,
.ms-skin-light-3 .ms-bullet{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-3-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
width: 54px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4.png);
background-position: -77px -5px;
height: 68px;
cursor: pointer;
top: 50%;
left: -27px;
margin-top: -40px;
position: absolute;
z-index: 110;
}
.ms-skin-light-4 .ms-nav-next {
right: -27px;
left: auto;
background-position: -79px -83px;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
opacity: 0.6;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
bottom: -60px;
width: 100%;
height: 60px;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
height: 100%;
width: 60px;
right: -60px;
top: 0;
}
.ms-skin-light-4 .ms-thumb-frame {
cursor: pointer;
float: left;
width: 60px;
height: 60px;
margin: 1px 0 0 1px;
overflow: hidden;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-4 .ms-bullet {
width: 9px;
height: 9px;
background: #b9b9b9;
margin: 4px;
border: solid 1px rgb(163, 163, 163);
}
.ms-skin-light-4 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-4 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: white;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #E0E0E0;
background: #4b8aac;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: white;
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-light-4  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-4 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-4-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn{
width: 32px;
height: 32px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) black no-repeat -24px -160px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
}
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover{
background-color:#646464;
}
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) white no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
width: 32px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) white;
background-position: -94px -32px;
height: 32px;
cursor: pointer;
bottom: 40px;
left: 40px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-5 .ms-nav-next {
left: 73px;
background-position: -93px -110px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-5 .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-5 .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-light-5 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
} .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-5  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-5 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn,
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-5-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white no-repeat -16px -103px;
border: solid 3px rgb(112, 112, 112);  border-color: rgba(0, 0, 0, 0.27);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white no-repeat -27px -36px;
top: 15px;
right: 15px;
}
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 30px;
} .ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6.png) white;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(112, 112, 112);
border-color: rgba(0, 0, 0, 0.27);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-6 .ms-bullet {
width: 8px;
height: 8px;
background: black;
-webkit-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(255, 255, 255, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-6.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-light-6 .ms-bullet-selected {
background-color: white;
border-color: black;
border-color: rgba(0, 0, 0, 0.44);
}
.ms-skin-light-6 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-6  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-6 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn,
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/light-skin-6-retina.png);
background-size: 152px 225px;
}
} .ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn{
width: 47px;
height: 46px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat -16px -152px;
top: 50%;
left: 50%;
margin: -22px 0 0 -24px;
}
.ms-skin-metro .ms-slide .ms-slide-vcbtn {
width: 47px;
height: 47px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat -16px -19px;
top: 15px;
right: 15px;
} .ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
width: 47px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png);
background-position: -83px -23px;
height: 47px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -24px;
position: absolute;
z-index: 110;
}
.ms-skin-metro .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-metro .ms-bullet {
width: 16px;
height: 16px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-metro .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-metro .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-metro .ms-tooltip-point {cursor: pointer;}
.ms-skin-metro .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-metro .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-metro .ms-tooltip {
max-width:200px;
}
.ms-skin-metro .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn,
.ms-skin-metro .ms-slide .ms-slide-vcbtn,
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev,
.ms-skin-metro .ms-bullet{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/metro-skin-retina.png);
background-size: 152px 225px;
}
} .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn{
width: 60px;
height: 60px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat -10px -144px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
width: 24px;
height: 24px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat -27px -30px;
top: 30px;
right: 30px;
} .ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
width: 60px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png);
background-position: -76px -17px;
height: 60px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -30px;
position: absolute;
z-index: 110;
}
.ms-skin-contrast .ms-nav-next {
right: 30px;
left: auto;
background-position: -77px -91px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-contrast .ms-bullet {
width: 16px;
height: 16px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-contrast .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-contrast .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: #fc3116;
border-top-color: rgba(252, 49, 22, 0.8);
bottom: -10px;
}
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: #fc3116;
border-bottom-color: rgba(252, 49, 22, 0.8);
top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: #fc3116;
border-right-color: rgba(252, 49, 22, 0.8);
left: -10px;
}
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: #fc3116;
border-left-color: rgba(252, 49, 22, 0.8);
right: -10px;
}
.ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
.ms-skin-contrast .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px; 
border-radius: 15px;
border: solid 2px #636363;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-contrast .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px; 
background: white;
background: rgba(255, 255, 255, 0.99);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-contrast  .ms-tooltip {
max-width:200px;
}
.ms-skin-contrast .ms-tooltip-cont {
padding: 10px;
background: #fc3116;
background: rgba(252, 49, 22, 0.8);
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                -webkit-min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn,
.ms-skin-contrast .ms-slide .ms-slide-vcbtn,
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev,
.ms-skin-contrast .ms-bullet{
background-image:url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/skins/contrast-skin-retina.png);
background-size: 152px 225px;
}
}
.ms-caro3d-template .ms-container {
padding: 10px 0 50px 0;
} .ms-caro3d-template .ms-slide{
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5)));
}
.ms-caro3d-template .ms-slide-bgcont{
border-radius: 8px;
}
.ms-dis-slider-cont {
position: relative;
padding: 3.2% 8.5% 24%;
max-width: 508px;
}
.ms-display-cont .ms-view{
background-color: #17171a;
}
.ms-display-cont{
max-width: 614px;
position: relative;
margin: 0 auto;
}
.ms-display-bg {
max-width: 100%;
position: absolute;
}
.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-display-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-display-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -50%;
right: 50%;
width: 100px;
}
.ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-display-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-display-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-gallery-template .ms-gallery-botcont {
height: 55px;
background: black;
color: white;
font-weight: 300;
font-family: "Lato", sans-serif;
font-size: 18px;
position: relative;
}
.ms-gallery-template .ms-gal-playbtn {
width: 55px;
height: 100%;
float: left;
cursor: pointer;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat 6px 6px;
}
.ms-gallery-template .ms-gal-playbtn.btn-pause {
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat -55px 7px;
}
.ms-gallery-template .ms-gal-thumbtoggle {
position: absolute;
right: 0;
z-index: 110;
width: 55px;
height: 100%;
cursor: pointer;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat -53px -41px;
}
.ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/gallery-btns.png) no-repeat 4px -41px;
}
.ms-gallery-template .ms-slide-num {
float: left;
padding: 17px 9px;
color: #727272;
}
.ms-gallery-template .ms-slide-info {
float: left;
padding: 18px 4px;
position: relative;
width: auto;
}
.ms-gallery-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: 18px;
right: 105px;
width: 100px;
}
.ms-gallery-template .ms-bullet {
width: 8px;
height: 8px;
background: #1e1e1e;
margin: 4px;
border-radius: 15px;
}
.ms-gallery-template .ms-bullet-selected {
background-color: white;
}
.ms-gallery-template .ms-timerbar {
width: 100%;
top: -4px;
height: 4px;
position: absolute;
background: rgba(0, 0, 0, 0.32);
}
.ms-gallery-template .ms-time-bar {
height: 4px;
background: rgba(255, 255, 255, 0.7);
}
.ms-gallery-template .ms-thumb-list.ms-dir-h {
width: 100%;
background: black;
background: rgba(0, 0, 0, 0.95);
padding-top: 1px;
}
.ms-gallery-template .ms-thumb-frame {
cursor: pointer;
float: left;
width: 175px;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.ms-gallery-template .ms-thumb-frame-selected {
opacity: 1;
}
.ms-gallery-template .ms-gal-thumbcont {
overflow: hidden;
width: 100%;
height: 115px;
position: absolute;
top: -115px;
left: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
height: 0;
top: 0;
}
@media (max-width: 570px) {
.ms-gallery-template .ms-slide-info {
display: none;
}
}
.ms-laptop-template .ms-laptop-cont .ms-view{
background-color: #17171a;
}
.ms-laptop-template .ms-laptop-cont{
max-width: 645px;
position: relative;
margin: 0 auto;
}
.ms-laptop-template .ms-lt-slider-cont {
position: relative;
padding: 5% 11.9% 20%;
max-width: 492px;
}
.ms-laptop-template .ms-laptop-bg {
max-width: 100%;
position: absolute;
}
.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-laptop-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-laptop-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -40%;
right: 50%;
width: 100px;
}
.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-laptop-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-laptop-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-tablet-template .ms-tablet-cont .ms-view{
background-color: #17171a;
}
.ms-tablet-template .ms-tablet-cont{
max-width: 500px;
position: relative;
margin: 0 auto;
}
.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
max-width: 842px;
}
.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
padding: 4.1% 12.1% 10%;
max-width: 632px;
}
.ms-tablet-template .ms-lt-slider-cont {
position: relative;
padding: 11.1% 11% 22%;
max-width: 400px;
}
.ms-tablet-template .ms-tablet-bg {
max-width: 100%;
position: absolute;
}
.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-tablet-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-tablet-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -18%;
right: 50%;
width: 100px;
}
.ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-tablet-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-tablet-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template .ms-phone-cont .ms-view{
background-color: #17171a;
}
.ms-phone-template .ms-phone-cont{
max-width: 386px;
position: relative;
margin: 0 auto;
}
.ms-phone-template.ms-phone-land .ms-phone-cont {
max-width: 666px;
}
.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
position: relative;
padding: 4.6% 16.1% 10% 15.5%;
max-width: 455px;
}
.ms-phone-template .ms-lt-slider-cont {
position: relative;
padding: 26.2% 16.5% 33% 16.8%;
max-width: 258px;
}
.ms-phone-template .ms-phone-bg {
max-width: 100%;
position: absolute;
}
.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-phone-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-phone-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -30%;
right: 50%;
width: 100px;
}
.ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-phone-template .ms-bullet {
width: 10px;
height: 10px;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-phone-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
bottom: -21%;
}
.ms-phone-template.ms-phone-land .ms-nav-next {
right: -150px;
}
.ms-phone-template.ms-phone-land .ms-nav-prev {
left: -150px;
}
.ms-partialview-template .ms-slide-info {
text-align: center;
margin-top: 20px;
width: 100%;
}
.ms-partialview-template .ms-slide-info h3 {
margin: 5px;
font-weight: 300;
font-size: 23pt;
color: #222;
}
.ms-partialview-template .ms-slide-info h4 {
margin: 5px;
font-weight: 300;
font-size: 14pt;
color: #7A7A7A;
}
.ms-partialview-template .ms-slide-info p {
font-size: 10pt;
margin: 6px;
} .ms-showcase2-template .ms-view{background: transparent;}
.master-slider{
-moz-transform:translate3d(0,0,1px);
}
.ms-staff-carousel{
margin: 25px auto;
position: relative;
}
.ms-staff-carousel .ms-view{
overflow:visible;
background-color: transparent;
}
.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/staff-arrows.png) white no-repeat -7px -57px;
width: 35px;
height: 40px;
left: -35px;
margin-top: -17px;
box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
position: absolute;
top:50%;
cursor: pointer;
}
.ms-staff-carousel .ms-nav-next {
background-position: -6px -7px;
right:-35px;
left:auto;
}
.ms-staff-carousel .ms-staff-info{
text-align: center;
margin:0 auto;
max-width: 600px;
margin-top:30px;
min-height:300px;
color:#222222;
}
.ms-staff-carousel .ms-staff-info h3{
font-weight: 300;
font-size: 22pt;
margin:0px;
}
.ms-staff-carousel .ms-staff-info h4{
font-weight: 300;
color:#787878;
font-size: 15pt;
margin:3px;
}
.ms-staff-carousel.ms-round .ms-slide-bgcont {
border-radius: 5000px;
border: solid 8px rgb(230, 230, 230);
margin: 0 -8px;
}
.ms-staff-carousel.ms-round .ms-view{
padding-bottom: 8%;
}
.ms-staff-carousel.ms-round .ms-nav-prev,
.ms-staff-carousel.ms-round .ms-nav-next {
background-color:transparent;
box-shadow : none;
left:-45px;
}
.ms-staff-carousel.ms-round .ms-nav-next {
left:auto;
right:-45px
}
.ms-tabs-template .ms-thumb-frame h3 {
font-weight: 400;
font-size: 13pt;
margin:0;
}
.ms-tabs-template .ms-thumb-frame p {
font-size:10pt;
margin: 4px 0;
}
.ms-tabs-template .ms-thumb-frame-selected h3{
color:#4b8aac;
}
.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
top: 10px;
left: 50%;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/vertical-arrows.png) no-repeat;
background-position: -11px -6px;
width: 40px;
height: 30px;
margin-left: -20px;
margin-top: 0;
}
.ms-vertical-template .ms-nav-next{
top:auto;
bottom:10px;
background-position: -11px -53px;
}
.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
width: 100%;
position: absolute;
top: 0;
height: 15px;
cursor: pointer;
background: url(//www.asteroidstudios.fr/wp-content/plugins/masterslider/public/assets/css/templates/vertical-arrows.png) no-repeat;
background-position: 50% -106px;
}
.ms-vertical-template .ms-thumblist-bwd {
top: auto;
bottom: 0;
background-position: 50% -145px;
}