/*
Theme Name: Hooray
Description: A Premium Wordpress News Theme.
Author: Amr Sadek
Theme URI: http://themes.bdayh.com
Author URI: http://themeforest.net/user/bdayh
Version: 1.6.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fixed-width, one-column, two-columns, three-columns, threaded-comments, custom-colors, custom-header, theme-options
*/

/**
 * Google fonts ================================================== */
@font-face { font-family: 'Museo500'; src: url('fonts/Museo_Slab_500_2-webfont.eot'); src: url('fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/Museo_Slab_500_2-webfont.woff') format('woff'),  url('fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),  url('fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg'); font-weight: normal; font-style: normal; }

/* Font Face Chrome Rendering */
@media screen and ( -webkit-min-device-pixel-ratio:0 ) {
    @font-face { font-family: 'Museo500'; src: url('fonts/Museo_Slab_500_2-webfont.svg') format('svg'); }
}

@font-face { font-family: 'SugarPie'; src: url("//s3.amazonaws.com/hiremyfriend/fonts/27AD03_0_0-daa8532e.eot"); src: url("//s3.amazonaws.com/hiremyfriend/fonts/fonts/27AD03_0_0.eot?#iefix") format("embedded-opentype"), url("//s3.amazonaws.com/hiremyfriend/fonts/27AD03_0_0-7240ae9f.woff") format("woff"), url("//s3.amazonaws.com/hiremyfriend/fonts/27AD03_0_0-db516837.ttf") format("truetype"); }
* { padding: 0; margin: 0; outline: none; list-style: none; border: 0 none; }
html { font-size: 14px; overflow-x: hidden; overflow-y: scroll; }
body { background-color: #f7f7fa; font-family: 'Open Sans', Tahoma; font-weight: 400; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent; -webkit-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; font-smooth: always; }
body.rtl { direction: rtl; }
a, a:link, a:active { color: #262627; text-decoration: none; transition: all 0.2s linear 0s; }
a:hover { color: #ff304e; }
a:focus { }
.clear { clear: both; }
.bottom24 { margin-bottom: 24px; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 36px 0 12px; }
h1 { font-size: 26px; line-height: 1.3846153846; }
h2 { font-size: 24px; line-height: 1; }
h3 { font-size: 22px; line-height: 1.0909090909; }
h4 { font-size: 20px; line-height: 1.2; }
h5 { font-size: 18px; line-height: 1.3333333333; }
h6 { font-size: 16px; line-height: 1.5; }
address { font-style: italic; margin-bottom: 24px; }
abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; }
b, strong { font-weight: 700; }
dfn, em, i { font-style: italic; }
mark, ins { background: #fff9c0; text-decoration: none; }
p { margin-bottom: 24px; }
code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; }
pre { direction: ltr; background: url(images/code-bg.png); font: 11px/19px 'andale mono', 'lucida console', monospace; padding: 15px; display: block; overflow-x: visible; overflow-y: hidden; margin: 0 0 24px 0; color: #666; border: 1px solid #f0f0f0; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: pre; white-space: pre-wrap; word-wrap: break-word; border-radius: 3px; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; }
blockquote cite, blockquote small { color: #111; font-size: 16px; font-weight: 400; line-height: 1.5; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote strong, blockquote b { font-weight: 400; }
small { font-size: smaller; }
big { font-size: 125%; }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
dl { margin-bottom: 24px; }
dt { font-weight: bold; }
dd { margin-bottom: 24px; }
ul, ol { list-style: none; margin: 0 0 24px 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin: 0 0 0 20px; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; }
figure { margin: 0; }
fieldset { border-color: #f0f0f0; border: 1px solid rgba(0, 0, 0, 0.05); margin: 0 0 24px; padding: 11px 12px 0; }
legend { white-space: normal; }
button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button, input { line-height: normal; }
input, textarea { }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea { overflow: auto; vertical-align: top; }
table, th, td { border-color: #f0f0f0; border: 1px solid rgba(0, 0, 0, 0.05); }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; font-weight: bold; }
td { border-width: 0 1px 1px 0; }
del { color: #111; }
hr { background-color: #f0f0f0; background-color: rgba(0, 0, 0, 0.05); border: 0; height: 1px; margin-bottom: 23px; }
input, textarea { border-color: #f0f0f0; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 2px; color: #2b2b2b; padding: 8px 10px 7px; }
textarea { width: 100%; }
input:focus, textarea:focus { border-color: #f0f0f0; border: 1px solid rgba(0, 0, 0, 0.05); outline: 0; }
a.more-link, button, .btn-link, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #ff304e; border: 0; border-radius: 2px; color: #fff; font-size: 14px; font-weight: 400; min-height: 36px; line-height: 36px; display: inline-block; padding: 0px 24px 2px; vertical-align: middle; letter-spacing: normal; text-align: center; transition: all 0.2s linear 0s;  }
a.more-link:hover, button:hover, button:focus, .btn-link:hover, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #2b2b2b !important; color: #fff; }
button:active, .btn-link:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-color: #ff304e; }
embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; }
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; }
/**
 * Alignment ================================================== */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
blockquote.alignleft, img.alignleft { margin: 7px 24px 7px 0; }
.wp-caption.alignleft { margin: 7px 14px 7px 0; }
blockquote.alignright, img.alignright { margin: 7px 0 7px 24px; }
.wp-caption.alignright { margin: 7px 0 7px 14px; }
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; }
.wp-caption { margin-bottom: 24px; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 0; }
.wp-caption { color: #222; }
.wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; }
.wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; }
.hide { display: none; }
/* Go top */
.gotop { background-color: #333; opacity: 0.8; color: #FFF; z-index: 9999999999999999999; border-radius: 2px; width: 40px; height: 40px; text-align: center; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; overflow: auto; box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.08); }
.gotop i { font-size: 20px; line-height: 40px; font-weight: normal; }
.gotop:hover { background-color: #ff304e; }
/**
 * warp ================================================== */
#warp { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bd-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1140px; margin-right: auto; margin-left: auto; position: relative; }
.bd-main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 780px; float: right; margin-bottom: 50px; overflow: hidden; }
.rtl .bd-main { float: left; }
.bd-sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 330px; float: left; margin-bottom: 50px; overflow: hidden; position: relative; padding: 2px 0 4px 0 }
.rtl .bd-sidebar { float: right; }
.site_sidebar_position_right .bd-main { float: left; }
.site_sidebar_position_right .bd-sidebar { float: right; }
.rtl .site_sidebar_position_right .bd-main { float: right; }
.rtl .site_sidebar_position_right .bd-sidebar { float: left; }
#warp:before, #warp:after, .bd-container:before, .bd-container:after, .bd-main:before, .bd-main:after, .bd-sidebar:before, .bd-sidebar:after { content: " "; display: table; }
#warp:after, .bd-container:after { clear: both; }
/**
 * top ================================================== */
.top-bar { min-height: 35px; background-color: #262627; }
.top-search { position: relative; overflow: hidden; float: right; width: 180px; height: 35px; margin-left: 10px; background-color: #ff304e; }
.rtl .top-search { float: left; margin-left: 0; margin-right: 10px; }
.top-search input { border: 0 none; background: none; margin: 0; margin-left: 10px; padding: 7px 0 8px; min-height: 35px; width: 130px; color: #FFF; }
.rtl .top-search input { margin-left: auto; margin-right: 10px; }
.top-search button { background: none; border: 0; padding: 0; margin: 0; width: 35px; height: 35px; border-radius : 0; text-align: center; position: absolute; right: 0; top: 0; box-shadow: none !important; }
.top-search button i { font-size: 18px; font-weight: normal; margin-top: 0; }
.rtl .top-search button { right: auto; left: 0; }
/* Top social */
.top-social { float: right; line-height: 0; padding-top: 1px; }
.rtl .top-social { float: left; }
.top-social .social-icons a i { background: transparent !important; color: #FFF; }
/* top menu */
.top-menu-area { float: left; display: block; }
.rtl .top-menu-area { float: right; }
#top-navigation select { height: 24px; line-height: 24px; padding: 3px; border-radius: 2px; margin: 5px 0 0 10px; min-width: 180px; display: none; }
.rtl #top-navigation select { margin-left: 0; margin-right: 10px; }
#top-navigation ul { display: block; }
#top-navigation ul, #top-navigation li { list-style: none; margin: 0; padding: 0; }
#top-navigation ul li { float: left; margin: 0 !important; padding: 0; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; }
.rtl #top-navigation ul#menu-top > li { float: right; margin: 0 3px 0 0 !important; border-right: 0 none; }
#top-navigation ul li i { font-size: 19px; }
#top-navigation ul#menu-top > li, #top-navigation ul#menu-top > li > a { height: 35px; line-height: 35px; }
#top-navigation ul#menu-top > li > a { font-size: 13px; padding: 0 11px; color: #AAA }
#top-navigation ul a, #top-navigation li.current-menu-ancestor a { display: block; }
#top-navigation ul#menu-top > li:hover > a, #top-navigation ul#menu-top > li.current_page_item > a, #top-navigation ul#menu-top > li.current-menu-item > a, #top-navigation ul#menu-top > li.current-menu-parent > a { color: #FFF; }
#top-navigation ul .current_page_item a, #top-navigation ul .current-menu-item a, #top-navigation ul > .current-menu-parent a { text-decoration: none; }
#top-navigation ul li { position: relative; }
#top-navigation ul ul { display: none; position: absolute; top: 35px; left: 0; width: 200px; z-index: 99999; background: #fbfbfb; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.rtl #top-navigation ul ul { left: auto; right: 0; }
#top-navigation ul li:hover ul { display: block; }
#top-navigation ul li ul li { display: block; float: none !important; margin: 0 !important; padding: 0; height: auto; border: 0 none; border-top: 1px #FFF solid; border-bottom: 1px #f0f0f0 solid; }
#top-navigation ul li ul li:first-child { border-top: 0; }
#top-navigation ul li ul li:last-child { border-bottom: 0; }
#top-navigation ul li ul li a { display: block; height: auto; color: #707070 !important; padding: 7px 11px 9px 11px; font-size: 13px; line-height: 20px; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; }
#top-navigation ul li ul li a:hover, #top-navigation ul li ul li.current-menu-item a { background-color: #FFF; color: #3A4145 !important; }
#top-navigation ul ul ul { display: none !important; }
#top-navigation ul ul li:hover ul { display: block !important; top: 0; left: 200px; }
.rtl #top-navigation ul ul li:hover ul { left: auto; right: 200px; }
/**
 * header =============================================== */
.bd-header { display: block; }
.admin-bar .bd-header { }
.header { margin-top: 35px; margin-bottom: 50px; clear: both; }
.header .logo { float: left; line-height: 0; }
.header .logo a { display: block; }
.rtl .header .logo { float: right; }
.logo-name { font-size: 37px; line-height: 37px; font-weight: normal !important; text-transform: capitalize; font-family: 'SugarPie', "Open Sans", Tahoma, sans-serif }
/* Navigation */
#navigation { font-size: 13px; float: right; margin-top: 5px; }
#navigation select { display: none; width: 280px; height: 35px; line-height: 35px; padding: 8px; border-radius: 3px; margin: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.rtl #navigation { float: left; }
#navigation ul { display: block; }
#navigation ul, #navigation li { list-style: none; margin: 0; padding: 0; }
#navigation ul li { float: left; margin: 0 2px 0 0; padding: 0; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; border-radius: 2px; }
.rtl #navigation ul#menu-nav > li { float: right; margin: 0 0 0 2px; border-right: 0 none; }
#navigation ul li i { font-size: 19px; }
#navigation ul#menu-nav > li > a { border: 2px transparent solid; }
#navigation ul#menu-nav > li > a { height: 31px; line-height: 31px; }
#navigation ul#menu-nav > li > a { font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 9px; border-radius: 3px; }
#navigation ul a, #navigation li.current-menu-ancestor a { display: block; }
#navigation ul#menu-nav > li:hover, #navigation ul#menu-nav > li.current_page_item, #navigation ul#menu-nav > li.current-menu-item, #navigation ul#menu-nav > li.current-menu-paren, #navigation ul#menu-nav > li.current-menu-ancestor > a { background-color: #ff304e;  }
#navigation ul#menu-nav > li:hover > a, #navigation ul#menu-nav > li.current_page_item > a, #navigation ul#menu-nav > li.current-menu-item > a, #navigation ul#menu-nav > li.current-menu-paren > a, #navigation ul#menu-nav > li.current-menu-ancestor > a { color: #FFF; }
#navigation ul .current_page_item a, #navigation ul .current-menu-item a, #navigation ul > .current-menu-parent a { text-decoration: none; }
#navigation ul li { position: relative; }
#navigation ul ul { display: none; position: absolute; top: 35px; left: 0; width: 200px; z-index: 99999; background: #FFF; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }
.rtl #navigation ul ul { left: auto; right: 0; }
#navigation ul li:hover ul { display: block; }
#navigation ul li ul li { display: block; float: none !important; margin: 0; padding: 0; height: auto; border: 0 none; border-top: 1px #FFF solid; border-bottom: 1px #F0F0F0 solid; }
#navigation ul li ul li:first-child { border-top: 0; }
#navigation ul li ul li:last-child { border-bottom: 0; }
#navigation ul li ul li a { display: block; height: auto; color: #707070 !important; padding: 7px 11px 9px 11px; line-height: 20px; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; }
#navigation ul li ul li a:hover, #navigation ul li ul li.current-menu-item a { background-color: #F9F9F9; color: #3A4145 !important; }
#navigation ul ul ul { display: none !important; }
#navigation ul ul li:hover ul { display: block !important; top: 0; left: 200px; }
.rtl #navigation ul ul li:hover ul { left: auto; right: 200px; }
/* oops */
.oops { font-size: 135px; line-height: 140px; text-align: center; margin-bottom: 40px; margin-top: 50px; }
.oops-meta { font-weight: 400; font-size: 21px; line-height: 30px; text-align: center; margin-bottom: 50px; padding: 0 24px; }
/**
 * Tipsy ================================================ */
a.ttip, a.tooldown { display: inline-block;  }
.tipsy { font-size: 12px; line-height: 14px; position: absolute; padding: 5px; z-index: 100000;  }
.tipsy-inner { background-color: #232323; color: #FFF; max-width: 200px; padding: 8px; text-align: center; border-radius: 2px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #232323; }
.tipsy-arrow-n { border-bottom-color: #232323; }
.tipsy-arrow-s { border-top-color: #232323; }
.tipsy-arrow-e { border-left-color: #232323; }
.tipsy-arrow-w { border-right-color: #232323; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; cursor: help; }
/**
 * Social links ========================================= */
.social-icons, .social-header { line-height: 0 !important; padding: 0 !important; margin: 0 !important; position: relative; }
.social-icons a { margin: 2px; margin-left: -2px; display: inline-block; overflow: hidden; line-height: 0; }
.social-icons a i { font-size: 15px; color: #FFF; display: block; text-align: center; overflow: hidden; border-radius: 2px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; width: 29px; height: 29px; line-height: 29px !important; }
.social-icons a i.icon-home { background: #4e5462; }
.social-icons a i.social_icon-facebook { background: #3c5b9b; }
.social-icons a i.social_icon-twitter { background: #359bed; }
.social-icons a i.social_icon-rss { background: #fd9f13; }
.social-icons a i.social_icon-google { background: #d44132; }
.social-icons a i.social_icon-pinterest { background: #cb2027; }
.social-icons a i.social_icon-myspace { background: #2e9fdf; }
.social-icons a i.social_icon-dribbble { background: #d97aa5; }
.social-icons a i.social_icon-linkedin { background: #91c9db; }
.social-icons a i.social_icon-evernote { background: #8ac979; }
.social-icons a i.social_icon-flickr { background: #db97be; }
.social-icons a i.social_icon-youtube { background: #f16361; }
.social-icons a i.social_icon-skype { background: #38c3f2; }
.social-icons a i.social_icon-digg { background: #4ea1d9; }
.social-icons a i.social_icon-reddit { background: #7fc1d7; }
.social-icons a i.social_icon-delicious { background: #5a91de; }
.social-icons a i.social_icon-stumbleupon { background: #e36644; }
.social-icons a i.social_icon-tumblr { background: #4e7da2; }
.social-icons a i.social_icon-vimeo { background: #87d3e0; }
.social-icons a i.social_icon-blogger { background: #fbc95d; }
.social-icons a i.social_icon-wordpress { background: #dddcdc; }
.social-icons a i.social_icon-yelp { background: #c64947; }
.social-icons a i.social_icon-lastfm { background: #c35252; }
.social-icons a i.social_icon-grooveshark { background: #2ab8ed; }
.social-icons a i.social_icon-xing { background: #639d71; }
.social-icons a i.social_icon-posterous { background: #e7c16f; }
.social-icons a i.social_icon-deviantart { background: #95a595; }
.social-icons a i.social_icon-openid { background: #fb915d; }
.social-icons a i.social_icon-behance { background: #18ace3; }
.social-icons a i.social_icon-instagram { background: #c8c5b3; }
.social-icons a i.social_icon-paypal { background: #4ea1d9; }
.social-icons a i.social_icon-spotify { background: #6fcb57; }
.social-icons a i.social_icon-viadeo { background: #9ec7d5; }
.social-icons a i.social_icon-googleplay { background: #ce5452; }
.social-icons a i.social_icon-forrst { background: #64bb8d; }
.social-icons a i.social_icon-vk { background: #568bb0; }
.social-icons a i.social_icon-appstore { background: #cdcccb; }
.social-icons a i.social_icon-amazon { background: #f0b22e; }
.social-icons a i.social_icon-soundcloud { background: #f35839; }
.social-icons a i:hover { background: #FFF; }
.social-icons a i.icon-home:hover { color: #4e5462; }
.social-icons a i.social_icon-facebook:hover { color: #3c5b9b; }
.social-icons a i.social_icon-twitter:hover { color: #359bed; }
.social-icons a i.social_icon-rss:hover { color: #fd9f13; }
.social-icons a i.social_icon-google:hover { color: #d44132; }
.social-icons a i.social_icon-pinterest:hover { color: #cb2027; }
.social-icons a i.social_icon-myspace:hover { color: #2e9fdf; }
.social-icons a i.social_icon-dribbble:hover { color: #d97aa5; }
.social-icons a i.social_icon-linkedin:hover { color: #91c9db; }
.social-icons a i.social_icon-evernote:hover { color: #8ac979; }
.social-icons a i.social_icon-flickr:hover { color: #db97be; }
.social-icons a i.social_icon-youtube:hover { color: #f16361; }
.social-icons a i.social_icon-skype:hover { color: #38c3f2; }
.social-icons a i.social_icon-digg:hover { color: #4ea1d9; }
.social-icons a i.social_icon-reddit:hover { color: #7fc1d7; }
.social-icons a i.social_icon-delicious:hover { color: #5a91de; }
.social-icons a i.social_icon-stumbleupon:hover { color: #e36644; }
.social-icons a i.social_icon-tumblr:hover { color: #4e7da2; }
.social-icons a i.social_icon-vimeo:hover { color: #87d3e0; }
.social-icons a i.social_icon-blogger:hover { color: #fbc95d; }
.social-icons a i.social_icon-wordpress:hover { color: #dddcdc; }
.social-icons a i.social_icon-yelp:hover { color: #c64947; }
.social-icons a i.social_icon-lastfm:hover { color: #c35252; }
.social-icons a i.social_icon-grooveshark:hover { color: #2ab8ed; }
.social-icons a i.social_icon-xing:hover { color: #639d71; }
.social-icons a i.social_icon-posterous:hover { color: #e7c16f; }
.social-icons a i.social_icon-deviantart:hover { color: #95a595; }
.social-icons a i.social_icon-openid:hover { color: #fb915d; }
.social-icons a i.social_icon-behance:hover { color: #18ace3; }
.social-icons a i.social_icon-instagram:hover { color: #c8c5b3; }
.social-icons a i.social_icon-paypal:hover { color: #4ea1d9; }
.social-icons a i.social_icon-spotify:hover { color: #6fcb57; }
.social-icons a i.social_icon-viadeo:hover { color: #9ec7d5; }
.social-icons a i.social_icon-googleplay:hover { color: #ce5452; }
.social-icons a i.social_icon-forrst:hover { color: #64bb8d; }
.social-icons a i.social_icon-vk:hover { color: #568bb0; }
.social-icons a i.social_icon-appstore:hover { color: #cdcccb; }
.social-icons a i.social_icon-amazon:hover { color: #f0b22e; }
.social-icons a i.social_icon-soundcloud:hover { color: #f35839; }
/**
 * Review ============================================ */
div#bd-review-wrapper { width: 50%; float: left; background-color: #f9f9f9; overflow: hidden; position: relative; margin: 0 0 0 0; display: block; }
.rtl div#bd-review-wrapper { float: right; }
div#bd-review-wrapper.bd-review-placement-t { margin-right: 30px; }
.rtl div#bd-review-wrapper.bd-review-placement-t { margin-right: 0; margin-left: 30px; }
@media only screen and (min-width: 480px) and (max-width: 659px) {
    div#bd-review-wrapper { width: 100% !important; }
    div#bd-review-wrapper.bd-review-placement-t { margin-right: 0; }
    .rtl div#bd-review-wrapper.bd-review-placement-t { margin-left: 0; }
}
@media only screen and (max-width: 479px) {
    div#bd-review-wrapper { width: 100% !important; }
    div#bd-review-wrapper.bd-review-placement-t { margin-right: 0; }
    .rtl div#bd-review-wrapper.bd-review-placement-t { margin-left: 0; }
}
.bd-review-placement-bottom { width: 100% !important; margin: 10px 0 24px !important; }
div.bd-review-criteria { position: relative; overflow: hidden; display: block; padding: 6px 15px; margin: 0; font-size: 13px !important; border-bottom: 1px #f0f0f0 solid; }
div.bd-review-criteria.bd-criteria-percent { background: none !important; border: none !important; }
span.bd-criteria-percentage { background: #ff304e; color: #ff304e !important; display: block; border-radius: 2px; height: 30px; clear: both; float: left; overflow: hidden; text-indent: -9999999px; }
span.bd-criteria-description { float: left; display: block; overflow: hidden; }
div.bd-review-criteria.bd-criteria-percent span.bd-criteria-description { float: left; position: absolute; left: 0; top: 0; z-index: 8888; display: block; overflow: hidden; margin: 8px 0 0 25px; color: #FFF; }
span.bd-criteria-star-under { float: right; width: 98px; display: block; background: url(images/stars.png) no-repeat left bottom; height: 22px; }
span.bd-criteria-star-top { width: 100%; display: block; background: url(images/stars.png) no-repeat left top !important; height: 22px; float: left; }
div.bd-review-summary { background-color: #F9f9f9; }
div.bd-review-summary.bd-final-score-percent { position: relative; overflow: hidden; width: 100%; display: block; }
div.bd-review-summary.bd-final-score-stars { position: relative; overflow: hidden; }
div#bd-criteria-final-score { text-align: center; display: block; padding: 3px 10px !important; margin-bottom: 10px; }
div#bd-criteria-final-score h4 { margin: 0; padding: 0; margin-bottom: 0 !important; font-size: 15px; font-weight: 700; text-transform: uppercase; }
div#bd-criteria-final-score h3 { margin: 0; padding: 0; margin-bottom: 0 !important; font-size: 21px; padding-top: 10px; line-height: 20px; }
#bd-full-article div#bd-criteria-final-score h3 { margin: 0; text-shadow: none; }
div#bd-criteria-final-score h3 span { font-size: 18px; }
#bd-full-article div#bd-criteria-final-score h4 { margin-bottom: 4px; margin-top: 0px; text-shadow: none; }
span#bd-final-score-stars-under { margin-top: 10px; width: 98px; display: inline-block; background: url(images/stars.png) no-repeat left bottom; height: 22px; }
span#bd-final-score-stars-top { width: 100%; display: block; background: url(images/stars.png) no-repeat left top; height: 22px; float: left; }
div#bd-short-summary { padding: 7px 10px; font-size: 13px; background-color: #f4f4f4; border-bottom: 1px #f0f0f0 solid; margin-bottom: 10px; }
div#bd-short-summary p { margin: 0; padding: 4px 0 6px; font-size: 12px; line-height: 18px; font-family: Tahoma; color: #777; }
.user-review-rating { position: relative; }
.bd-user-review-criteria { padding: 7px 10px; background-color: #f4f4f4; border-top: 1px #f0f0f0 solid; color: #999; position: relative; font-size: 11px !important; }
.bd-user-review-criteria em { font-size: 11px; }
#bd-review-header { display: block; padding: 7px 15px; min-height: 28px; background-color: #f4f4f4; border-bottom: 1px #f0f0f0 solid; }
#bd-review-header h4 { margin-bottom: 0; }
#bd-review-header h4 { display: block; margin: 0; padding: 0; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 28px; }
span.bd-module-a-stars-under { width: 98px; display: block; background: url(images/stars.png) no-repeat left bottom; height: 22px; padding: 0 !important; }
span.bd-module-a-stars-over { width: 100%; display: block; background: url(images/stars.png) no-repeat left top; height: 22px; float: left; }
span.leading-article.bd-module-a-stars-under { width: 98px; display: block; background: url(images/stars.png) no-repeat left bottom; height: 22px; }
span.leading-article.bd-module-a-stars-over { width: 100%; display: block; background: url(images/stars.png) no-repeat left top; height: 22px; float: left; }
.widget span.bd-module-a-stars-under { display: block; position: relative; float: none; width: 50px; height: 9px; margin: 0 5px 0 0; background: url(images/star-sprite-small.png) scroll transparent no-repeat left bottom; }
.widget span.bd-module-a-stars-over { display: block; position: absolute; top: 0; left: 0; float: left; height: 9px; background: url(images/star-sprite-small.png) scroll transparent no-repeat left top; }
.widget span.leading-article.bd-module-a-stars-under { display: inline-block; position: relative; width: 50px; height: 9px; overflow: hidden; float: none; background: url(images/star-sprite-small.png) scroll transparent no-repeat left bottom; }
.widget span.leading-article.bd-module-a-stars-over { display: block; position: absolute; top: 0; left: 0; float: left; height: 9px; background: url(images/star-sprite-small.png) scroll transparent no-repeat left top; }
.rtl div#bd-short-summary p { margin: 5px 8px 5px 0; }
.rtl div#bd-criteria-final-score { right: auto; left: 0; }
.rtl .widget .post-warpper .post-meta i { margin: 0 0 0 5px; }
.rtl div.box-title-more .prev, div.box-title-more .nxt, div.box-title-more .more-plus { float: left; }
/* .rtl div.bd-review-criteria.bd-criteria-percent span.bd-criteria-description { left: auto; right: 0; } */

/**
 * blog-v1 ============================================ */
.blog-v1 article { position: relative; overflow: hidden; display: block; background-color: #FFF; box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 ); margin-right : 1px; margin-left : 1px; margin-bottom : 2px; }
article.sticky .entry-meta { display: none !important }
.blog-v1 article:first-child { margin-top: 0; }
.blog-v1 article { margin-top: 40px; padding-bottom: 30px; overflow: hidden; border-radius: 2px; }
.divider-colors { background: #ff304e; display: block; width: 100%; height: 8px; line-height: 0px; margin: 0; padding: 0; }
.blog-v1 article h1.entry-title { margin: 0; padding: 20px 35px; text-align: center; font-size: 40px; font-weight: normal; line-height: 1em; font-family: "Museo500", arial, Georgia, serif; }
.format-standard h1.entry-title, .format-audio h1.entry-title, .format-video h1.entry-title, .format-gallery h1.entry-title {  text-transform: none }
.single h1.entry-title { text-transform: none }
.blog-v1 article h1.entry-title { padding: 40px 35px 20px; }
.blog-v1 article .entry-meta { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 21px; margin-top: 0; }
.blog-v1 article .entry-meta span { padding: 0 9px; display: inline-block; background: #F9F9F9; color: #777; border-radius: 2px; margin: 1px }
.blog-v1 article .entry-meta a { color: #ff304e; }
.blog-v1 article .entry-meta a:hover { text-decoration: underline; color: inherit !important; }
.blog-v1 article .entry-content { margin: 0; padding: 0 30px 0 30px; }
.blog-v1 article .entry-content.the-content-class { margin-top: 24px; }
.blog-v1 article .entry-content img { height: auto; }
.blog-v1 article .entry-content p:last-child { margin-bottom: 0 !important; }
.blog-v1 article .post-image { display: block; position: relative; overflow: hidden; margin-bottom: -10px; }
.blog-v1 article .post-image a { display: block }
.blog-v1 article .article-formats { position: absolute; right: 10px; top: 0; display: block; background-color: #ff304e; color: #FFF; font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; padding: 0; z-index: 80; border-radius: 3px; box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.08); }
.blog-v1 article .article-formats a { color: #FFF !important; }
.rtl .blog-v1 article .article-formats { right: auto; left: 10px; }
.blog-v1 article .article-formats i { font-size: 27px; line-height: 45px; }
.cat-links { position: absolute; left: 10px; top: 0; display: block; background-color: #ff304e; color: #FFF; font-size: 13px; text-transform: uppercase; line-height: 26px; padding: 5px 15px; z-index: 80; border-radius: 3px; box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.08); }
.rtl .blog-v1 article .cat-links { left: auto; right: 10px; }
.blog-v1 article .cat-links a { color: #FFF; }
.blog-v1 article .social-shares { position: absolute; right: 0; bottom: 0; z-index: 80; width: 100%; height: 35px; overflow: hidden; display: block; }
.rtl .blog-v1 article .social-shares { right: auto; left: 0; }
.blog-v1 article .social-shares-link { display: block; width: 35px; height: 35px; text-align: center; background-color: #515e6c; color: #FFF; cursor: pointer; float: right; position: absolute; right: 0; bottom: 0; }
.rtl .blog-v1 article .social-shares-link { float: left; }
.blog-v1 article .post-share-box { float: right; width: 80%; position: absolute; right: -600px; bottom: 0 }
.rtl .blog-v1 article .post-share-box { float: left; }
.blog-v1 article .post-share-box li { float: right; text-align: center; padding: 7px 5px 0; height: auto; min-height: inherit; background-color: #FFF; }
.rtl .blog-v1 article .post-share-box li { float: left; }
.blog-v1 article .post-share-box li iframe { display: inline-block !important; line-height: 0 !important; margin: 0 auto !important; padding: 0 !important; }
.blog-v1 article .social-shares-link i { font-size: 21px; line-height: 35px; font-weight: normal !important; }
.blog-v1 article a.more-link { margin: 0 auto; width: 100px; display: block; }
/* flexslider */
.flexslider ul.flex-direction-nav { position: absolute; left: 6px; bottom: 6px; z-index: 80; width: 74px; }
.rtl .flexslider ul.flex-direction-nav { left: auto; right: 6px; }
.flexslider ul.slides, .flexslider ul.slides li, .flexslider ul.flex-direction-nav, .flexslider ul.flex-direction-nav li { list-style: none !important; margin: 0; padding: 0; }
.flexslider ul.flex-direction-nav li { float: left; }
.flexslider ul.flex-direction-nav li a { display: block; width: 34px; height: 34px; background-color: rgba(0,0,0,0.1); text-align: center; border-radius: 4px; }
.flexslider ul.flex-direction-nav li a:hover { background-color: rgba(0,0,0,0.2) !important; -webkit-transform: scale(1.2); transform: scale(1.2); transition: all ease-in-out 0.18s; }
.flexslider ul.flex-direction-nav li a.flex-next { margin-left: 2px; }
.flexslider ul.flex-direction-nav li a i { font-size: 14px; font-weight: 300; line-height: 34px; color: #FFF; }
.flexslider ul.slides li { display: none; }
.flexslider ul.slides li a { display: block }
.post-image { min-height: 160px; display: block; overflow: hidden; line-height: 0; }
.post-image iframe { margin-bottom: 0 !important; }
.post-image a, .post-image img { -webkit-transition: 700ms; -moz-transition: 700ms; -o-transition: 700ms; transition: 700ms; overflow: hidden; }
.post-image a, .post-image img { margin: 0 auto; width: 100%; max-width: 100%; height: auto; line-height: 0 }
.soundcloud-box { background: transparent !important; padding: 24px 24px 0 24px; height: auto !important; }
.soundcloud-box iframe { margin: 0; padding: 0; max-width: 100%; height: auto !important; }
.format-link .entry-content, .format-quote .q-content { text-align: center; }
.single .format-quote .q-content { margin-bottom: 20px; }
.format-quote .entry-content p, .format-quote .q-content p { margin: 0 !important }
.format-link .entry-title { text-transform: uppercase; }
.format-aside .entry-content { padding-top: 24px !important; }
.format-quote h1.entry-title { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: normal !important; }
/* Post */
.entry-content { font-size: 15px; font-weight: 400; }
/**
 * pagenavi
 */
.pagenavi { float: right; margin-top: 30px; font-size: 11px; line-height: 25px; }
.pagenavi a, .pagenavi span.pagenavi-current { display: inline-block; padding: 3px 12px; text-align: center; background-color: #FFF; border: 1px #f0f0f0 solid; color: #777; border-radius: 2px; margin-left: 5px; }
.pagenavi span.pagenavi-current { border: 1px solid #ff304e; background-color: #ff304e; color: #FFF; }
.pagenavi a:hover { border: 1px solid #ff304e; color: #ff304e; }
/* Footer */
.footer { text-align: center; font-size: 12px; line-height: 18px; min-height: 40px; }
.rtl .footer { }
/* widget */
.widget { position: relative; margin-top: 30px; background-color: #FFF; padding: 20px 15px; box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 ); margin-right : 1px; margin-left : 1px; margin-bottom : 2px; border-radius: 4px; }
.widget.widget-social-links { text-align: center; line-height: 0 }
.widget.bd-counter-widget { text-align: center; }
.widget a:hover { color: #ff304e; }
.widget embed, .widget iframe, .widget object, .widget video { margin: 0; padding: 0; line-height: 0; }
.widget select { width: 100%; height: 34px; padding: 7px; border: 1px #f0f0f0 solid; border-radius: 3px; margin: 0; }
.widget table, .widget p { margin: 0; padding: 0; }
.widget img { max-width: 100%; width: 100%; height: auto; }
.widget .widget-title h2 { margin: 0 0 15px 0; padding: 5px 10px; font-size: 16px;  text-transform: uppercase; letter-spacing: -1px; line-height: 1 }
.widget .widget-title h2 b { font-weight:  600; }
.widget img:hover { opacity: 0.8; transition: all 0.18s; }
.widget:first-child { margin-top: 0; }
.widget .widget-inner, .widget .tabs_content { padding: 5px 10px; position: relative; }
.widget .widget-inner ul, .widget .widget-inner li, .widget .widget-inner ol { list-style: none; margin: 0; padding: 0; }
.widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_recent_entries ul li { font-size: 15px; margin: 0; padding: 8px 0 !important; width: 100%; border-bottom: 1px dotted rgba(0, 0, 0, 0.15); }
.widget_archive ul li:first-child, .widget_categories ul li:first-child, .widget_meta ul li:first-child, .widget_recent_entries ul li:first-child { border-top: 0 none; margin-top: -5px; padding-top: 0; }
.widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_meta ul li:last-child, .widget_recent_entries ul li:last-child { border-bottom: 0 none; padding-bottom: 0; }
/* Tags */
.tagcloud a { background-color: #AAAAAA; border-radius: 2px; color: #FFFFFF !important; display: inline-block; font-size: 12px; line-height: 18px; margin: 0 1px 1px 0; padding: 4px 7px; position: relative; text-transform: uppercase; text-decoration: none !important; }
.tagcloud a:hover { background: #ff304e; color: #FFFFFF !important; }
/* calendar */
#wp-calendar { border-spacing: 5px; float: left; margin-bottom: 0; width: 100%; text-align: center; }
.rtl #wp-calendar { float: right; }
#wp-calendar thead { border-radius: 3px; }
#wp-calendar thead tr { font-size: 12px; }
#wp-calendar tbody { text-align: center; }
#wp-calendar caption { font-size: 12px; font-weight: 400; margin-bottom: 8px; margin-top: -7px; text-transform: uppercase; text-align: center; }
#wp-calendar tbody td { margin: 0; padding: 4px; }
/* Tabs */
.tab_container { display: none; }
#tab1 { display: block; }
ul.tabs_nav, ul.tabs_nav li { margin: 0; padding: 0; list-style: none; }
ul.tabs_nav { display: block; text-align: center; margin-bottom: 20px; }
ul.tabs_nav li { display: inline-block; }
ul.tabs_nav li a i { font-size: 20px; }
ul.tabs_nav li a { padding: 0 8px; display: block; font-size: 16px; text-transform: uppercase; font-weight: bold; height: 34px; line-height: 34px; }
ul.tabs_nav li.active a { color: #ff304e; }
/* post-warpper */
.widget .widget-posts-lists .post-warpper { margin-top: 15px; min-height: 55px; display: block; position: relative; clear: both; overflow: hidden; }
.widget .widget-posts-lists { }
.widget .widget-posts-lists .post-warpper:first-child { margin-top: 0; }
.widget .widget-posts-lists .post-warpper h3 { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 15px; line-height: 18px; font-weight: 400; border-bottom: 1px #f0f0f0 dotted; border-bottom-color: rgba(0,0,0,0.15); }
/* .widget .widget-posts-lists .post-warpper:last-child h3 { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; } */
.widget .widget-posts-lists .post-warpper .post-thumb { margin: 0 10px 0 0; position: absolute; left: 0; top: 0; width: 55px; height: 55px; overflow: hidden }
.widget .widget-posts-lists .post-warpper .post-thumb img.avatar { border-radius: 100%; }
.rtl .widget .widget-posts-lists .post-warpper .post-thumb { left: auto; right: 0; margin: 0 0 0 10px; }
.widget .widget-posts-lists .post-warpper .post-caption { padding-left: 70px; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.rtl .widget .widget-posts-lists .post-warpper .post-caption { padding-left: 0; padding-right: 70px; float: right; }
.widget .widget-posts-lists .post-warpper.no-thumb .post-caption { padding-left: 0; }
.rtl .widget .widget-posts-lists .post-warpper.no-thumb .post-caption { padding-right: 0; }
.widget .widget-posts-lists .post-warpper .post-meta { font-size: 12px; line-height: 15px; text-transform: uppercase; color: #999; color: rgba(0,0,0,0.35); }
.widget .widget-posts-lists .post-warpper .post-meta .meta-date { margin-right: 7px; }
/* Social Counter */
#social-counter-widget { padding: 0 !important; margin-bottom: 0 !important; overflow: hidden; clear: both; display: block; position: relative; }
#social-counter-widget ul.social-counter-widget { }
#social-counter-widget ul.social-counter-widget, #social-counter-widget ul.social-counter-widget li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#social-counter-widget ul.social-counter-widget li { display: inline-block; }
#social-counter-widget ul.social-counter-widget li a { display: block; overflow: hidden; color: #282a2b; }
#social-counter-widget ul.social-counter-widget li a i { margin: 0 0 10px 0; }
#social-counter-widget ul.social-counter-widget li a span { font-size: 16px !important; font-family: inherit; line-height: 22px !important; font-weight: normal !important; }

#social-counter-widget.style1-SC ul.social-counter-widget li a span {
    font-size: 14px !important;
    font-family: inherit;
    line-height: 22px !important;
    font-weight: normal !important;
    background: #f7f7f7;
    border-radius: 2px;
    margin: 0 2px;
}

#social-counter-widget ul.social-counter-widget li a small { color: #c1c1c1; }
/* Style 1 */
#social-counter-widget.style1-SC { background-color: #FFF; border-radius: 3px; }
#social-counter-widget.style1-SC li { display: block; width: 33%; overflow: hidden; float: left; }
#social-counter-widget.style1-SC li a { display: inline-block; text-align: center; overflow: hidden; }
#social-counter-widget.style1-SC li a i, #social-counter-widget.style1-SC li a span, #social-counter-widget.style1-SC li a small { clear: both; display: block; }
#social-counter-widget.style1-SC ul.social-counter-widget li a i { color: #FFF !important; display: inline-block !important; width: 50px !important; height: 50px !important; line-height: 50px !important; vertical-align: middle; text-align: center; font-size: 28px; overflow: hidden; border-radius: 100px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; }
#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss { background: #faa33d; }
#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter { background: #45b0e3; }
#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook { background: #39599f; }
#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google { background: #fa0101; }
#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube { background: #cc181e; }
#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo { background: #44bbff; }
#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud { background: #F76700; }

#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-instgram a i.icon.social_icon-instagram { background: #3f729b; }

#social-counter-widget.style1-SC ul.social-counter-widget li a:hover i.icon { background: #232323 !important; }
/* Style 2 */
#social-counter-widget.style2-SC { padding: 0; }
#social-counter-widget.style2-SC ul.social-counter-widget li { display: block; width: 100%; overflow: hidden; margin: 0 0 3px 0 !important; border-radius: 2px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; }
#social-counter-widget.style2-SC li a { display: block; text-align: left; padding: 5px; overflow: hidden; }
#social-counter-widget.style2-SC ul.social-counter-widget li a i.icon, #social-counter-widget.style2-SC ul.social-counter-widget li a span, #social-counter-widget.style2-SC ul.social-counter-widget li a small { float: left; line-height: 35px !important; }
#social-counter-widget.style2-SC ul.social-counter-widget li a i.icon { color: #FFF; margin: 0 0 0 0 !important; display: inline-block !important; width: 35px !important; height: 35px !important; text-align: center; font-size: 17px; line-height: 35px !important; font-weight: normal !important; overflow: hidden; border-radius: 100px; }
#social-counter-widget.style2-SC ul.social-counter-widget li a span { color: #FFF; padding: 0 15px }
#social-counter-widget.style2-SC ul.social-counter-widget li a small { color: #FFF; color: rgba(255,255,255, 0.7); }
#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-rss { background: #faa33d; }
#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-twitter { background: #40bff5; }
#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-facebook { background: #5d82d1; }
#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-gplus { background: #eb5e4c; }
#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-youtube { background: #ef4e41; }
#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-vimo { background: #35c6ea; }
#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-soundcloud { background: #ff7e30; }
#social-counter-widget.style2-SC ul.social-counter-widget li:hover { background: #232323 !important; }
#social-counter-widget.style2-SC ul.social-counter-widget li:hover a small { color: #FFF !important; }
/* Style 3 */
#social-counter-widget.style3-SC { background-color: #FFF; border-radius: 3px; padding: 10px 0 !important; }
#social-counter-widget.style3-SC ul.social-counter-widget li a span { font-size: 13px !important; }
#social-counter-widget.style3-SC li { display: block; width: 24%; overflow: hidden; float: left; }
#social-counter-widget.style3-SC li a { display: inline-block; text-align: center; padding: 10px 0; }
#social-counter-widget.style3-SC li a i, #social-counter-widget.style3-SC li a span, #social-counter-widget.style3-SC li a small { clear: both; display: block; }
#social-counter-widget.style3-SC ul.social-counter-widget li a i { color: #FFF !important; display: inline-block !important; width: 35px !important; height: 35px !important; text-align: center; font-size: 17px; line-height: 35px !important; overflow: hidden; border-radius: 100px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; }
#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss { background: #faa33d; }
#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter { background: #40bff5; }
#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook { background: #5d82d1; }
#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google { background: #eb5e4c; }
#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube { background: #ef4e41; }
#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo { background: #35c6ea; }
#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud { background: #ff7e30; }
#social-counter-widget.style3-SC ul.social-counter-widget li a:hover i.icon { background: #232323 !important; }
/* Style 4 */
#social-counter-widget.style4-SC { padding: 0; }
#social-counter-widget.style4-SC ul.social-counter-widget li { display: block; clear: both; overflow: hidden; margin: 1px 1px 3px 1px !important; border-radius: 2px; background-color: #FFF; border: 0 none !important; }
#social-counter-widget.style4-SC ul.social-counter-widget li:last-child { }
#social-counter-widget.style4-SC li a { display: block; text-align: left; padding: 5px; overflow: hidden; }
.rtl #social-counter-widget.style4-SC li a { text-align: right }
#social-counter-widget.style4-SC ul.social-counter-widget li a span { font-size: 14px !important; }
#social-counter-widget.style4-SC ul.social-counter-widget li a i.icon, #social-counter-widget.style4-SC ul.social-counter-widget li a span, #social-counter-widget.style4-SC ul.social-counter-widget li a small { float: left; line-height: 30px !important; }
.rtl #social-counter-widget.style4-SC ul.social-counter-widget li a i.icon, .rtl #social-counter-widget.style4-SC ul.social-counter-widget li a span, .rtl #social-counter-widget.style4-SC ul.social-counter-widget li a small { float: right }
#social-counter-widget.style4-SC ul.social-counter-widget li a i.icon { color: #FFF; margin: 0 !important; display: inline-block !important; width: 30px !important; height: 30px !important; text-align: center; font-size: 17px; line-height: 30px !important; overflow: hidden; border-radius: 100%; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; }
#social-counter-widget.style4-SC ul.social-counter-widget li a span { padding: 0 4px 0 13px }
.rtl #social-counter-widget.style4-SC ul.social-counter-widget li a span { padding: 0 13px 0 4px }
#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss { background: #faa33d; }
#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter { background: #40bff5; }
#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook { background: #5d82d1; }
#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google { background: #eb5e4c; }
#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube { background: #ef4e41; }
#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo { background: #35c6ea; }
#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud { background: #ff7e30; }
#social-counter-widget.style4-SC ul.social-counter-widget li a:hover i.icon { background: #999 !important; }
/* Feedburner */
.bd-feedburner form { margin-top: 15px; }
.bd-feedburner form input { padding: 10px 10px 11px; margin-bottom: 10px; overflow: hidden; width: 98%; }
/* Ads 125 */
div.widget.ad_125_125 div.ads125 div.ads-content { width: 50%; float: left; display: inline-block; text-align: center; padding: 5px 0; }
/* Ads 120 x 600 */
div.widget.ad_120_600 div.ads120 div.ads-content { width: 50%; float: left; display: inline-block; text-align: center; }
/* Ads 250 */
div.widget.ad_250_250 div.ads250 div.ads-content { width: 100%; float: left; display: inline-block; text-align: center; padding: 0; }
/* Ads 250 */
div.widget.ad_300_300 div.ads300 div.ads-content { width: 100%; float: left; display: inline-block; text-align: center; line-height: 0; }
div.widget.ad_300_300 .widget-inner { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }
div.widget.no-bg.ads300 { background: none; padding: 0; text-align: center; }
/* news-in-pic */
.widget.bd-news-in-pic .widget-inner, .widget.flickr { line-height: 0; }
.widget.bd-news-in-pic .post-thumb, .widget.flickr .post-thumb { display: block; float: left; padding: 1px; width: 66px; height: 66px; line-height: 0; overflow: hidden; }
.rtl .widget.bd-news-in-pic .post-thumb, .rtl .widget.flickr .post-thumb { float: right; }
.widget.flexslider .slider-caption { position: absolute; left: 0; bottom: 0; }
.rtl .widget.flexslider .slider-caption { left: auto; }
.widget.flexslider { padding: 0; border-radius: 0; background: none; clear: both; display: block; position: relative; overflow: hidden; box-shadow: none !important; }
.widget.flexslider ul.flex-direction-nav { left: auto; right: 6px; top: 6px; }
.rtl .widget.flexslider ul.flex-direction-nav { left: 6px; right: auto; }
.widget.flexslider .slides li .slider-caption { background-color: rgba(0,0,0,0.5); color: #FFF; line-height: 20px; padding: 8px 10px 9px 10px; margin: 0; display: block; position: absolute; bottom: 0px; left: 0; z-index: 999; }
.rtl .widget.flexslider .slides li .slider-caption { left: auto; right: 0; }
.widget.flexslider .slides li .slider-caption a { color: #FFF; }
/* Thumb Effects */
.widget .post-thumb, #related-posts .post-item { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: uk-scale-up; -moz-animation-name: uk-scale-up; -o-animation-name: uk-scale-up; animation-name: uk-scale-up; }
.uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear }
.uk-animation-scale-up { -webkit-animation-name: uk-scale-up; animation-name: uk-scale-up }
.uk-animation-scale-down { -webkit-animation-name: uk-scale-down; animation-name: uk-scale-down }
.uk-animation-slide-top { -webkit-animation-name: uk-slide-top; animation-name: uk-slide-top }
.uk-animation-slide-bottom { -webkit-animation-name: uk-slide-bottom; animation-name: uk-slide-bottom }
.uk-animation-slide-left { -webkit-animation-name: uk-slide-left; animation-name: uk-slide-left }
.uk-animation-slide-right { -webkit-animation-name: uk-slide-right; animation-name: uk-slide-right }
.uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake }
.uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse }
@-webkit-keyframes uk-fade { 0% {
    opacity:0
}
    100% {
        opacity:1
    }
}
@keyframes uk-fade { 0% {
    opacity:0
}
    100% {
        opacity:1
    }
}
@-webkit-keyframes uk-scale-up { 0% {
    opacity:0;
    -webkit-transform:scale(0.2)
}
    100% {
        opacity:1;
        -webkit-transform:scale(1)
    }
}
@keyframes uk-scale-up { 0% {
    opacity:0;
    transform:scale(0.2)
}
    100% {
        opacity:1;
        transform:scale(1)
    }
}
@-webkit-keyframes uk-scale-down { 0% {
    opacity:0;
    -webkit-transform:scale(1.8)
}
    100% {
        opacity:1;
        -webkit-transform:scale(1)
    }
}
@keyframes uk-scale-down { 0% {
    opacity:0;
    transform:scale(1.8)
}
    100% {
        opacity:1;
        transform:scale(1)
    }
}
@-webkit-keyframes uk-slide-top { 0% {
    opacity:0;
    -webkit-transform:translateY(-100%)
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@keyframes uk-slide-top { 0% {
    opacity:0;
    transform:translateY(-100%)
}
    100% {
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes uk-slide-bottom { 0% {
    opacity:0;
    -webkit-transform:translateY(100%)
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@keyframes uk-slide-bottom { 0% {
    opacity:0;
    transform:translateY(100%)
}
    100% {
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes uk-slide-left { 0% {
    opacity:0;
    -webkit-transform:translateX(-100%)
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@keyframes uk-slide-left { 0% {
    opacity:0;
    transform:translateX(-100%)
}
    100% {
        opacity:1;
        transform:translateX(0)
    }
}
@-webkit-keyframes uk-slide-right { 0% {
    opacity:0;
    -webkit-transform:translateX(100%)
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@keyframes uk-slide-right { 0% {
    opacity:0;
    transform:translateX(100%)
}
    100% {
        opacity:1;
        transform:translateX(0)
    }
}
@-webkit-keyframes uk-shake { 0%, 100% {
    -webkit-transform:translateX(0)
}
    10% {
        -webkit-transform:translateX(-9px)
    }
    20% {
        -webkit-transform:translateX(8px)
    }
    30% {
        -webkit-transform:translateX(-7px)
    }
    40% {
        -webkit-transform:translateX(6px)
    }
    50% {
        -webkit-transform:translateX(-5px)
    }
    60% {
        -webkit-transform:translateX(4px)
    }
    70% {
        -webkit-transform:translateX(-3px)
    }
    80% {
        -webkit-transform:translateX(2px)
    }
    90% {
        -webkit-transform:translateX(-1px)
    }
}
@keyframes uk-shake { 0%, 100% {
    transform:translateX(0)
}
    10% {
        transform:translateX(-9px)
    }
    20% {
        transform:translateX(8px)
    }
    30% {
        transform:translateX(-7px)
    }
    40% {
        transform:translateX(6px)
    }
    50% {
        transform:translateX(-5px)
    }
    60% {
        transform:translateX(4px)
    }
    70% {
        transform:translateX(-3px)
    }
    80% {
        transform:translateX(2px)
    }
    90% {
        transform:translateX(-1px)
    }
}
@-webkit-keyframes uk-slide-top-fixed { 0% {
    opacity:0;
    -webkit-transform:translateY(-10px)
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@keyframes uk-slide-top-fixed { 0% {
    opacity:0;
    transform:translateY(-10px)
}
    100% {
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes uk-slide-bottom-fixed { 0% {
    opacity:0;
    -webkit-transform:translateY(10px)
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@keyframes uk-slide-bottom-fixed { 0% {
    opacity:0;
    transform:translateY(10px)
}
    100% {
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes uk-spin { 0% {
    -webkit-transform:rotate(0deg)
}
    100% {
        -webkit-transform:rotate(359deg)
    }
}
@keyframes uk-spin { 0% {
    transform:rotate(0deg)
}
    100% {
        transform:rotate(359deg)
    }
}
/* Search */
.widget.bd-search-widget form .search-text, .widget.bd-search-widget form .btn, .widget.bd-search-widget form select { margin: 0; }
.widget.bd-search-widget form .search-text { margin-right: 10px; padding: 10px; width: 195px; }
.rtl .widget.bd-search-widget form .search-text { margin-right: auto; margin-left: 10px; }
.widget.bd-search-widget form .btn { padding-left: 11px; padding-right: 11px; line-height: 34px; }
.widget.bd-search-widget form select { margin-top: 10px; }
/* Twitter */
.bd-tweets ul.tweet_list li.twitter-item { font-size: 13px; line-height: 20px; margin: 0; padding: 8px 0 !important; width: 100%; border-bottom: 1px dotted rgba(0, 0, 0, 0.15); }
.bd-tweets ul.tweet_list li.twitter-item a { color: #ff304e; }
.bd-tweets ul.tweet_list li.twitter-item a:hover { color: inherit; }
.bd-tweets ul.tweet_list li.twitter-item i { margin-right: 10px; color: #01b7ee; }
.rtl .bd-tweets ul.tweet_list li.twitter-item i { margin-right: auto; margin-left: 10px; }
.bd-tweets ul.tweet_list li.twitter-item:first-child { border-top: 0 none; margin-top: -5px; padding-top: 0; }
.bd-tweets ul.tweet_list li.twitter-item:last-child { border-bottom: 0 none; padding-bottom: 0; }
/* Login */
.widget.bd-login .login_user .avatar, .widget.bd-author-bio .avatar { float: left; width: 58px; height: 58px; margin-right: 15px; }
.rtl .widget.bd-login .login_user .avatar, .rtl .widget.bd-author-bio .avatar { float: right; margin-right: auto; margin-left: 15px; }
.widget.bd-author-bio .bio-author-desc { font-size: 13px; line-height: 21px; margin: 0 0 15px 0; padding-bottom: 15px; border-bottom: 1px dotted rgba(0, 0, 0, 0.15); }
.widget.bd-login .login_user .bio-author-desc { margin-bottom: 15px; }
.widget.bd-login .login_user .bio-author-desc a { color: #ff304e; }
.widget.bd-login .login_user .bio-author-desc a:hover { color: inherit; }
.widget.bd-login .login_user .login_list { margin-bottom: 15px; }
.widget.bd-login .login_user .login_list li { font-size: 13px; line-height: 16px; margin: 0; padding: 4px 0 !important; border-bottom: 1px dotted rgba(0, 0, 0, 0.15); }
.widget.bd-login .login_user .login_list li:last-child { border-bottom: 0 none; padding-bottom: 0; }
.widget.bd-login .login_form input, .widget.bd-login .login_form div.remember { margin-top: 10px; }
.widget.bd-login .login_form input:first-child, .widget.bd-login .login_form div.remember:first-child { margin-top: 0; }
.widget.bd-login .login_form input { padding: 9px 14px; width: 100%; }
.widget.bd-login .login_form #rememberme { width: auto; padding: 0; margin: 0; }
.widget.bd-login .login_form button { padding-left: 11px; padding-right: 11px; min-height: 34px; line-height: 34px; float: right; }
.rtl .widget.bd-login .login_form button { float: left; }
p.attachment { text-align: center; }
/* Post Ads */
.post-adv { text-align: center; display: block; overflow: hidden; margin: 10px 0 30px 0; }
.entry-content { padding: 0 30px 0 30px; }
/* Box title */
.box-title { overflow: hidden; }
.box-title h2 { margin: 0 0 15px 0; padding: 0; font-size: 18px; line-height: 26px; text-transform: uppercase; }
.page-title { overflow: hidden; text-align: center; }
.page-title h2 { margin: 0 0 24px 0; padding: 0; font-size: 33px; line-height: 43px; font-weight: bold; text-transform: uppercase; }
/* post-author-box */
.post-author-box { margin-top: 44px; }
.post-author-box .avatar { float: left; margin-right: 15px; }
.post-author-box .avatar img { overflow: hidden; border-radius: 100%; border: 4px solid rgba(0,0,0,0.05); }
.rtl .post-author-box .avatar { float: right; margin-right: auto; margin-left: 15px; }
.post-author-box p { margin-bottom: 10px; }
.post-author-box .social-icons a i { border-radius: 100%; }
.post-navigation { margin-top: 44px; width: 100%; overflow: hidden; clear: both; }
.post-navigation .post-nav-left { float: left; text-align: left; }
.rtl .post-navigation .post-nav-left { float: right; text-align: right; }
.post-navigation .post-nav-right { float: right; text-align: right; }
.rtl .post-navigation .post-nav-right { float: left; text-align: left; }
.post-navigation .post-nav-left, .post-navigation .post-nav-right { width: 300px; font-size: 13px; line-height: 16px; }
.post-navigation .post-nav-left .meta-nav, .post-navigation .post-nav-right .meta-nav { clear: both; display: block; font-size: 12px; overflow: hidden; color: #777; color: rgba(0,0,0, 0.5); margin-bottom: 5px; }
.post-navigation .post-nav-left .meta-nav i, .post-navigation .post-nav-right .meta-nav i { font-size: 20px; color: #999; color: rgba(0,0,0, 0.2); }
/* post-sharing-box */
.post-sharing-box { margin-top: 44px; clear: both; display: block; width: 100%; overflow: hidden; }
.post-sharing-box iframe { margin: 0 !important; padding: 0 !important; }
.post-sharing-box .title { float: left; margin: 0; padding: 0; font-size: 18px; line-height: 38px; font-weight: bold; text-transform: uppercase; }
.rtl .post-sharing-box .title { float: right; }
.post-sharing-box ul { float: right; list-style: none; margin: 0; padding: 0; }
.rtl .post-sharing-box ul { float: left; }
.post-sharing-box ul li { float: right; display: inline-block; margin-left: 5px; }
.rtl .post-sharing-box ul li { float: left; margin-left: auto; margin-right: 5px; }
.post-sharing-box .social-icons a i { width: 34px; height: 34px; line-height: 34px !important; border-radius: 100%; }
/* Post comment */
#respond, .comments-container, .fb-comments { margin-top: 44px; }
.comments-container ul, .comments-container li, .comments-container ol { margin: 0; padding: 0; }
.comments-container h3, .comments-container p { margin: 0; padding: 0; }
.comment-header h3 { text-transform: uppercase; font-size: 18px; line-height: 22px; }
.comment-header .comment-meta { font-size: 12px; }
.comment-header img.avatar { overflow: hidden; border-radius: 100%; border: 4px solid rgba(0,0,0,0.05); display: inline-block; float: left; margin-right: 20px; }
.rtl .comment-header img.avatar { float: right; margin-right: auto; margin-left: 20px; }
.comments-container .comment { margin-top: 24px; }
.comments-container .comment:first-child { margin-top: 0; }
.comment-body { display: block; clear: both; overflow: hidden; margin-top: 20px; }
.comment-body p { font-weight: normal; font-size: 13px; line-height: 20px; }
p.tm-js-reply { display: block; clear: both; overflow: hidden; margin-top: 15px; }
.comment-reply-link, .comment-reply-link:link, .comment-reply-link:active { font-size: 18px; color: #ff304e; }
.comment-reply-link:hover { color: inherit; }
.comment-reply-link .icon-mail-reply { margin-right: 4px; font-size: 18px; }
.form-allowed-tags { display: none; }
.comment-form p { margin-bottom: 5px; }
.comment-form p label { clear: both; display: block; font-size: 12px; margin-bottom: 3px; }
.comment-form #comment { margin-bottom: 20px; }
ul.children { margin-top: 44px; margin-left: 45px; }
.rtl ul.children { margin-left: auto; margin-right: 45px; }
/* Related */
.single-post-related { margin-top: 44px; clear: both; overflow: hidden; display: block; }
.box-title-more { float: right; display: block; overflow: hidden; width: 56px; }
.rtl .box-title-more { float: left; }
.box-title-more .nxt { float: right; }
.rtl .box-title-more .nxt { float: left; }
.box-title-more .prev { float: left; margin-right: 4px; }
.rtl .box-title-more .prev { float: right; margin-right: auto; margin-left: 4px; }
.box-title-more .prev, .box-title-more .nxt { width: 26px; height: 26px; text-align: center; }
.box-title-more .prev i, .box-title-more .nxt i { line-height: 26px; display: block; font-size: 20px; }
#related-posts .related-re_scroll { overflow: hidden; clear: both; display: block; position: relative; width: 100% !important; }
#related-posts .related-re_scroll .post-items, #related-posts .related-re_scroll { width: 100% !important; }
#related-posts .related-re_scroll .post-items, #related-posts .related-re_scroll, #related-posts .related-re_scroll .post-item { height: 171px; overflow: hidden; }
.post_full_width #related-posts .related-re_scroll .post-items, .post_full_width #related-posts .related-re_scroll, .post_full_width #related-posts .related-re_scroll .post-item { height: 250px; overflow: hidden; }
#related-posts .related-re_scroll .post-item { float: left; overflow: hidden; position: relative; display: none; width: 248px; margin-right: 2%; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; overflow-x: visible; overflow-y: visible; }
.rtl #related-posts .related-re_scroll .post-item { float: right; margin-right: auto; margin-left: 2%; }
#related-posts .related-re_scroll .post-item a { display: block; }
#related-posts .related-re_scroll .post-item img { height: auto; width: 100%; max-width: 100%; }
#related-posts .related-re_scroll .post-item.last-column { margin-right: 0; }
.rtl #related-posts .related-re_scroll .post-item.last-column { margin-right: auto; margin-left: 0; }
#related-posts .related-re_scroll .post-item .post-caption { width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 0 5px 0; text-align: center; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); }
#related-posts .related-re_scroll .post-item .post-caption, #related-posts .related-re_scroll .post-item .post-caption a { color: #FFF; text-shadow: 0 1px 0 rgba(0,0,0,.35); }
#related-posts .related-re_scroll .post-item .post-caption h3 { margin: 0; font-size: 14px; font-weight: 400; padding: 0 20px; }
#related-posts .related-re_scroll .post-item .post-caption .post-meta { font-size: 12px; opacity: .7; }
/* Pos */
.post_full_width .bd-main, .article_sidebar_position_full .bd-main { float: none; width: 100%; }
.post_full_width .bd-sidebar, .article_sidebar_position_full .bd-sidebar { display: none; }
.post_full_width .bd-main .post-image, .article_sidebar_position_full .bd-main .post-image { height: auto; }
.post_full_width .bd-main .post-image img, .article_sidebar_position_full .bd-main .post-image img { width: 100%; height: auto; }
.post_full_width #related-posts .related-re_scroll .post-items .post-item, .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { width: 363px; }
.article_sidebar_position_right .bd-main, .post_sidebar_right .bd-main { float: left !important; }
.rtl .article_sidebar_position_right .bd-main, .rtl .post_sidebar_right .bd-main { float: right !important; }
.article_sidebar_position_right .bd-sidebar, .post_sidebar_right .bd-sidebar { float: right !important; }
.rtl .article_sidebar_position_right .bd-sidebar, .rtl .post_sidebar_right .bd-sidebar { float: left !important; }
.article_sidebar_position_left .bd-main, .post_sidebar_left .bd-main { float: right !important; }
.rtl .article_sidebar_position_left .bd-main, .rtl .post_sidebar_left .bd-main { float: left !important; }
.article_sidebar_position_left .bd-sidebar, .post_sidebar_left .bd-sidebar { float: left !important; }
.rtl .article_sidebar_position_left .bd-sidebar, .rtl .post_sidebar_left .bd-sidebar { float: right !important; }
/* Header ads */
.header-adv, .footer-adv { margin-bottom: 30px; text-align: center; line-height: normal; clear: both; display: block; overflow: hidden; width: 100%; }
.header-adv img, .header-adv iframe, .footer-adv img, .footer-adv iframe { max-width: 100% !important; height: auto !important; width: 100% !important; }
/* Pages */
.taxonomy-description { margin-bottom: 44px; }
.taxonomy-description p { margin: 0 0 10px 0; font-size: 14px; line-height: 20px; }
.taxonomy-description .avatar { display: inline-block; float: left; margin-right: 15px; }
.rtl .taxonomy-description .avatar { float: right; margin-right: auto; margin-left: 15px; }
.taxonomy-description .avatar img { border-radius: 100%; }
.taxonomy-description .social-icons { margin-top: 10px !important; }
.taxonomy-description .social-icons i { border-radius: 100%; }
.taxonomy-description .bio-author-desc { padding-top: 10px; }
/* WP */
.wp-caption { }
.wp-caption-text { }
.sticky { }
.gallery-caption { }
.bypostauthor { }
.wpp-rating { }
.wpp-excerpt { }
.post-stats { }
.wpp-comments { }
.wpp-views { }
.wpp-author { font-style: italic; }
.wpp-date { }
.post-gallery, .post-image, .entry-attachment { line-height: 0; }
.post-gallery a, .post-image a, .entry-attachment a { line-height: 0; display: inline-block; }
.gallery { text-align: center; display: block; overflow: hidden; }
.gallery .gallery-item { position: relative; overflow: hidden; display: inline-block; margin: 5px; line-height: 0; min-width: 150px !important; height: auto !important }
.gallery .gallery-item a { line-height: 0; display: block; }
.gallery .gallery-item img { width: 100%; max-width: 100%; height: auto; }
.gallery-caption { padding: 5px 15px 7px; font-size: 14px; line-height: 16px; color: #FFF; background-color: #ff304e; display: inline-block; overflow: hidden; text-align: center; border-radius: 2px; margin: 5px; }
.entry-content ol, .entry-content ul { margin: 0 0 25px 10px; }
.entry-content ol li ol, .entry-content ul li ul { margin: 15px; }
.entry-content ul li { list-style: inside disc; }
.entry-content ol li { list-style: inside decimal; }
.entry-content li { margin: 0 0 5px; }
/**
 *   Short Code
 */
span.dropcap { display: block; margin: 5px 5px 0 0; float: left; font-size: 280%; font-family: Georgia, "Times New Roman", Times, serif; }
.rtl span.dropcap { margin: 5px 0 0 5px; float: right; }
/* highlight */
span.highlight { text-transform: none; background: #FFE7B8; color: #CE5810; }
/* Lists */
ul.bd_line_list, ul.bd_star_list, ul.bd_yes_list, ul.bd_no_list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
/* list line */
ul.bd_line_list li { list-style: none !important; border-top: 1px solid #f0f0f0; margin-top: 7px; padding-top: 7px; }
ul.bd_line_list li:first-child { border: none; box-shadow: none; }
ul.bd_line_list li:first-child { margin-top: 0; padding-top: 0; }
/* list star */
ul.bd_star_list li { list-style: none !important; background: url(includes/shortcode/images/list/star.png) no-repeat left center; padding: 3px 0 0 25px; margin-top: 5px; }
.rtl ul.bd_star_list li { padding: 3px 25px 0 0; background-position: right center }
ul.bd_star_list > li:first-child { margin-top: 0; }
/* list yes */
ul.bd_yes_list li { list-style: none !important; padding: 3px 0 0 25px; margin-top: 5px; }
.rtl ul.bd_yes_list li { padding: 3px 25px 0 0; }
ul.bd_yes_list li:before { display: inline-block; height: 18px; width: 18px; content: ' '; float: left; margin-right: 0; margin-left: -25px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.rtl ul.bd_yes_list li:before { float: right; margin-right: -25px; margin-left: 0; }
ul.bd_yes_list li:before { content: '\f00c'; }
ul.bd_yes_list > li:first-child { margin-top: 0; }
/* list no */
ul.bd_no_list li { list-style: none !important; background: url(includes/shortcode/images/list/no.png) no-repeat left center; padding: 0 0 0 25px; margin-top: 5px; }
.rtl ul.bd_no_list li { padding: 0 25px 0 0; background-position: right center }
ul.bd_no_list > li:first-child { margin-top: 0; }
/* table */
table { width: 100%; border-collapse: collapse; border-spacing: 2px; border: none !important; }
table th, table td { padding: 7px 11px; border: 1px solid #f0f0f0 !important; }
table th { text-align: left; background-color: #f9f9f9 !important; }
table td { background-color: #FFF !important; }
/* clear */
div.clear { clear: both; display: block; overflow: hidden; }
/* divider */
div.divider { background: #F5F5F5 !important; height: 1px; font-size: 1px; line-height: 0px; display: block; overflow: hidden; margin: 30px 0; clear: both; border: none !important; }
/* Columns */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; }
.rtl .one_half, .rtl .one_third, .rtl .two_third, .rtl .three_fourth, .rtl .one_fourth, .rtl .one_fifth, .rtl .two_fifth, .rtl .three_fifth, .rtl .four_fifth, .rtl .one_sixth, .rtl .five_sixth { float: right; margin-right: auto; margin-left: 4% }
div.one_half.last, div.one_third.last, div.one_fourth.last, div.two_third.last, div.three_fourth.last { margin-right: 0 !important; clear: right; }
.rtl div.one_half.last, .rtl div.one_third.last, .rtl div.one_fourth.last, .rtl div.two_third.last, .rtl div.three_fourth.last { margin-left: 0 !important; clear: left; }
div.one_half { width: 48% }
div.one_third { width: 30.66% }
div.two_third { width: 65.33% }
div.one_fourth { width: 22% }
div.three_fourth { width: 74% }
div.one_fifth { width: 16.8% }
div.two_fifth { width: 37.6% }
div.three_fifth { width: 58.4% }
div.four_fifth { width: 67.2% }
div.one_sixth { width: 13.33% }
div.five_sixth { width: 82.67% }
/* Notification */
div.bd_notification { padding: 14px 30px 14px 20px; position: relative; margin-bottom: 16px; border-radius: 2px; font-size: 13px; line-height: 18px; }
.rtl div.bd_notification { padding: 14px 20px 14px 30px; }
div.bd_notification i { float: left; margin: 1px 10px 0 0; display: inline-block; width: 16px; height: 16px; vertical-align: baseline; }
.rtl div.bd_notification i { float: right; margin: 1px 0 0 10px; }
div.bd_notification p { padding: 0 !important; margin: 0 !important; }
div.bd_notification.notification_mark { background-color: #d8f1c6; color: #769958 !important; }
div.bd_notification.notification_mark p { color: #769958 !important; }
div.bd_notification.notification_mark i { background: url(includes/shortcode/images/notification/mark.png) no-repeat 0 0; }
div.bd_notification.notification_error { background-color: #f9d9d9; color: #aa4343 !important; }
div.bd_notification.notification_error p { color: #aa4343 !important; }
div.bd_notification.notification_error i { background: url(includes/shortcode/images/notification/error.png) no-repeat 0 0; }
div.bd_notification.notification_warning { background-color: #fbf4dd; color: #a38c68 !important; }
div.bd_notification.notification_warning p { color: #a38c68 !important; }
div.bd_notification.notification_warning i { background: url(includes/shortcode/images/notification/warning.png) no-repeat 0 0; }
div.bd_notification.notification_info { background-color: #d7e3f4; color: #728095 !important; }
div.bd_notification.notification_info p { color: #728095 !important; }
div.bd_notification.notification_info i { background: url(includes/shortcode/images/notification/info.png) no-repeat 0 0; }
/* Buttons */
a.bd_button.btn_small, a.bd_button.btn_middle, a.bd_button.btn_large { padding: 12px 22px; border-radius: 2px; color: #fff; display: inline-block; margin: 5px 5px 5px 0; border: none; cursor: pointer; text-shadow: none !important; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-transform: none !important; text-decoration: none !important; }
a.bd_button.btn_small { padding: 4px 14px 5px !important; }
a.bd_button.btn_middle { padding: 9px 30px 11px !important; font-size: 18px !important; }
a.bd_button.btn_large { padding: 10px 31px 13px !important; font-size: 20px !important; }
a.bd_button:hover { background: #4b4c4d !important; }
/* Toggle */
div.toggle { overflow: hidden; display: block; position: relative; }
div.toggle h4 { margin: 0; border: 1px solid #f0f0f0; color: #5a5c5d; border-radius: 2px; padding: 8px 15px 10px; margin-bottom: 4px; position: relative; cursor: pointer; font-size: 17px; font-weight: 700; overflow: hidden; }
div.toggle span { position: absolute; right: 18px; top: 6px; cursor: pointer; font-size: 23px; font-weight: bold; text-align: right; display: block; }
.rtl div.toggle span { right: auto; left: 18px; text-align: left }
div.toggle div.panel { padding: 13px 17px; display: none; cursor: text; background: #f9f9f9; border-radius: 2px; line-height: 23px; }
/* Tabs */
div.tabgroup { }
div.tabgroup ul.tabs, div.tabgroup ul.tabs li { list-style: none !important; margin: 0 !important; }
div.tabgroup ul.tabs { border-left: 1px solid #f0f0f0; overflow: hidden; }
.rtl div.tabgroup ul.tabs { border-left: 0 none; border-right: 1px solid #f0f0f0; }
div.tabgroup ul.tabs li { float: left; border-top: 2px solid #4b4c4d; border-right: 1px solid #f0f0f0; color: #868686; background: #f9f9f9; cursor: pointer; font-size: 18px; display: block; }
.rtl div.tabgroup ul.tabs li { float: right; border-left: 1px solid #f0f0f0; border-right: 0 none; }
div.tabgroup ul.tabs li a { display: block; padding: 9px 18px; }
div.tabgroup ul.tabs li.ui-tabs-active { border-bottom: 1px solid #fff; background: none; cursor: default; }
div.tabgroup div.contents { border: 1px solid #f0f0f0; border-radius: 2px; margin-top: -1px; padding: 20px; overflow: hidden; }
div.tabgroup div.contents div.ui-tabs-panel { display: none; }
/* Social links */
a.social_links { display: inline-block; margin: 10px; font-size: 19px; font-weight: normal; }
/* Soundcloud */
div.bd-soundcloud-shortcode { text-align: center; overflow: hidden; position: relative; }
div.bd-soundcloud-shortcode iframe { width: 100%; max-width: 100%; display: block; }
/* Google maps */
div.bd-googlemaps-shortcode { text-align: center; overflow: hidden; position: relative; }
div.bd-googlemaps-shortcode iframe { width: 100%; max-width: 100%; display: block; }
/* Pages */
ul.authors-wrap, ul.authors-wrap li { margin: 0 !important; padding: 0 !important; list-style: none; }
ul.authors-wrap li { margin: 24px 0 0 0 !important; }
ul.authors-wrap li:first-child { margin: 0 !important; }
.timeline-list { width: 50%; float: right; border-left: 2px solid rgba(0,0,0,0.05); }
.rtl .timeline-list { float: left; border-left: 0 none; border-right: 2px solid rgba(0,0,0,0.05); }
ul.timeline-list, ul.timeline-list li { margin: 0; padding: 0; list-style: none; }
ul.timeline-list li.timeline-item { display: block; clear: both; overflow: hidden; width: 95%; padding-left: 5%; margin-bottom: 14px; }
.rtl ul.timeline-list li.timeline-item { padding-left: 0; padding-right: 5%; }
ul.timeline-list li.timeline-item:first-child { margin-top: 24px; }
ul.timeline-list li.timeline-item:nth-child(2n+2) { margin-left: -100%; text-align: right; padding-left: 0; padding-right: 5%; }
.rtl ul.timeline-list li.timeline-item:nth-child(2n+2) { margin-left: auto; margin-right: -100%; text-align: left; padding-left: 5%; padding-right: 0; }
.timeline-list .timeline-item .timeline-date span { }
.timeline-list .timeline-item .timeline-date, .timeline-list .timeline-item .timeline-link { }
.timeline-list .timeline-item .timeline-date span { color: #AAA; font-size: 12px; }
.timeline-list .timeline-item .timeline-link a { font-size: 14px; font-weight: 400; line-height: 16px !important; }
.timeline-title { width: 75px; height: 75px; line-height: 75px; font-size: 14px; border-radius: 100%; display: block; margin: 0 auto 0 auto; background-color: rgba(0,0,0,0.05); text-align: center; }
@media only screen and (max-width: 767px) and (min-width: 480px) {
    ul.timeline-list { border: 0 none; float: none; width: 100%; }
    ul.timeline-list li.timeline-item, ul.timeline-list li.timeline-item:nth-child(2n+2) { width: 100% !important; margin-right: auto !important; margin-left: auto !important; }
}
@media only screen and (max-width: 479px) {
    ul.timeline-list { border: 0 none; float: none; width: 100%; }
    ul.timeline-list li.timeline-item, ul.timeline-list li.timeline-item:nth-child(2n+2) { width: 100% !important; margin-right: auto !important; margin-left: auto !important; }
}
.post-image.google-box { background: none; }
.post-image.google-box iframe { margin: 0; padding: 0; width: 100%; }
/* Logo Center */
.logo-center .header .logo, .logo-center #navigation { float: none; display: block; clear: both; text-align: center; }
.logo-center .header .logo { margin-bottom: 25px; }
.logo-center #navigation ul#menu-nav > { text-align: center; }
.logo-center #navigation ul#menu-nav > li { float: none; display: inline-block; text-align: left; }
/* Header Fiexd */
#header-fix { width: 100%; }
#header-fix.header-fix { position: fixed; top: 0px; z-index: 999; background: #FFF; box-shadow: 0 1px 10px rgba(0,0,0,.2); }
#header-fix.header-fix.header-fixed-trans { opacity: 0.9; }
body.admin-bar #header-fix.header-fix { top: 32px; }
#header-fix.header-fix .header { margin: 15px auto 17px; }
.header.header-fix { margin-top: 0px; padding: 15px 0; }
/* Ajax */
.loading_data { display: none; }
.wait_loading { background: url( "images/loader.gif" ) center center; }
/* Slider */
.slider-flex { position: relative; display: block; overflow: hidden; margin-bottom: 40px; padding: 0 0 40px 0 }
.slider-flex ol.flex-control-paging { position: absolute; margin: 0; padding: 0; bottom: 0; width: 100%; z-index: 888; text-align: center; }
.slider-flex ol.flex-control-paging li { display: inline-block; line-height: 0; }
.slider-flex ol.flex-control-paging li a { display: inline-block; width: 22px; height: 6px; background: rgba( 0,0,0, 0.2 ); cursor: pointer; text-indent: -1000px; margin: 2px; overflow: hidden }
.slider-flex ol.flex-control-paging li a.flex-active { background: #ff304e; }
.flexslider { position: relative; overflow: hidden; min-height: 160px; direction: ltr; zoom: 1; width: 100%; max-width: 100%; background: #000 url("images/loader.gif") no-repeat 50% 50% }
.slider-flex ul.slides { }
.slider-flex ul.slides li { display: none; position: relative; overflow: hidden; }
.slider-flex ul.slides li img { height: auto; width: 100% }
.slider-flex ul.slides li .slide-caption { position: absolute; width: 100%; bottom: 0; z-index: 888; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }
.slider-flex ul.slides li .slide-caption .post-caption-content { padding: 15px; }
.slider-flex ul.slides li .slide-caption, .slider-flex ul.slides li .slide-caption a { color: #FFF; }
.slider-flex ul.slides li .slide-caption h3 { font-size: 21px; line-height: 1em; font-weight: 600; margin: 5px 0 0 0; font-family: "Museo500", arial, Georgia, serif }
.slider-flex ul.slides li .slide-caption .date { color: #EEE; text-transform: uppercase; font-size: 13px; }
.slider-flex ul.slides li .slide-caption .post_meta_cats, .slider-flex ul.slides li .slide-caption .post_meta_cats a { color: #FFF; }
.slider-flex ul.slides li .btn-link { display: inline-block; line-height: 32px; min-height: 32px; margin-top: 10px; }
.slider-flex #slider ul.flex-direction-nav { top: 6px; }
.slider-flex #carousel { border-top : 3px #FFF solid; }
.slider-flex .flexslider ul.flex-direction-nav li a { background-color: rgba(0,0,0,0.1); }
/* v1.4.2 */
.bd-fb-likebox .widget-inner { padding: 5px 0 0 !important; line-height: 0; }
.widget.bd-search-widget form input, .widget.bd-search-widget form button { float: left }
.rtl .widget.bd-search-widget form input, .rtl .widget.bd-search-widget form button { float: right }
/*
 * Portfolio
 */
.folio-container { margin-bottom: 50px; }
.single-wportfolio .header, .tax-portfolio_category .header, .page-template-portfolio-four-col-php .header, .page-template-portfolio-three-col-php .header, .page-template-portfolio-two-col-php .header, .page-template-portfolio-grid-col-php .header { margin-bottom: 35px }
/* page-title */
#page-title { display: block; clear: both; overflow: hidden; padding: 30px 0; margin-bottom: 50px; background: #515e6c url("images/page-title.png") repeat center top; }
.bd-page-title { float: left; width: 570px; }
.rtl .bd-page-title { float: right; }
.bd-page-title h1 { margin: 0; padding: 0; color: #FFF; line-height: 28px }
/* crumbs */
#crumbs { float: right; line-height: 35px; }
.rtl #crumbs { float: left; }
#crumbs ul, #crumbs li { margin: 0; padding: 0; list-style: none; }
#crumbs li { display: inline-block; float: left; margin-left: 10px; color: #AAA; }
.rtl #crumbs li { float: right; margin-left: 0; margin-right: 10px; }
#crumbs li a { color: #FFF; }
.rtl #crumbs li a { padding-right: 0; padding-left: 5px; }
#crumbs li:after { content: '/'; padding: 0 5px; }
#crumbs li:last-child:after { content: ''; }
#folio-main { }
/* folio-media */
.folio-media { float: left; width: 770px; }
.folio-media iframe { min-height: 250px; }
.folio-media img { width: 100%; max-width: 100%; height: auto; }
.rtl .folio-media { float: right; }
.folio-media .post-sharing-box { margin-top: 20px; }
/* folio-content */
.folio-content { float: right; width: 340px; }
.rtl .folio-content { float: left; }
.folio-content h3 { margin: 0 0 10px 0; padding: 0; font-size: 20px; line-height: 25px; font-weight: 600; color: #222; }
.folio-entry { margin-bottom: 20px; }
.folio-entry p { margin: 0; padding: 0; word-wrap: break-word; font-size: 13px; line-height: 25px; font-weight: normal; color: #666; }
.folio-info { }
.folio-info ul, .folio-info ul li { margin: 0; padding: 0; list-style: none; }
.folio-info ul li { padding: 5px 0; width: 100%; border-bottom: 1px solid #eee; }
.folio-info ul li:last-child { border-bottom: none; }
.folio-info ul li strong { }
.folio-info ul li .btn-link { margin-top: 20px; }
.folio-info ul li a { }
.folio-cat a, .folio-tag a { display: inline-block; padding: 3px 9px; margin-right: 3px; line-height: 20px; background: #ddd; border-radius: 3px; }
.rtl .folio-cat a, .folio-tag a { margin-right: 0; margin-left: 3px; }
.folio-single article { position: relative; display: block; overflow: hidden; }
.folio-items { }
.folio-items .folio-item { float: left; margin: 0 7px; margin-bottom: 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }
.folio-items .folio-item .post-thumb { overflow: hidden }
.folio-items .folio-item .post-thumb img { -webkit-transition: 700ms; -moz-transition: 700ms; -o-transition: 700ms; transition: 700ms; }
.folio-items .folio-item .post-thumb:hover img { transform: scale(1.5, 1.5) rotate(10deg); -ms-transform: scale(1.5, 1.5) rotate(10deg); -webkit-transform: scale(1.5, 1.5) rotate(10deg); -o-transform: scale(1.5, 1.5) rotate(10deg); -moz-transform: scale(1.5, 1.5) rotate(10deg); }
.rtl .folio-items .folio-item { float: right; }
.folio-items .folio-item .inner-desc { background: #FFF; display: block; overflow: hidden; }
.folio-items .folio-item .inner-desc h3 { margin: 0; padding: 15px; text-align: center; font-size: 15px; line-height: 22px; font-weight: 700; }
.folio-items .folio-item .inner-desc h3 span { clear: both; display: block; padding-top: 5px; font-size: 12px; line-height: 18px; font-weight: normal; text-transform: uppercase; }
.folio-items .folio-item .inner-media img { width: 100%; max-width: 100%; height: auto; }
/* 4col */
.folio-4col.folio-items .folio-item { width: 270px; }
.folio-4col.folio-items .folio-item .inner-media iframe { min-height: 203px; }
/* 3col */
.folio-3col.folio-items .folio-item { width: 360px; }
.folio-3col.folio-items .folio-item .inner-media iframe { min-height: 270px; }
/* 2col */
.folio-2col.folio-items .folio-item { width: 555px; }
.folio-2col.folio-items .folio-item .inner-media iframe { min-height: 250px; }
/* folio loading */
.folio-container div#loading { display: none; }
.folio-container.loading #folio-main { opacity: 0; height: 0px; overflow: hidden; }
.folio-container.loading div#loading { display: block; width: 100%; min-height: 280px; background: url("images/folio-loader.gif") no-repeat center; }
/* #filters */
#folio-main #options { display: block; text-align: center; overflow: hidden; margin-bottom: 30px; }
#folio-main ul#filters, ul#filters li { margin: 0; padding: 0; list-style: none; }
#folio-main ul#filters li { display: inline-block; }
#folio-main ul#filters li a { display: block; background: #FFF; border-radius: 2px; padding: 6px 15px 7px; margin: 1px 2px; font-size: 14px; line-height: 22px; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
#folio-main ul#filters li a.selected { background: #ff304e; color: #FFF; }
/* folio-related */
.folio-related { margin-top: 50px; clear: both; overflow: hidden; display: block; }
/* Heart like */
span.post-like .like { font-size: 14px; line-height: 14px; padding: 0; margin: 0; }
span.post-like.voted .like, span.post-like .alreadyvoted { color: #8dc63f }
span.post-like em { font-style: normal }
span.post-like a, span.post-like em, span.post-like .alreadyvoted { display: inline-block; line-height: 14px }
.folio-like { display: block; overflow: hidden }
.folio-like span.post-like { margin: 10px 0 0 0; display: inline-block; overflow: hidden; padding: 5px 7px; line-height: 14px; background-color: #FFF; border-radius: 2px; }
.folio-like span.post-like em { padding-left: 7px; font-size: 13px; font-weight: bold; }
.format-quote a.more-link { display: none !important }

/* v1.6.0 */
.social_sharing_box_large li.facebook { width:50px !important; line-height:0; }
.social_sharing_box_large li.facebook iframe { height:61px !important; }

/* 1.6.3 */
@-webkit-keyframes pop {
    50% {
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pop {
    50% {
        -webkit-transform:scale(1.2);
        -ms-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}

.home-post-share {
    display: block;
    padding-top: 15px;
    /*
    margin-top: 25px;
    border-top: 1px dashed #e9e9e9;
    */
}
.home-post-share .post-sharing-box {margin-top: 0; text-align:center; overflow: inherit }
.home-post-share .post-sharing-box .title { display: none}
.home-post-share .post-sharing-box ul { float: none; margin: 0; padding:0}
.home-post-share .post-sharing-box ul li {float: none; -webkit-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;}
.home-post-share .post-sharing-box ul li a i { background: none !important; color: #bbb !important; border: #ddd 1px solid; width: 42px; height: 42px; line-height: 42px !important; }
.home-post-share .post-sharing-box ul li:hover a i { color: #333 !important; }
.home-post-share .post-sharing-box ul li:hover,
.widget.widget-social-links a:hover {
    -webkit-animation-name: pop;
    animation-name: pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    z-index: 99;
}


.layout-full-width {}
.layout-full-width .bd-sidebar {display: none}
.layout-full-width .bd-main { float: none; width: 100% }


.widget #instagram {
    text-align: center;
}
.widget #instagram .gallery_item {
    width: 48%;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.widget #instagram .instagram_likes {
    position: absolute;
    right: 3px;
    bottom: 3px;
    display: inline-block;
    background-color: rgba( 0, 0, 0, .5);
    padding: 3px 5px;
    border-radius: 2px;
    color: #FFF;
    font-size: 11px;
}

.textwidget, .about-me-text {
    line-height: 26px;
}

.widget .widget-title h2{
    float: left;
}
.rtl .widget .widget-title h2 {
    float: right;
}
.widget .widget-title .title-line {
    background: url(images/line.svg);
    height: 12px;
    overflow: hidden;
    margin-top: 7px;
}

.widget.widget-social-links {}
.widget.widget-social-links a i {
    width: 50px;
    height: 50px;
    line-height: 50px !important;
    font-size: 24px;
}
.bd-fb-likebox .widget-inner { padding: 5px 0 0 !important; line-height: 0; }
.ads300 { box-shadow: none !important; }
.ads300 img { width: auto !important; }

/**
 * Tablet Portrait size to standard 1024 (devices and browsers) ============ */
@media only screen and ( max-width: 1050px ) {
    .bd-container { width: 944px !important; }
    .bd-main { width: 620px; }
    .bd-sidebar { width: 300px; }
    .widget.bd-search-widget form .search-text { width: 167px; }
    .widget.bd-news-in-pic .post-thumb, .widget.flickr .post-thumb { width: 58px; height: 58px; }
    .post_full_width #related-posts .related-re_scroll .post-items .post-item, .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { width: 300px !important; }
    .post_full_width #related-posts .related-re_scroll, .article_sidebar_position_full #related-posts .related-re_scroll, .post_full_width #related-posts .related-re_scroll .post-items, .article_sidebar_position_full #related-posts .related-re_scroll, .post_full_width #related-posts .related-re_scroll .post-items .post-item, .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { height: 180px !important; }
    #related-posts .related-re_scroll .post-items .post-item { width: 198px !important; }
    #related-posts .related-re_scroll .post-items, #related-posts .related-re_scroll .post-items .post-item, #related-posts .related-re_scroll { height: 136px !important; }
    .bd-page-title { width: 460px; }
    .folio-media { width: 580px; }
    .folio-4col.folio-items .folio-item, .folio-3col.folio-items .folio-item, .folio-2col.folio-items .folio-item { width: 300px; }
}

/**
 * Tablet Portrait size to standard 768 (devices and browsers) ============= */
@media only screen and (max-width: 985px) and (min-width: 768px) {
    .bd-container { width: 730px !important; }
    .bd-main, .bd-sidebar { width: 100% !important; }
    .bd-main, .bd-sidebar { float: none !important; }
    #navigation ul { display: none; }
    #navigation select { display: block; }
    .logo-center #navigation select { display: inline-block; width: 500px; }
    .bd-sidebar { -webkit-column-count: 2; -webkit-column-gap: 10px; -moz-column-count: 2; -moz-column-gap: 10px; column-count: 2; column-gap: 10px; }
    .bd-sidebar .widget, .bd-sidebar .widget input, .bd-sidebar .widget iframe { clear: none!important; margin: 0 3px 20px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
    #related-posts .related-re_scroll .post-items .post-item, .post_full_width #related-posts .related-re_scroll .post-items .post-item, .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { width: 232px !important; }
    #related-posts .related-re_scroll .post-items, #related-posts .related-re_scroll .post-items .post-item, #related-posts .related-re_scroll { height: 160px !important; }
    .bd-page-title { width: 352px; }
    .folio-media, .folio-content { float: none; width: 100% }
    .folio-media { margin-bottom: 30px; }
    .folio-4col.folio-items .folio-item, .folio-3col.folio-items .folio-item, .folio-2col.folio-items .folio-item { width: 225px; }
    .folio-4col.folio-items .folio-item .inner-media iframe, .folio-3col.folio-items .folio-item .inner-media iframe, .folio-2col.folio-items .folio-item .inner-media iframe { min-height: 208px; }
}

/**
 * Mobile Landscape Size to Tablet Portrait (devices and browsers) ========= */
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .bd-container, #navigation select { width: 460px !important; }
    .bd-main, .bd-sidebar { width: 100% !important; }
    #top-navigation ul, #top-navigation select, .top-social, #navigation ul { display: none; }
    .bd-main, .bd-sidebar { float: none !important; }
    #navigation select { display: block; }
    .top-search { float: none !important; width: 100%; margin: 0; }
    .top-search input { width: 90%; }
    .header { text-align: center; }
    .header .logo, #navigation { float: none; margin-right: auto; margin-left: auto; display: inline-block; }
    .header .logo { margin-bottom: 15px; }
    .blog-v1 article .article-formats { width: 32px; height: 32px; line-height: 32px; }
    .blog-v1 article .article-formats i { line-height: 32px; font-size: 20px; }
    .footer { text-align: center; }
    .blog-v1 article h1.entry-title { font-size: 19px; font-weight: 600; line-height: 20px; }
    .soundcloud-box iframe, .soundcloud-box { height: auto !important; }
    .blog-v1 article .entry-content { padding-right: 15px; padding-left: 15px; }
    .widget.bd-search-widget form .search-text, .widget.bd-search-widget form .btn, .widget.bd-search-widget form select { width: 100%; margin-top: 10px; }
    .widget.bd-search-widget form .search-text:first-child, .widget.bd-search-widget form .btn:first-child, .widget.bd-search-widget form select:first-child { margin-top: 0; }
    .post-sharing-box .title { float: none; display: block; text-align: center; margin-bottom: 5px; }
    .post-sharing-box ul { text-align: center; }
    .post-sharing-box ul, .post-sharing-box ul li { float: none; }
    .post-navigation .post-nav-left, .post-navigation .post-nav-right { float: none; width: 100%; display: block; text-align: center; }
    .post-navigation .post-nav-left i, .post-navigation .post-nav-right i { display: none; }
    .post-nav-left { margin-bottom: 15px; }
    .post-author-box .avatar { float: none; margin: 0 0 20px 0; width: 55px; height: 55px; display: inline-block; }
    .post-author-box { text-align: center; }
    ul.children { margin-left: 0; }
    .rtl ul.children { margin-right: 0; }
    #related-posts .related-re_scroll .post-items .post-item, .post_full_width #related-posts .related-re_scroll .post-items .post-item, .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { width: 131px !important; }
    #related-posts .related-re_scroll .post-items, #related-posts .related-re_scroll .post-items .post-item, #related-posts .related-re_scroll { height: 90px !important; }
    #related-posts .related-re_scroll .post-items .post-item .post-caption { display: none; }
    .blog-v1 article .entry-meta { font-size: 12px; padding: 0 15px; }
    .oops { font-size: 33px; line-height: 43px; }
    .post-image.google-box iframe { height : 220px; }
    .slider-flex ul.slides li .slide-caption h1 { font-size: 18px; line-height: 20px; }
    .slider-flex .slide-caption .post-caption-content { padding: 10px; }
    .post-excerpt, .post-readmore { display: none; }
    .header { margin: 20px auto; clear: both }
    .top-bar { width: 100%; display: block; text-align: center; overflow: hidden; padding-bottom: 7px; line-height: 0 }
    .top-bar .top-social, .top-bar #top-navigation select, .top-menu-area { display: inline-block; float: none; margin: 0 auto; width: 98%; clear: both; line-height: 0 }
    .top-search input { margin-left: 0 }
    #header-fix.header-fix { position: relative; background: none; box-shadow: none }
    body.admin-bar #header-fix.header-fix { top: 0; }
    .bd-page-title, #crumbs { width: 100%; float: none; clear: both; text-align: center }
    #crumbs li { float: none; margin: 0; }
    .folio-media, .folio-content { float: none; width: 100% }
    .folio-media { margin-bottom: 30px; }
    .folio-4col.folio-items .folio-item, .folio-3col.folio-items .folio-item, .folio-2col.folio-items .folio-item { width: 215px; }
    .folio-4col.folio-items .folio-item .inner-media iframe, .folio-3col.folio-items .folio-item .inner-media iframe, .folio-2col.folio-items .folio-item .inner-media iframe { min-height: 161px; }
}

/**
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ==== */
@media only screen and (max-width: 479px) {
    .bd-container, #navigation select { width: 320px !important; }
    .bd-main, .bd-sidebar { width: 100% !important; }
    #top-navigation ul, #top-navigation select, .top-social, #navigation ul { display: none; }
    .bd-main, .bd-sidebar { float: none !important; }
    #navigation select { display: block; }
    .top-search { float: none !important; width: 100%; margin: 0; }
    .top-search input { width: 90%; }
    .header { text-align: center; }
    .header .logo, #navigation { float: none; margin-right: auto; margin-left: auto; display: inline-block; }
    .header .logo { margin-bottom: 15px; }
    .blog-v1 article .article-formats { width: 32px; height: 32px; line-height: 32px; }
    .blog-v1 article .article-formats i { line-height: 32px; font-size: 20px; }
    .footer { text-align: center; }
    .blog-v1 article h1.entry-title { font-size: 19px; font-weight: 600; line-height: 20px; }
    .soundcloud-box iframe, .soundcloud-box { height: auto !important; }
    .blog-v1 article .entry-content { padding-right: 15px; padding-left: 15px; }
    .widget.bd-search-widget form .search-text, .widget.bd-search-widget form .btn, .widget.bd-search-widget form select { width: 100%; margin-top: 10px; }
    .widget.bd-search-widget form .search-text:first-child, .widget.bd-search-widget form .btn:first-child, .widget.bd-search-widget form select:first-child { margin-top: 0; }
    .post-sharing-box .title { float: none; display: block; text-align: center; margin-bottom: 5px; }
    .post-sharing-box ul { text-align: center; }
    .post-sharing-box ul, .post-sharing-box ul li { float: none; }
    .post-navigation .post-nav-left, .post-navigation .post-nav-right { float: none; width: 100%; display: block; text-align: center; }
    .post-navigation .post-nav-left i, .post-navigation .post-nav-right i { display: none; }
    .post-nav-left { margin-bottom: 15px; }
    .post-author-box .avatar { float: none; margin: 0 0 20px 0; width: 55px; height: 55px; display: inline-block; }
    .post-author-box { text-align: center; }
    ul.children { margin-left: 0; }
    .rtl ul.children { margin-right: 0; }
    #related-posts .related-re_scroll .post-items .post-item, .post_full_width #related-posts .related-re_scroll .post-items .post-item, .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { width: 88px !important; }
    #related-posts .related-re_scroll .post-items, #related-posts .related-re_scroll .post-items .post-item, #related-posts .related-re_scroll { height: 61px !important; }
    #related-posts .related-re_scroll .post-items .post-item .post-caption { display: none; }
    .blog-v1 article .entry-meta { font-size: 12px; padding: 0 15px; }
    .oops { font-size: 33px; line-height: 43px; }
    .post-image.google-box iframe { height : 220px; }
    .slider-flex ul.slides li .slide-caption h1 { font-size: 18px; line-height: 20px; }
    .slider-flex .slide-caption .post-caption-content { padding: 10px; }
    .post-excerpt, .post-readmore { display: none; }
    .header { margin: 20px auto; clear: both }
    .top-bar { width: 100%; display: block; text-align: center; overflow: hidden; padding-bottom: 7px; line-height: 0 }
    .top-bar .top-social, .top-bar #top-navigation select, .top-menu-area { display: inline-block; float: none; margin: 0 auto; width: 98%; clear: both; line-height: 0 }
    .top-search input { margin-left: 0 }
    #header-fix.header-fix { position: relative; background: none; box-shadow: none }
    body.admin-bar #header-fix.header-fix { top: 0; }
    .bd-page-title, #crumbs { width: 100%; float: none; clear: both; text-align: center }
    #crumbs li { float: none; margin: 0; }
    .folio-media, .folio-content { float: none; width: 100% }
    .folio-media { margin-bottom: 30px; }
    .folio-items .folio-item { width: 98%; float: none; margin-left: auto; margin-right: auto; clear: both; }
}
/*
 * Effects
 */
.animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
.animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes flash { 0%, 50%, 100% {
    opacity: 1;
}
    25%, 75% {
        opacity: 0;
    }
}
@-moz-keyframes flash { 0%, 50%, 100% {
    opacity: 1;
}
    25%, 75% {
        opacity: 0;
    }
}
@-o-keyframes flash { 0%, 50%, 100% {
    opacity: 1;
}
    25%, 75% {
        opacity: 0;
    }
}
@keyframes flash { 0%, 50%, 100% {
    opacity: 1;
}
    25%, 75% {
        opacity: 0;
    }
}
.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; }
@-webkit-keyframes shake { 0%, 100% {
    -webkit-transform: translateX(0);
}
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}
@-moz-keyframes shake { 0%, 100% {
    -moz-transform: translateX(0);
}
    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}
@-o-keyframes shake { 0%, 100% {
    -o-transform: translateX(0);
}
    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
    }
}
@keyframes shake { 0%, 100% {
    transform: translateX(0);
}
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}
.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
}
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
}
    40% {
        -moz-transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
    }
}
@-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
}
    40% {
        -o-transform: translateY(-30px);
    }
    60% {
        -o-transform: translateY(-15px);
    }
}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
}
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; }
@-webkit-keyframes tada { 0% {
    -webkit-transform: scale(1);
}
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes tada { 0% {
    -moz-transform: scale(1);
}
    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}
@-o-keyframes tada { 0% {
    -o-transform: scale(1);
}
    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -o-transform: scale(1) rotate(0);
    }
}
@keyframes tada { 0% {
    transform: scale(1);
}
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; }
@-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
}
    20% {
        -webkit-transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes swing { 20% {
    -moz-transform: rotate(15deg);
}
    40% {
        -moz-transform: rotate(-10deg);
    }
    60% {
        -moz-transform: rotate(5deg);
    }
    80% {
        -moz-transform: rotate(-5deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}
@-o-keyframes swing { 20% {
    -o-transform: rotate(15deg);
}
    40% {
        -o-transform: rotate(-10deg);
    }
    60% {
        -o-transform: rotate(5deg);
    }
    80% {
        -o-transform: rotate(-5deg);
    }
    100% {
        -o-transform: rotate(0deg);
    }
}
@keyframes swing { 20% {
    transform: rotate(15deg);
}
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble { 0% {
    -webkit-transform: translateX(0%);
}
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes wobble { 0% {
    -moz-transform: translateX(0%);
}
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -moz-transform: translateX(0%);
    }
}
@-o-keyframes wobble { 0% {
    -o-transform: translateX(0%);
}
    15% {
        -o-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -o-transform: translateX(0%);
    }
}
@keyframes wobble { 0% {
    transform: translateX(0%);
}
    15% {
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        transform: translateX(0%);
    }
}
.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; }
@-webkit-keyframes wiggle { 0% {
    -webkit-transform: skewX(9deg);
}
    10% {
        -webkit-transform: skewX(-8deg);
    }
    20% {
        -webkit-transform: skewX(7deg);
    }
    30% {
        -webkit-transform: skewX(-6deg);
    }
    40% {
        -webkit-transform: skewX(5deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    60% {
        -webkit-transform: skewX(3deg);
    }
    70% {
        -webkit-transform: skewX(-2deg);
    }
    80% {
        -webkit-transform: skewX(1deg);
    }
    90% {
        -webkit-transform: skewX(0deg);
    }
    100% {
        -webkit-transform: skewX(0deg);
    }
}
@-moz-keyframes wiggle { 0% {
    -moz-transform: skewX(9deg);
}
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    90% {
        -moz-transform: skewX(0deg);
    }
    100% {
        -moz-transform: skewX(0deg);
    }
}
@-o-keyframes wiggle { 0% {
    -o-transform: skewX(9deg);
}
    10% {
        -o-transform: skewX(-8deg);
    }
    20% {
        -o-transform: skewX(7deg);
    }
    30% {
        -o-transform: skewX(-6deg);
    }
    40% {
        -o-transform: skewX(5deg);
    }
    50% {
        -o-transform: skewX(-4deg);
    }
    60% {
        -o-transform: skewX(3deg);
    }
    70% {
        -o-transform: skewX(-2deg);
    }
    80% {
        -o-transform: skewX(1deg);
    }
    90% {
        -o-transform: skewX(0deg);
    }
    100% {
        -o-transform: skewX(0deg);
    }
}
@keyframes wiggle { 0% {
    transform: skewX(9deg);
}
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    90% {
        transform: skewX(0deg);
    }
    100% {
        transform: skewX(0deg);
    }
}
.wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse { 0% {
    -webkit-transform: scale(1);
}
    50% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes pulse { 0% {
    -moz-transform: scale(1);
}
    50% {
        -moz-transform: scale(1.1);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-o-keyframes pulse { 0% {
    -o-transform: scale(1);
}
    50% {
        -o-transform: scale(1.1);
    }
    100% {
        -o-transform: scale(1);
    }
}
@keyframes pulse { 0% {
    transform: scale(1);
}
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes flip { 0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
}
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes flip { 0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
}
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}
@-o-keyframes flip { 0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
}
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in;
    }
}
@keyframes flip { 0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
}
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}
.flip { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; }
@-webkit-keyframes flipInX { 0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
}
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX { 0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
}
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX { 0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
}
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX { 0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
}
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; }
@-webkit-keyframes flipOutX { 0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
}
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutX { 0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
}
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutX { 0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
}
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX { 0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
}
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; }
@-webkit-keyframes flipInY { 0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
}
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY { 0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
}
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY { 0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
}
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY { 0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
}
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; }
@-webkit-keyframes flipOutY { 0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
}
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY { 0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
}
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY { 0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
}
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY { 0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
}
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; }
@-webkit-keyframes fadeIn { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeIn { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp { 0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp { 0% {
    opacity: 0;
    -moz-transform: translateY(20px);
}
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInUp { 0% {
    opacity: 0;
    -o-transform: translateY(20px);
}
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInUp { 0% {
    opacity: 0;
    transform: translateY(20px);
}
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { 0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInDown { 0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
}
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInDown { 0% {
    opacity: 0;
    -o-transform: translateY(-20px);
}
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInDown { 0% {
    opacity: 0;
    transform: translateY(-20px);
}
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft { 0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeft { 0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
}
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInLeft { 0% {
    opacity: 0;
    -o-transform: translateX(-20px);
}
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInLeft { 0% {
    opacity: 0;
    transform: translateX(-20px);
}
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { 0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInRight { 0% {
    opacity: 0;
    -moz-transform: translateX(20px);
}
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInRight { 0% {
    opacity: 0;
    -o-transform: translateX(20px);
}
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInRight { 0% {
    opacity: 0;
    transform: translateX(20px);
}
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUpBig { 0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUpBig { 0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
}
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInUpBig { 0% {
    opacity: 0;
    -o-transform: translateY(2000px);
}
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInUpBig { 0% {
    opacity: 0;
    transform: translateY(2000px);
}
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
@-webkit-keyframes fadeInDownBig { 0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInDownBig { 0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
}
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInDownBig { 0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
}
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInDownBig { 0% {
    opacity: 0;
    transform: translateY(-2000px);
}
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeftBig { 0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeftBig { 0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
}
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInLeftBig { 0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
}
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInLeftBig { 0% {
    opacity: 0;
    transform: translateX(-2000px);
}
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRightBig { 0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
}
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInRightBig { 0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
}
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInRightBig { 0% {
    opacity: 0;
    -o-transform: translateX(2000px);
}
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInRightBig { 0% {
    opacity: 0;
    transform: translateX(2000px);
}
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
@-webkit-keyframes fadeOut { 0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut { 0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
@-o-keyframes fadeOut { 0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut { 0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOutUp { 0% {
    opacity: 1;
    -webkit-transform: translateY(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}
@-moz-keyframes fadeOutUp { 0% {
    opacity: 1;
    -moz-transform: translateY(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}
@-o-keyframes fadeOutUp { 0% {
    opacity: 1;
    -o-transform: translateY(0);
}
    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}
@keyframes fadeOutUp { 0% {
    opacity: 1;
    transform: translateY(0);
}
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutDown { 0% {
    opacity: 1;
    -webkit-transform: translateY(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}
@-moz-keyframes fadeOutDown { 0% {
    opacity: 1;
    -moz-transform: translateY(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}
@-o-keyframes fadeOutDown { 0% {
    opacity: 1;
    -o-transform: translateY(0);
}
    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}
@keyframes fadeOutDown { 0% {
    opacity: 1;
    transform: translateY(0);
}
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutLeft { 0% {
    opacity: 1;
    -webkit-transform: translateX(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}
@-moz-keyframes fadeOutLeft { 0% {
    opacity: 1;
    -moz-transform: translateX(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}
@-o-keyframes fadeOutLeft { 0% {
    opacity: 1;
    -o-transform: translateX(0);
}
    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft { 0% {
    opacity: 1;
    transform: translateX(0);
}
    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutRight { 0% {
    opacity: 1;
    -webkit-transform: translateX(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}
@-moz-keyframes fadeOutRight { 0% {
    opacity: 1;
    -moz-transform: translateX(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}
@-o-keyframes fadeOutRight { 0% {
    opacity: 1;
    -o-transform: translateX(0);
}
    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}
@keyframes fadeOutRight { 0% {
    opacity: 1;
    transform: translateX(0);
}
    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutUpBig { 0% {
    opacity: 1;
    -webkit-transform: translateY(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}
@-moz-keyframes fadeOutUpBig { 0% {
    opacity: 1;
    -moz-transform: translateY(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}
@-o-keyframes fadeOutUpBig { 0% {
    opacity: 1;
    -o-transform: translateY(0);
}
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig { 0% {
    opacity: 1;
    transform: translateY(0);
}
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
@-webkit-keyframes fadeOutDownBig { 0% {
    opacity: 1;
    -webkit-transform: translateY(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}
@-moz-keyframes fadeOutDownBig { 0% {
    opacity: 1;
    -moz-transform: translateY(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}
@-o-keyframes fadeOutDownBig { 0% {
    opacity: 1;
    -o-transform: translateY(0);
}
    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig { 0% {
    opacity: 1;
    transform: translateY(0);
}
    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeftBig { 0% {
    opacity: 1;
    -webkit-transform: translateX(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}
@-moz-keyframes fadeOutLeftBig { 0% {
    opacity: 1;
    -moz-transform: translateX(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}
@-o-keyframes fadeOutLeftBig { 0% {
    opacity: 1;
    -o-transform: translateX(0);
}
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig { 0% {
    opacity: 1;
    transform: translateX(0);
}
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRightBig { 0% {
    opacity: 1;
    -webkit-transform: translateX(0);
}
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}
@-moz-keyframes fadeOutRightBig { 0% {
    opacity: 1;
    -moz-transform: translateX(0);
}
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}
@-o-keyframes fadeOutRightBig { 0% {
    opacity: 1;
    -o-transform: translateX(0);
}
    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig { 0% {
    opacity: 1;
    transform: translateX(0);
}
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
@-webkit-keyframes bounceIn { 0% {
    opacity: 0;
    -webkit-transform: scale(.3);
}
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes bounceIn { 0% {
    opacity: 0;
    -moz-transform: scale(.3);
}
    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }
    70% {
        -moz-transform: scale(.9);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-o-keyframes bounceIn { 0% {
    opacity: 0;
    -o-transform: scale(.3);
}
    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }
    70% {
        -o-transform: scale(.9);
    }
    100% {
        -o-transform: scale(1);
    }
}
@keyframes bounceIn { 0% {
    opacity: 0;
    transform: scale(.3);
}
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}
.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; }
@-webkit-keyframes bounceInUp { 0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
}
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInUp { 0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
}
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }
    80% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes bounceInUp { 0% {
    opacity: 0;
    -o-transform: translateY(2000px);
}
    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }
    80% {
        -o-transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes bounceInUp { 0% {
    opacity: 0;
    transform: translateY(2000px);
}
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; }
@-webkit-keyframes bounceInDown { 0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
}
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInDown { 0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
}
    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }
    80% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes bounceInDown { 0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
}
    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }
    80% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes bounceInDown { 0% {
    opacity: 0;
    transform: translateY(-2000px);
}
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft { 0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
}
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes bounceInLeft { 0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
}
    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }
    80% {
        -moz-transform: translateX(-10px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-o-keyframes bounceInLeft { 0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
}
    60% {
        opacity: 1;
        -o-transform: translateX(30px);
    }
    80% {
        -o-transform: translateX(-10px);
    }
    100% {
        -o-transform: translateX(0);
    }
}
@keyframes bounceInLeft { 0% {
    opacity: 0;
    transform: translateX(-2000px);
}
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight { 0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
}
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes bounceInRight { 0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
}
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }
    80% {
        -moz-transform: translateX(10px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-o-keyframes bounceInRight { 0% {
    opacity: 0;
    -o-transform: translateX(2000px);
}
    60% {
        opacity: 1;
        -o-transform: translateX(-30px);
    }
    80% {
        -o-transform: translateX(10px);
    }
    100% {
        -o-transform: translateX(0);
    }
}
@keyframes bounceInRight { 0% {
    opacity: 0;
    transform: translateX(2000px);
}
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}
.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; }
@-webkit-keyframes bounceOut { 0% {
    -webkit-transform: scale(1);
}
    25% {
        -webkit-transform: scale(.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}
@-moz-keyframes bounceOut { 0% {
    -moz-transform: scale(1);
}
    25% {
        -moz-transform: scale(.95);
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
}
@-o-keyframes bounceOut { 0% {
    -o-transform: scale(1);
}
    25% {
        -o-transform: scale(.95);
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3);
    }
}
@keyframes bounceOut { 0% {
    transform: scale(1);
}
    25% {
        transform: scale(.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(.3);
    }
}
.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; }
@-webkit-keyframes bounceOutUp { 0% {
    -webkit-transform: translateY(0);
}
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}
@-moz-keyframes bounceOutUp { 0% {
    -moz-transform: translateY(0);
}
    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}
@-o-keyframes bounceOutUp { 0% {
    -o-transform: translateY(0);
}
    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp { 0% {
    transform: translateY(0);
}
    20% {
        opacity: 1;
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; }
@-webkit-keyframes bounceOutDown { 0% {
    -webkit-transform: translateY(0);
}
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}
@-moz-keyframes bounceOutDown { 0% {
    -moz-transform: translateY(0);
}
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}
@-o-keyframes bounceOutDown { 0% {
    -o-transform: translateY(0);
}
    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}
@keyframes bounceOutDown { 0% {
    transform: translateY(0);
}
    20% {
        opacity: 1;
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft { 0% {
    -webkit-transform: translateX(0);
}
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}
@-moz-keyframes bounceOutLeft { 0% {
    -moz-transform: translateX(0);
}
    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}
@-o-keyframes bounceOutLeft { 0% {
    -o-transform: translateX(0);
}
    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft { 0% {
    transform: translateX(0);
}
    20% {
        opacity: 1;
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight { 0% {
    -webkit-transform: translateX(0);
}
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}
@-moz-keyframes bounceOutRight { 0% {
    -moz-transform: translateX(0);
}
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}
@-o-keyframes bounceOutRight { 0% {
    -o-transform: translateX(0);
}
    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}
@keyframes bounceOutRight { 0% {
    transform: translateX(0);
}
    20% {
        opacity: 1;
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; }
@-webkit-keyframes rotateIn { 0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
}
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateIn { 0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
}
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateIn { 0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
}
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn { 0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
}
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; }
@-webkit-keyframes rotateInUpLeft { 0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
}
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInUpLeft { 0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
}
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInUpLeft { 0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
}
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft { 0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
}
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInDownLeft { 0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInDownLeft { 0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInDownLeft { 0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft { 0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInUpRight { 0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInUpRight { 0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInUpRight { 0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight { 0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
}
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
@-webkit-keyframes rotateInDownRight { 0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
}
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInDownRight { 0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
}
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInDownRight { 0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
}
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight { 0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
}
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
@-webkit-keyframes rotateOut { 0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
}
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOut { 0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
}
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOut { 0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
}
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut { 0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
}
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; }
@-webkit-keyframes rotateOutUpLeft { 0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
}
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutUpLeft { 0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
}
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutUpLeft { 0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
}
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft { 0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
}
    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutDownLeft { 0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
}
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutDownLeft { 0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
}
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutDownLeft { 0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
}
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft { 0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
}
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutUpRight { 0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
}
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutUpRight { 0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
}
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutUpRight { 0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
}
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight { 0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
}
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
@-webkit-keyframes rotateOutDownRight { 0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
}
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutDownRight { 0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
}
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutDownRight { 0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
}
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight { 0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
}
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
@-webkit-keyframes lightSpeedIn { 0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
}
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes lightSpeedIn { 0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
}
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
@-o-keyframes lightSpeedIn { 0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
}
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
@keyframes lightSpeedIn { 0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
}
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut { 0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
}
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@-moz-keyframes lightSpeedOut { 0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
}
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@-o-keyframes lightSpeedOut { 0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
}
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut { 0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
}
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
@-webkit-keyframes hinge { 0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
}
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}
@-moz-keyframes hinge { 0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
}
    20%, 60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}
@-o-keyframes hinge { 0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
}
    20%, 60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0;
    }
}
@keyframes hinge { 0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
}
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}
.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn { 0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
}
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}
@-moz-keyframes rollIn { 0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
}
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}
@-o-keyframes rollIn { 0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
}
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
}
@keyframes rollIn { 0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}
.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut { 0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
}
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}
@-moz-keyframes rollOut { 0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
}
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}
@-o-keyframes rollOut { 0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
}
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut { 0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; }
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/**** Isotope filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }