/* 	Reset Styling
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, img {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    outline: none;
    padding: 0px;
    margin: 0px
}

/*	General Styling
----------------------------------------------------------------------*/
body {
    margin: 0 auto;
    background: #ddd url(../images/backgrounds/1.png) fixed !important;
    background-size: cover;
    color: #7A7A7A;
    line-height: 24px;
    font-family: 'SolaimanLipi', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 15px
}

::selection {
    color: #fff;
    background: #FF822F
}

::-moz-selection {
    color: #fff;
    background: #FF822F
}

img {
    border: none;
    max-width: 100%
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out
}

a:hover {
    color: #FF822F
}

h1, h2, h3, h4, h5, h6 {
    color: #484747;
    padding: 0;
    margin: 0 0 10px 0;
    /*font-family: "Roboto", Helvetica, Tahoma, Arial;*/
    font-weight: 700;
    line-height: 28px
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

p {
    margin-bottom: 30px
}

p:last-child {
    margin-bottom: 0
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

ol {
    padding: 0;
    margin: 0
}

ol li {
    list-style: decimal;
    padding: 0 0 10px 0;
    margin: 0 0 0 20px;
    line-height: 24px
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

cite {
    float: right;
    padding: 0 0 5px 0
}

hr {
    background: #e6e6e6;
    border: 0;
    clear: both;
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 20px 0;
    position: relative
}

pre {
    color: #333;
    white-space: initial;
    border-radius: 3px;
    background: #ccc;
    border-left: 8px solid #1ABC9C;
    padding: 14px 20px;
    white-space: initial;
    margin: 5px 0 20px 0;
    overflow: auto;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

code {
    color: #333;
    background: #ccc;
    border-left: 8px solid #1ABC9C;
    padding: 14px 20px;
    border-radius: 3px;
    margin: 5px 0 20px 0;
    clear: both;
    display: block;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

iframe {
    max-width: 100%;
}

mark {
    padding: 3px 5px;
}

textarea {
    white-space: pre;
}

/*	Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
}

.alpha {
    margin-left: 0 !important
}

.omega {
    margin-right: 0 !important
}

/*	Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {
    width: 4.333%
}

.grid_2 {
    width: 12.667%
}

.grid_3 {
    width: 21.0%
}

.grid_4 {
    width: 29.333%
}

.grid_5 {
    width: 37.667%
}

.grid_6 {
    width: 46.0%
}

.grid_7 {
    width: 54.333%
}

.grid_8 {
    width: 62.667%
}

.grid_9 {
    width: 71.0%
}

.grid_10 {
    width: 79.333%
}

.grid_11 {
    width: 87.667%
}

.grid_12 {
    width: 96.0%
}

.grid_12:after {
    content: "";
    clear: both;
}

.grid_full {
    width: 100%;
}

.grid_1_5 {
    width: 16.0%;
}

.grid_2_5 {
    width: 36.0%;
}

.grid_3_5 {
    width: 56.0%;
}

.grid_4_5 {
    width: 76.0%;
}

.grid_1.alpha, .grid_1.omega {
    width: 5.333%;
}

.grid_2.alpha, .grid_2.omega {
    width: 13.667%;
}

.grid_3.alpha, .grid_3.omega {
    /*width: 22.0%;*/
    width: 24.0%;
}

.grid_4.alpha, .grid_4.omega {
    width: 30.333%;
}

.grid_5.alpha, .grid_5.omega {
    width: 38.667%;
}

.grid_6.alpha, .grid_6.omega {
    width: 47.0%;
}

.grid_7.alpha, .grid_7.omega {
    width: 55.333%;
}

.grid_8.alpha, .grid_8.omega {
    width: 63.667%;
}

.grid_9.alpha, .grid_9.omega {
    width: 72.0%;
}

.grid_10.alpha, .grid_10.omega {
    width: 80.333%;
}

.grid_11.alpha, .grid_11.omega {
    width: 88.667%;
}

.grid_12.alpha, .grid_12.omega {
    width: 97.0%;
}

.grid_1_5.alpha, .grid_1_5.omega {
    width: 17.0%;
}

.grid_2_5.alpha, .grid_2_5.omega {
    width: 37.0%;
}

.grid_3_5.alpha, .grid_3_5.omega {
    width: 57.0%;
}

.grid_4_5.alpha, .grid_4_5.omega {
    width: 77.0%;
}

.row {
    width: 1330px;
    /*max-width: 95%;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

#layout {
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.boxed {
    margin: 0 auto;
    margin-top: -30px;
    margin-bottom: -35px;
    width: 1440px;
    max-width: 95%;
    background: #fff;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.boxed-margin {
    margin: 30px auto;
    width: 1440px;
    max-width: 95%;
    background: #fff;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px
}

.full {
    width: 100%;
    margin: 0 auto;
    margin-top: -30px;
    margin-bottom: -35px;
    background: #fff;
}

.left_sidebar .posts {
    float: right
}

/*	Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* 	Header
----------------------------------------------------------------------------------------------------*/
#header {
    position: relative
}

.a_head {
    /*background: #1d1e20;*/
    background: #e9e9e9;
    height: 42px !important;

}

.b_head {
    margin: 30px 0;
    height: 173px;
}

.c_head {
    background: #FF822F;
    /*background: url(../images/topnav_bg.png) repeat-x;*/
}

.logo {
    float: left
}
.logo img{
    width: 130px;
    margin-top: 10px !important;
}

.center_logo {
    float: none;
    margin: 0 auto;
    display: table;
}

.ads {
    float: right
}

.right_icons {
    margin: 0;
    position: absolute;
    right: 0;
    /*z-index: 99999999999;*/
    z-index: 999999;
}

.right_icons:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.right_icons a {
    float: right;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    /*padding: 16px 20px;*/
    border-left: 0px solid #2b2b2b21;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #ffffff !important;
}

.right_icons a:hover, .search_icon i:hover, .search_icon i.activeated_search {
    background: #FF822F;
    color: #fff
}

#header .search {
    position: relative;
    margin: 0;
    float: right;
    z-index: 99
}

.search_icon {
    position: relative;
    cursor: pointer
}

.search_icon i {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    padding: 12px 20px;
    border-left: 1px solid #2b2b2b21;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.s_form {
    position: absolute;
    display: none;
    top: 62px;
    right: 0;
    padding: 8px 10px;
    background: #FFF;
    border-radius: 3px;
    border-top: 2px solid #FF822F;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}

.s_form:after {
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px;
    top: -8px;
    right: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #FF822F;
}

#header .search form {
    position: relative;
}

#header .search input {
    margin: 0;
    padding: 0 10px;
    display: block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 11px;
    color: #808080;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#header .search button {
    position: absolute;
    top: 7px;
    right: 12px;
    background: none;
    border: 0;
    font-size: 11px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#header .search button:hover {
    color: #FF822F
}

.right_bar .lang {
    float: right;
    padding: 0;
    margin: 0;
    border-left: 1px solid #2B2B2B;
    position: relative;
}

.right_bar .lang img {
    width: 16px;
}

.right_bar .lang a {
    padding: 15px;
    display: block;
}

.more_lang {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 99;
    background: #1D1E20;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.more_lang a {
    display: block;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.more_lang a:hover {
    opacity: 1
}

.lang:hover .more_lang {
    -webkit-animation: fadeInDown 0.5s;
    animation: fadeInDown 0.5s;
    display: block
}

#date_time {
    color: #121212;
    margin: 0;
    padding: 9px 20px;
    display: inline-block;
    float: right;

    z-index: 99;
    position: relative;
    border-left: 1px solid #2B2B2B;
}

/*	Popup SignIn
----------------------------------------------------------------------*/
.sign_in {
    float: right;
    height: 29px;
    margin: 4px 0 0 0;
}

#LoginBackgroundPopup {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 9997;
}

#popupLogin {
    display: none;
    position: fixed;
    width: 360px;
    top: 50%;
    left: 50%;
    z-index: 9998;
    margin-left: 0;
}

#popupLogin .d_block {
    background: url(images/transparent.png) repeat;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    padding: 5px;
}

#popupLogin .d_block2 {
    background: #FFF;
    padding: 18px;
}

#popupLoginClose {
    position: absolute;
    top: 25px;
    right: 33px;
    font-size: 24px;
    color: #5C5C5C;
    cursor: pointer;
}

#login_username, #login_password {
    display: block;
    width: 100%;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    padding: 0 10px;
    margin: 0 0 10px 0;
    line-height: 24px;
    height: 34px;
    background: #F7F7F7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.zigmaIn {
    -webkit-animation: fadeInDown 0.6s;
    animation: fadeInDown 0.6s;
}

/* 	Social
----------------------------------------------------------------------------------------------------*/
.social a {
    float: right;
    text-align: center;
    margin: 0;
    width: 40px !important;
    height: 40px !important;
    color: #121212;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    border-left: 0px solid #2B2B2B;
}

.social_head {
    float: right;
    margin: 0;
    position: relative;
}

