/*

Theme Name: ADMAG

Theme URI: http://digitaltheme.co/admag

Author: DigitalTheme

Author URI: http://digitaltheme.co

License: GNU General Public License

License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/

Description: Responsive Blog & Magazine Wordpress Template

Version: 1.0.2

Text Domain: admag

*/

/* --------------------------------------

1. Plugin CSS

  1.1 Animate CSS

  1.2 Magnific Popup CSS

  1.3 Jscrollpane CSS

  1.4 mmenu CSS

2. Global Styles

  2.1 General Styles

  2.2 General Classes

3. Content Styles

  3.1 Header Styles

  3.2 Navigation Styles

  3.3 Layout Styles

  3.4 Home Tag List Style

  3.5 Slider Styles

  3.6 Grid Style

  3.7 Block Styles

  3.8 Post Content Style

  3.9 Shortcodes Style

  3.10  Widget Style

  3.11  Footer Style

4. Responsive CSS

5. Dark Skin CSS



-----------------------------------------*/



/* --------------------------------------

=========================================

   1. Plugin CSS

=========================================

-----------------------------------------*/



/*---------------------------------------

   1.1 Animate CSS   

-----------------------------------------*/

.animated { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce { 0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
-ms-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
-ms-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
-ms-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom }
@-webkit-keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes pulse { 0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse { 0% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
-ms-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes rubberBand { 0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand { 0% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
-ms-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
-ms-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
-ms-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
-ms-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
-ms-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
@-webkit-keyframes shake { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
-ms-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
-ms-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
@-webkit-keyframes swing { 20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing { 20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
-ms-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
-ms-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
-ms-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
-ms-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
-ms-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes tada { 0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes tada { 0% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-ms-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes wobble { 0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble { 0% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-ms-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
-ms-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
-ms-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
-ms-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
-ms-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
-ms-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
-ms-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
-ms-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
-ms-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
-ms-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
-ms-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
-ms-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
-ms-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
-ms-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
-ms-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
-ms-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
-ms-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
-ms-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
-ms-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceOut { 20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut { 20% {
-webkit-transform:scale3d(.9, .9, .9);
-ms-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-ms-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown { 20% {
-webkit-transform:translate3d(0, 10px, 0);
-ms-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
-ms-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
-ms-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
-ms-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
-ms-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
-ms-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
-ms-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-webkit-keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp { 20% {
-webkit-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
-ms-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
-ms-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
-ms-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
-ms-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
-ms-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
-ms-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOutDown { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
@-webkit-keyframes fadeOutDownBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
-ms-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
@-webkit-keyframes fadeOutLeft { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
-ms-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
@-webkit-keyframes fadeOutRight { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeOutRightBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
-ms-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
@-webkit-keyframes fadeOutUp { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
@-webkit-keyframes fadeOutUpBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
-ms-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
@-webkit-keyframes flip { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
-ms-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX }
@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }
@-webkit-keyframes flipOutX { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX { 0% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important }
@-webkit-keyframes flipOutY { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY { 0% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
.flipOutY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes lightSpeedIn { 0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn { 0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
-ms-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-ms-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
@-webkit-keyframes lightSpeedOut { 0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut { 0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
-ms-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn { 0% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
-ms-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn }
@-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
-ms-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft }
@-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
-ms-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight }
@-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
-ms-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft }
@-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
-ms-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight }
@-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut { 0% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
-ms-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut }
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
-ms-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
-ms-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
-ms-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
-ms-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
@-webkit-keyframes hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge { 0% {
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
-ms-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
-ms-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
-ms-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge }
@-webkit-keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn }
@-webkit-keyframes rollOut { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut { 0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }
@-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);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
@-webkit-keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }
@-webkit-keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }
@-webkit-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }
@-webkit-keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }
@-webkit-keyframes zoomOut { 0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
@keyframes zoomOut { 0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }
@-webkit-keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown }
@-webkit-keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
-ms-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft }
@-webkit-keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
-ms-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight }
@-webkit-keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp }
@-webkit-keyframes slideInDown { 0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown { 0% {
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown }
@-webkit-keyframes slideInLeft { 0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft { 0% {
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }
@-webkit-keyframes slideInRight { 0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight { 0% {
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }
@-webkit-keyframes slideInUp { 0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp { 0% {
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
transform:translateY(100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }
@-webkit-keyframes slideOutDown { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
}
@keyframes slideOutDown { 0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
transform:translateY(100%)
}
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown }
@-webkit-keyframes slideOutLeft { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@keyframes slideOutLeft { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%)
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft }
@-webkit-keyframes slideOutRight { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@keyframes slideOutRight { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%)
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight }
@-webkit-keyframes slideOutUp { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@keyframes slideOutUp { 0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%)
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
@-webkit-keyframes slideDown { 0% {
-webkit-transform:translateY(-100%)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes slideDown { 0% {
-moz-transform:translateY(-100%)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes slideDown { 0% {
-o-transform:translateY(-100%)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes slideDown { 0% {
transform:translateY(-100%)
}
100% {
transform:translateY(0)
}
}
.animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown }
@-webkit-keyframes slideUp { 0% {
-webkit-transform:translateY(0)
}
100% {
-webkit-transform:translateY(-100%)
}
}
@-moz-keyframes slideUp { 0% {
-moz-transform:translateY(0)
}
100% {
-moz-transform:translateY(-100%)
}
}
@-o-keyframes slideUp { 0% {
-o-transform:translateY(0)
}
100% {
-o-transform:translateY(-100%)
}
}
@keyframes slideUp { 0% {
transform:translateY(0)
}
100% {
transform:translateY(-100%)
}
}
.animated.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp }
/*---------------------------------------

   1.2 Magnific Popup CSS  

-----------------------------------------*/

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .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: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #CCC }
.mfp-preloader a:hover { color: #FFF }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none }
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100) }
.mfp-close:active { top: 1px }
.mfp-close-btn-in .mfp-close { color: #333 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap }
.mfp-arrow { position: absolute; opacity: .65; filter: alpha(opacity=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; filter: alpha(opacity=100) }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 }
.mfp-arrow-left { left: 0 }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F }
.mfp-arrow-right { right: 0 }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000 }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto }
.mfp-figure { line-height: 0 }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444 }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px }
.mfp-image-holder .mfp-content { max-width: 100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0 }
}
@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% }
.mfp-container { padding-left: 6px; padding-right: 6px }
}
.mfp-ie7 .mfp-img { padding: 0 }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px }
.mfp-ie7 .mfp-container { padding: 0 }
.mfp-ie7 .mfp-content { padding-top: 44px }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1 }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: .7 }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0 }
/*---------------------------------------

   1.3 Jscrollpane CSS  

-----------------------------------------*/

.ps-container { overflow: hidden !important }
.ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block }
.ps-container.ps-in-scrolling { pointer-events: none }
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90) }
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999 }
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90) }
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999 }
.ps-container>.ps-scrollbar-x-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; height: 8px }
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; height: 8px }
.ps-container>.ps-scrollbar-y-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; width: 8px }
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 8px }
.ps-container:hover.ps-in-scrolling { pointer-events: none }
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90) }
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999 }
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90) }
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999 }
.ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60) }
.ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90) }
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999 }
.ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90) }
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999 }
/* 1.4 Mmenu CSS */

.mm-hidden { display: none!important }
.mm-wrapper { overflow-x: hidden; position: relative }
.mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 }
.mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0 }
.mm-panel { -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -ms-transition: -ms-transform .4s ease; -o-transition: -o-transform .4s ease; transition: transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.mm-panel.mm-opened { -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) }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) }
.mm-panel.mm-highest { z-index: 1 }
.mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit }
.mm-panels > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px }
.mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px }
.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after { content: ''; display: block; height: 20px }
.mm-vertical .mm-panel { -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; transform: none!important }
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 0 }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 46px; bottom: auto }
.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 20px; bottom: auto }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0 }
.mm-navbar > * { display: block; padding: 10px 0 }
.mm-navbar a, .mm-navbar a:hover { text-decoration: none }
.mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1 }
.mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0 }
.mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0 }
.mm-panel .mm-navbar { display: none }
.mm-panel.mm-hasnavbar .mm-navbar { display: block }
.mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0 }
.mm-listview { font: inherit; font-size: 14px; line-height: 20px }
.mm-listview a, .mm-listview a:hover { text-decoration: none }
.mm-listview > li { position: relative }
.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit }
.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 13px 10px 13px 20px; margin: 0 }
.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px }
.mm-listview .mm-next { background: rgba(3,2,1,0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2 }
.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px }
.mm-listview .mm-next.mm-fullsubopen { width: 100% }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0 }
.mm-panels > .mm-panel > .mm-listview { margin: 20px -20px }
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: 0px }
.mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0 }
.mm-listview .mm-inset > li { padding: 5px 0 }
.mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px }
.mm-listview .mm-spacer { padding-top: 40px }
.mm-listview .mm-spacer > .mm-next { top: 40px }
.mm-listview .mm-spacer.mm-divider { padding-top: 25px }
.mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
.mm-prev:before { border-right: none; border-bottom: none; left: 20px }
.mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 20px }
.mm-menu { background: #f3f3f3; border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.7) }
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0,0,0,0.3) }
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0,0,0,0.3) }
.mm-menu .mm-listview { border-color: rgba(0,0,0,0.1) }
.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0,0,0,0.3) }
.mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255,255,255,0.5); tap-highlight-color: rgba(255,255,255,0.5) }
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0,0,0,0.05) }
.mm-menu .mm-divider { background: rgba(0,0,0,0.05) }
.mm-page { box-sizing: border-box; position: relative }
.mm-slideout { -webkit-transition: -webkit-transform .4s ease; -ms-transition: -ms-transform .4s ease; transition: transform .4s ease }
html.mm-opened { overflow: hidden; position: relative }
html.mm-opened body { overflow: hidden; height: 100%; width: 100%; left: 0px; right: 0px; top: 0px; margin: 0px !important; position: fixed; }
html.mm-background .mm-page { background: inherit }
#mm-blocker { background: rgba(3,2,1,0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block !important }
.mm-menu.mm-offcanvas { display: none !important; position: fixed }
.mm-menu.mm-current { display: block !important }
.mm-menu { width: 80%; min-width: 216px; max-width: 340px }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0) }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0) }
}
@media all and (min-width: 425px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(340px, 0); -moz-transform: translate(340px, 0); -ms-transform: translate(340px, 0); -o-transform: translate(340px, 0); transform: translate(340px, 0) }
}
.mm-menu.mm-theme-dark { background: #111; border-color: rgba(0,0,0,0.15); color: rgba(255,255,255,0.8) }
.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after { border-color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0,0,0,0.15) }
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0,0,0,0.1); tap-highlight-color: rgba(0,0,0,0.1) }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255,255,255,0.05) }
.mm-menu.mm-theme-dark .mm-divider { background: rgba(255,255,255,0.05) }
.mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255,255,255,0.8) }
.mm-menu.mm-theme-dark em.mm-counter { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255,255,255,0.05) }
.mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0,0,0,0.5) }
.mm-menu.mm-theme-dark .mm-search input { background: rgba(255,255,255,0.3); color: rgba(255,255,255,0.8) }
.mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0,0,0,0.15) }
.mm-menu.mm-theme-dark label.mm-toggle:before { background: #333 }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-menu.mm-theme-white { background: #fff; border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.6) }
.mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a { color: rgba(0,0,0,0.3) }
.mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after { border-color: rgba(0,0,0,0.3) }
.mm-menu.mm-theme-white .mm-listview { border-color: rgba(0,0,0,0.1) }
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after { border-color: rgba(0,0,0,0.3) }
.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0,0,0,0.05); tap-highlight-color: rgba(0,0,0,0.05) }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0,0,0,0.05) }
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0,0,0,0.03) }
.mm-menu.mm-theme-white .mm-divider { background: rgba(0,0,0,0.03) }
.mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0,0,0,0.6) }
.mm-menu.mm-theme-white em.mm-counter { color: rgba(0,0,0,0.3) }
.mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0,0,0,0.03) }
.mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0,0,0,0.2) }
.mm-menu.mm-theme-white .mm-search input { background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.6) }
.mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0,0,0,0.3) }
.mm-menu.mm-theme-white .mm-indexer a { color: rgba(0,0,0,0.3) }
.mm-menu.mm-theme-white label.mm-toggle { background: rgba(0,0,0,0.1) }
.mm-menu.mm-theme-white label.mm-toggle:before { background: #fff }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-menu.mm-theme-black { background: #000; border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.6) }
.mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after { border-color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-black .mm-listview { border-color: rgba(255,255,255,0.2) }
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after { border-color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255,255,255,0.3); tap-highlight-color: rgba(255,255,255,0.3) }
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255,255,255,0.3) }
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255,255,255,0.2) }
.mm-menu.mm-theme-black .mm-divider { background: rgba(255,255,255,0.2) }
.mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255,255,255,0.6) }
.mm-menu.mm-theme-black em.mm-counter { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255,255,255,0.2) }
.mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none }
.mm-menu.mm-theme-black .mm-search input { background: rgba(255,255,255,0.3); color: rgba(255,255,255,0.6) }
.mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-black .mm-indexer a { color: rgba(255,255,255,0.4) }
.mm-menu.mm-theme-black label.mm-toggle { background: rgba(255,255,255,0.2) }
.mm-menu.mm-theme-black label.mm-toggle:before { background: #000 }
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-panels>.mm-panel>.mm-listview:first-child>li>a { text-transform: uppercase; }
/* --------------------------------------

=========================================

   2. Global Styles

=========================================

-----------------------------------------*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}


/*---------------------------------------

   2.1 General Styles         

-----------------------------------------*/
@media (min-width: 1200px){

.container {
    width: 1230px;
}
}
html { margin-top: 0px !important; font-size: 100%; }
body.admin-bar { margin-top: 32px !important; }
#wpadminbar { z-index: 100; position: absolute; top: -32px; }
body { font-family: "Roboto", Arial, sans-serif; font-size: 100%; min-width: 270px; line-height: 1.42857143; color: #555555; font-weight: 400; overflow-x: hidden; background-color: #efefef; background-image: none; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-word-wrap: break-word; word-wrap: break-word; }
@media (min-width: 992px){
.w-c-r{ max-width:310px !important; padding-right:0 !important;}
}
.w-c-l{ max-width:924px !important;}

::-webkit-input-placeholder {
 color: #dadada;
}

:-moz-placeholder { /* Firefox 18- */
 color: #dadada;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #dadada;
}

:-ms-input-placeholder {
 color: #dadada;
}
video { max-width: 100%; height: auto; }
iframe,  embed,  object,  figure { max-width: 100% !important; }
img { max-width: 100%; height: auto; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; backface-visibility: hidden; }
code { color: #959494; background: none; }
select { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
a { color: #ff6600; text-decoration: none; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
a:hover img { opacity: .75; }
a:focus, a:hover { color: #ff6600; text-decoration: none; }
textarea { resize: vertical; }
h1, h2, h3, h4, h5, h6 { font-family: "Noto Serif", serif; font-weight: bold; margin: 20px 0px; line-height: 1.2; -ms-word-wrap: break-word; word-wrap: break-word; }
.h1, h1 { font-size: 42px; }
.h2, h2 { font-size: 32px; }
.h3, h3 { font-size: 26px; }
.h4, h4 { font-size: 20px; }
.h5, h5 { font-size: 16px; }
.h6, h6 { font-size: 14px; }
.red { color: #C00 }
.feed-image img,  .image-overlay img { height: auto; width: 100%; border-right: none; border-left: none; }
blockquote,  .modern-quote,  .blockquote { position: relative; font-family: "Noto Serif", serif; font-size: 16px; font-weight: bold; color: #b2b2b2; font-style: italic; padding: 10px 25px; border: none; }
blockquote cite { font-style: normal; font-weight: normal; display: block; text-transform: uppercase; font-size: 14px; }
blockquote cite:before { content: "\2014"; margin-right: 3px; }
.modern-quote { position: relative; border-left: 2px solid #ff6600; }
blockquote:before,  blockquote:after,  .blockquote:before,  .blockquote:after { content: "\201c"; display: inline-block; position: absolute; color: #b2b2b2; font-size: 30px; line-height: 1; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
blockquote:before,  .blockquote:before { top: 10px; left: 5px; }
blockquote:after,  .blockquote:after { content: "\201d"; top: 10px; right: 5px; }
.modern-quote:before,  .modern-quote:after { content: ""; }
.nopadding { padding: 0 !important; }
.nomarign { margin: 0 !important; }
/*---------------------------------------

  2.2 General Classes              

-----------------------------------------*/

body.no-background { background-image: none !important; }
.alpha { padding-left: 0px !important; }
.omega { padding-right: 0px !important; }
.main-wrapper:after, .main-wrapper:before,  .widget:before, .widget:after { display: table; content: " "; }
.main-wrapper:after,  .widget:after { clear: both; }
#map-canvas { width: 100%; height: 300px; margin: 0px 0px 30px; padding: 0px }
.nothing { text-align: center; min-height: 220px; line-height: 220px; }
img.hide-img { opacity: 0; transition: opacity 0.4s; transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56); }
.show-img,  .sticky-scroll .hide-img,  .mega-menu .hide-img { opacity: 1; }
.show-img:hover,  .sticky-scroll .hide-img:hover,  .mega-menu .hide-img:hover { opacity: 0.9; }
.caret { margin-left: 3px; border-top: 3px dashed; border-right: 3px solid transparent; border-left: 3px solid transparent; }
/* --------------------------------------

=========================================

  3. Content Styles

=========================================

-----------------------------------------*/



/*---------------------------------------

  3.1 Header Styles     

-----------------------------------------*/

#content { padding-top: 50px; }
.top-header #content { padding-top: 85px; }
.big-header #content { padding-top: 222px; }
.header-wrapper { position: absolute; left: 0px; right: 0px; z-index: 99; background: #fff; }
.big-header .header-wrapper { height: 222px; }
.header { position: absolute; left: 0px; right: 0px; z-index: 99; height: 50px; width: 100%; background: #FFF; -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25); -webkit-backface-visibility: hidden; }
.header.text-center .navbar-nav>li { float: none; display: inline-block; }
.header.text-center .header-right,  .header.text-center .sb-search { display: none; }
.header.text-center .navbar-collapse.collapse { float: none; }
.header.text-center .navbar-nav { width: 100%; }
.sticky-header .header-wrapper .header { position: relative; }
.header-top { width: 100%; height: 40px; overflow: hidden; background: #545454; padding: 7px 0; color: #fff; min-height: 25px; }
.header-top ul { margin: 5px 0; padding: 0px; list-style: none; }
.header-top ul li { float: left; line-height: 16px; margin: 0; }
.fixed-sidebar-header .header-top { position: relative; z-index: 99; padding-left: 20px; padding-right: 20px; }
.header-top .top-menu li { font-size: 13px; margin: 0px 10px 0px 0px; border-right: 1px solid #fff; padding-right: 10px; }
.header-top .top-menu li:last-child { border: none; }
.header-top .top-menu li a { color: #fff; border-bottom: 1px solid transparent; }
.header-top .top-menu li a:hover { border-bottom: 1px solid #fff; }
.header-top .social-icons a { color: #fff; font-size: 13px !important; line-height: 13px; }
.header-top .social-icons a:hover { color: #fff; }
/* === Header style 2 === */

.header-mid { padding: 0; height: 140px; position: relative; z-index: 101; overflow: hidden; }
.header-wrapper .header-mid-wrapper { text-align: right; }
.header-wrapper .header .navbar-collapse.collapse { padding-left: 0px; }
.header-wrapper .mid-logo-wrapper { float: left; display: block; position: relative; }
.header-wrapper .text-center { text-align: center; }
.header-wrapper .text-center .mid-logo-wrapper { float: none; }
.header-wrapper .set-fixed .navbar .logo { display: block; }
.header-wrapper .set-fixed .mega-menu .navbar-nav { float: left; width: auto; }
.fixed-sidebar .set-fixed { position: fixed!important; top: 0!important; bottom: auto!important; -webkit-backface-visibility: hidden; }
.mid-logo-wrapper .logo { float: none; display: inline-block; margin: 0 auto 5px; text-align: center; font-size: 56px; line-height: 58px; }
.mid-logo-wrapper .logo img { max-width: 100%; max-height: 140px; }
.mid-logo-wrapper .logo span { padding: 3px 10px; margin-left: -6px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; }
.header-wrapper .header-banner { float: none; display: inline-block; max-width: 728px; margin-top: 28px; }
.header-wrapper .header-banner a { display: inline-block; }
.mid-logo-wrapper .logo-description { font-size: 14px; line-height: 18px; font-weight: 300; margin: 0px; color: #818181; }
/* === Fixed Sidebar Header === */

.fixed-sidebar .fixed-main-wrapper { max-width: 832px; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; }
.fixed-button { float: right; display: none; margin-right: 0px; margin-left: 10px }
.fixed-sidebar-header .container { max-width: 100%; width: 100%; padding: 0px; }
.fixed-sidebar-header .mag-content { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.fixed-sidebar-header .mega-menu .dropdown.mega-full .dropdown-menu { left: 0; right: 0; max-width: 1170px; }
.fixed-sidebar .fixed-main { margin-left: 390px; }
.sticky-header .set-fixed { position: fixed !important; top: 0px !important; bottom: auto !important; -webkit-backface-visibility: hidden; }
.sticky-header .set-sidebar { position: fixed !important; top: 50px !important; bottom: auto !important; -webkit-backface-visibility: hidden; }
.set-sidebar { position: absolute !important; top: 50px !important; bottom: auto !important; }
.get-sidebar { position: fixed !important; top: 0px !important; bottom: auto !important; -webkit-backface-visibility: hidden; }
.sticky-sidebar .widget .nav-tabs { margin-bottom: 0px !important; margin-right: 15px !important; }
.fixed-left-sidebar .sticky-sidebar { left: 0px; right: auto; }
.fixed-right-sidebar .sticky-sidebar { right: 0px; left: auto; }
.fixed-right-sidebar .fixed-main { margin-left: auto; margin-right: 390px; }
.fixed-right-sidebar #go-top-button { right: auto; left: 10px; }
/* === Fixed Sidebar === */

.sticky-sidebar { position: fixed; top: 50px; left: 0px; float: left; z-index: 55; background: #fff; height: 100%; width: 390px; -webkit-font-smoothing: antialiased; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.15); }
.sticky-sidebar-wrapper,  .sticky-scroll { position: relative; }
.sticky-scroll { padding-right: 15px; padding-top: 20px; overflow: auto; float: left; width: 100%; }
.sticky-content { padding: 20px 10px 20px 20px; }
.sticky-content .load-more { margin-bottom: 10px; }
/* === Logo Styles === */

.logo { display: block; float: left; text-decoration: none; outline: none; margin: 0; font-family: 'Raleway', sans-serif; font-weight: 900; text-transform: uppercase; color: #000; font-size: 26px; line-height: 26px; }
.center-logo { text-align: center; }
.center-logo .logo { display: inline-block; float: none; }
.center-logo #nav-button { display: block; }
.logo:hover,  .logo:focus,  .logo:active { border: none !important; color: #000; outline: none; }
.logo img { max-width: 100%; max-height: 50px; }
.logo span { display: inline-block; color: #fff; background: #ff6600; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 4px; margin-left: -1px; }
.header .navbar { margin: 0px; padding: 0px; border: none; height: 50px; }
.fixed-sidebar-header .navbar-toggle { margin-left: 15px !important; }
.big-header .navbar .logo { display: none; }
.header .navbar-collapse.collapse { float: left; }
.headroom--pinned { display: block; }
.headroom--unpinned { display: none; }
.headroom { transition: transform 100ms linear; }
.headroom--pinned { transform: translateY(0%); }
.headroom--unpinned { transform: translateY(-100%); }
/*---------------------------------------

  3.2 Navigation Styles         

-----------------------------------------*/

.navbar-nav li a { color: #222222; background: none; -webkit-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out; }
.navbar-nav>li>a { font-size: 18px; line-height: 20px; font-weight: bold; }
.navbar-nav>li>a:hover,  .navbar-nav>li>a:focus,  .dropdown-menu>.active>a { color: #ff6600; background: none; }
.navbar-nav>li.open>a,  .navbar-nav>li.open>a:after { color: #ff6600; background: none; border-top-color: #ff6600; }
.navbar .nav .open>a,  .navbar .nav .open>a:hover,  .navbar .nav .open>a:focus { background: white; }
/* === Header Social Links Style === */

.header-right { float: right; position: absolute; right: 50px; top: 0px; }
.header-right.no-top-searchbar { right: 0px; }
.social-icons { float: left; }
.social-icons a { color: #cccccc; margin-left: 15px; }
.social-icons a:hover { color: #575757; }
.header-right .social-icons a { line-height: 52px; font-size: 14px; }
/* === Header Search Style === */

.sb-search { position: absolute; z-index: 110; width: 0%; min-width: 50px; height: 50px; float: right; right: 0px; top: 0px; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.sb-search .sb-search-input { position: absolute; top: 0; right: 0; border: none !important; outline: none !important; background: transparent; width: 100% !important; max-width: 300px; font-size: 14px; height: 50px !important; margin: 0 !important; z-index: 10; padding: 20px 55px 20px 16px !important; }
.sb-icon-search,  .sb-search-submit { width: 50px !important; height: 50px !important; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; border: none; line-height: 50px; text-align: center; cursor: pointer; }
.sb-icon-search:before { top: 16px; left: 16px; font-size: 18px; line-height: 1; position: absolute; }
.sb-search-submit { background: transparent; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none !important; outline: none; z-index: -1; }
.sb-icon-search { border: none; text-decoration: none; color: #222; z-index: 110; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.sb-icon-search:hover,  .sb-search.sb-search-open .sb-icon-search { color: #000; }
/* Open state */

.sb-search.sb-search-open,  .no-js .sb-search { width: 100%; }
.sb-search.sb-search-open .sb-icon-search,  .no-js .sb-search .sb-icon-search { z-index: 11; }
.sb-search.sb-search-open .sb-search-submit,  .no-js .sb-search .sb-search-submit { z-index: 110; }
/* === Mega Menu Style === */

.mega-menu .dropdown-menu { left: auto; }
.mega-menu ul { list-style: none; padding-left: 0px; }
.mega-menu .dropdown-menu>li { border-bottom: 1px solid #f9f9f9; }
.mega-menu .mega-full .dropdown-menu { display: none; }
.mega-menu .mega-full.open .fullwidth { display: block; }
.mega-menu .dropdown-menu>li:last-child,  .mega-menu .dropdown-menu li.border-none { border-bottom: none; }
.mega-menu .dropdown-menu > li > a { padding: 10px 30px 10px 15px; }
.mega-menu .dropdown-menu > li > a:hover,  .mega-menu .dropdown-submenu:hover>a { background: none; color: #ff6600; }
.mega-menu .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-radius: 0px; }
.mega-menu .dropdown-menu { box-shadow: none; border: none; padding: 0; -webkit-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1); }
.mega-menu .dropdown-submenu { position: relative !important; }
.mega-menu .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0; margin-left: 0px; border-radius: 0px; }
.mega-menu .dropdown-submenu:hover>.dropdown-menu { display: block; }
.mega-menu .dropdown-submenu>a,  .mega-menu .tab-hover a { position: relative; }
.mega-menu .dropdown-submenu>a:after,  .mega-menu .tab-hover ul a:after { display: block; position: absolute; content: " "; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0 3px 3px; border-left-color: #cfcfcf; top: 17px; right: 15px; -transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }
.mega-menu .dropdown-submenu:hover>a:after,  .nav .tabs-left > .nav-tabs > li.active>a:after { border-left-color: #ff6600; border-right-color: #ff6600; }
.mega-menu .nav,  .mega-menu .collapse,  .mega-menu .dropdown { position: static; }
.mega-menu .mini-dropdown { width: 50%; left: auto !important; right: auto !important; }
.mega-menu .mega-wrapper { padding: 15px 25px; }
.mega-menu .dropdown.mega-full .dropdown-menu { left: -30px; right: -30px; }
/* === Mega Menu Tabbed Content Style === */

.tabs-below > .nav-tabs,  .tabs-right > .nav-tabs,  .tabs-left > .nav-tabs { border-bottom: 0; }
.tab-content > .tab-pane,  .pill-content > .pill-pane { display: none; }
.tab-content > .active,  .pill-content > .active { display: block; }
.tabs-below > .nav-tabs { border: none; }
.tabs-below > .nav-tabs > li { margin-top: 0px; margin-bottom: 0; }
.tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; }
.tabs-left > .nav-tabs > li,  .tabs-right > .nav-tabs > li { float: none; }
.tabs-left > .nav-tabs > li > a,  .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 0; }
.tabs-left > .nav-tabs { float: left; margin-right: 0px; border-right: none; margin-top: 10px; }
.tabs-left > .nav-tabs > li > a { margin-right: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.nav .tabs-left > .nav-tabs > li { margin: 0px; padding: 0px; border-bottom: 1px solid #f9f9f9; }
.nav .tabs-left > .nav-tabs > li:last-child { border-bottom: none; }
.nav .tabs-left > .nav-tabs > li > a { margin: 0px; color: #222222; padding: 10px 30px 10px 15px; font-weight: 500; width: 230px; border: none; }
.nav .tabs-left > .nav-tabs > li > a:hover,  .nav .tabs-left > .nav-tabs > li.active > a { border: none; background: none; color: #ff6600; }
.nav .nav-tabs>li.active>a,  .nav .nav-tabs>li.active>a:focus,  .nav .nav-tabs>li.active>a:hover { cursor: pointer; border: none; }
.tabs-left .tab-content { width: auto; margin-left: 240px; margin-right: 10px; }
.dropdown-menu .mega-menu-news { width: 208px; float: left; margin-bottom: 20px; margin-top: 20px; margin-left: 1%; margin-right: 1%; }
.dropdown-menu .mega-menu-news .mega-menu-img { position: relative; height: 147px; width: 208px; background: #f1f2f4; }
.dropdown-menu .mega-menu-wrapper.loading,  .dropdown-menu .tab-content > .tab-pane.loading { width: 100%; min-height: 240px; background-image: url(img/loader.gif); background-repeat: no-repeat; background-position: center center; }
.dropdown-menu .mega-menu-5block { padding: 0px 7px; }
.dropdown-menu .mega-menu-5block .mega-menu-news { width: 18%; }
.dropdown-menu .mega-menu-news .mega-menu-img img { width: 100%; height: auto; }
.dropdown-menu .mega-menu-news .mega-menu-detail h4 { margin: 10px 0 3px; font-weight: normal !important; }
.dropdown-menu .mega-menu-news .mega-menu-detail h4 a { color: #222222; }
.dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover { color: #ff6600; }
.infscr-loading { text-align: center; margin: 5px 0; }
/* === Mobile Menu Style === */

.navbar-toggle { position: relative; border: none; padding: 0px; margin: 0px 15px 0 0; border: none; float: left; z-index: 100; width: 20px; height: 50px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; cursor: pointer; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 0px; }
a.navbar-toggle:hover,  a.navbar-toggle:active { opacity: .9; }
.navbar-toggle span,  .navbar-toggle .icon-bar,  .navbar-toggle i { display: block; position: absolute; background: #222222; opacity: 1; left: 0; width: 20px; height: 3px; border-radius: 3px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; }
.navbar-toggle i { background: #cccccc; width: 20px; }
.navbar-toggle span:nth-child(1) { top: 19px; }
.navbar-toggle i:nth-child(1) { top: 21px; width: 10px; -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); }
.navbar-toggle i:nth-child(2),  .navbar-toggle i:nth-child(3) { top: 24px; }
.navbar-toggle i:nth-child(4) { top: 27px; width: 10px; -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); }
.navbar-toggle span:nth-child(2),  .navbar-toggle span:nth-child(3) { top: 25px; }
.navbar-toggle span:nth-child(4) { top: 31px; }
/*

* Body ad style

*/

.content-top-wrapper { display: block; text-align: center; margin:30px auto 0px; }
.content-mid-wrapper { display: block; text-align: center; margin: 10px auto 30px; }
.content-bottom-wrapper { text-align: center; margin: 30px auto 0px; }
.content-bottom-wrapper *,  .content-mid-wrapper *,  .content-top-wrapper * { margin: 0px auto !important; padding: 0px !important; color: transparent !important; border: none !important; }
.mid-wrapper { margin: 20px auto 50px; }
.dt_content {
    padding-right: 20px;
}
/*---------------------------------------

  3.3 Layout Styles         

-----------------------------------------*/

.header-wrapper .main-wrapper,  .header-style3 .main-wrapper { padding-top: 220px; }
.fixed-sidebar .main-wrapper { padding-top: 0px; }
.main-wrapper,  .main-content,  .mag-content,  .blog-content { position: relative; }
.mm-search { padding: 5px 5px 0; }
.mm-menu.mm-theme-dark .mm-search input { border: none !important; height: auto !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.main-content { margin-top: 30px; padding-top: 30px; background: #fff; min-height: 300px; margin-bottom: 0px; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.05); }
.wide .main-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.mag-content { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }
.main-body { margin-top: 50px; }
.main-tech { position: relative; margin-top: 30px; }
/*---------------------------------------

  3.4 Home Tag List Style        

-----------------------------------------*/

.tag-list { width: 100%; margin: -19px 0 2px; padding: 0; list-style: none; height: 38px; overflow: hidden; }
.tag-list li { float: left; margin: 0px 1px 31px 0px; padding: 0px; color: #999999; font-weight: bold !important; line-height: 28px; }
.tag-list li.trending { padding-right: 8px; text-transform: uppercase; }
.tag-list li a { font-size: 13px; line-height: 13px; display: block; color: #222222; text-decoration: none; padding: 7px 10px; border: 1px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tag-list li a:hover,  .tag-list li.active a { color: #fff; background: #7a7a7a; }
/*---------------------------------------

  3.5 Slider Styles        

-----------------------------------------*/

.featured-wrapper,  .featured-full,  .slider-one { /*margin-bottom: 30px;*/ }
.featured-big,  .featured-small { max-height:420px; position: relative; background: #f1f2f4; overflow: hidden; width: 100%; }
.featured-big img,  .featured-small img { max-width: none; z-index: 1; transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); transform-style: flat; }
.featured-big,  .featured-big a.featured-href,  .featured-big img { border: none; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); }
.featured-small,  .featured-small a.featured-href,  .featured-small img { border: none; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); }
.FFFH a { color: #FFF; }
.featured-wrapper .featured-small,  .featured-wrapper .featured-small a.featured-href,  .featured-wrapper .featured-small img { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); }
.featured-wrapper .featured-big a.featured-href,  .featured-wrapper .featured-small a.featured-href { display: block; text-decoration: none; color: #fff; outline: 0; border: none; }
.featured-header { position: absolute; left: 0; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: scale(1); transform-style: flat; right: 0; bottom: 0; padding: 45px 30px 30px; z-index: 9; background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7) 0, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,.7) 0, rgba(0,0,0,0) 100%); }
/*.featured-full .featured-big {
    height: 500px !important;
}
*/.featured-big .dt_cat { top: 27px; left: 30px; }
.featured-small .dt_cat { left: 30px; }
.featured-big .featured-header { padding: 50px 50px 30px 30px; }
.featured-header h2 { color: #fff; font-weight: 700; margin: 10px 0; }
.featured-big .featured-header h2 { margin-bottom: 10px; }
.dt_cat { position: absolute; top: 20px; left: 20px; margin: 0px; padding: 5px 7px; background: #000; background: rgba(0,0,0,.2); font-size: 10px; line-height: 1; color: #fff; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.dt_cat { text-decoration: none; }
a.dt_cat:hover { color: #fff; background: #fff; background: rgba(0,0,0,.5); }
.featured-header .dt_cat { opacity: 1; }
.article-date { display: inline-block; margin-right: 5px; }
/* === Slider Style === */

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1 }
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.swiper-container-vertical>.swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block }
.swiper-container-horizontal>.swiper-pagination { bottom: 10px; left: 0; width: 100% }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px }
.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube { overflow: visible }
.swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1 }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 100% {
transform:rotate(360deg)
}
}
.swiper-container { position: relative; zoom: 1; width: 100%; height: 100%; }
.swiper-button-next, .swiper-button-prev,  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { text-decoration: none; display: block; width: 50px; height: 50px; background: #000 !important; background: rgba(0,0,0,.5) !important; opacity: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; color: #fff; font-size: 30px; line-height: 50px; text-align: center; z-index: 10; overflow: hidden; cursor: pointer; }
.swiper-button-next, .swiper-container-rtl .swiper-button-next { right: 0px; left: auto; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev { left: 0px; right: auto; }
.swiper-container:hover .swiper-button-next,  .swiper-container:hover .swiper-button-prev { opacity: 0.7; }
.swiper-container .swiper-button-next:hover,  .swiper-container .swiper-button-prev:hover { opacity: 1; }
/*---------------------------------------

  3.6 Grid Style   

-----------------------------------------*/

.box-news { height: 320px; margin-bottom: 30px; }
.featured-wrapper .box-news { margin-bottom: 0px; }
.featured-wrapper .box-bottom { border-bottom: 1px solid #3c3c3c; }
.featured-wrapper .box-right { border-right: 1px solid #3c3c3c; }
.box-news .dt_cat { top: 0px; }
.box-news a,  .box-news .simple-share a { color: #fff; }
.box-news .simple-share a { font-weight: bold; color: #ff6600; border-bottom: 1px solid transparent; }
.box-news .simple-share a:hover { border-bottom-color: #ff6600; color: #ff6600; }
.box-news:hover img { opacity: .9; }
.box-news p,  .featured-header p { display: block; color: #b9b3ac; color: rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: 300; margin: 0px; }
.box-news h2 { margin-bottom: 10px; }
.box-news h2 a:hover { border-bottom: none; }
.box-news .featured-header { padding-top: 30px; }
.box-big img { width: 100%; height: auto; }
/* === Video News Icon Style === */

.play-button { color: #fff; border: none; text-decoration: none; display: block; position: absolute; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; width: 40px; height: 40px; top: 20px; right: 20px; z-index: 10; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; font-size: 14px; line-height: 35px; text-align: center; opacity: 0.5; background: rgba(0,0,0,0.3); }
.simple-thumb .play-button,  .dropdown-menu .mega-menu-news .mega-menu-img .play-button { top: 50%; right: 50%; left: auto; bottom: auto; margin-top: -20px; margin-right: -20px; }
.play-button i { display: inline-block; }
.play-button i.fa-play { margin-left: 4px; }
.play-button:hover { opacity: .8; color: #fff; }
/*---------------------------------------

  3.7 Block Styles

-----------------------------------------*/

.block-title,  .widget .nav-tabs>li>a,  .wpb_heading,  .widgettitle,  .comment-reply-title { display: block; color: #222222; border-bottom: 1px solid #d6d6d6; line-height: 1.5; padding: 0px; margin: 0px 0px 20px 0px; }
.comment-reply-title { border-bottom: none; }
.block-title span,  .wpb_heading span,  .widgettitle span { border-bottom: 1px solid #ff6600; display: inline-block; padding-bottom: 5px; margin-bottom: -1px; }
.block-title a,  .wpb_heading a,  .widgettitle a { color: #222222; }
.block-title a:hover,  .wpb_heading a:hover,  .widgettitle a:hover { color: #222222; opacity: .9; }
.dt-tag-title { color: #dadada; font-weight: 900; font-size: 27px; line-height: 32px; margin: 0px 0px 20px; }
.dt-tag-title span { color: #222222; }
.search-div { width: 100%; margin-bottom: 30px; }
.widget-content { margin: 0px; padding: 0px; list-style: none; }
.widget { margin-bottom: 20px; }
.widget-content li,  .small-article { margin-bottom: 18px; }
.widget-content p,  .small-article p { margin: 0px; color: #bbbbbb; }
.widget-content li,  .small-article { font-size: 13px; line-height: 17px; }
.widget-content li h3,  .small-article h6 { margin: 0px 0px 7px; }
.lasest-block h6 { height: 36px; }
.widget-content li h3 a,  .small-article a { color: #222222; text-decoration: none; }
.widget-content li h3 a:hover,  .small-article a:hover { color: #ff6600; }
.feed-image { position: relative; margin-bottom: 10px; }
.feed-image a { display: block; background: #f1f2f4; }
.news-block { width: 100%; position: relative; margin-bottom: 30px; }
.no-margin .news-block { margin: 0px; }
.news-block img { width: 100%; height: auto; }
.image-overlay { background: #f1f2f4; position: relative; display: block; }
.home-block { margin-bottom: 10px; }
.reviews-block, .deals-block { padding-bottom: 18px; }
.home-block .image-overlay { min-height: 182px; }
.lasest-block { padding: 0px 0px 15px !important; margin-bottom: 0; margin-left:5px; }
.lasest-block .simple-thumb{
  width:120px !important; margin-right:15px !important;
}
.lasest-block .simple-thumb a{ height:85px; display:block; }
.lasest-tiny-block h6{ margin:5px 0;}
.deals-block .star-reviews{ display:none;}

.reviews-block header { margin: 10px 0; }
.reviews-block-grid { height: 274px; margin-bottom:20px; }
.reviews-block-grid img { width: 100%; height: auto }
.overlay-link { outline: none; text-decoration: none; }
.deals-block .star-reviews { display: none; }
.es_textbox_class { padding: 2px 15px !important; background: #2b2b2b !important; border: none !important; border-radius: 5px !important; }
.es_submit_button { color: #fff; background-color: #4b4b4b; padding: 7px 20px; border-radius: 5px; border: none; }
.news-details { color: #a9a9a9; position: relative; margin-top: -40px; padding: 10px 10px 0px; background: #fff; margin-right: 10px; margin-left: 10px; z-index: 10; min-height: 50px; }
.news-title { font-weight: bold; margin-top: 0px; margin-bottom: 10px; }
.small-block .news-title { margin-bottom: 10px; }
.small-block .news-details { margin-top: -33px; padding-top: 10px; }
.big-block .news-details { margin-top: -53px; padding-top: 15px; }
.news-title a { color: #222222; }
.homeall { float: right; font-weight: normal; font-size: 18px; text-transform: none; }
.widget-content li h3 a:hover,  .news-title a:hover,  .simple-post h3 a:hover,  .widget-post h3 a:hover,  .widget_categories li a:hover,  .widget_categories li a:hover span,  .comments-wrapper .comment-reply-link,  .post-header .simple-share a,  .parallax-wrapper .simple-share a { color: #ff6600; }
/* === Simple post style === */

.simple-post { padding: 0px 0px 30px; }
.simple-thumb,  .author-thumb { position: relative; float: left; margin: 0 30px 0 0; background: #f1f2f4; }
.simple-thumb { width: 160px; }
.home-block .simple-thumb a { height: 92px; display: block; }
.widget-post .simple-thumb { width: 95px; }
.simple-big .simple-thumb { width: 255px; }
.simple-small .simple-thumb { width: 130px; }
.simple-text { margin-bottom: 0px !important; }
.author-thumb,  .author-thumb a,  .author-thumb img { background: none; display: block; transition: none; -webkit-transition: none; -moz-transition: none; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.simple-post h3 { margin: 0px 0px 10px; }
.simple-post h3 a { color: #222222; }
.simple-share,  .widget-area .post-date,  .widget-area .comment-author-link { height: 14px; color: #bbbbbb; font-size: 12px; line-height: 1.2; margin: 0px; }
.home .simple-share { height: auto; }
.widget-post .simple-share { margin-top: 0px; margin-bottom: 5px; }
.simple-share a { color: #bbb; text-decoration: none; }
.simple-share a:hover { color: #bbb; border-bottom: 1px solid #bbb; }
/* === Simple big post style === */

.simple-big .simple-share { margin-bottom: 5px; }
.simple-big h3 { margin-bottom: 10px; }
.simple-big .excerpt,  .archive_description { color: #a9a9a9; }
.archive_description { margin-bottom: 10px; }
.dt-block { margin-bottom: 15px; }
.dt-block-mb { margin-bottom: 50px; }
/*---------------------------------------

  3.8 Post Content Style   

-----------------------------------------*/

.dt_post_content { margin-bottom: 30px;     padding: 0 5px;}
.dt_post_content h1,  .dt_post_content h2,  .dt_post_content h3,  .dt_post_content h4,  .dt_post_content h5,  .dt_post_content h6 { color: #222222; }
.post-header p,  .dt_post_content address,  .dt_post_content pre,  .dt_post_content hr,  .dt_post_content ul,  .dt_post_content ol,  .dt_post_content dl,  .dt_post_content dd,  .dt_post_content table { margin-bottom: 20px; }
.dt_post_content,  .post-header { position: relative; }
.drop-caps-square { background: #ff6600; padding: 5px 13px; margin-right: 15px; margin-top: 8px; font-size: 54px; line-height: 54px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.post-content { margin-right: auto; margin-left: auto; margin-bottom: 20px; position: relative; min-height: 150px; width: 100%; }
.post-content a { color: #ff6600; }
.post-content a:hover { color: #ff6600; border-bottom: 1px solid #ff6600; }
.post-content ul,  .post-content ol { margin-left: 20px; }
.post-content ul li { margin: 0px; list-style: square; }
.post-content ol li { margin: 0px; list-style: decimal; }
.post-content img { max-width: 100% !important; height: auto; }
.post-content iframe { max-width: 100%; }
/* === WordPress Core === */

.alignnone { margin: 0; }
.aligncenter,  div.aligncenter { display: block; margin: 20px auto 20px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { padding: 0; text-align: center; }
.wp-caption a:hover { border-bottom: none; }
.wp-caption.alignnone { margin: 5px 10px 20px 10px; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption-text { font-size: 13px; line-height: 17px; color: #bbbbbb; margin: 0; padding: 5px 0; }
/* Text meant only for screen readers. */

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
.post-header .cat-wrapper { position: absolute; top: -30px; left: 0px; height: 20px; overflow: hidden; }
.post-header .dt_cat { position: relative; top: auto; display: block; float: left; margin-right: 2px; left: auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.post-title { margin-top: 0; padding-top: 5px; color: #000; margin-bottom: 15px; }
.page .post-title { margin: 0 0 30px; }
.post-header { margin: 0 0 20px; }
.fullwidth-header { margin: 0 0 10px; }
.post-header .image-overlay img { width: 100%; height: auto; }
/* === Post Review Style === */

.post-review-label { width: 100%; margin-bottom: 10px; }
.post-review-label .post-review-text { float: left; }
.post-review-label .post-review-point { float: right; }
.post-review-wrapper { margin-bottom: 20px; }
.post-review-description { margin-bottom: 20px; }
.post-review-star .post-review-item { padding: 10px 0; border-top: 1px solid #e5e5e5; }
.post-review-star .post-review-label { margin-bottom: 0px; }
.post-review-summary { margin-bottom: 20px; }
.post-review-sum-point { float: left; border: 1px solid #dadada; padding: 10px; margin-right: 20px; }
.post-review-wrapper .star-reviews { margin: 0px; font-size: 13px; }
.post-review-sum-point h4 { text-transform: uppercase; text-align: center; margin: 0 0 -5px; }
.progress { height: 4px; background: #dadada; border-radius: 0; box-shadow: none; }
.progress-bar { box-shadow: none; background-color: #ff6600; }
/* === Post Tag Style === */

.tags-wrapper { margin-top: 20px; margin-bottom: 20px; }
.tags-wrapper .tag-list li { margin-right: 10px; margin-bottom: 10px; }
.tags-wrapper .tag-list a { border: 1px solid #dadada; }
.tags-wrapper .tag-list a:hover { border-color: #7a7a7a; }
/* === Post Meta Styles === */

.post-header .simple-share,  .parallax-wrapper .simple-share { font-size: 12px; line-height: 17px; color: #959595; }
.post-header .simple-share span,  .parallax-wrapper .simple-share span { display: inline-block; margin-right: 10px; }
.post-header .simple-share a:hover,  .post-header .simple-share a:focus,  .parallax-wrapper .simple-share a:hover,  .parallax-wrapper .simple-share a:focus { color: #ff6600; border-color: #ff6600; }
.post-header .simple-share .comments-count,  .parallax-wrapper .simple-share .comments-count { float: right; position: relative; background: #b2b2b2; display: block; color: #fff !important; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); padding: 3px 7px; font-size: 12px; line-height: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.post-header .simple-share .comments-count:after,  .parallax-wrapper .simple-share .comments-count:after { content: ""; position: absolute; bottom: -5px; right: 4px; border-width: 0 8px 5px 0px; border-style: solid; border-color: transparent #b2b2b2; display: block; width: 0; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }
.post-header .simple-share .comments-count:hover,  .post-header .simple-share .comments-count:focus,  .parallax-wrapper .simple-share .comments-count:hover,  .parallax-wrapper .simple-share .comments-count:focus { border: none; background: #7a7a7a; color: #fff; }
.post-header .simple-share .comments-count:hover:after,  .post-header .simple-share .comments-count:focus:after,  .parallax-wrapper .simple-share .comments-count:hover:after,  .parallax-wrapper .simple-share .comments-count:focus:after { border-right-color: #7a7a7a; border-left-color: #7a7a7a; }
.share-wrapper { position: relative; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0; margin-bottom: 10px; white-space: nowrap; }
.total-shares { display: inline-block; margin-right: 15px; text-align: center; position: relative; min-width: 75px; white-space: nowrap; border-right: 1px solid #e5e5e5; padding-right: 15px; }
.total-shares em { color: #222222; font-size: 40px; line-height: 44px; font-weight: 800; font-style: normal; }
.total-shares .caption { font-size: 13px; font-weight: 300; margin-top: -8px; color: #c1c1c1; text-transform: uppercase; }
.share-wrapper .share-buttons { display: inline-block; margin-right: 0; margin-left: 0; position: relative; margin-bottom: 0px; background: transparent; padding: 0px; vertical-align: top; }
.social-share { display: inline-block; margin-right: 5px; font-size: 12px; padding: 8px 9px; line-height: 20px; background: #7a7a7a; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; margin-top: 10px; margin-bottom: 10px; }
.social-share i { font-size: 15px; }
.social-share:hover,  .social-share:focus { color: #fff; text-decoration: none; border: none; }
.share-wrapper .facebook { background: #3b5998; }
.share-wrapper .twitter { background: #55acee; }
.share-wrapper .pinterest { background: #bd081c; }
.share-wrapper .google-plus { background: #dc4e41; }
.share-wrapper .linkedin { background: #0077b5; }
.alt-text { margin-left: 3px; }
.post-nav-wrapper { margin: 0px 0 20px; }
.post-nav-label { color: #b2b2b2; margin-bottom: 5px; font-weight: bold; font-size: 13px; line-height: 17px; text-transform: uppercase; }
.post-nav-label i { font-size: 14px; }
.post-nav-wrapper a { display: block; color: #222222; font-size: 17px; line-height: 1.6; font-weight: 500; }
.post-nav-wrapper a:hover { color: #ff6600; }
.next-post { width: 100%; text-align: right; padding-left: 30px; }
.previous-post { width: 100%; min-height: 70px; text-align: left; padding-right: 30px; border-right: 1px solid #e3e3e3; }
/* === Author Box Styles === */

.author-box { position: relative; width: 100%; margin-top: 30px; margin-bottom: 30px; padding: 20px 25px 25px; border: 1px solid #d6d6d6; }
.author-avatar { float: left; display: block; margin-right: 20px; }
.author-box .author-info { margin-left: 130px; position: relative; }
.author-box p { margin-bottom: 10px; }
.author-avatar,  .author-avatar a,  .author-avatar a img { overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.author-info h3 { margin: 0 0 5px 0; font-size: 29px; line-height: 33px; }
.author-info h3 a { color: #222222; }
.author-info h3 a:hover { color: #ff6600; }
.author-box .author-bio { margin-bottom: 9px; }
.author-contact a { color: #222222; display: inline-block; margin-right: 10px; }
.author-contact a:hover { color: #ff6600; }
.related-posts { margin-bottom: 10px; margin-top: 20px; }
.post .tags-wrapper { margin: 10px 0 20px; }
/* === Parallax Post Styles === */

.parallax-header,  .parallax-wrapper,  .parallax-wrapper .parallax-box { height: 500px; }
.parallax-image { height: 600px; /*background-attachment: fixed;

  background-position: 50% 78.5px;

  background-size: 100% auto;

  background-repeat: no-repeat;

  position: relative;*/

background: transparent; }
.page-wrapper,  .page-wrapper .parallax-wrapper,  .page-wrapper .parallax-box { height: 320px; }
.page-wrapper .parallax-image { height: 350px; }
.parallax-wrapper .page-header { border: none; margin-top: 110px; color: #fff; text-align: center; }
.page-header .page-title { color: #fff; font-size: 52px; line-height: 56px; font-weight: 900; text-transform: uppercase; text-shadow: 0px 1px 0px #000; margin: 0 0 10px; }
.fixed-main-wrapper .page-header .page-title { font-size: 40px; line-height: 44px; }
.page-wrapper .parallax-image img { opacity: .45; }
.page-header .excerpt { color: #fafafa; font-size: 16px; line-height: 24px; font-weight: 100; width: 85%; margin: 0 auto; }
.page-subtitle { font-weight: 900; font-size: 38px; line-height: 46px; color: #474747; text-transform: uppercase; text-align: center; margin: 10px 0 30px; }
.parallax-header { position: relative; overflow: hidden; width: 100%; z-index: 9; }
.parallax-image img { transition: none; -webkit-transition: none; -moz-transition: none; }
.parallax-image { position: absolute; width: 100%; left: 0px; bottom: 0px; right: 0px; }
.parallax-wrapper { position: absolute; z-index: 10; left: 0px; right: 0px; top: 0px; bottom: 0px; background: url(img/parallax-bg.png) transparent repeat-x 0 0; background-size: auto 100%; }
.slider-one .featured-big,  .slider-one .featured-big a,  .slider-one .featured-big img,  .featured-full .featured-big,  .featured-full .featured-big a { width: auto !important ; border: none; }
.parallax-wrapper .post-header { position: absolute; bottom: 40px; left: 15px; right: 15px; margin: 0px; }
.parallax-wrapper .post-header .dt_cat { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.parallax-wrapper .post-title { font-size: 52px; line-height: 56px; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0, 0.75); }
.parallax-fixed .parallax-wrapper .post-title { font-size: 40px; line-height: 44px; }
.parallax-wrapper .simple-share { margin: 0; color: #fff; }
.parallax-fixed.parallax-header,  .parallax-fixed .parallax-wrapper,  .parallax-fixed .parallax-wrapper .parallax-box { height: 400px; }
/*---------------------------------------

  3.9 Shortcodes & Pages Style                

-----------------------------------------*/

.post-content .nav-tabs,  .post-content .nav-tabs ul { margin: 0px; background: #7a7a7a; border-bottom: none; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.post-content .nav-tabs li { list-style: none; margin: 0px; border-right: 1px solid #a1a1a1; }
.post-content .nav-tabs>li>a,  .post-content .dropdown-menu>li>a { color: #fff; font-size: 13px; font-weight: 800; line-height: 13px; margin: 0px; border-radius: 0px; border-bottom: none; padding: 20px 35px; border: none; border-top: 2px solid transparent; }
.post-content .nav-tabs>li>a:hover,  .post-content .nav-tabs>li>a:focus { background: #646363; border-bottom: none; border-left: none; border-right: none; border-top-color: #646363; }
.post-content .nav-tabs>li.active { border-right-color: transparent; }
.post-content .nav-tabs>li.active>a,  .post-content .nav-tabs>li.active>a:focus,  .post-content .nav-tabs>li.active>a:hover { color: #222; background: #fff; border-left-color: #ebebeb; border-right-color: transparent; border-top: 2px solid #ff6600; }
.post-content .tab-content { padding: 20px; border-top: none; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
/* === Pagination Style === */

.pagination-wrapper { margin-top: 10px; margin-bottom: 20px; }
.post-pagination { margin-top: 30px; margin-bottom: 20px; }
.pager,  .pagination { margin-top: 0px; margin-bottom: 0px; }
.pager .previous>a,  .pager .previous>span { margin-left: 0px; }
.bypostauthor { }
.pagination,  .pager,  .post-pagination,  .post-content .pagination,  .post-content .pager { margin-left: 0px; text-align: center; width: 100%; }
.post-content .pagination,  .post-content .pager { margin-top: 20px; }
.pagination>li,  .pager li,  .post-content .pagination>li,  .post-content .pager li { list-style-type: none; float: none; display: inline-block; }
.pager .btn-block { width: auto !important; }
.post-pagination a,  .pagination>li>a,  .pagination>li>span,  .pager li>a,  .pager li>span { margin-left: 5px; font-weight: 500; font-size: 14px; color: #7a7a7a !important; padding: 9px 15px; text-decoration: none; background-color: #fff !important; border: 1px solid #dadada !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; }
.pager li>a,  .pager li>span { min-width: 100px; }
.pager li.previous,  .pager li.next { display: block; }
.pagination>li>a:focus,  .pagination>li>a:hover,  .post-pagination a:hover,  .post-pagination a:focus,  .pagination>li>span:focus,  .pagination>li>span:hover,  .pager li>a:focus,  .pager li>a:hover,  .pager li>span:focus,  .pager li>span:hover { color: #fff !important; border: 1px solid #7a7a7a !important; background: #7a7a7a !important; }
.pagination>.active>a,  .pagination>.active>a:focus,  .pagination>.active>a:hover,  .pagination>.active>span,  .pagination>.active>span:focus,  .pagination>.active>span:hover,  .pagination .current,  .pagination .current:focus,  .pagination .current:hover { color: #fff !important; background-color: #7a7a7a !important; border-color: #7a7a7a !important; }
.pagination .dots,  .pagination .dots:focus,  .pagination .dots:hover { border-color: transparent !important; background: transparent !important; color: #7a7a7a !important; }
.pagination-lg>li>a,  .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; }
.pagination-sm>li>a,  .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; }
/* === Load More Button Style === */

.load-more { margin-bottom: 20px; }
.load-more a { margin-left: auto; margin-right: auto; font-weight: 500; font-size: 14px; color: #7a7a7a; padding: 11px 20px; border: 1px solid #dadada; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #fff; }
.load-more a:hover { color: #fff; border: 1px solid #7a7a7a; background: #7a7a7a; }
/* === Toggle style === */

.panel-group .panel { background: none; border-radius: 0; border: 1px solid #ebebeb; box-shadow: none; }
.panel-default>.panel-heading { background: #8a8a8a; border: none; }
.panel-heading { border-radius: 0; padding: 0; }
.panel-heading .panel-title { background: #fff; width: 100%; height: 100%; display: block; }
.panel-heading .panel-title a { display: block; width: 100%; padding: 15px 20px; color: #222222; border-left: 2px solid #ff6600; border-bottom: none; font-weight: 800; font-size: 13px; line-height: 13px; }
.panel-heading .panel-title a i { color: #ff6600; }
.panel-heading .panel-title a i:before { content: "\f068"; }
.panel-heading .panel-title a.collapsed i { color: #fff; }
.panel-heading .panel-title a.collapsed i:before { content: "\f067"; }
.panel-heading .panel-title a:hover { background: #fff; color: #222222; border-bottom: none; }
.panel-title>a.collapsed { background: #8a8a8a; border-left-color: #8a8a8a; color: #fff !important; }
.panel-title>a.collapsed:hover { color: #fff; background: #646363; border-left-color: #646363; }
.panel-body { padding: 15px 20px; }
.toggle-button i { float: right; }



/* === Form Styles === */

input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #f1f2f4 inset !important;
}
.btn,  input[type="submit"] { padding: 7px 20px; border-radius: 0; border: none; transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; }
.btn-default, .btn-link,  input[type="submit"] { color: #fff; background-color: #7a7a7a; }
.btn-default:hover, .btn-link:hover,  input[type="submit"]:hover { color: #fff; background: #646363; }
.btn.focus, .btn:focus, .btn:hover,  select:focus, select:hover,  input:focus { outline: none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; }
.form-control,  input[type="text"],  input[type="email"],  input[type="number"],  input[type="password"],  input[type="tel"],  input[type="url"],  textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border: 1px solid #d6d6d6; border-radius: 0; height: 45px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
textarea { height: auto; }
.form-control:focus,  input[type="text"]:focus,  input[type="email"]:focus,  input[type="number"]:focus,  input[type="password"]:focus,  input[type="tel"]:focus,  input[type="url"]:focus,  textarea:focus { box-shadow: none; outline: none; border-color: #cdcbcb; }
.form-group { margin-bottom: 20px; }
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { margin-left: 0px; }
/* === Comment Styles === */

.comments-wrapper { margin-bottom: 0px; }
.comments-wrapper .comment-list { list-style: none; margin: 0 0 30px; padding: 0; }
.comments-wrapper .comment-list ol { list-style: none; margin-left: 40px; }
.comment-list .children > li { list-style: none; padding-left: 15px; }
.comment-list .comment-body { position: relative; padding: 15px 0; overflow: hidden; }
.avatar-wrapper { float: left; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin-right: 20px; }
.avatar-wrapper img { width: 80px; height: 80px; border-radius: 50%; }
.comment-metadata,  .comment-content,  .reply { margin-left: 100px; }
.logged-in-as,  .form-allowed-tags { margin-bottom: 20px; }
div.wpcf7-validation-errors { border-color: #ff6600; font-style: italic; }
span.wpcf7-not-valid-tip { color: #ff6600; font-style: italic; }
.form-submit { margin-bottom: 0px; }
.comment-content,  .comment-notes { font-size: 15px; line-height: 26px; }
.comment-metadata .article-date { float: right; font-size: 13px; color: #bbbbbb; }
.comments-wrapper .author-name { color: #222222; font-weight: 500; }
.comments-wrapper .author-name:hover { color: #ff6600; }
.comments-wrapper .comment-reply-link { font-size: 13px; border-bottom: 1px solid transparent; }
.comments-wrapper .comment-reply-link:hover { border-bottom-color: #ff6600; }
.comment-reply-title { text-transform: uppercase; margin-top: 0px; margin-bottom: 5px; }
.comment-form { margin-bottom: 30px; }
/*---------------------------------------

  3.10  Widget Style    

-----------------------------------------*/

.widget-area { margin-bottom: 30px; }
.widget-area .widget,  .wpb_wrapper .widget { margin-bottom: 40px; }
.widget-area .widget:last-child,  .wpb_wrapper .widget:last-child { margin-bottom: 30px; }
.widget .block-title,  .wpb_heading,  .widgettitle { margin-bottom: 20px; }
.widget ul { margin: 0px; padding: 0px; list-style: none; }
.widget ul li { border-bottom: 1px solid #f1f1f1; position: relative; padding: 10px 0px; }
.widget ul ul { border-top: 1px solid #f1f1f1; margin-left: 20px; margin-top: 13px; }
.widget>ul>li:first-child,  .widget>ul>li:first-child a { padding-top: 0px; margin-top: 0px; }
.widget li:last-child { border-bottom: none !important; padding-bottom: 0px; }
.widget li a { position: relative; color: #222222; display: block; text-decoration: none; }
.widget li a span { position: absolute; right: 20px; top: 10px; margin-top: -10px; color: #222222; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.widget li a:hover,  .widget li a:hover span { color: #ff6600; }
.sticky-sidebar .widget_boxed_widget { margin-bottom: 20px; }
.widget_boxed_widget,  .widget_mc4wp_widget {/* padding: 24px;border: 1px solid #dadada;*/  max-width: 350px; margin: 0 auto; }
.widget_mc4wp_widget { padding: 0; }
.widget_mc4wp_widget img { width: 100%; }
.widget_boxed_widget *,  .header-wrapper .header-banner * { margin: 0px auto !important; padding: 0px !important; }
.author-wrapper { margin-bottom: 30px !important; }
.author-widget { text-align: center; padding: 30px 30px; border: 1px solid #dadada; }
.author-widget a { color: #222 !important; }
.author-widget i { margin: 5px 3px; }
.widget_boxed_widget a { display: inline-block; }
.bannerwidget { text-align: center; padding: 20px; border: 1px solid #dadada; }
.bannerwidget a { display: block; background: #000; }
.author-widget .author-avatar { float: none; margin: 0 auto 10px; width: 140px; }
.author-widget .author-title { font-weight: 800; font-size: 29px; margin: 0; }
.author-widget .author-title a { color: #222222; }
.author-widget a:hover { color: #ff6600; border: none; }
.author-position { color: #ff6600; font-size: 16px; line-height: 20px; margin: 5px 0 10px; }
.author-bio { color: #5f5f5f; font-size: 14px; line-height: 22px; margin: 5px 0px 10px; font-weight: 300; }
.sidebar .subscribewidget { text-align: left; }
.sidebar .widget:last-child { margin-bottom: 30px; }
.widget-125 a { float: left; display: inline-block; margin: 13px; }
/* calendar widget */

#wp-calendar { border-collapse: collapse; border: 1px solid #ddd; width: 100%; border-top: none; }
#wp-calendar td, #wp-calendar th { text-align: center; }
#wp-calendar caption { color: #fff; padding: 10px; line-height: 20px; background-color: #ccc; }
#wp-calendar thead, #wp-calendar tfoot { line-height: 33px; background: #eee; }
#wp-calendar tbody { line-height: 33px; }
#wp-calendar #prev, #wp-calendar #next { padding: 0 10px; background: #eee; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next { text-align: right; }
/* === Tab widget === */

.widget .nav-tabs { border-bottom: 1px solid #dadada; margin-bottom: 20px; }
.widget .nav-tabs>li { float: left; display: block; margin-bottom: -1px; border-bottom: none !important; padding: 0px; }
.widget .nav>li>a { padding: 0px; }
.widget .nav-tabs>li>a { margin-right: 20px; border: none; padding-bottom: 5px; margin-bottom: 0px; color: #999999; }
.widget .nav>li>a:focus,  .widget .nav>li>a:hover { text-decoration: none; background: none; }
.widget .nav-tabs>li>a:hover { border-color: transparent; color: #222222; }
.widget .nav-tabs>li.active>a,  .widget .nav-tabs>li.active>a:focus,  .widget .nav-tabs>li.active>a:hover { color: #222222; background: none; border: none; border-bottom: 1px solid #ff6600; }
.widget-post { padding: 0px; margin-bottom: 20px; }
.widget-post.only-title { margin-bottom: 10px; }
.widget .widget-post:last-child { margin-bottom: 0px; }
.sticky-sidebar-wrapper .widget .widget-post:last-child { margin-bottom: 20px; }
.widget-post h3 { margin: 0px; margin-bottom: 10px; font-weight: normal !important; }
.widget-post h3 a { color: #222222; }
.widget-post .simple-thumb { margin: 0px 15px 0px 0px; }
/* === Subscribe Widget Style === */

.widget_mc4wp_widget h3 { margin-bottom: 10px; }
.widget_mc4wp_widget input,  .widget_mc4wp_widget button,  .widget_mc4wp_widget .form-inline .input-group { width: 100%; border-radius: 0; }
.widget_mc4wp_widget input[type="email"] { border: 1px solid #dadada; border-radius: 0; height: 38px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 3px 7px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.widget_mc4wp_widget input[type="email"]:focus,  .widget_mc4wp_widget input[type="email"]:active,  .widget_mc4wp_widget input[type="submit"]:focus,  .widget_mc4wp_widget input[type="submit"]:active { outline: none; }
.mc4wp-form { margin: 0px !important; }
.widget_mc4wp_widget input[type="submit"] { color: #fff; background-color: #7a7a7a; padding: 10px 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; border-radius: 0; border: none; transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; }
.widget_mc4wp_widget input[type="submit"]:hover { color: #fff; background: #646363; }
.widget_mc4wp_widget p { margin-bottom: 15px; }
.widget_mc4wp_widget p:last-child { margin-bottom: 0px !important; }
/* === Search Widget Style === */

.widget_search .search-form { border: 1px solid #dadada; }
.widget_search .search-form input[type="search"] { border: none; outline: none; }
.widget_search .search-form input[type="search"],  .widget_search .search-form button { height: 40px; line-height: 40px; border: none; }
.widget_search .search-form button { background: none; position: relative; color: #7a7a7a; text-align: center; width: 40px; padding: 0px; }
.widget_search .search-form button:hover,  .widget_search .search-form button:focus { color: #222; background: none; }
/* === Tags Widget Style === */

.tags-widget { margin: 0px; padding: 0px; list-style: none; }
.tags-widget li,  .tagcloud a { float: left; margin: 0px 10px 10px 0px; padding: 0 !important; }
.tags-widget li.trending { font-weight: 800; font-size: 17px; line-height: 30px; }
.tags-widget li a,  .tagcloud a { display: block; color: #7a7a7a; font-weight: 500; font-size: 13px; line-height: 13px; padding: 7px 9px !important; border: 1px solid #dadada; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tags-widget li a:hover,  .tagcloud a:hover { color: #fff !important; background: #7a7a7a; border-color: #7a7a7a; }
/* === Reviews Widget Style === */

.star-reviews { color: orange; margin-right: 10px; display: inline-block; cursor: default; }
.star-reviews i { margin-left: -1px; margin-right: -1px; }
.social-list { margin: 0px -5px !important; padding: 0px; list-style: none; }
.social-list li,  .widget .social-list li { float: left; list-style: none !important; border: none !important; margin: 0px 5px 10px !important; padding: 0px; }
/* === Social button Style === */

.social-list li a { display: block; text-align: center; border: 1px solid #dadada; width: 40px; height: 40px; font-size: 18px; line-height: 40px; color: #b2b2b2; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.social-list li a:hover,  .social-list li a:focus { background: #000; color: #fff; border-color: #000; }
.social-list li.social-facebook a:hover,  .social-list li.social-facebook a:focus { background: #3b5998; border-color: #3b5998; }
.header-right .social-icons a .fa-facebook,  .author-widget a .fa-facebook { color: #3b5998; }
.social-list li.social-twitter a:hover,  .social-list li.social-twitter a:focus { background: #55acee; border-color: #55acee; }
.header-right .social-icons a .fa-twitter,  .author-widget a .fa-twitter { color: #55acee; }
.social-list li.social-google-plus a:hover,  .social-list li.social-google-plus a:focus { background: #dc4e41; border-color: #dc4e41; }
.header-right .social-icons a .fa-google-plus,  .author-widget a .fa-google-plus { color: #dc4e41; }
.social-list li.social-youtube a:hover,  .social-list li.social-youtube a:focus { background: #cd201f; border-color: #cd201f; }
.header-right .social-icons a .fa-youtube,  .author-widget a .fa-youtube { color: #cd201f; }
.social-list li.social-vimeo-square a:hover,  .social-list li.social-vimeo-square a:focus { background: #1ab7ea; border-color: #1ab7ea; }
.header-right .social-icons a .fa-vimeo-square,  .author-widget a .fa-vimeo-square { color: #1ab7ea; }
.social-list li.social-linkedin a:hover,  .social-list li.social-linkedin a:focus { background: #0077b5; border-color: #0077b5; }
.header-right .social-icons a .fa-linkedin,  .author-widget a .fa-linkedin { color: #0077b5; }
.social-list li.social-behance a:hover,  .social-list li.social-behance a:focus { background: #1769ff; border-color: #1769ff; }
.header-right .social-icons a .fa-behance,  .author-widget a .fa-behance { color: #1769ff; }
.social-list li.social-tumblr a:hover,  .social-list li.social-tumblr a:focus { background: #35465c; border-color: #35465c; }
.header-right .social-icons a .fa-tumblr,  .author-widget a .fa-tumblr { color: #35465c; }
.social-list li.social-pinterest a:hover,  .social-list li.social-pinterest a:focus { background: #bd081c; border-color: #bd081c; }
.header-right .social-icons a .fa-pinterest,  .author-widget a .fa-pinterest { color: #bd081c; }
.social-list li.social-dribbble a:hover,  .social-list li.social-dribbble a:focus { background: #ea4c89; border-color: #ea4c89; }
.header-right .social-icons a .fa-dribbble,  .author-widget a .fa-dribbble { color: #ea4c89; }
.social-list li.social-instagram a:hover,  .social-list li.social-instagram a:focus { background: #3f729b; border-color: #3f729b; }
.header-right .social-icons a .fa-instagram,  .author-widget a .fa-instagram { color: #3f729b; }
.social-list li.social-flickr a:hover,  .social-list li.social-flickr a:focus { background: #ff0084; border-color: #ff0084; }
.header-right .social-icons a .fa-flickr,  .author-widget a .fa-flickr { color: #ff0084; }
.social-list li.social-soundcloud a:hover,  .social-list li.social-soundcloud a:focus { background: #ff8800; border-color: #ff8800; }
.header-right .social-icons a .fa-soundcloud,  .author-widget a .fa-soundcloud { color: #ff8800; }
.social-list li.social-spotify a:hover,  .social-list li.social-spotify a:focus { background: #2ebd59; border-color: #2ebd59; }
.header-right .social-icons a .fa-spotify,  .author-widget a .fa-spotify { color: #2ebd59; }
.social-list li.social-vine a:hover,  .social-list li.social-vine a:focus { background: #00b488; border-color: #00b488; }
.header-right .social-icons a .fa-vine,  .author-widget a .fa-vine { color: #00b488; }
.social-list li.social-github a:hover,  .social-list li.social-github a:focus { background: #666666; border-color: #666666; }
.header-right .social-icons a .fa-github,  .author-widget a .fa-github { color: #666666; }
.social-list li.social-vk a:hover,  .social-list li.social-vk a:focus { background: #45668e; border-color: #45668e; }
.header-right .social-icons a .fa-vk,  .author-widget a .fa-vk { color: #45668e; }
.social-list li.social-skype a:hover,  .social-list li.social-skype a:focus { background: #00aff0; border-color: #00aff0; }
.header-right .social-icons a .fa-skype,  .author-widget a .fa-skype { color: #00aff0; }
.social-list li.social-rss a:hover,  .social-list li.social-rss a:focus { background: #f26522; border-color: #f26522; }
.header-right .social-icons a .fa-rss,  .author-widget a .fa-rss { color: #f26522; }
/*---------------------------------------

  3.11  Footer Style    

-----------------------------------------*/

.footer { width: 100%; margin: 30px 0 0; padding: 0; background: #373737; z-index: 1; color: #fff; }
.footer .logo { color: #fff; margin-bottom: 0px; margin-top: 0px; }
.footer li { list-style: none; }
.footer p { margin-bottom: 15px; }
.footer-main .social-list { margin: 0px -5px; padding: 0px; }
.footer-main .social-list li { float: left; margin: 0px 5px 10px; padding: 0px; }
.footer-main .social-list li a,  .footer-main .tagcloud a { background: #4b4b4b; border-color: #4b4b4b; color: #e3e3e3; }
.footer-main .social-list li a:hover,  .footer-main .tagcloud a:hover { color: #fff; }
.footer-main { padding-top: 50px; padding-bottom: 50px; }
.footer-main p { color: #d7d7d7; }
.footer-main h3 { margin: 0px 0px 20px 0px; }
.sb-search.sb-search-open .sb-search-input { background: #f1f2f4; color:#4c4c4c !important; }
input.sb-search-input::-webkit-input-placeholder{ /* WebKit*/  
    color:    #666;  
}  
input.sb-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    color:    #666;  
}  
input.sb-search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color:    #666;  
}  
input.sb-search-input:-ms-input-placeholder { /* IE 10+ */  
    color:    #666;  
}  

.footer-main .widget_boxed_widget,  .footer-main .widget_mc4wp_widget { padding: 0px; border: none; }
.footer-main .form-group { margin-bottom: 10px; }
.footer-main .form-control,  .footer-main .widget_mc4wp_widget input[type="email"] { color: #fff; background: #2c2c2c; border-color: #2c2c2c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.footer-main .btn,  .footer-main .widget_mc4wp_widget input[type="submit"] { width: 100%; color: #fff; background: #4b4b4b; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.footer-main .btn:hover,  .footer-main .btn:focus,  .footer-main .widget_mc4wp_widget input[type="submit"]:hover,  .footer-main .widget_mc4wp_widget input[type="submit"]:focus { color: #fff; background: #7a7a7a; }
.footer-main ul { margin: 0; padding: 0; list-style: none; }
.footer-main ul li { margin: 0 0 10px; padding: 0; border: none !important; }
.footer-main ul li:last-child { margin-bottom: 0px; }
.footer-main ul li a { color: #fff; position: relative; display: inline-block; padding: 0px; text-decoration: none; border-bottom: 1px solid transparent; }
.footer a:hover,  .footer-main ul a:hover { color: #fff; border-bottom-color: #fff; }
.footer-main ul li a:hover:after { right: 5px; }
.footer-bottom { background: #2c2c2c; padding: 15px 0px; color: #969696; }
.mm-panels > .mm-panel > .mm-listview { margin: 20px -7px 20px -20px; }
.footer-bottom p,  .footer-bottom ul { margin: 0px; padding: 0px; }
.footer-bottom a { color: #969696; font-size: 19px; }
.footer-bottom a:hover { color: #fff; border: none; text-decoration: none; }
/* === Go to top Button Style === */

#go-top-button { position: fixed; z-index: 100; background: #7a7a7a; color: #fff; background: rgba(122, 122, 122, .25); width: 40px; height: 40px; text-align: center; font-size: 24px; line-height: 37px; bottom: -70px; right: 10px; cursor: pointer; overflow: auto; opacity: 0.7; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -webkit-backface-visibility: hidden; }
#go-top-button:hover { opacity: 1; }
/* === Mobile overlay === */

.mobile-overlay { left: 0; z-index: 98; height: 0; width: 0; -webkit-transition: -webkit-transform .5s; transition: transform .5s; -webkit-backface-visibility: hidden; cursor: pointer }
.mobile-overlay:after { position: fixed; top: 0; z-index: 98; right: 0; width: 0; height: 0; background: rgba(0,0,0,.5); content: ''; opacity: 0; -webkit-transition: opacity .5s, width .1s .5s, height .1s .5s; transition: opacity .5s, width .1s .5s, height .1s .5s; -webkit-backface-visibility: hidden; }
.ad-opened .mobile-overlay:after,  .mm-opened .mobile-overlay:after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; z-index: 98; }
.mm-opened .mobile-overlay:after { z-index: 1001; }
.ad-opened .fixed-left-sidebar .sticky-sidebar,  .ad-opened .fixed-right-sidebar .sticky-sidebar { z-index: 99; right: 0; left: auto; }



/* --------------------------------------

=========================================

   4. Responsive CSS

=========================================

-----------------------------------------*/

@media (max-width: 1260px) {
.fixed-left-sidebar .sticky-sidebar,  .fixed-right-sidebar .sticky-sidebar { right: -390px; left: auto; }
.fixed-sidebar .fixed-main { margin-left: auto; margin-right: auto; }
.header-style2 .mid-logo-wrapper { display: block; float: none; }
.header-style2 .header-mid-wrapper { text-align: center; }
}
 @media (max-width: 1199px) {
.header-wrapper .header-banner { float: none; display: block; margin-left: 330px; }
.mid-logo-wrapper .logo img { height: auto; max-width: 100%; }
.dropdown-menu .mega-menu-news { width: 170px; margin-right: 5px; margin-left: 5px; }
.dropdown-menu .mega-menu-5block .mega-menu-news { margin-right: 1%; margin-left: 1%; }
.dropdown-menu .mega-menu-news .mega-menu-img { width: 100%; height: auto; }
.featured-header { padding: 25px 20px 20px; }
.featured-small .dt_cat { left: 20px; top: 0px; }
.box-news { height: 260px; }
.box-news .dt_cat { top: 5px; }
.nav>li>a { padding-right: 12px; padding-left: 12px; }
.navbar-collapse { padding-left: 5px; }
.featured-wrapper .featured-big .featured-header h2,  .box-big h2,  .news-title,  .post-title { margin-bottom: 10px; }
.parallax-wrapper .post-title { font-size: 34px; line-height: 38px; }
.news-details p.excerpt { display: none; }
.widget .nav-tabs>li>a { margin-right: 10px; }
.parallax-header,  .parallax-wrapper,  .parallax-wrapper .mag-content,  .parallax-wrapper .col-md-12,  .parallax-image { height: 500px; }
.parallax-fixed.parallax-header,  .parallax-fixed .parallax-wrapper,  .parallax-fixed .parallax-wrapper .parallax-box { height: 300px; }
.page-wrapper,  .page-wrapper .parallax-wrapper,  .page-wrapper .parallax-box { height: 320px; }
}
 @media (max-width: 991px) {
h1, .h1 { font-size: 22px !important; line-height: 26px !important; }
h2, .h2,  h3, .h3,  h4, .h4,  h5, .h5,  h6, .h6 { font-size: 22px !important; line-height: 26px !important; }
.block-title, .comment-reply-title, .widget .nav-tabs>li>a, .wpb_heading, .widgettitle, .footer-title { font-size: 17px !important; line-height: 17px !important; }
.post-review-sum-point .h1 { font-size: 32px !important; line-height: 36px !important; }
.widget-post h3 { font-size: 14px !important; line-height: 17px !important; }
.header-wrapper .header-banner { display: none; }
.header-wrapper .mid-logo-wrapper { float: none; display: inline-block; text-align: center; width: auto; }
.mid-logo-wrapper .logo { position: relative; }
.header-wrapper .header-mid-wrapper { text-align: center; }
.featured-wrapper .featured-big,  .featured-wrapper .featured-big a.featured-href,  .featured-wrapper .featured-big img,  .featured-wrapper .featured-small,  .featured-wrapper .featured-small a.featured-href,  .featured-wrapper .featured-small img,  .box-news,  .box-news img,  .featured-wrapper .slider-item img { height: auto; width: 100%; border-right: none; border-left: none; }
.slider-one .featured-big,  .slider-one .featured-big a,  .slider-one .featured-big img,  .featured-full .featured-big,  .featured-full .featured-big a,  .featured-full .featured-big img { height: auto; width: 100%; border: none; }
.slider-one .featured-header,  .featured-full .featured-header { padding: 50px 20px 20px !important; }
.navbar-toggle { display: block; }
.fixed-button { display: none; }
.fixed-sidebar .fixed-button { margin-right: 0px; display: inline-block; }
.page-wrapper, .page-wrapper .parallax-wrapper, .page-wrapper .parallax-box { height: 300px; }
.header .mega-menu .collapse { display: none !important; }
.social-icons { display: none; }
.omega { padding-right: 15px !important; }
.alpha { padding-left: 15px !important; }
.dt_cat { top: 20px; left: 20px !important; padding: 5px 6px; font-size: 10px; }
.post-header .dt_cat { left: 0px !important; }
.featured-wrapper .featured-header h2,  .news-title,  .big-block .news-title,  .small-block .news-title,  .box-news h2,  .fixed-left-sidebar .widget-content li h3,  .fixed-left-sidebar .widget-content li h3 a { font-weight: bold; }
.fixed-left-sidebar .news-details { margin: 15px 0 0 0; padding: 0px; }
.featured-wrapper .featured-header,  .featured-wrapper .featured-big .featured-header { padding: 40px 20px 20px; }
.featured-wrapper .featured-big .dt_cat { top: 20px; left: 15px; }
.tag-list { height: 30px; }
.tag-list li { font-size: 14px; line-height: 29px; }
.tag-list li a { font-size: 13px; line-height: 26px; padding: 0px 8px; }
.widget .nav-tabs>li>a { margin-right: 7px; }
.parallax-header,  .parallax-wrapper,  .parallax-wrapper .mag-content,  .parallax-wrapper .col-md-12,  .parallax-image { height: 500px; }
.page-wrapper,  .page-wrapper .parallax-wrapper,  .page-wrapper .parallax-box { height: 320px; }
.featured-wrapper .featured-big .featured-header p,  .news-details p.excerpt,  .featured-small p { display: block; }
.footer-block { margin-bottom: 20px; text-align: center; }
.footer-main { padding-top: 20px; padding-bottom: 0px; }
.footer-bottom { text-align: center; }
.footer .social-icons { float: none !important; margin-top: 10px; }
.footer .logo { float: none; display: block; margin-right: auto; margin-left: auto; width: 110px; }
.footer-main .footer-block { margin-bottom: 25px; }
.footer-main .social-list,  .footer-main .tags-widget { text-align: center; }
.footer-main .social-list li,  .footer-main .tags-widget li { float: none; display: inline-block; }
.footer-main .form-group { max-width: 400px; margin-left: auto; margin-right: auto; }
}
 @media screen and (max-width: 782px) {
body.admin-bar { margin-top: 46px !important; }
#wpadminbar { top: -46px !important; }
}
 @media screen and (max-width: 767px) {
.featured-wrapper .featured-big .dt_cat { top: 0px; }
.slider-one .featured-header,  .featured-full .featured-header { padding: 50px 10px 15px !important; }
.featured-wrapper .featured-big .featured-header p,  .news-details p.excerpt,  .featured-small p,  .alt-text { display: none; }
.mag-content { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; }
.previous-post,  .next-post { padding: 0px; text-align: center; margin-bottom: 10px; border: none; }
.author-box .author-info { margin: 0px; text-align: center; }
.author-box .author-avatar { float: none; text-align: center; margin: 0 0 5px 0; }
.alignright,  .alignleft { float: none; }
.news-details p,  .simple-big .excerpt { display: none; }
.news-details .simple-share { display: block; }
.avatar-wrapper,  .avatar-wrapper img { width: 60px; height: 60px; }
.comments-wrapper .comment-list ol { padding-left: 5px; margin-left: 0px; }
.comment-metadata, .comment-content, .reply { margin-left: 80px; }
.featured-wrapper .featured-header h2,  .news-title,  .big-block .news-title,  .small-block .news-title,  .featured-header h2,  .featured-wrapper .featured-big .featured-header h2,  .fixed-left-sidebar .widget-content li h3,  .fixed-left-sidebar .widget-content li h3 a { font-weight: bold; }
.simple-thumb, .author-thumb { margin: 0 10px 10px 0; width: 95px !important; }
.news-details { margin: 0px; padding: 10px 10px 0px; }
.featured-header { padding: 20px 10px 10px !important; }
.dt_cat { left: 10px !important; }
.widget_boxed_widget,  .widget_mc4wp_widget { padding: 0; border: none; margin: 0 auto; max-width: 400px; text-align: center; }
.subscribewidget h3 { margin-top: 0px; }
.parallax-header,  .parallax-wrapper,  .parallax-wrapper .mag-content,  .parallax-wrapper .col-md-12,  .parallax-image { height: 400px; }
.page-wrapper,  .page-wrapper .parallax-wrapper,  .page-wrapper .parallax-box { height: 320px; }
}
 @media (max-width: 400px) {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size: 18px !important; line-height: 22px !important; }
.header-wrapper .mid-logo-wrapper { width: 100%; }
.social-icons,  .simple-big .simple-share { display: none; }
.fixed-left-sidebar .sticky-sidebar, .fixed-right-sidebar .sticky-sidebar { width: 290px; }
.sticky-content { padding: 15px; }
.mid-logo-wrapper .logo { font-size: 30px; line-height: 32px; }
.mid-logo-wrapper .logo-description { font-size: 12px; line-height: 15px; }
.header-style2 .main-wrapper, .header-style3 .main-wrapper { padding-top: 190px; }
}
/* --------------------------------------

=========================================

   5. Dark Skin CSS

=========================================

-----------------------------------------*/

.dark-skin .btn,  .dark-skin .pagination>li>a,  .dark-skin .pagination>li>span,  .dark-skin .pager li>a,  .dark-skin .pager li>span,  .dark-skin input[type="submit"] { background-color: #111 !important; }
.dark-skin a,  .dark-skin .widget li a,  .dark-skin .widget li a span,  .dark-skin .mega-menu .dropdown-menu > li > a,  .dark-skin code { color: #e8e8e8; }
.dark-skin .simple-share a:hover { color: #e8e8e8; border-color: #e8e8e8; }
body.dark-skin,  .dark-skin .btn,  .dark-skin .pagination>li>a,  .dark-skin .pagination>li>span,  .dark-skin .pager li>a,  .dark-skin .pager li>span,  .dark-skin .load-more .btn,  .dark-skin input[type="submit"] { color: #bbbbbb; }
.dark-skin .load-more .btn:hover,  .dark-skin .load-more .btn:focus,  .dark-skin .pagination>li>a:focus,  .dark-skin .pagination>li>a:hover,  .dark-skin .pagination>li>span:focus,  .dark-skin .pagination>li>span:hover,  .dark-skin .pager li>a:focus,  .dark-skin .pager li>a:hover,  .dark-skin .pager li>span:focus,  .dark-skin .pager li>span:hover,  .dark-skin .pagination>.active>a,  .dark-skin .pagination>.active>a:focus,  .dark-skin .pagination>.active>a:hover,  .dark-skin .pagination>.active>span,  .dark-skin .pagination>.active>span:focus,  .dark-skin .pagination>.active>span:hover { color: #fff; background-color: #606060; border-color: #606060; }
.dark-skin .pagination>.disabled>a,  .dark-skin .pagination>.disabled>a:focus,  .dark-skin .pagination>.disabled>a:hover,  .dark-skin .pagination>.disabled>span,  .dark-skin .pagination>.disabled>span:focus,  .dark-skin .pagination>.disabled>span:hover { background-color: #111; color: #bbbbbb; border-color: #606060; }
.dark-skin .logo,  .dark-skin .header-mid .logo,  .dark-skin .comments-wrapper .author-name,  .dark-skin .social-icons a:hover { color: #fff !important; }
.dark-skin .dropdown-menu,  .dark-skin .navbar .nav .open>a,  .dark-skin .navbar .nav .open>a:hover,  .dark-skin .navbar .nav .open>a:focus { background: #1d1d1d; }
.dark-skin.wide .sticky-sidebar { border-right: 1px solid #222; border-left: 1px solid #222; }
.dark-skin .nav .tabs-left > .nav-tabs > li,  .dark-skin .mega-menu .dropdown-menu>li,  .dark-skin .widget_categories li,  .dark-skin .header-top,  .dark-skin .widget ul li { border-bottom: 1px solid #2a2a2a; }
.dark-skin .widget ul ul { border-top: 1px solid #2a2a2a; }
.dark-skin .mega-menu .fullwidth>li { border: none; }
.dark-skin .nav .tabs-left > .nav-tabs > li:last-child { border-bottom: none; }
.dark-skin.wide .main-content { border: none; }
.dark-skin .main-content,  .dark-skin .header,  .dark-skin .mega-menu .dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.dark-skin .news-title a,  .dark-skin .nav .tabs-left > .nav-tabs > li > a,  .dark-skin .dropdown-menu .mega-menu-news .mega-menu-detail h4 a,  .dark-skin .tag-list li a,  .dark-skin .widget-title,  .dark-skin .widget .nav-tabs>li>a,  .dark-skin .widget-content li h3 a,  .dark-skin .widget-post h3 a,  .dark-skin .widget .nav-tabs>li.active>a,  .dark-skin .widget .nav-tabs>li.active>a:focus,  .dark-skin .widget .nav-tabs>li.active>a:hover,  .dark-skin .widget_categories li a,  .dark-skin .widget_categories li a span,  .dark-skin .simple-post h3 a,  .dark-skin .block-title,  .dark-skin .block-title a,  .dark-skin .widget .nav-tabs>li>a,  .dark-skin .post-title,  .dark-skin .post,  .dark-skin .total-shares em,  .dark-skin .comments-wrapper,  .dark-skin .comments-wrapper .author-name,  .dark-skin .comment-reply-title,  .dark-skin .tags-widget li a,  .dark-skin .mid-logo-wrapper .logo-description,  .dark-skin .social-list li a,  .dark-skin .post h1,  .dark-skin .post h2,  .dark-skin .post h3,  .dark-skin .post h4,  .dark-skin .post h5,  .dark-skin .post h6,  .dark-skin .author-widget .author-title a,  .dark-skin .author-box .author-info h3 a,  .dark-skin .author-bio,  .dark-skin .author-widget a { color: #e8e8e8; }
.dark-skin .progress { background-color: #606060; }
.dark-skin .navbar-toggle i,  .dark-skin .navbar-toggle span { background-color: #e8e8e8; }
.dark-skin .widget-title,  .dark-skin .widget .nav-tabs>li>a,  .dark-skin .block-title,  .dark-skin .widget .nav-tabs>li>a,  .dark-skin .widget .nav-tabs { border-bottom: 1px solid #606060; }
.dark-skin button.btn.btn-lg.btn-block,  .dark-skin .widget_boxed_widget,  .dark-skin .widget_mc4wp_widget,  .dark-skin .author-widget,  .dark-skin .widget .tags-widget li a,  .dark-skin .bannerwidget,  .dark-skin .social-list li a,  .dark-skin .search-form,  .dark-skin .btn,  .dark-skin .pagination>li>a,  .dark-skin .pagination>li>span,  .dark-skin .pager li>a,  .dark-skin .pager li>span,  .dark-skin .load-more .btn,  .dark-skin .share-wrapper,  .dark-skin .total-shares,  .dark-skin .author-box,  .dark-skin .previous-post,  .dark-skin .tags-widget li a,  .dark-skin .tagcloud a { border-color: #606060; }
.dark-skin .form-control,  .dark-skin .search-form .btn,  .dark-skin select { background: #f0f0f0; }