.social a i {
    padding: 14px 0;
    display: block;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

.social a:hover i {

}

.social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter {
    background: #00abdc
}

.social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook {
    background: #325c94
}

.social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble {
    background: #fa4086
}

.social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss {
    background: #f1862f
}

.social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github {
    background: #333
}

.social a:hover .fa-instagram, .with_color a .fa-instagram {
    background: #964b00
}

.social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin {
    background: #0073b2
}

.social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest {
    background: #d9031f
}

.social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus {
    background: #d9031f
}

.social a:hover .fa-foursquare, .with_color a .fa-foursquare {
    background: #0cbadf
}

.social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype {
    background: #00b9e5
}

.social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud {
    background: #ff7700
}

.social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube {
    background: #d9031f
}

.social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr {
    background: #325c94
}

.social a:hover .fa-stackexchange, .with_color a .fa-stackexchange {
    background: #4e4e4e;
    color: #fff;
    border-color: #fff
}

.social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr {
    background: #fa4086
}

.social a:hover i {
    color: #fff
}

/*	Superfish
----------------------------------------------------------------------*/
.home_class i {
    font-size: 16px
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    /*z-index: 999999999;*/
    z-index: 999999;
}

.sf-menu {
    float: left;
    padding: 0;
    position: relative;
    margin: 0;
    width: 100%
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 250px;
}

.sf-menu ul li {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #1D1E20
}

.sf-menu li:hover {
    visibility: inherit
}

.sf-menu li {
    float: left;
    border-right: 1px solid #2b2b2b21;
    margin: 0;
    padding: 0
}

.sf-menu li li {
    border-bottom: 1px solid #2B2B2B;
    border-right: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.sf-menu li li:last-child {
    border-bottom: 0
}

.sf-menu li:first-child {
    border: 0px !important;
}

.sf-menu li li:first-child {
    border-top: 0;
}

.sf-menu li li a {
    padding: 12px 14px;
    line-height: 20px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sf-menu a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 20px;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sf-menu li li a {
    margin: 0;
    border: 0
}

.sf-menu > li:hover > a, .sf-menu > li > a:hover {
    color: #fff;
}

.sf-menu li.current > a {
    color: #fff;
}

.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
    border: 0;
    color: #fff;
}

.sf-menu li li a {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

.sf-menu li li i {
    margin-right: 8px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    z-index: 999;
    top: 56px;
    padding: 0;
    -webkit-animation: fadeInDown 0.5s;
    animation: fadeInDown 0.5s;
}

.sf-menu li:hover ul li ul,
.sf-menu li.sfHover ul li ul,
.sf-menu li:hover ul li ul li ul,
.sf-menu li.sfHover ul li ul li ul {
    left: 172px;
    z-index: 999;
    top: 0 !important
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li {
    position: relative !important
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 172px;
    top: 0 !important;
    padding: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 172px;
    top: 0;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
}

/*** arrows **/
.sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
}

.sf-menu > li > a .sf-sub-indicator {
    display: none
}

a > .sf-sub-indicator {
    position: absolute;
    font-size: 8px;
}

li li a .sf-sub-indicator {
    top: 13px;
    right: 5%;
}

.mega {
    padding: 0 !important;
    background: #1D1E20
}

.col4.mega {
    left: 0
}

.col3.mega, .col2.mega {
}

.col1, .col2, .col3 {
    float: left
}

.col1 {
    width: 25% !important
}

.col2 {
    width: 50% !important
}

.col3 {
    width: 75% !important
}

.col4 {
    width: 100% !important
}

.mega h4, .mega h5 {
    color: #fff;
    margin-top: 10px
}

.second_menu * {
    z-index: 9999999999999999999999 !important
}

.second_menu .sf-menu a {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 16px 5px
}

.second_menu .sf-menu li:hover ul,
.second_menu .sf-menu li.sfHover ul {
    top: 32px
}

.second_menu li li a .sf-sub-indicator {
    top: 6px
}

/*	Ticker
----------------------------------------------------------------------*/
.ticker-wrapper.has-js {
    padding: 2px 0;
    width: 620px;
    height: 38px;
    display: block;
    float: left;
    font-size: 12px;
}

.ticker {
    width: 710px;
    height: 38px;
    display: block;
    position: relative;
    overflow: hidden;
}

.ticker-title {
    display: none !important;
    padding-top: 2px;
    color: #121212;
    font-weight: bold;
    text-transform: uppercase;
}

.ticker-content {
    left: 0 !important;
    margin: 0px;
    padding-top: 12px;
    position: absolute;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.2em;
}

.ticker-content:focus {
    none;
}

.ticker-content a {
    text-decoration: none;
    color: #121212;
}

.ticker-swipe {
    padding-top: 9px;
    position: absolute;
    top: 0px;
    /*background-color: #1D1E20;*/
    background-color: #e9e9e9;
    display: block;
    width: 800px;
    height: 23px;
}

.ticker-swipe span {
    margin-left: 1px;
    border-bottom: 1px solid #121212;
    height: 12px;
    width: 7px;
    display: block;
}

.ticker-controls {
    padding: 8px 0px 0px 0px;
    list-style-type: none;
    float: left;
}

.ticker-controls li {
    padding: 0px;
    margin-left: 5px;
    float: left;
    cursor: pointer;
    height: 16px;
    width: 16px;
    display: block;
}

.ticker-controls li.jnt-play-pause {
    background-image: url('../images/controls.png');
    background-position: 32px 16px;
}

.ticker-controls li.jnt-play-pause.over {
    background-position: 32px 32px;
}

.ticker-controls li.jnt-play-pause.down {
    background-position: 32px 0px;
}

.ticker-controls li.jnt-play-pause.paused {
    background-image: url('../images/controls.png');
    background-position: 48px 16px;
}

.ticker-controls li.jnt-play-pause.paused.over {
    background-position: 48px 32px;
}

.ticker-controls li.jnt-play-pause.paused.down {
    background-position: 48px 0px;
}

.ticker-controls li.jnt-prev {
    background-image: url('../images/controls.png');
    background-position: 0px 16px;
}

.ticker-controls li.jnt-prev.over {
    background-position: 0px 32px;
}

.ticker-controls li.jnt-prev.down {
    background-position: 0px 0px;
}

.ticker-controls li.jnt-next {
    background-image: url('../images/controls.png');
    background-position: 16px 16px;
}

.ticker-controls li.jnt-next.over {
    background-position: 16px 32px;
}

.ticker-controls li.jnt-next.down {
    background-position: 16px 0px;
}

.js-hidden {
    display: none;
}

.no-js-news {
    padding: 10px 0px 0px 45px;
    color: #F8F0DB;
}

.left .ticker-swipe {
    /*left: 80px;*/
}

.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}

.left .ticker-controls {
    padding-left: 6px;
}

.right .ticker-swipe {
    /*right: 80px;*/
}

.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}

.right .ticker-controls {
    padding-right: 6px;
}

.freq_out {
    float: left;
    margin: 16px 12px;
    direction: ltr;
}

.freq {
    position: relative;
    width: 10px;
    height: 10px;
    top: 1px;
}

.inner_f {
    content: no-close-quote;
    background-color: #FF822F;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 3px
}

#layerBall {
    box-shadow: 0 0 1px #FF822F;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    -webkit-animation-name: pulsee;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-duration: 2.5s;
}

#layerBall:after {
    background-color: #FF822F;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    content: no-close-quote;
    position: absolute;
    z-index: 99;
}

#layerBall:before {
    box-shadow: 0 0 4px #FF822F;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    content: no-close-quote;
    position: absolute;
    z-index: 99;
    -webkit-animation-name: pulseee;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-duration: 3s;
}

@-webkit-keyframes pulsee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    10% {
        -webkit-transform: scale(1);
        opacity: 0.8;
    }
    50% {
        -webkit-transform: scale(3);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes pulseee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    10% {
        -webkit-transform: scale(0.5);
        opacity: 0.8;
    }
    50% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

@keyframes pulsee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    10% {
        -webkit-transform: scale(1);
        opacity: 0.8;
    }
    50% {
        -webkit-transform: scale(3);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

@keyframes pulseee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    10% {
        -webkit-transform: scale(0.5);
        opacity: 0.8;
    }
    50% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

/*	Sticky
----------------------------------------------------------------------*/
.sticky {
    position: fixed !important;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.boxed .sticky, .boxed-margin .sticky {
    left: auto;
    width: 1330px;
    max-width: 91%;
}

/*	Page Content
----------------------------------------------------------------------*/
.page-content {
    margin: 30px 30px;
}

.ipress_slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(images/grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: fadeInLeft .6s ease both;
    -moz-animation: fadeInLeft .6s ease both;
    animation: fadeInLeft .6s ease both;
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

.owl-theme .owl-controls {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 1px;
    padding: 5px 10px;
    font-size: 14px;
    background: #1D1E20;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: #FF822F;
    -webkit-animation: floating 0.5s;
    animation: floating 0.5s;
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #FF822F;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.owl-item.loading {
    min-height: 318px;
    background: url(images/AjaxLoader.gif) no-repeat center center
}

.ipress_slider .item .half {
    position: relative;
    float: left;
    width: 50%
}

.ipress_slider .item img {
    width: 100%;
}

.ipress_slider .slide_details {
    padding: 20px;
    position: absolute;
    bottom: 0;
    z-index: 9999;
}

.ipress_slider .slide_details h3 {
    padding: 4px 12px;
    font-size: 14px;
    background: rgba(29, 30, 32, 0.8);
    margin: 2px 0 0 0;
}

.ipress_slider .slide_details .post_rating {
    background: rgba(29, 30, 32, 0.8);
    padding: 4px 8px
}

.ipress_slider .slide_details a {
    color: #FFF;
}

.ipress_slider .slide_details .line {
    border-bottom: 3px solid #fff;
    width: 30px;
    display: inline-block;
    margin: 0 0 10px 0;
}

.ipress_slider .owl-controls {
    bottom: -24px;
    right: 0;
}

.ipress_slider .owl-controls .owl-page span {
    width: 20px;
    height: 6px;
    margin: 0px 0 0 4px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #979797;
}

.posts iframe {
    width: 100%
}

.posts .title {
    position: relative;
    color: #fff;
    background: #1d1e20;
    padding: 6px 16px;
    margin: 0 0 20px 0
}

.posts .title .feed {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 16px;
    color: #FFF;
}

.posts .title:after {
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -6px;
    left: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #1d1e20;
}

.posts .title h4 {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.post_day .relative .cat {
    right: 0;
    top: 15px;
    position: absolute;
}

.post_day .relative .cat:after {
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: 10px;
    right: -5px;
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #1D1E20;
}

.post_day_content {
    padding: 5px;
}

.post_m_content {
    padding: 10px 0;
}

.small_posts .s_thumb {
    position: relative;
    float: left;
    margin: 0 20px 20px 0
}

.small_posts .s_thumb span {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FF822F;
    z-index: 99;
    color: #FFF;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    padding: 0 0 3px 0;
}

.small_posts li.clearfix {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ECECEC;
}

.small_posts li.clearfix:last-child {
    margin: 0;
    border-bottom: 0
}

.small_posts h3 {
    line-height: 18px;
    margin: 0 0 5px 0;
    font-size: 14px
}

.small_posts .meta {
    font-size: 12px
}

.small_posts .cat {
    padding: 2px 8px;
    display: inline-block;
}

.post_rating {
    padding: 2px 8px;
    font-size: 12px;
    display: inline-block;
    color: #FFF !important;
    background: #1D1E20;
    z-index: 99;
    display: inline-block;
}

.post_rating i {
    padding: 0 4px 0 0;
}

.single_post h3.single_title {
    font-size: 20px
}

.share_post {
    background: #efefef
}

.share_post span {
    color: #fff;
    background: #e84a4a;
    float: left;
    padding: 4px 10px;
}

.share_post .socials {
    float: left;
    padding: 2px 0 0 20px;
}

.author_post .title {
    margin: 0;
}

.author_post .author_co {
    background: #EFEFEF;
    padding: 30px;
}

.author_post .author_co img {
    float: left;
    margin: 0 20px 20px 0
}

.author_post .author_co .social a {
    color: #929292;
    border-color: #EFEFEF;
}

.posts_links small {
    display: block;
    color: #CCC;
    margin-left: 30px
}

.posts_links span {
    display: block;
    margin-left: 30px
}

.posts_links i {
    position: absolute;
    color: #CCC;
    left: -20px;
    font-size: 52px;
}

.posts_links a.righter i {
    right: -20px
}

.posts_links a.righter span, .posts_links a.righter small {
    margin-right: 30px
}

.float-shadow:not(.s_thumb),
.float-shadow:not(.s_thumb) img {
    width: 100%
}


.pagination-tt ul {
    float: left;
}


.pagination-tt ul li {
    display: inline-block;
    margin: 0;
}

.pagination-tt ul li span {
    display: block;
    padding: 10px 12px;
    background: #1D1E20;
    color: #fff;
}

.pagination-tt ul li a {
    display: block;
    padding: 10px 12px;
    color: #fff;
    background: #FF822F;
    transition: all 0.2s ease;
}

.pagination-tt ul li a:hover {
    background: #1D1E20
}

.pagination-tt .pages {
    float: right;
    padding: 10px 12px;
}

.recent_comments h5 {
    margin: 0;
}

.recent_comments p {
    line-height: 18px;
}

[class^='small_slider_'] .owl-controls, [class^='carousel_'] .owl-controls {
    position: absolute;
    bottom: auto;
    right: 42px;
    top: -51px;
}

[class^='small_slider_'] .owl-controls .owl-page span, [class^='carousel_'] .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 6px;
    background: #EBEBEB
}

.ads_block img {
    margin: 0 auto;
    text-align: center
}

[class^='carousel_'] .item {
    margin: 5px 4px;
}

[class^='carousel_'] .item img {
    display: block;
    width: 100%;
    height: auto;
}

.wp-polls-ul {
    margin: 0 0 20px 0
}

.wp-polls input.Buttons {
    border: 0px;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    background: #FF822F;
    margin: 10px 10px 10px 0;
    display: inline-block;
    cursor: pointer;
}

.wp-polls input.Buttons:hover {
    background: #1D1E20;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.cat {
    padding: 4px 10px;
    font-size: 12px;
    display: inline-block;
    color: #FFF !important;
    background: #1D1E20;
    z-index: 99
}

.colordefault {
    color: #FF822F !important;
}

.title.colordefault, .cat.colordefault, li.colordefault:hover > a, li.colordefault li:hover > a, li.current.colordefault {
    background: #FF822F
}

.title.color1, .cat.color1, li.color1:hover > a, li.color1 li:hover > a, li.current.color1 {
    background: #78B529
}

.title.color2, .cat.color2, li.color2:hover > a, li.color2 li:hover > a, li.current.color2 {
    background: #d1c54a
}

.title.color3, .cat.color3, li.color3:hover > a, li.color3 li:hover > a, li.current.color3 {
    background: #FF3C7A
}

.title.color4, .cat.color4, li.color4:hover > a, li.color4 li:hover > a, li.current.color4 {
    background: #00FF2F
}

.title.color5, .cat.color5, li.color5:hover > a, li.color5 li:hover > a, li.current.color5 {
    background: #00ADFF
}

.title.color6, .cat.color6, li.color6:hover > a, li.color6 li:hover > a, li.current.color6 {
    background: #325C94
}

.title.color7, .cat.color7, li.color7:hover > a, li.color7 li:hover > a, li.current.color7 {
    background: #FF2121
}

.title.color8, .cat.color8, li.color8:hover > a, li.color8 li:hover > a, li.current.color8 {
    background: #465559
}

.colordefault.title:after {
    border-top-color: #FF822F !important
}

.color1.title:after {
    border-top-color: #78B529 !important
}

.color2.title:after {
    border-top-color: #d1c54a !important
}

.color3.title:after {
    border-top-color: #FF3C7A !important
}

.color4.title:after {
    border-top-color: #00FF2F !important
}

.color5.title:after {
    border-top-color: #00ADFF !important
}

.color6.title:after {
    border-top-color: #325C94 !important
}

.color7.title:after {
    border-top-color: #FF2121 !important
}

.color8.title:after {
    border-top-color: #465559 !important
}

.colordefault.cat:after {
    border-left-color: #FF822F !important
}

.color1.cat:after {
    border-left-color: #78B529 !important
}

.color2.cat:after {
    border-left-color: #d1c54a !important
}

.color3.cat:after {
    border-left-color: #FF3C7A !important
}

.color4.cat:after {
    border-left-color: #00FF2F !important
}

.color5.cat:after {
    border-left-color: #00ADFF !important
}

.color6.cat:after {
    border-left-color: #325C94 !important
}

.color7.cat:after {
    border-left-color: #FF2121 !important
}

.color8.cat:after {
    border-left-color: #465559 !important
}

/*	contactForm
----------------------------------------------------------------------------------------------------*/
#contactForm span {
    margin: 11px 10px;
    display: inline-block;
    color: #F00;
}

#contactForm span strong {
    color: #F00;
}

#contactForm i {
    color: #fff;
    margin: 0 10px 0 0
}

#track_input,
#contactForm #senderName,
#contactForm #senderEmail,
#contactForm #senderSubject {
    display: block;
    width: 100%;
    border: 1px solid #EAEAEA;
    padding: 0 10px;
    line-height: 24px;
    height: 38px;
    background: #FDFDFD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#contactForm #message {
    display: block;
    width: 100%;
    border: 1px solid #EAEAEA;
    padding: 16px 10px;
    background: #FDFDFD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#track_input:focus,
#contactForm #senderName:focus,
#contactForm #senderEmail:focus,
#contactForm #message:focus {
    background: #fff;
    border: 1px solid #FF822F;
}

#track_order label {
    font-weight: 600;
    margin-bottom: 14px;
}

#contactForm #senderEmail {
    float: right;
}

#contactForm .flr {
    margin: 0 0 10px 0 !important;
}

#contactForm .fll {
    margin: 0 0px 10px 0 !important;
}

.fieldtrue {
    border: 1px solid #1ABC5B !important
}

.fielderror {
    border-color: #F00 !important;
}

#contactForm #sendMessage {
    width: auto;
    margin-top: 20px;
    float: right;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 10px 16px;
    background: none;
    color: #fff;
    border: 0;
    background: #FF822F;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

#contactForm #sendMessage:hover {
    background: #1D1E20
}

#contactForm textarea {
    width: 98%;
}

/*	Sidebar
----------------------------------------------------------------------*/
.widget {
    margin: 0 0 40px 0
}

.widget .title {
    position: relative;
    color: #fff;
    background: #1d1e20;
    padding: 6px 16px;
    margin: 0 0 20px 0
}

.widget .title:after {
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -6px;
    left: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #1d1e20;
}

.widget .title h4 {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.small_slider_hots .owl-controls {
    right: 12px !important
}

.counter li {
    width: 48%;
    display: inline-block;
    margin: 0 0 14px 0
}

.counter i {
    width: 48px;
    height: 52px;
    position: relative;
    background: #ccc;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    float: left
}

.counter .fa:before {
    padding: 14px
}

.counter li i:after {
    content: no-close-quote;
    position: absolute;
    width: 0;
    height: 0;
    right: -6px;
    bottom: 20px;
    border-top: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #00ABDC
}

.counter .twitter i {
    background: #00ABDC
}

.counter .twitter i:after {
    border-left-color: #00ABDC
}

.counter .facebook i {
    background: #325c94
}

.counter .facebook i:after {
    border-left-color: #325c94
}

.counter .dribbble i {
    background: #fa4086
}

.counter .dribbble i:after {
    border-left-color: #fa4086
}

.counter .rss i {
    background: #f5931f
}

.counter .rss i:after {
    border-left-color: #f5931f
}

.counter span {
    float: left;
    padding: 8px 0 0 20px;
    line-height: 18px;
    font-size: 12px;
}


.widget iframe {
    width: 100%
}

.widget .list li a {
    display: block;
    border-bottom: 1px solid #E6E6E6;
    line-height: 32px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.widget .list li a span {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    float: right
}

.widget .list li:hover span {
    padding-right: 10px
}

.widget .list li.current a, .widget .list li:hover a {
    color: #5486da;
    border-bottom: 1px solid #5486da;
    background: rgba(84, 134, 218, 0.07);
    padding-left: 10px;
}

.tags i {
    margin-right: 4px
}

.tags a {
    color: #868686;
    padding: 6px 12px;
    font-size: 12px;
    margin: 0 0px 4px 0;
    display: inline-block;
    background: #F1F1F1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.tags a:hover {
    background: #FF822F;
    color: #fff;
}

#footer .tags a {
    background: #181717;
}

#footer .tags a:hover {
    background: #FF822F;
    color: #fff !important;
}

/*-- calendar windget --*/
#wp-calendar {
    margin: 0 auto;
    width: 100% !important;
}

#wp-calendar th {
    background: #F3F3F3;
    border: 1px solid #FFF;
    padding: 4px 6px;
    text-align: center;
    font-weight: 400;
}

#wp-calendar td {
    background: #EEEEEE;
    border: 1px solid #FFFFFF;
    padding: 4px 6px;
    text-align: center;
}

#wp-calendar td.pad {
    background: #FFFFFF;
}

#wp-calendar #today {
    background: #FF822F;
    color: #FFFFFF;
}

#wp-calendar #today a {
    color: #FFFFFF;
}

#wp-calendar caption {
    text-align: center;
    background: #1D1E20;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 8px 0;
}

.r_content {
    position: absolute;
    bottom: 0;
    z-index: 99;
}

.r_content .cat {
    left: 20px;
    position: relative;
}

.r_content .r_title {
    color: #fff;
    width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.39);
    margin: 4px 0 0 0;
}

.r_content .r_title a {
    display: block;
    padding: 15px 20px;
    color: #fff;
}

.latest_tweets {
    background: #36a7d6;
}

.tweets {
    color: #FFF;
    padding: 0 20px 54px;
}

.tweets .owl-controls {
    right: 0;
    bottom: -40px;
}

.tweets .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background: #fff;
}

.latest_tweets i {
    padding: 0 4px 0 0
}

.latest_tweets h4 {
    color: #FFF;
    padding: 14px 20px;
    font-weight: 200;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #FFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}

.latest_tweets h4 small {
    font-weight: 100;
    font-size: 12px;
    color: #E2E2E2;
    font-style: italic;
    margin: 0 0 0 6px;
}

/*	Accordion, Toggle
----------------------------------------------------------------------*/
.accordion-head,
.toggle-head {
    position: relative;
    padding: 10px 0 10px 60px;
    margin: 8px 0 0 0;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 0;
    color: #fff;
    background: #2c3337;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.accordion-head i,
.toggle-head i {
    padding-right: 8px;
}

.sub-accordion:first-child .accordion-head,
.sub-toggle:first-child .toggle-head {
    margin: 0;
}

.active .accordion-content,
.active .toggle-content {
    border: 0;
    -webkit-animation: fadeInDown 0.4s;
    animation: fadeInDown 0.4s
}

.active .icon-minus-sign {
    -webkit-animation: fadeInDown 0.4s;
    animation: fadeInDown 0.4s
}

.active .icon-plus-sign {
    -webkit-animation: fadeInDown 0.4s;
    animation: fadeInDown 0.4s
}

.accordion-content,
.toggle-content {
    padding: 16px;
    overflow: hidden;
}

.accordion-head-sign,
.toggle-head-sign {
    margin: 0;
    background: #FF822F;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 16px;
}

.accordion-head-sign i,
.toggle-head-sign i {
    padding: 0;
    margin: 0;
}

.blockquote {
    /*font-family: 'Philosopher', serif;*/
    font-size: 16px;
    font-style: italic;
    text-shadow: 1px 1px 3px transparent;
    color: #888;
    line-height: 24px;
    margin: 40px 20px;
    padding: 20px;
    overflow: hidden;
    border-left: 5px solid #E6E6E6
}

.blockquote.left {
    width: 33%;
    float: left;
}

div.blockquote.right {
    width: 33%;
    float: right;
}

/*	Tabs
----------------------------------------------------------------------*/
.tabs {
    display: block;
    padding: 0;
    list-style: none;
    border: 1px solid #EEE;
}

.tabs li {
    display: block;
    width: auto;
    padding: 0;
    float: left;
    margin: 0;
}

.tabs li a {
    display: block;
    padding: 10px 20px;
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    color: #dbdbdb;
}

.grid_3 .tabs li a {
    padding: 8px
}

.tabs li a.active {
    background: #313131;
    color: #FFF;
}

.tabs-content {
    padding: 20px 0;
    display: block;
    list-style: none
}

.tabs-content img {
    border-radius: 10px
}

.tabs-content > li {
    display: none
}

.tabs-content > li.active {
    display: block;
    overflow: hidden;
    -webkit-animation: fadeInDown 0.4s;
    animation: fadeInDown 0.4s
}

.tabs:before,
.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.tabs:after {
    clear: both;
}

@keyframes prot {
    20%, 40%, 60%, 80%, 100% {
        transform-origin: top center;
    }
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes prot {
    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);
    }
}

.tabs li a:hover i {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation: prot 1s;
    animation: prot 1s;
    z-index: 11;
}

.v_tab li {
    float: none;
    display: flex;
    margin: 0 0 10px 0;
}

.v_content {
    display: block;
    padding: 10px 20px;
    margin: 0;
    border: 2px solid #DBDBDB;
    border-radius: 6px;
}

.table {
    background: transparent !important;
    font-size: 13px;
    text-align: center;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.table th {
    font-size: 14px;
    font-weight: normal;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
    text-align: center;
    padding: 14px 8px !important;
    color: #ffffff;
    background-color: #313131;
    text-shadow: none;
}

.table td {
    padding: 14px 8px !important;
    text-align: center;
}

.table tr {
    border-bottom: 1px solid #fff;
    background-color: #f8f8f8;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.table tr:hover, tr.topic-sticky {
    background: #ddd;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.table tfoot td {
    padding: 14px !important;
    text-align: left;
    background: #313131;
    color: #ffffff;
    font-size: 11px;
    text-shadow: none;
}

.table tfoot tr:hover {
    background: #ddd;
}

/*	Notification Boxes
----------------------------------------------------------------------*/
.notification-box {
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 20px 32px 20px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    -webkit-animation: fadeInUp 1.3s;
    animation: fadeInUp 1.3s;
}

a.notification-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
}

.notification-box p {
    margin: 0;
}

.notification-box p i {
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 10px;
}

.notification-box-info {
    color: #65cad3;
    border: 1px solid #65cad3;
}

.notification-box-success {
    color: #1abc9c;
    border: 1px solid #1abc9c;
}

.notification-box-warning {
    color: #eed880;
    border: 1px solid #eed880;
}

.notification-box-error {
    color: #e06f6f;
    border: 1px solid #e06f6f;
}

.notification-box-info a {
    color: #65cad3;
}

.notification-box-success a {
    color: #1abc9c;
}

.notification-box-warning a {
    color: #eed880;
}

.notification-box-error a {
    color: #e06f6f;
}

/*	Buttons
----------------------------------------------------------------------*/
.tbutton {
    display: inline-block;
    cursor: pointer;
    position: relative;
    word-spacing: 0.2em;
    background: #FF822F;
    color: #fff;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tbutton:hover {
    color: #fff;
    background: #1D1E20
}

.tbutton.color2 {
    background: #9AD147;
}

.tbutton.color2:hover {
    background: #1D1E20
}

.tbutton.color3 {
    background: #5200FF
}

.tbutton.color3:hover {
    background: #1D1E20
}

.tbutton.color4 {
    background: #09F
}

.tbutton.color4:hover {
    background: #1D1E20
}

.tbutton.color5 {
    background: #F00
}

.tbutton.color5:hover {
    background: #1D1E20
}

.tbutton.color6 {
    background: #2FEFF7
}

.tbutton.color6:hover {
    background: #1D1E20
}

.tbutton.color7 {
    background: #A58080
}

.tbutton.color7:hover {
    background: #1D1E20
}

.tbutton.color8 {
    background: #809FA5;
}

.tbutton.color8:hover {
    background: #1D1E20
}

.tbutton.color9 {
    background: #3DE4B5;
}

.tbutton.color9:hover {
    background: #1D1E20
}

.tbutton span {
    display: block;
    overflow: hidden;
}

.tbutton span {
    padding: 0 10px;
    line-height: 2.6em;
}

.tbutton.small {
    font-size: 12px;
}

.tbutton.medium {
    font-size: 14px;
}

.tbutton.large {
    font-size: 16px;
}

.tbutton.small span {
    padding: 0 14px;
    line-height: 2.3em;
}

.tbutton.medium span {
    padding: 0 16px;
    line-height: 2.6em;
}

.tbutton.large span {
    padding: 0 18px;
    line-height: 2.8em;
}

.errorpage h2 small {
    display: block;
    font-weight: 200;
    padding: 10px 0;
}

/*	Top Scroll
----------------------------------------------------------------------*/
#toTop {
    position: relative;
    float: right;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#toTop i {
    display: block;
    font-size: 14px;
    color: #FF822F !important;
}

/* 	Tipsy
----------------------------------------------------------------------*/
#footer {
    background: #1d1e20
}

#footer a {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

#footer a:hover {
    color: #FF822F
}

#footer .widget {
    margin: 60px 0
}

#footer .widget .title {
    background: #252729
}

#footer .widget .title:after {
    border-top: 6px solid #252729
}

#footer .small_posts li.clearfix {
    border-bottom: 1px solid #2B2B2B
}

#footer .small_posts li.clearfix:last-child {
    border-bottom: 0
}

#footer .social a {
    float: left;
    border-left: 0;
}

#newsletters {
    position: relative;
}

#newsletters input {
    margin: 0;
    padding: 0 10px;
    line-height: 24px;
    height: 34px;
    border: 1px solid #EBEBEB;
    background: #F7F7F7;
    border-radius: 3px;
    font-size: 11px;
    color: #A7A7A7;
    cursor: text;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#newsletters input:focus {
    background: #fff;
    border: 1px solid #C5C5C5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#newsletters:hover button {
    color: #191919;
}

#newsletters button {
    position: absolute;
    top: 10px;
    right: 14px;
    background: none;
    border: 0;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#newsletters button:hover {
    color: #FF822F;
}

.footer_last {
    border-top: 1px solid #2B2B2B;
    padding: 20px 30px;
}

.footer_last:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.copyright {
    float: left;
    color: #ffffff !important;
}

.copyright a {
    color: #FF822F !important;
}

/* 	Tipsy
----------------------------------------------------------------------*/
.tipsy {
    padding: 5px;
    font-size: 10px;
    position: absolute;
    z-index: 100000
}

.tipsy-inner {
    padding: 1px 10px 0px;
    background-color: #303030;
    color: white;
    max-width: 300px;
    text-align: center;
}

.tipsy-inner {
    border-radius: 4px;
}

.tipsy-arrow {
    position: absolute;
    width: 9px;
    height: 5px;
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy .tipsy-arrow:before {
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px
}

.tipsy-n .tipsy-arrow:before {
    bottom: -1px;
    left: -2px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #303030;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy-s .tipsy-arrow:before {
    bottom: -1px;
    left: -2px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #303030;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px
}

.tipsy-e .tipsy-arrow:before {
    bottom: -6px;
    right: 0px;
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #303030
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px
}

.tipsy-w .tipsy-arrow:before {
    bottom: 6px;
    left: -1px;
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #303030
}

.tipsy-n div {
    -webkit-animation: fadeInUp 0.3s;
    animation: fadeInUp 0.3s;
}

.tipsy-s div {
    -webkit-animation: fadeInDown 0.3s;
    animation: fadeInDown 0.3s;
}

.tipsy-w div {
    -webkit-animation: expandOpen 0.3s;
    animation: expandOpen 0.3s;
}

.tipsy-e div {
    -webkit-animation: expandOpen 0.3s;
    animation: expandOpen 0.3s;
}

/*	More Styles
----------------------------------------------------------------------*/
.mi {
    margin-right: 4px !important
}

.mid {
    margin-right: 8px !important
}

.mii {
    margin-left: 4px !important
}

.miid {
    margin-left: 8px !important
}

.mt {
    margin-top: 20px !important
}

.mtt {
    margin-top: 30px !important
}

.mtf {
    margin-top: 40px !important
}

.mtff {
    margin-top: 50px !important
}

.mts {
    margin-top: 70px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb {
    margin-bottom: 20px !important
}

.mbt {
    margin-bottom: 30px !important
}

.mbff {
    margin-bottom: 50px !important
}

.mbf {
    margin-bottom: 60px !important
}

.mbs {
    margin-bottom: 70px !important
}

.pt {
    padding-top: 120px
}

.fll {
    float: left;
    margin: 0 20px 10px 0 !important
}

.flr {
    float: right;
    margin: 0 0 10px 20px !important
}

.tac {
    text-align: center !important
}

.tar {
    text-align: right !important
}

.tal {
    text-align: left !important
}

.tacIMG, .tacIMG img {
    margin: 0 auto !important;
    text-align: center;
}

.two-radius {
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important
}

.three-radius {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.four-radius {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important
}

.five-radiu {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important
}

.six-radius {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important
}

.ten-radius {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important
}

.circle-radius {
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important
}

.relative {
    position: relative !important
}

.righter {
    float: right !important
}

.lefter {
    float: left !important
}

.hidden {
    display: none
}

.tt {
    display: block;
    padding: 10px 0;
    border-bottom: 3px solid #DDD;
    text-align: center;
}

.without_border a {
    border: 0 !important
}

.bg_light {
    background: #fff
}

/*	Display
----------------------------------------------------------------------*/
#mobilepro {
    font-weight: bold;
    display: none;
    cursor: pointer;
    float: left;
    margin: 0;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    padding: 16px 20px;
    border-right: 1px solid #2B2B2B;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#mobilepro:hover, #mobilepro.on {
    background: #FF822F
}

.subarrow {
    top: auto !important;
    padding: 16px 20px !important;
    display: none
}

li li .subarrow {
    padding: 10px 15px !important
}

.second_menu #mobilepro {
    padding: 6px 12px 5px !important
}

.second_menu .subarrow {
    padding: 5px 20px !important
}

.glyph {
    float: left;
    text-align: center;
    padding: .75em;
    margin: .4em 1.5em .75em 0;
    width: 6em;
    text-shadow: none;
}

.glyph_big {
    font-size: 128px;
    color: #59c5dc;
    float: left;
    margin-right: 20px;
}

.glyph div {
    padding-bottom: 10px;
}

.glyph input {
    /*font-family: consolas, monospace;*/
    font-size: 12px;
    width: 100%;
    text-align: center;
    border: 0;
    box-shadow: 0 0 0 1px #ccc;
    padding: .2em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.glyph .fs1 {
    font-size: 2em;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('font/fontawesome-webfont.eot?v=4.0.1');
    src: url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),
         url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),
         url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),
         url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.3333333333333333em;
    line-height: .75em;
    vertical-align: -15%
}

[class^="fa-"], [class*=" fa-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    line-height: 1em;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

[class^="fa-"]:before, [class*=" fa-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.2857142857142858em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: .14285714285714285em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.8571428571428572em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.pull-left {
    margin-right: .3em
}

.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-move:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-resize-full:before {
    content: "\f065"
}

.fa-resize-small:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-resize-vertical:before {
    content: "\f07d"
}

.fa-resize-horizontal:before {
    content: "\f07e"
}

.fa-bar-chart-o:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-fullscreen:before {
    content: "\f0b2"
}

.fa-group:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-asc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-desc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building:before {
    content: "\f0f7"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-expand-o:before {
    content: "\f116"
}

.fa-collapse-o:before {
    content: "\f117"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-mail-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-o:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-horizontal:before {
    content: "\f141"
}

.fa-ellipsis-vertical:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}


@charset "UTF-8";

@font-face {
    font-family: "dripicons";
    src: url("font/dripicons.eot");
    src: url("font/dripicons.eot?#iefix") format("embedded-opentype"),
    url("font/dripicons.ttf") format("truetype"),
    url("font/dripicons.woff") format("woff"),
    url("font/dripicons.svg#dripicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "dripicons";
    content: attr(data-icon);
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none !important;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "dripicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none !important;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
}


.icon-align-center:before {
    content: "\e000";
}

.icon-align-justify:before {
    content: "\e001";
}

.icon-align-left:before {
    content: "\e002";
}

.icon-align-right:before {
    content: "\e003";
}

.icon-arrow-down:before {
    content: "\e004";
}

.icon-arrow-left:before {
    content: "\e005";
}

.icon-arrow-thin-down:before {
    content: "\e006";
}

.icon-arrow-right:before {
    content: "\e007";
}

.icon-arrow-thin-left:before {
    content: "\e008";
}

.icon-arrow-thin-up:before {
    content: "\e009";
}

.icon-arrow-up:before {
    content: "\e010";
}

.icon-attachment:before {
    content: "\e011";
}

.icon-arrow-thin-right:before {
    content: "\e012";
}

.icon-code:before {
    content: "\e013";
}

.icon-cloud:before {
    content: "\e014";
}

.icon-chevron-right:before {
    content: "\e015";
}

.icon-chevron-up:before {
    content: "\e016";
}

.icon-chevron-down:before {
    content: "\e017";
}

.icon-chevron-left:before {
    content: "\e018";
}

.icon-camera:before {
    content: "\e019";
}

.icon-checkmark:before {
    content: "\e020";
}

.icon-calendar:before {
    content: "\e021";
}

.icon-clockwise:before {
    content: "\e022";
}

.icon-conversation:before {
    content: "\e023";
}

.icon-direction:before {
    content: "\e024";
}

.icon-cross:before {
    content: "\e025";
}

.icon-graph-line:before {
    content: "\e026";
}

.icon-gear:before {
    content: "\e027";
}

.icon-graph-bar:before {
    content: "\e028";
}

.icon-export:before {
    content: "\e029";
}

.icon-feed:before {
    content: "\e030";
}

.icon-folder:before {
    content: "\e031";
}

.icon-forward:before {
    content: "\e032";
}

.icon-folder-open:before {
    content: "\e033";
}

.icon-download:before {
    content: "\e034";
}

.icon-document-new:before {
    content: "\e035";
}

.icon-document-edit:before {
    content: "\e036";
}

.icon-document:before {
    content: "\e037";
}

.icon-gaming:before {
    content: "\e038";
}

.icon-graph-pie:before {
    content: "\e039";
}

.icon-heart:before {
    content: "\e040";
}

.icon-headset:before {
    content: "\e041";
}

.icon-help:before {
    content: "\e042";
}

.icon-information:before {
    content: "\e043";
}

.icon-loading:before {
    content: "\e044";
}

.icon-lock:before {
    content: "\e045";
}

.icon-location:before {
    content: "\e046";
}

.icon-lock-open:before {
    content: "\e047";
}

.icon-mail:before {
    content: "\e048";
}

.icon-map:before {
    content: "\e049";
}

.icon-media-loop:before {
    content: "\e050";
}

.icon-mobile-portrait:before {
    content: "\e051";
}

.icon-mobile-landscape:before {
    content: "\e052";
}

.icon-microphone:before {
    content: "\e053";
}

.icon-minus:before {
    content: "\e054";
}

.icon-message:before {
    content: "\e055";
}

.icon-menu:before {
    content: "\e056";
}

.icon-media-stop:before {
    content: "\e057";
}

.icon-media-shuffle:before {
    content: "\e058";
}

.icon-media-previous:before {
    content: "\e059";
}

.icon-media-play:before {
    content: "\e060";
}

.icon-media-next:before {
    content: "\e061";
}

.icon-media-pause:before {
    content: "\e062";
}

.icon-monitor:before {
    content: "\e063";
}

.icon-move:before {
    content: "\e064";
}

.icon-plus:before {
    content: "\e065";
}

.icon-phone:before {
    content: "\e066";
}

.icon-preview:before {
    content: "\e067";
}

.icon-print:before {
    content: "\e068";
}

.icon-media-record:before {
    content: "\e069";
}

.icon-music:before {
    content: "\e070";
}

.icon-home:before {
    content: "\e071";
}

.icon-question:before {
    content: "\e072";
}

.icon-reply:before {
    content: "\e073";
}

.icon-reply-all:before {
    content: "\e074";
}

.icon-return:before {
    content: "\e075";
}

.icon-retweet:before {
    content: "\e076";
}

.icon-search:before {
    content: "\e077";
}

.icon-view-thumb:before {
    content: "\e078";
}

.icon-view-list-large:before {
    content: "\e079";
}

.icon-view-list:before {
    content: "\e080";
}

.icon-upload:before {
    content: "\e081";
}

.icon-user-group:before {
    content: "\e082";
}

.icon-trash:before {
    content: "\e083";
}

.icon-user:before {
    content: "\e084";
}

.icon-thumbs-up:before {
    content: "\e085";
}

.icon-thumbs-down:before {
    content: "\e086";
}

.icon-tablet-portrait:before {
    content: "\e087";
}

.icon-tablet-landscape:before {
    content: "\e088";
}

.icon-tag:before {
    content: "\e089";
}

.icon-star:before {
    content: "\e090";
}

.icon-volume-full:before {
    content: "\e091";
}

.icon-volume-off:before {
    content: "\e092";
}

.icon-warning:before {
    content: "\e093";
}

.icon-window:before {
    content: "\e094";
}

@charset "UTF-8";
body {
    -webkit-backface-visibility: hidden;
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-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;
    }
}

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

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

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

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

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

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

.animated.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}

@-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);
    }
}

.animated.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -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) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -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) translateZ(0) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -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) translateZ(0) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    100% {
        -o-transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    100% {
        -o-transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes slideOutLeft {
    0% {
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes slideOutRight {
    0% {
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -moz-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes slideOutUp {
    0% {
        -o-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

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

.animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}

@-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);
    }
}

.animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.animated.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}

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

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

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

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

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

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

@-webkit-keyframes lr {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes lr {
    0% {
        opacity: 0;
        transform: translateY(-5px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.box-shadow-outset, .bubble-bottom, .bubble-float-bottom, .bubble-float-left, .bubble-float-right, .bubble-float-top, .bubble-left, .bubble-right, .bubble-top, .curl-bottom-left, .curl-bottom-right, .curl-top-left, .curl-top-right, .float, .float-shadow, .glow, .grow, .grow-rotate, .hang, .hover, .hover-shadow, .outline-inward, .outline-outward, .pop, .pulse, .pulse-grow, .pulse-shrink, .push, .rotate, .round-corners, .shadow-radial, .shrink, .sink, .skew, .skew-forward, .trim, .wobble-bottom, .wobble-horizontal, .wobble-top, .wobble-vertical {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.button {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #ececec;
    text-decoration: none;
    color: #666
}

.grow {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.grow:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.shrink {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.shrink:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

@-webkit-keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.pulse {
    display: inline-block
}

.pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.pulse-grow {
    display: inline-block
}

.pulse-grow:hover {
    -webkit-animation-name: pulse-grow;
    animation-name: pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.pulse-shrink {
    display: inline-block
}

.pulse-shrink:hover {
    -webkit-animation-name: pulse-shrink;
    animation-name: pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes push {
    50% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.push {
    display: inline-block
}

.push:hover {
    -webkit-animation-name: push;
    animation-name: push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-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)
    }
}

.pop {
    display: inline-block
}

.pop:hover {
    -webkit-animation-name: pop;
    animation-name: pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.rotate {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.rotate:hover {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg)
}

.grow-rotate {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    -ms-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.float {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.float:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.sink {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.sink:hover {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

@-webkit-keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hover {
    display: inline-block;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.hover:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hang {
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hang {
    50% {
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px)
    }
    100% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hang {
    display: inline-block;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.hang:hover {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-animation-name: hang;
    animation-name: hang;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.skew {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.skew:hover {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg)
}

.skew-forward {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.skew-forward:hover {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg)
}

@-webkit-keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.wobble-vertical {
    display: inline-block
}

.wobble-vertical:hover {
    -webkit-animation-name: wobble-vertical;
    animation-name: wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        -ms-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.wobble-horizontal {
    display: inline-block
}

.wobble-horizontal:hover {
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        -ms-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        -ms-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        -ms-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        -ms-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0)
    }
}

.wobble-top {
    display: inline-block;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.wobble-top:hover {
    -webkit-animation-name: wobble-top;
    animation-name: wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        -ms-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        -ms-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        -ms-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        -ms-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0)
    }
}

.wobble-bottom {
    display: inline-block;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.wobble-bottom:hover {
    -webkit-animation-name: wobble-bottom;
    animation-name: wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.border-fade {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: inset 0 0 0 4px #ececec, 0 0 1px rgba(0, 0, 0, 0)
}

.border-fade:hover {
    box-shadow: inset 0 0 0 4px #666, 0 0 1px rgba(0, 0, 0, 0)
}

.hollow {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: inset 0 0 0 4px #ececec, 0 0 1px rgba(0, 0, 0, 0)
}

.hollow:hover {
    background: 0 0
}

.trim {
    display: inline-block;
    position: relative
}

.trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.trim:hover:before {
    opacity: 1
}

.outline-outward {
    display: inline-block;
    position: relative
}

.outline-outward:before {
    content: '';
    position: absolute;
    border: #ececec solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top right bottom left;
    transition-property: top right bottom left
}

.outline-outward:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.outline-inward {
    display: inline-block;
    position: relative
}

.outline-inward:before {
    content: '';
    position: absolute;
    border: #ececec solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top right bottom left;
    transition-property: top right bottom left
}

.outline-inward:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.round-corners {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.round-corners:hover {
    border-radius: 1em
}

.glow {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.glow:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.box-shadow-outset {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
}

.box-shadow-inset {
    display: inline-block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)
}

.float-shadow {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity
}

.float-shadow:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4
    }
}

@keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4
    }
    50% {
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4
    }
}

.hover-shadow {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.hover-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity
}

.hover-shadow:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.hover-shadow:hover:before {
    opacity: .4;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-animation-name: hover-shadow;
    animation-name: hover-shadow;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.shadow-radial {
    display: inline-block;
    position: relative
}

.shadow-radial:after, .shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}

.shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}

.shadow-radial:hover:after, .shadow-radial:hover:before {
    opacity: 1
}

.bubble-top {
    display: inline-block;
    position: relative
}

.bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    border-width: 0 10px 10px;
    border-color: transparent transparent #ececec;
    -webkit-transition-property: top;
    transition-property: top
}

.bubble-top:hover:before {
    top: -10px
}

.bubble-right {
    display: inline-block;
    position: relative
}

.bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: right;
    transition-property: right;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ececec
}

.bubble-right:hover:before {
    right: -10px
}

.bubble-bottom {
    display: inline-block;
    position: relative
}

.bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: bottom;
    transition-property: bottom;
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #ececec transparent transparent
}

.bubble-bottom:hover:before {
    bottom: -10px
}

.bubble-left {
    display: inline-block;
    position: relative
}

.bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: left;
    transition-property: left;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ececec transparent transparent
}

.bubble-left:hover:before {
    left: -10px
}

.bubble-float-top {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.bubble-float-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #ececec;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top;
    transition-property: top
}

.bubble-float-top:hover {
    -webkit-transform: translateY(5px) translateZ(0);
    -ms-transform: translateY(5px) translateZ(0);
    transform: translateY(5px) translateZ(0)
}

.bubble-float-top:hover:before {
    top: -10px
}

.bubble-float-right {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.bubble-float-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ececec;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: right;
    transition-property: right
}

.bubble-float-right:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.bubble-float-right:hover:before {
    right: -10px
}

.bubble-float-bottom {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.bubble-float-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #ececec transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: bottom;
    transition-property: bottom
}

.bubble-float-bottom:hover {
    -webkit-transform: translateY(-5px) translateZ(0);
    -ms-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0)
}

.bubble-float-bottom:hover:before {
    bottom: -10px
}

.bubble-float-left {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.bubble-float-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ececec transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: left;
    transition-property: left
}

.bubble-float-left:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.bubble-float-left:hover:before {
    left: -10px
}

.curl-top-left {
    display: inline-block;
    position: relative
}

.curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: -webkit-linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width height;
    transition-property: width height
}

.curl-top-left:hover:before {
    width: 25px;
    height: 25px
}

.curl-top-right {
    display: inline-block;
    position: relative
}

.curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: -webkit-linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width height;
    transition-property: width height
}

.curl-top-right:hover:before {
    width: 25px;
    height: 25px
}

.curl-bottom-right {
    display: inline-block;
    position: relative
}

.curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: -webkit-linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width height;
    transition-property: width height
}

.curl-bottom-right:hover:before {
    width: 25px;
    height: 25px
}

.curl-bottom-left {
    display: inline-block;
    position: relative
}

.curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: -webkit-linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width height;
    transition-property: width height
}

.curl-bottom-left:hover:before {
    width: 25px;
    height: 25px
}

.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(8%);
    }
    65% {
        transform: translateY(-4%);
    }
    80% {
        transform: translateY(4%);
    }
    95% {
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    65% {
        -webkit-transform: translateY(-4%);
    }
    80% {
        -webkit-transform: translateY(4%);
    }
    95% {
        -webkit-transform: translateY(-2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    50% {
        transform: translateY(-8%);
    }
    65% {
        transform: translateY(4%);
    }
    80% {
        transform: translateY(-4%);
    }
    95% {
        transform: translateY(2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(-8%);
    }
    65% {
        -webkit-transform: translateY(4%);
    }
    80% {
        -webkit-transform: translateY(-4%);
    }
    95% {
        -webkit-transform: translateY(2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%);
    }
    50% {
        transform: translateX(-8%);
    }
    65% {
        transform: translateX(4%);
    }
    80% {
        transform: translateX(-4%);
    }
    95% {
        transform: translateX(2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%);
    }
    50% {
        -webkit-transform: translateX(-8%);
    }
    65% {
        -webkit-transform: translateX(4%);
    }
    80% {
        -webkit-transform: translateX(-4%);
    }
    95% {
        -webkit-transform: translateX(2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    50% {
        transform: translateX(8%);
    }
    65% {
        transform: translateX(-4%);
    }
    80% {
        transform: translateX(4%);
    }
    95% {
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50% {
        -webkit-transform: translateX(8%);
    }
    65% {
        -webkit-transform: translateX(-4%);
    }
    80% {
        -webkit-transform: translateX(4%);
    }
    95% {
        -webkit-transform: translateX(-2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.slideExpandUp {
    animation-name: slideExpandUp;
    -webkit-animation-name: slideExpandUp;

    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease -out;

    visibility: visible !important;
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(0.5);
    }
    30% {
        transform: translateY(-8%) scaleX(0.5);
    }
    40% {
        transform: translateY(2%) scaleX(0.5);
    }
    50% {
        transform: translateY(0%) scaleX(1.1);
    }
    60% {
        transform: translateY(0%) scaleX(0.9);
    }
    70% {
        transform: translateY(0%) scaleX(1.05);
    }
    80% {
        transform: translateY(0%) scaleX(0.95);
    }
    90% {
        transform: translateY(0%) scaleX(1.02);
    }
    100% {
        transform: translateY(0%) scaleX(1);
    }
}

@-webkit-keyframes slideExpandUp {
    0% {
        -webkit-transform: translateY(100%) scaleX(0.5);
    }
    30% {
        -webkit-transform: translateY(-8%) scaleX(0.5);
    }
    40% {
        -webkit-transform: translateY(2%) scaleX(0.5);
    }
    50% {
        -webkit-transform: translateY(0%) scaleX(1.1);
    }
    60% {
        -webkit-transform: translateY(0%) scaleX(0.9);
    }
    70% {
        -webkit-transform: translateY(0%) scaleX(1.05);
    }
    80% {
        -webkit-transform: translateY(0%) scaleX(0.95);
    }
    90% {
        -webkit-transform: translateY(0%) scaleX(1.02);
    }
    100% {
        -webkit-transform: translateY(0%) scaleX(1);
    }
}

.expandUp {
    animation-name: expandUp;
    -webkit-animation-name: expandUp;

    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60% {
        transform: translateY(-7%) scaleY(1.12);
    }
    75% {
        transform: translateY(3%);
    }
    100% {
        transform: translateY(0%) scale(1) scaleY(1);
    }
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60% {
        -webkit-transform: translateY(-7%) scaleY(1.12);
    }
    75% {
        -webkit-transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1);
    }
}

.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;

    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    visibility: visible !important;
}

@keyframes expandOpen {
    0% {
        transform: scale(0);
    }
    20% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(0.95);
    }
    80% {
        transform: scale(1.05);
    }
    90% {
        transform: scale(0.98);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(0);
    }
    20% {
        -webkit-transform: scale(0.5);
    }
    50% {
        -webkit-transform: scale(0.95);
    }
    80% {
        -webkit-transform: scale(1.05);
    }
    90% {
        -webkit-transform: scale(0.98);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.bigEntrance {
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;

    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    visibility: visible !important;
}

@keyframes bigEntrance {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2;
    }
    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1;
    }
    45% {
        transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2;
    }
    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    75% {
        -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
}

.hatch {
    animation-name: hatch;
    -webkit-animation-name: hatch;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;

    visibility: visible !important;
}

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        transform: rotate(2deg) scaleY(1);
    }
    50% {
        transform: rotate(-2deg);
    }
    65% {
        transform: rotate(1deg);
    }
    80% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        -webkit-transform: rotate(2deg) scaleY(1);
    }
    50% {
        -webkit-transform: rotate(-2deg);
    }
    65% {
        -webkit-transform: rotate(1deg);
    }
    80% {
        -webkit-transform: rotate(-1deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

.bounce {
    animation-name: bounce;
    -webkit-animation-name: bounce;

    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

@keyframes bounce {
    0% {
        transform: translateY(0%) scaleY(0.6);
    }
    60% {
        transform: translateY(-100%) scaleY(1.1);
    }
    70% {
        transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80% {
        transform: translateY(0%) scaleY(1.05) scaleX(1);
    }
    90% {
        transform: translateY(0%) scaleY(0.95) scaleX(1);
    }
    100% {
        transform: translateY(0%) scaleY(1) scaleX(1);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0%) scaleY(0.6);
    }
    60% {
        -webkit-transform: translateY(-100%) scaleY(1.1);
    }
    70% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80% {
        -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    }
    90% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    }
    100% {
        -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    }
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;

    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(4deg);
    }
    100% {
        -webkit-transform: rotate(-4deg);
    }
}

.freqFX {
    animation-name: freqFX;
    -webkit-animation-name: freqFX;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes freqFX {
    0% {
        transform: rotate(-6deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-6deg);
    }
}

@-webkit-keyframes freqFX {
    0% {
        -webkit-transform: rotate(-6deg);
    }
    50% {
        -webkit-transform: rotate(4deg);
    }
    100% {
        -webkit-transform: rotate(-6deg);
    }
}

.pullUp {
    animation-name: pullUp;
    -webkit-animation-name: pullUp;

    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
    0% {
        transform: scaleY(0.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes pullUp {
    0% {
        -webkit-transform: scaleY(0.1);
    }
    40% {
        -webkit-transform: scaleY(1.02);
    }
    60% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(1);
    }
}

.pullDown {
    animation-name: pullDown;
    -webkit-animation-name: pullDown;

    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}

@keyframes pullDown {
    0% {
        transform: scaleY(0.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scaleY(0.1);
    }
    40% {
        -webkit-transform: scaleY(1.02);
    }
    60% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(1);
    }
}

.stretchLeft {
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }
}

@-webkit-keyframes stretchLeft {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}

.stretchRight {
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

@keyframes stretchRight {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }
}

@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}

/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {
    body {
        overflow-x: hidden
    }

    .boxed, .boxed-margin {
        width: 98%;
        max-width: 100%;
        margin: 0 auto
    }

    .boxed-margin {
        margin: 10px auto
    }

    .row, .boxed .sticky, .boxed-margin .sticky {
        width: 950px
    }

    .tabs li a {
        padding: 10px 12px
    }

    .grid_3 .tabs li a {
        padding: 10px 8px
    }

    sf-menu a {
        font-size: 14px
    }

    .ads {
        width: 690px
    }

    .ticker-wrapper.has-js {
        overflow: hidden;
        width: 420px
    }

    .counter li {
        width: 100%
    }
}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        overflow-x: hidden
    }

    .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important
    }

    .row {
        width: 700px
    }

    .col1, .col2, .col3, .col4, .grid_9 {
        width: 100%;
    }

    .sidebar, .post {
        width: 100%;
        margin: 0 0 40px
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
    .grid_1.alpha, .grid_1.omega, .grid_2.alpha, .grid_2.omega, .grid_3.alpha, .grid_3.omega, .grid_4.alpha, .grid_4.omega, .grid_5.alpha, .grid_5.omega,
    .grid_6.alpha, .grid_6.omega, .grid_7.alpha, .grid_7.omega, .grid_8.alpha, .grid_8.omega, .grid_9.alpha, .grid_9.omega, .grid_10.alpha, .grid_10.omega, .grid_11.alpha, .grid_11.omega {
        width: 100%;
        margin: 0 0 30px
    }

    #mobilepro, .subarrow {
        display: block;
    }

    .subarrow {
        display: block;
        z-index: 99;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        font-size: 16px;
    }

    .sf-menu {
        position: absolute;
        top: 52px;
        right: auto;
        left: 0;
        background: #1D1E20;
    }

    .sf-menu a.sf-with-ul {
        margin-right: 50px !important
    }
    .sf-menu li:first-child {
        display: none !important;
    }

    .bottomtip{
        display: none !important;
    }
    .search_icon i {
        padding: 20px 20px;
    }
    .sf-menu > li a {
        padding-left: 20px !important;
    }

    .sf-menu i, .sf-menu li a {
        color: #FFF
    }

    .sf-menu, .sf-sub-indicator {
        width: 35% !important;
        display: none;
        margin: 4px 0 !important
    }

    .sf-menu li {
        margin: 0;
        border: 0
    }

    .sf-menu.xactive {
        display: block !important;
    }

    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    .sf-menu ul:before {
        content: "";
        border-width: 0 0 0 0 !important
    }

    .sf-menu > li.sfHover:before {
        color: #000;
        background: none;
        width: 0;
        height: 0px;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        padding: 0 !important
    }

    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden;
    }

    .sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current {
        float: none !important;
        border: 0;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        box-shadow: none;
        -webkit-animation: initial;
        animation: initial;
        -moz-animation: initial;
        -o-animation: initial;
    }

    .sf-menu ul {
        position: static !important;
        display: none !important;
        width: 100%;
    }

    .xpopdrop > ul {
        display: block !important;
        visibility: inherit !important
    }

    .sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {
        border: 0
    }

    .sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current {
        background: none !important
    }

    .sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
        color: #ddd
    }

    .sf-menu a {
        padding: 16px 0
    }

    .sf-menu li li a {
        padding-left: 10% !important;
    }

    .sf-menu li li li a {
        padding-left: 13% !important;
    }

    .sf-menu li li li li a {
        padding-left: 16% !important;
    }

    .second_menu .sf-menu {
        top: 31px
    }

    .logo {
        margin: 0
    }

    .ads {
        width: 468px;
        margin: 16px 0
    }

    h3 {
        font-size: 16px
    }

    .pagination-tt {
        margin: 0 0 60px 0
    }

    .copyright {
        float: none;
        display: table;
        margin: 0 auto
    }

    #footer .grid_3, #footer .grid_4, #footer .grid_9 {
        width: 48%;
        margin: 0 1% 30px
    }

    .tabs li a {
        padding: 10px 5px
    }

    .breaking_news {
        display: none
    }

    .ipress_slider .slide_details h3 {
        padding: 4px 12px;
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }

    .grid_8 .grid_6 {
        width: 48%
    }
}

/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
    body {
        overflow-x: hidden
    }

    .full-width-background:before{
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%) !important;
    }

    .col1, .col2, .col3, .col4, .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important
    }

    .row {
        width: 400px
    }

    .sidebar, .post {
        width: 100%;
        margin: 0 0 40px
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
    .grid_1.alpha, .grid_1.omega, .grid_2.alpha, .grid_2.omega, .grid_3.alpha, .grid_3.omega, .grid_4.alpha, .grid_4.omega, .grid_5.alpha, .grid_5.omega,
    .grid_6.alpha, .grid_6.omega, .grid_7.alpha, .grid_7.omega, .grid_8.alpha, .grid_8.omega, .grid_9.alpha, .grid_9.omega, .grid_10.alpha, .grid_10.omega, .grid_11.alpha, .grid_11.omega {
        width: 100%;
        margin: 0 0 30px
    }

    #mobilepro, .subarrow {
        display: block;
    }

    .subarrow {
        display: block;
        z-index: 99;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        font-size: 16px;
    }

    .sf-menu {
        position: absolute;
        top: 52px;
        right: auto;
        left: 0;
        background: #1D1E20;
    }

    .sf-menu a.sf-with-ul {
        margin-right: 50px !important
    }


    .sf-menu li:first-child {
        display: none !important;
    }

    .bottomtip{
        display: none !important;
    }
    #date_time{
        display: none !important;
    }

    .search_icon i {
        padding: 20px 20px;
    }

    .sf-menu > li a {
        padding-left: 20px !important;
    }

    .sf-menu i, .sf-menu li a {
        color: #FFF
    }

    .sf-menu, .sf-sub-indicator {
        width: 60% !important;
        display: none;
        margin: 4px 0 !important
    }

    .sf-menu li {
        margin: 0;
        border: 0
    }

    .sf-menu.xactive {
        display: block !important;
    }

    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    .sf-menu ul:before {
        content: "";
        border-width: 0 0 0 0 !important
    }

    .sf-menu > li.sfHover:before {
        color: #000;
        background: none;
        width: 0;
        height: 0px;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        padding: 0 !important
    }

    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden;
    }

    .sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current {
        float: none !important;
        border: 0;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        box-shadow: none;
        -webkit-animation: initial;
        animation: initial;
        -moz-animation: initial;
        -o-animation: initial;
    }

    .sf-menu ul {
        position: static !important;
        display: none !important;
        width: 100%;
    }

    .xpopdrop > ul {
        display: block !important;
        visibility: inherit !important
    }

    .sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {
        border: 0
    }

    .sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current {
        background: none !important
    }

    .sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
        color: #ddd
    }

    .sf-menu a {
        padding: 16px 0
    }

    .sf-menu li li a {
        padding-left: 10% !important;
    }

    .sf-menu li li li a {
        padding-left: 13% !important;
    }

    .sf-menu li li li li a {
        padding-left: 16% !important;
    }

    .second_menu .sf-menu {
        top: 31px
    }

    .logo {
        float: none;
        display: table;
        margin: 0 auto 10px
    }

    h3 {
        font-size: 16px
    }

    .pagination-tt {
        margin: 0 0 60px 0
    }

    .copyright {
        float: none;
        display: table;
        margin: 0 auto
    }

    .tabs li a {
        padding: 10px 5px
    }

    .breaking_news, .social_head {
        display: none
    }

    .grid_8 .grid_6 {
        width: 48%
    }

    .ipress_slider .slide_details {
        display: none
    }

    .posts_block .alpha {
        margin-left: 0 !important;
        margin-right: 1% !important;
    }

    .posts_block .omega {
        margin-right: 0 !important;
        margin-left: 1% !important;
    }

    #date_time {
        padding: 9px 10px
    }
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 480px) {
    body {
        overflow-x: hidden
    }

    .full-width-background:before{
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%) !important;
    }

    .col1, .col2, .col3, .col4, .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important
    }

    .row {
        /*width: 290px;*/
        padding: 0;
    }

    .sidebar, .post {
        width: 100%;
        margin: 0 0 40px
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
    .grid_1.alpha, .grid_1.omega, .grid_2.alpha, .grid_2.omega, .grid_3.alpha, .grid_3.omega, .grid_4.alpha, .grid_4.omega, .grid_5.alpha, .grid_5.omega,
    .grid_6.alpha, .grid_6.omega, .grid_7.alpha, .grid_7.omega, .grid_8.alpha, .grid_8.omega, .grid_9.alpha, .grid_9.omega, .grid_10.alpha, .grid_10.omega, .grid_11.alpha, .grid_11.omega {
        width: 100%;
        margin: 0 0 30px
    }

    #mobilepro, .subarrow {
        display: block;
    }

    .subarrow {
        display: block;
        z-index: 99;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        font-size: 16px;
    }

    .sf-menu {
        position: absolute;
        top: 52px;
        right: auto;
        left: 0;
        background: #1D1E20;
    }

    .sf-menu a.sf-with-ul {
        margin-right: 50px !important
    }

    .sf-menu li:first-child {
        display: none !important;
    }
    .bottomtip{
        display: none !important;
    }
    .search_icon i {
        padding: 20px 20px;
    }
    #date_time{
        display: none !important;
    }

    .sf-menu > li a {
        padding-left: 20px !important;
    }

    .sf-menu i, .sf-menu li a {
        color: #FFF
    }

    .sf-menu, .sf-sub-indicator {
        width: 80% !important;
        display: none;
        margin: 4px 0 !important
    }

    .sf-menu li {
        margin: 0;
        border: 0
    }

    .sf-menu.xactive {
        display: block !important;
    }

    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    .sf-menu ul:before {
        content: "";
        border-width: 0 0 0 0 !important
    }

    .sf-menu > li.sfHover:before {
        color: #000;
        background: none;
        width: 0;
        height: 0px;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        padding: 0 !important
    }

    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden;
    }

    .sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current {
        float: none !important;
        border: 0;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        box-shadow: none;
        -webkit-animation: initial;
        animation: initial;
        -moz-animation: initial;
        -o-animation: initial;
    }

    .sf-menu ul {
        position: static !important;
        display: none !important;
        width: 100%;
    }

    .xpopdrop > ul {
        display: block !important;
        visibility: inherit !important
    }

    .sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {
        border: 0
    }

    .sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current {
        background: none !important
    }

    .sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
        color: #ddd
    }

    .sf-menu a {
        padding: 16px 0
    }

    .sf-menu li li a {
        padding-left: 10% !important;
    }

    .sf-menu li li li a {
        padding-left: 13% !important;
    }

    .sf-menu li li li li a {
        padding-left: 16% !important;
    }

    .second_menu .sf-menu {
        top: 31px
    }

    .logo {
        float: none;
        /*display: table;
        margin: 0 auto 10px*/
        margin: 0px 20px 10px;
    }

    h3 {
        font-size: 16px
    }

    .pagination-tt {
        margin: 0 0 60px 0
    }

    .copyright {
        float: none;
        display: table;
        margin: 0 auto
    }

    .tabs li a {
        padding: 10px 5px
    }

    .breaking_news {
        display: none
    }

    .social a {
        width: 24px
    }

    .ipress_slider .slide_details, .social_head, [class^='small_slider_'] .owl-controls, [class^='carousel_'] .owl-controls {
        display: none !important
    }

    .posts_block .alpha {
        margin-left: 0 !important;
        margin-right: 1% !important;
    }

    .posts_block .omega {
        margin-right: 0 !important;
        margin-left: 1% !important;
    }

    .post_day .relative .cat:after {
        border: 0
    }

    #footer {
        padding: 0px 20px 0px 20px;
    }
    #footer .widget {
        margin: 30px 0px 0px !important;
    }
}

.full-width-background {
    width: 100%; /* Full width */
    background-image: url('../images/top_banner_4.png'); /* Path to your image */
    background-size: cover; /* Cover the entire width of the element */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the image */
    border-bottom: 2px solid #e2e2e2;
}
.full-width-background:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.breaking_news {
    height: 42px !important;
}

.text-justify {
    text-align: justify !important;
}

.widget ul li label {
    margin: 6px 10px 0 0;
    width: 8px;
    height: 8px;
    background: url(../images/square_bullet.jpg) no-repeat left top;
    float: left;
}
.text-white{
    color: #FFFFFF !important;
}