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

/* ==========================================================================
    2. DOCUMENT STYLES
    ========================================================================= */
body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #777;
    background-color: #fff;
}

.row{
    margin-bottom: 70px;
}

*[class^="row"] *[class^="row"]:last-child{
    margin-bottom: 0;
}



/* ==========================================================================
    3. TYPOGRAPHY 
    ========================================================================= */
p,
a,
span {
    color: #777;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 22px;
}
p {
    padding-bottom: 15px;
}
a {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 25px;
    margin-top: 0;
    color: #333;
}

h1{
    font-size: 30px;
    line-height: 30px;
}

h2{
    font-size: 24px;
    line-height: 26px;
}

h3{
    font-size: 21px;
    line-height: 24px;
}

h4{
    font-size: 18px;
    line-height: 22px;
}

h5{
    font-size: 16px;
    line-height: 18px;
}

h6{
    font-size: 15px;
    line-height: 18px;
}

strong{
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}
img.float-left {
    float: left;
    margin: 12px 12px 12px 0;
}
img.float-right {
    float: right;
    margin: 12px 0px 12px 12px;
}

.img-fixed-bottom{
    position: relative;
    bottom: -70px;
}

ul,
ol {
    list-style-position: inside;
}
ul li,
ol li {
    padding-bottom: 5px;
}

blockquote + p {
    margin-top: 15px;
}

.required{
    color: #ce292d;
}

.text-big{
    font-size: 18px;
    line-height: 25px;
    color: #333;
}

.align-right{
    text-align: right;
}

a.read-more{
    float: right;
    position: relative;
}

a.read-more span{
    text-transform: uppercase;
    font-weight: 700;  
    display: block;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.read-more:hover span{
    transform: translate(-15px, 0);
    -webkit-transform: translate(-15px, 0);
    -moz-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
}

a.read-more i{
    font-size: 11px;
    line-height: 20px;
    opacity: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.read-more:hover i{
    opacity: 1;   
}

a.download-link{
    width: 100%;
    display: block;
    margin-bottom: 5px;
}


a.download-link span {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.download-link span i{
    padding-right: 5px;
}


.mb-70{
    margin-bottom: 70px;
}

.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}.mb-30{
    margin-bottom: 30px;
}.mb-40{
    margin-bottom: 40px;
}
.mb-0{
    margin-bottom: 0;
}

.svg-white .st0{
    fill: #fff;
}



/* ==========================================================================
    4. HEADER 
    ========================================================================= */
.header-wrapper {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    z-index: 1000;
}

.header-wrapper.header-transparent {
    background-color: transparent;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.header-transparent02{
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.header-transparent.solid-color,
.header-wrapper.header-transparent02.solid-color{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-wrapper.header-transparent.solid-color .header-style01 .main-nav{
    background: #fff;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#header{
    position: relative;
    z-index: 1000;
}

#search {
    width: 40px;
    min-height: 80px;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
    margin-right: 30px;
    float: right;
    z-index: 1005;
    background-color: transparent;
    padding-top: 20px;
}
.search-submit {
    background-image: url('../img/search.png');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 40px;
    min-height: 40px;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#search:focus,
.search-submit:focus,
#m_search:focus {
    outline: none;
}
#m_search {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 25px;
    position: absolute;
    top: 100%;
    width: 170px;
    right: 0;
    font-style: italic;
    color: #666;
    display: none;
}

/* 
    MAIN NAVIGATION 
*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: transparent;
}

.main-nav .row{
    margin-bottom: 0;
}

.main-nav{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* IE10+ */

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    margin-top: 35px;

    -webkit-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
}

.navbar{
    min-height: 80px;
    margin-bottom: 0;
}

.navbar-default{
    border: none;
    background: none;
}

#dl-menu{
    display: none;
}
.navbar-nav {
	position:relative;
	top:50px;
}
.navbar-nav > li {
    padding-bottom: 0;
}

.navbar-nav>li>a{
    line-height: 48px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a{
    color: #333;    
    border-bottom: 3px solid transparent;
}

.nav>li>a{
    padding-left: 25px;
    padding-right: 25px;
}

.header-style01 .navbar-default .navbar-nav>li>a:hover{
    border-bottom: 3px solid;
}

.dropdown-menu{
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #eee;
    min-width: 240px;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

.dropdown .dropdown-menu .dropdown-submenu > a{
    position: relative;
}

.dropdown .dropdown-menu .dropdown-submenu > a:after{
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #aaa;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.dropdown-menu>li{
    padding: 0px 20px;
}

.dropdown-menu>li>a{
    font-size: 13px;
    color: #333;
    padding: 15px 0px;
    border-bottom: 1px dotted #ddd;
}

.dropdown-menu>li:last-child a{
    border: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background: none;
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    left: 100%;
    top: -3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown.dropdown-submenu > a {
    position: relative;
}

.navbar-header{
    padding-top: 18px;
    padding-left: 30px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none;
}

.navbar-collapse{
    float: right;
    padding: 0;
}

.nav > li.current-menu-item > a{
    border-bottom: 3px solid;
}


/*  HEADER STYLE 01 - WITH TOPBAR
    ------------------------------------------------------------------------- */
.header-style01 #top-bar-wrapper .row{
    margin-bottom: 0;
}

.header-style01 #quick-links{
    padding-top: 8px;
}

.header-style01 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style01 #quick-links li span,
.header-style01 #quick-links li a{
    color: #fff;
}

.header-style01 #top-bar-wrapper{
    padding: 20px 0 0;
    width: 100%;
}



/*  HEADER STYLE 02 - LIGHT TOPBAR
    ------------------------------------------------------------------------- */

.header-style02 #top-bar-wrapper .row{
    margin-bottom: 0;
}

.header-style02 #quick-links{
    padding-top: 8px;
}

.header-style02 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style02 #top-bar-wrapper{
    background-color: #fcfcfc;
    padding: 10px 0;
    width: 100%;
}

.header-style02 .navbar-header{
    padding-left: 0;
}

.header-style02 #search{
    margin-right: 0;
}


.wpml-languages{
    display: block;
    float: right;
    position: relative;

}

.wpml-languages a.active{
    display: block;
    padding: 8px 6px 8px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
}

.wpml-languages a.active i{
    font-size: 9px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.wpml-languages a.active img{
    width: 22px;
    float: left;
}

.wpml-languages a img{
    width: 22px;
}

.wpml-lang-dropdown{
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 102%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ddd;
    width: 100%;
    display: none;
    z-index: 10001;
}

.wpml-lang-dropdown li{
    list-style: none;
    padding: 8px 15px;
}

.wpml-languages:hover ul.wpml-lang-dropdown{
    display: block;
}

.header-style02 .header-inner{
    padding: 20px 0;
}

.header-style02 .header-inner .main-nav{
    margin-top: 0;
    background: none;
}

.header-style02 .navbar-default .navbar-nav>li>a:hover, 
.header-style02 .nav > li.current-menu-item > a{
    border: none;
    border-bottom: none;
    border-color: transparent;
}

.header-style02 .navbar-default .navbar-nav>li>a{
    border-bottom: none;
}


/*  HEADER STYLE 02 - DARK TOPBAR
    ------------------------------------------------------------------------- */
.header-style02 #top-bar-wrapper.dark{
    background-color: #333333;
}

.header-style02 #top-bar-wrapper.dark #quick-links li span,
.header-style02 #top-bar-wrapper.dark #quick-links li a{
    color: #ccc;
}

#top-bar-wrapper.dark .wpml-languages a.active,
#top-bar-wrapper.dark .wpml-lang-dropdown{
    background-color: #444;
    border: 1px solid #555;
}

#top-bar-wrapper.dark .wpml-languages a.active i{
    color: #ccc;
}


/*  HEADER STYLE 02 - DARK HEADER
    ------------------------------------------------------------------------- */
.header-wrapper.dark #top-bar-wrapper{
    background-color: #222;
}

.header-wrapper.dark #quick-links li span,
.header-wrapper.dark #quick-links li a{
    color: #ccc;
}

.header-wrapper.dark .wpml-languages a.active,
.header-wrapper.dark .wpml-lang-dropdown{
    background-color: #333;
    border: 1px solid #444;
}

.header-wrapper.dark .wpml-languages a.active i{
    color: #ccc;
}

.header-wrapper.dark{
    background-color: #333;
}

.header-wrapper.dark .main-nav{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.dark .navbar-default .navbar-nav>li>a{
    color: #fff;
}

.header-wrapper.dark .dropdown-menu{
    background-color: #333;
    border: 1px solid #444;
}

.header-wrapper.dark .dropdown-menu>li>a{
    color: #888;
    border-bottom: 1px dotted #444;
}

.header-wrapper.dark .dropdown-menu>li>a:hover{
    color: #fff;
}

.header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:after{
    border-left: 5px solid #888;
}

.header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:hover:after{
    border-left: 5px solid #fff;
}

.header-wrapper.dark #m_search{
    background: #333;
    border: 1px solid #444;
    color: #ccc;
}


/*  HEADER STYLE 03
    ------------------------------------------------------------------------- */
.header-style03 .info-container{
    float: right;
}

.header-style03 .info-container #quick-links,
.header-style03 .info-container .wpml-languages,
.header-style03 .info-container #search{
    float: left;
    padding: 0 10px;
}

.header-style03 .info-container #quick-links{
    padding-top: 10px;
}

.header-style03 #quick-links{
    padding-top: 8px;
}

.header-style03 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style03 .wpml-lang-dropdown{
    width: auto;
    left: 10px;
}

.header-style03 #search{
    min-height: 60px;
}

.header-style03 .logo-info-container{
    padding: 20px 0;
}

.header-style03 .logo-info-container .row{
    margin-bottom: 0;
}

.header-style03 .main-nav{
    margin-top: 0;
    border-top: 1px solid #eee;
    background: none;
}

.header-style03 .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    float: left;
    width: 100%;
}

.header-style03 .navbar-nav>li>a{
    line-height: 30px;
}

.header-style03 .navbar{
    min-height: 30px;
}

.header-style03 .nav > li.current-menu-item > a{
    border-bottom: none;
}

.header-style03 .navbar a.btn{
    position: relative;
    top: 10px;
}

/*  HEADER STYLE 03 DARK
    ------------------------------------------------------------------------- */
.header-wrapper.dark .header-style03 .main-nav{
    border-top: 1px solid #444;
}




/* ==========================================================================
    5. PAGE TITLES 
    ========================================================================= */
.page-title-style01{
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.page-title-negative-top{
    margin-top: 0 !important;
    padding-top: 185px;
}

.page-title-style01 .row,
.page-title-style02 .row{
    margin-bottom: 0;
}

.page-title-style01 h1{
    color: #fff;
    text-align: center;
}

.breadcrumb-container{
    width: 100%;
    float: left;
}

.page-title-style01 .breadcrumb{
    margin: 0 auto;
    display: table;
}

.breadcrumb li{
    list-style: none;
    float: left;
    padding: 0 0px 0 3px;
    color: #fff;
}

.breadcrumb li a{
    color: #fff;
}

.breadcrumb li + li::before {
    font-size: 12px;
    content: '/';
    color: #fff;
    padding: 0 8px;
}
.breadcrumb li:nth-child(2)::before {
    color: transparent;
}

.page-title-style02{
    padding: 70px 0;
    margin-bottom: 70px;
}

.page-title-style02 h1{
    color: #fff;
    margin-bottom: 0;
}

.page-title-style02 .breadcrumb-container{
    float: right;
    width: auto;
}



.pt-bkg01{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg02{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg03{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg04{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg05{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg06{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg07{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg08{
    background-image: url('../img/seccion_header_nosotros.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg09{
    background-image: url('../img/pics/page-title09.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg10{
    background-image: url('../img/pics/page-title10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg11{
    background-image: url('../img/pics/page-title11.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg12{
    background-image: url('../img/pics/page-title12.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg13{
    background-image: url('../img/pics/page-title13.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg14{
    background-image: url('../img/pics/page-title14.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg15{
    background-image: url('../img/pics/page-title15.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg16{
    background-image: url('../img/pics/page-title16.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


/* ==========================================================================
    6. CUSTOM SECTION BACKGROUNDS
    ========================================================================= */
.page-content.custom-bkg{
    padding-top: 70px;
}

.page-content.column-img-bkg{
    padding: 0;
}

.page-content.column-img-bkg .row{
    margin-bottom: 0;
}

.custom-col-padding-both{
    padding: 120px 70px;
}

.custom-col-padding-bottom{
    padding-bottom: 120px;
}

.img-bkg01{
    background-image: url('../img/fondo_seguros.jpg');
}

.img-bkg02{
    background-image: url('../img/pics/img-bkg02.jpg');
}

.img-bkg03{
    background-image: url('../img/pics/img-bkg03.jpg');
}

*[class*="img-bkg"]{
    background-size: cover;
}

.custom-bkg.bkg-grey{
    background-color: #f6f6f6;
}

.custom-bkg.bkg-light-blue{
    background-color: #EAEAEA;
}

.custom-bkg.bkg-dark-blue{
    background-color: #920C16;
}

.custom-bkg.bkg-dark-blue.transparent01{
    background-color: rgba(37, 39, 46, 0.7);
}

.custom-bkg.bkg-dark-blue.transparent02{
    background-color: rgba(37, 39, 46, 0.8);
}

.custom-bkg.bkg-dark-blue.transparent03{
    background-color: rgba(37, 39, 46, 0.9);
}

.page-title-style01 + .page-content.custom-bkg,
.page-title-style02 + .page-content.custom-bkg{
    margin-top: -70px;
}

.page-content.parallax{
    padding-top: 100px;
    padding-bottom: 0px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax01{
    background-image: url('../img/parallax01.png');
	background-repeat:repeat;
}

.parallax02{
    background-image: url('../img/pics/parallax02.jpg');
}

.parallax03{
    background-image: url('../img/pics/parallax03.jpg');
}

.parallax04{
    background-image: url('../img/pics/parallax04.jpg');
}

.parallax05{
    background-image: url('../img/pics/parallax05.jpg');
}

.page-content.dark h1,
.page-content.dark h2,
.page-content.dark h3,
.page-content.dark h4,
.page-content.dark h5,
.page-content.dark h6{
    color: #fff;
}


.page-content.dark p,
.page-content.dark span,
.page-content.dark li,
.page-content.dark a{
    color: #eee;
}

*[class^="col-"].custom-bkg{
    padding: 30px;
}

*[class^="col-"].custom-bkg.dark h1,
*[class^="col-"].custom-bkg.dark h2,
*[class^="col-"].custom-bkg.dark h3,
*[class^="col-"].custom-bkg.dark h4,
*[class^="col-"].custom-bkg.dark h5,
*[class^="col-"].custom-bkg.dark h6{
    color: #fff;
}

*[class^="col-"].custom-bkg.dark p,
*[class^="col-"].custom-bkg.dark a,
*[class^="col-"].custom-bkg.dark span,
*[class^="col-"].custom-bkg.dark li,
*[class^="col-"].custom-bkg.dark label{
    color: #eee;
}


/* ==========================================================================
    7. ELEMENTS
    ========================================================================= */

/*  7.1. ACCORDION
    ------------------------------------------------------------------------- */
.accordion .title {
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 15px;
    float: left;
}

.accordion .title a{
    font-size: 15px;
    color: #333;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    position: relative;
    width: 100%;
    padding-left: 20px;
    display: block;
    float: left;
}

.accordion .title::before{
    content: "\f067";
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    display: block;  
}

.accordion .title.active::before{
    content: "\f068";
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    display: block;
}

.accordion .title a::after{
    display: none;
}

.accordion.careers .title{
    padding: 15px 62px 15px 20px;    
}

.accordion.careers .title a{
    padding-left: 0;
}

.accordion.careers .title::before{
    display: none;
}

.accordion.careers .title a span{
    color: #333;
    font-weight: 600;
    width: 30%;
    display: block;
    float: left;
    font-size: 13px;
}

.accordion .job-position,
.accordion .job-end-date{
    text-transform: uppercase;
}

.accordion.careers .title::after{
    position: absolute;
    content: "";
    display: block;
    width: 52px;
    height: 100%;
    background-color: #e6e6e6;
    background-image: url('../img/accordion-closed.png');
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.accordion.careers .title.active::after{
    background-image: url('../img/accordion-opened.png');
    background-repeat: no-repeat;
    background-position: center;
}

.accordion.careers .title:hover::after{
    background-image: url('../img/accordion-opened.png');
    background-repeat: no-repeat;
    background-position: center;    
}

.accordion .content {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
}



/*
    7.2. BLOCKQUOTE
    ------------------------------------------------------------------------- */
blockquote{
    margin-left: 30px;
    border-left: 3px solid;
    padding: 15px 20px;
    font-size: 18px;
    line-height: 25px;
    font-style: italic;
    color: #333;
}


/*  7.3. BUTTONS
    ------------------------------------------------------------------------- */
.btn {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    display: inline-block;
    backface-visibility: hidden;
    float: right;

    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.btn span {
    color: #fff;
}

.dark .btn span{
    color: #fff;
}

.btn-big {
    padding: 12px 60px;
    font-size: 12px;
}

.btn-medium {
    padding: 10px 40px;
    font-size: 12px;
}

.btn-small {
    padding: 4px 20px;
    font-size: 11px;
}

.btn-yellow{
    background-color: #fac312 !important;
}

.btn-centered{
    float: none;
    display: table;
    margin: 0 auto;
}

.btn-yellow:hover{
    background-color: #fcc820 !important;
}


/*  7.4. CALL TO ACTION
    ------------------------------------------------------------------------- */
.call-to-action .text{
    width: 70%;
    float: left;
}

.call-to-action .btn{
    float: right;
    position: relative;
    top: 30px;
}



/*
    7.5. CLIENT CAROUSEL
    ------------------------------------------------------------------------- */
#client-carousel .owl-item img{
    opacity: 0.7;

    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

#client-carousel .owl-item:hover img{
    opacity: 1;
}


/*  7.6. CLIENT LIST
    ------------------------------------------------------------------------- */
.clients-li{
    width: 100%;
}

.clients-li li{
    list-style: none;
    float: left;
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #eee;
}

.clients-li li:first-child{
    padding-left: 0;
}

.clients-li:nth-child(3n){
    padding-right: 0;
}

.clients-li li img{
    opacity: 0.7;

    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;

    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.clients-li li:hover img{
    opacity: 1;
}

.col-md-6 .clients-li li{
    max-height: 92px;
}


/*  7.7. COMPANY TIMELINE
    ------------------------------------------------------------------------- */
.company-timeline{
    width: 100%;
}

.company-timeline li{
    list-style: none;
    float: left;
    width: 100%;
    position: relative;
}

.company-timeline li .timeline-item-details::before{
    position: absolute;
    content: "";
    display: block;
    left: 35px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    z-index: 1;
}

.company-timeline .icon-date-container{
    width: 70px;
    height: 70px;
    float: left;
    border: 2px solid #ddd;
    background-color: #fff;
    z-index: 2;
    position: relative;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.company-timeline .icon-date-container i{
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
}

.company-timeline .timeline-item-details{
    padding-left: 100px;
    position: relative;
    padding-bottom: 30px;
}

.company-timeline li:last-child .timeline-item-details{
    padding-bottom: 0;
}


/*
    7.8. CUSTOM HEADING
    ------------------------------------------------------------------------- */
.row .custom-heading:only-child{
    margin-bottom: -70px;
}

.custom-heading{
    position: relative;
    width: 100%;
    display: block;
    padding-top: 12px;
    text-transform: uppercase;
}

.custom-heading::after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left: 0;
    top: 0;
}

.custom-heading.centered{
    text-align: center;
}

.custom-heading.centered:after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left: 50%;
    margin-left: -20px;
    top: 0;
}

/*
    7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE
    ------------------------------------------------------------------------- */
.col-md-12 .custom-heading02:only-child{
    margin-bottom: 0;
}

.row .custom-heading02:only-child{
    margin-bottom: -30px;
}

.custom-heading02{
    position: relative;
    margin-bottom: 40px;
}

.custom-heading02 h1,
.custom-heading02 h2,
.custom-heading02 h3,
.custom-heading02 h4{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: none;
    text-align: center;
    margin-bottom: 0;
}

.custom-heading02 p{
    text-transform: uppercase;
    text-align: center;
}

.custom-heading02:after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}

.custom-heading02.simple h1,
.custom-heading02.simple h2,
.custom-heading02.simple h3,
.custom-heading02.simple h4{
    padding-bottom: 15px;
}


/*  7.10. DRIVER APPLICATION
    ------------------------------------------------------------------------- */
.driver-app-form fieldset{
    width: 33.33333333%;
    padding-right: 15px;
    float: left;
}

.driver-app-form fieldset:nth-child(3n){
    padding-right: 0;
}

.driver-app-form .wpcf7-select{
    max-height: 34px;
}

/*
    7.11. EVENTS
    ------------------------------------------------------------------------- */
.table-responsive{
    overflow-y: hidden;
}

.events-table thead{
    border-bottom: 1px solid #e6e6e6;
}

.events-table thead th{
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 10px;
}

.events-table thead th:first-child{
    padding-left: 0;
}

.events-table tbody td{
    padding: 0 15px;
    vertical-align: middle;
}

.events-table .event-date{
    padding: 20px 0;
}

.events-table .event-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.events-table .event-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}


/*  7.12. INTRO TITLE
    ------------------------------------------------------------------------- */
.intro-title{
    width: 100%;
}

.intro-title p{
    font-size: 24px;
    line-height: 30px;
    color: #333;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    text-align: center;
}



/*  7.13. LATEST POSTS STYLE 01
    ------------------------------------------------------------------------- */
.pi-latest-posts li{
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.pi-latest-posts li:last-child{
    margin-bottom: 0;
}

.pi-latest-posts li .post-media{
    width: 100px;
    height: 100px;
    float: left;
    margin-bottom: 0;
}

.pi-latest-posts li .post-details{
    padding-left: 120px;
}

.pi-latest-posts li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.pi-latest-posts .post-date i{
    padding-right: 3px;
}


/*  7.14. LATEST POSTS STYLE 02
    ------------------------------------------------------------------------- */
.pi-latest-posts02 li{
    width: 30%;
    float: left;
    margin-right: 30px;
    list-style: none;
}

.col-md-8 .pi-latest-posts02 li,
.col-md-9 .pi-latest-posts02 li{
    width: 46%;
}


.col-md-6 .pi-latest-posts02 li,
.col-md-4 .pi-latest-posts02 li,
.col-md-3 .pi-latest-posts02 li{
    width: 100%;
    margin-bottom: 20px;
}

.pi-latest-posts02 li:nth-child(3n){
    padding-right: 0;
}

.pi-latest-posts02 .post-date,
.pi-latest-posts02 .post-date{
    width: 100px;
    float: left;
}

.pi-latest-posts02 .post-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.pi-latest-posts02 .post-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.pi-latest-posts02 .post-details{
    padding-left: 120px;
}

.pi-latest-posts02 li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts02 .post-category p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.pi-latest-posts02 .post-category i{
    padding-right: 3px;
}



/*  7.15. LATEST POSTS STYLE 03
    ------------------------------------------------------------------------- */
.pi-latest-posts03 li{
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.pi-latest-posts03 li:last-child{
    margin-bottom: 0;
}

.pi-latest-posts03 li .post-media{
    width: 60px;
    height: 60px;
    float: left;
    margin-bottom: 0;
}

.pi-latest-posts03 li .post-media i{
    font-size: 36px;
}

.pi-latest-posts03 li .post-details{
    padding-left: 70px;
}

.pi-latest-posts03 li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts03 .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.col-md-8 .pi-latest-posts03 li,
.col-md-9 .pi-latest-posts03 li{
    margin-right: 30px;
    width: 48%;
}

.col-md-8 .pi-latest-posts03 li:nth-child(2n),
.col-md-9 .pi-latest-posts03 li:nth-child(2n){
    margin-right: 0;
}

.col-md-6 .pi-latest-posts03 li,
.col-md-4 .pi-latest-posts03 li,
.col-md-3 .pi-latest-posts03 li{
    width: 100%;
    margin-bottom: 20px;
}




/*   7.16. LIST WITH ICONS
    ------------------------------------------------------------------------- */
.fa-ul li i{
    line-height: 20px;
}

.fa-ul.large-icons{
    margin-left: 0;
}

.fa-ul.large-icons li{
    margin-bottom: 20px;
}

.fa-ul.large-icons li:last-child{
    margin-bottom: 0;
}

.fa-ul.large-icons li i{
    font-size: 24px;
    width: 30px;
    height: 30px;
}

.fa-ul.large-icons .icon-container{
    float: left;
    width: 30px;
    height: 30px;
}

.fa-ul.large-icons .li-content{
    padding-left: 40px;
}

.fa-ul.large-icons .li-content h4{
    padding-top: 3px;
}



/*  7.17. NUMBERS COUNTER
    ------------------------------------------------------------------------- */
.numbers-counter{
    padding: 20px;
    background-color: #fcfcfc;
}

.numbers-counter .counter-container{
    width: 100%;
    position: relative;
}

.numbers-counter .counter-container::after{
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

.numbers-counter .number{
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    text-align: center;
    color: #333;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.numbers-counter p{
    text-align: center;
}




/*  7.18. PROMO BOXES
    ------------------------------------------------------------------------- */
.promo-box{
    padding: 90px 20px;
}

.promo-box02{
    padding: 30px 30px 90px 30px;
}

.promo-box02 p{
    text-align: center;
}

.promo-box h4,
.promo-box p{
    text-align: center;
}

.promo-box .btn{
    float: none;
    margin: 0 auto;
    display: table;
}

.promo-bkg01{
    background-image: url('../img/pics/promo01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.promo-bkg02{
    background-image: url('../img/pics/promo02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


/*
    7.19. SERVICES FEATURE BOX
    ------------------------------------------------------------------------- */
.services-negative-top{
    margin-top: -316px;
}

.custom-bkg .service-feature-box,
.parallax .service-feature-box{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

.service-feature-box{
    box-shadow: 1px 0px 3px 0 #ddd;
    -webkit-box-shadow: 1px 0px 3px 0 #ddd;
    -moz-box-shadow: 1px 0px 3px 0 #ddd;
    border: 1px solid #eee;
}

.service-feature-box .service-media{
    position: relative;
    overflow: hidden;
}

.service-feature-box .service-media img{
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;

    opacity: 1;
}

.service-feature-box .service-media:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);

    opacity: 0.7
}

.service-feature-box .service-media a{
    background-color: #881719;
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
}

.service-feature-box .service-media span{
    color: #fff;    
    padding-left: 20px;
    font-weight: 600;
}

.service-feature-box .service-media i{
    background-color: #500506;
    padding: 5px 10px;
    font-size: 10px;
    line-height: 22px;
    margin-left: 20px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-feature-box .service-body{
    background-color: #fff;
    padding: 20px;
}


/*
    7.20. SERVICES GALLERY
    ------------------------------------------------------------------------- */
.services-gallery .col-md-3{
    padding: 0;
    list-style: none;
}

.service-item-container{
    position: relative;
    overflow: hidden;
}

.service-item-container .service-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.service-item-container .service-item img{
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;
}

.service-item-container .hover-mask-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(49, 57, 63, 0.5);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-mask-container{
    opacity: 1;
}

.service-item-container figcaption{
    position: absolute;
    width: 100%;
    top: 40px;
}

.service-item-container figcaption h1,
.service-item-container figcaption h2,
.service-item-container figcaption h3,
.service-item-container figcaption h4,
.service-item-container figcaption h5{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.service-item-container figcaption h1:after,
.service-item-container figcaption h2:after,
.service-item-container figcaption h3:after,
.service-item-container figcaption h4:after,
.service-item-container figcaption h5:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;  
    left: 50%;
    bottom: 0;
    margin-left: -20px;
}

.hover-mask-container .hover-details{
    position: absolute;
    bottom: 40px;
    left: 50%;

    transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.hover-mask-container .hover-details span{
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 10px 30px;
    border: 3px solid;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-details{
    transform: translate(0,0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.service-item-container .service-item:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

/*
    7.21. SERVICE ICON CENTER
    ------------------------------------------------------------------------- */
.service-icon-center .icon-container{
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto 20px;
    background-color: #fcfcfc;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-icon-center .icon-container i{
    font-size: 36px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 100px;
}

.service-icon-center .icon-container img{
    width: 60px;
    height: 60px;
    position: relative;
    left: 50%;
    margin-top: 15px;
    margin-left: -30px;
}

.service-icon-center h1,
.service-icon-center h2,
.service-icon-center h3,
.service-icon-center h4,
.service-icon-center h5{
    text-align: center;
    margin-bottom: 15px;
}

.service-icon-center p{
    text-align: center;
}


/*  7.22. SERVICE ICON CENTER BOXED
    ------------------------------------------------------------------------- */
.service-icon-center-boxed{
    width: 100%;
    background-color: #fcfcfc;
    padding: 30px 20px;
}

.service-icon-center-boxed .service-title{
    display: table;
    margin: 0 auto 10px;
}

.service-icon-center-boxed .service-title .icon-container{
    width: 60px;
    height: 60px;
    float: left;
}

.service-icon-center-boxed .service-title h4{
    padding-left: 70px;
    padding-top: 20px;
}

.service-icon-center-boxed p{
    text-align: center;
    padding-bottom: 0;
}

.service-icon-center-boxed .icon-container i{
    width: 60px;
    height: 60px;
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/*
    7.23. SERVICES ICON LEFT 
    ------------------------------------------------------------------------- */
.service-icon-left{
    width: 100%;
}

.service-icon-left .icon-container{
    float: left;
    width: 100px;
    height: 100px;
    background-color: #fff;

    border: 2px solid #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-icon-left .icon-container img,
.service-icon-left .icon-container svg{
    width: 60px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    height: 60px;
    position: relative;
    top: 20px;
}

.service-icon-left .service-details{
    padding-left: 120px;
}

.service-icon-left .service-details h1,
.service-icon-left .service-details h2,
.service-icon-left .service-details h3,
.service-icon-left .service-details h4{
    margin-bottom: 15px;
}

.service-icon-left .icon-container i{
    font-size: 60px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 100px;
}

/*
    7.24. SERVICES ICON LEFT BOXED
    ------------------------------------------------------------------------- */
.service-icon-left-boxed{
    background-color: #fcfcfc;
    padding: 30px 40px;
}

.service-icon-left-boxed .icon-container{
    float: left;
    width: 100px;
}

.service-icon-left-boxed .service-details{
    padding-left: 120px;
}

.service-icon-left-boxed .service-details h1,
.service-icon-left-boxed .service-details h2,
.service-icon-left-boxed .service-details h3,
.service-icon-left-boxed .service-details h4{
    margin-bottom: 15px;
}

.service-icon-left-boxed .service-details p{
    padding-bottom: 0;
}

.col-md-3 .service-icon-left-boxed .icon-container{
    float: none;
    margin: 0 auto 20px;
}

.col-md-3 .service-icon-left-boxed .service-details{
    padding-left: 0;
}


.col-md-3 .service-icon-left-boxed .service-details h1,
.col-md-3 .service-icon-left-boxed .service-details h2,
.col-md-3 .service-icon-left-boxed .service-details h3,
.col-md-3 .service-icon-left-boxed .service-details h4,
.col-md-3 .service-icon-left-boxed .service-details p{
    text-align: center;
}

.service-icon-left-boxed i{
    font-size: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
}


/*  7.25. SERVICE LIST - small icons and text
    ------------------------------------------------------------------------- */
.service-list li{
    list-style: none;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.service-list li:last-child{
    padding-bottom: 0;
}

.service-list li .icon-container{
    width: 70px;
    height: 70px;
    float: left;
}

.service-list li p{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    padding-top: 20px;
    padding-left: 95px;
}

.service-list li i{
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 70px;
}


/*  7.26. SERVICES LIST BIG ICONS 
    ------------------------------------------------------------------------- */
.col-md-9 .service-list-big-icons li{
    width: 33.3%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons li:nth-child(3n){
    padding-right: 0;
}

.col-md-9 .service-list-big-icons li:first-child{
    padding-left: 0;
}

.service-list-big-icons{
    width: 100%;
}

.service-list-big-icons li{
    list-style: none;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.service-list-big-icons li .icon-container{
    background-color: #fff;
    width: 80px;
    height: 80px;
    float: left;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


.service-list-big-icons .icon-container svg,
.service-list-big-icons .icon-container img{
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 100%;
}

.service-list-big-icons li h4{
    font-weight: normal;
    padding-left: 100px;
    padding-top: 30px;
}

.service-list-big-icons .icon-container i{
    font-size: 36px;
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/*  7.27. SERVICES LIST BIG ICONS + DETAILS (text)
    ------------------------------------------------------------------------- */
.service-list-big-icons-details li{
    margin-bottom: 20px;
}

.col-md-9 .service-list-big-icons-details li{
    width: 33.3%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons-details li:nth-child(3n){
    padding-right: 0;
}

.col-md-9 .service-list-big-icons-details li:first-child{
    padding-left: 0;
}

.service-list-big-icons-details{
    width: 100%;
}

.service-list-big-icons-details li{
    list-style: none;
    float: left;
}

.service-list-big-icons-details li .icon-container{
    background-color: #fff;
    width: 100px;
    height: 100px;
    float: left;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-list-big-icons-details li .icon-container svg,
.service-list-big-icons-details li .icon-container img{
    width: 60px;
    height: 100%;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
}

.service-list-big-icons-details li .service-details{
    padding-left: 125px;
    padding-top: 10px;
}

.service-list-big-icons-details li .service-details h4{
    margin-bottom: 15px;
}

.service-list-big-icons-details .icon-container i{
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 50px;
}


/*
    7.28. SHIPPING QUOTE FORM
    ------------------------------------------------------------------------- */
.wpcf7.shipping-quote{
    padding: 20px;
    background-color: #fcfcfc;
}

.wpcf7.shipping-quote label{
    width: 50%;
    float: left;
    padding-top: 8px;
}

.wpcf7.shipping-quote fieldset{
    width: 100%;
    margin-bottom: 5px;
}

.wpcf7.shipping-quote input.wpcf7-text{
    width: 50%;
    float: left;
    padding: 5px 15px;
}

.wpcf7.shipping-quote .submit{
    padding: 8px 30px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}




/*   7.29. SLIDER - MASTER SLIDER
    ------------------------------------------------------------------------- */
.header-style01 + .master-slider{
    margin-top: -185px !important;
}

.master-slider .pi-caption01{
    color: #fff;
    font-size: 72px;
    font-weight: 800;
    text-transform: uppercase;
}

.master-slider .pi-text{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 30px;
    color: #fff;
}

.master-slider{
    margin-bottom: 70px !important;
}

.master-slider.mb-0{
    margin-bottom: 0 !important;
}

.master-slider.mb-30{
    margin-bottom: 30px !important;
}

.master-slider .pi-caption02{
    font-size: 21px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

.master-slider .pi-button{
    padding: 12px 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;

    border: 2px solid;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.master-slider .pi-caption-dark{
    color: #03253c;
}

.master-slider .ms-view{
    background: transparent;
}

.master-slider .tooltip h1,
.master-slider .tooltip h2,
.master-slider .tooltip h3,
.master-slider .tooltip h4,
.master-slider .tooltip h5,
.master-slider .tooltip h6{
    color: #333;
    text-transform: uppercase;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 10px;
}

.master-slider .tooltip h6::after{
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    bottom: 0;
    left: 0;
}

.master-slider .tooltip p,
.master-slider .tooltip span{
    color: #333;
}

.master-slider .tooltip img{
    float: left;
}

.master-slider .tooltip-text{
    padding-left: 85px;
}

.ms-skin-default .ms-tooltip{
    max-width: 300px;
}



/*   7.30. STATEMENT ELEMENT
    ------------------------------------------------------------------------- */
.statement p{
    padding: 0 50px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}


/*
    7.31. TABLE 
    ------------------------------------------------------------------------- */
.table{
    width: 100%;
}

.table caption{
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    color: #333;
    text-transform: uppercase;
}

.table thead{
    background-color: #f6f6f6;
}

.table thead tr th{ 
    padding: 10px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}

.table thead tr th:first-child{
    text-align: left;
}

.table tbody{
    background-color: #fcfcfc;
}

.table tbody tr td{
    padding: 10px;
    text-align: center;
}

.table tbody tr td:first-child{
    text-align: left;
    color: #333;
    font-weight: 700;
}



/*  7.32. TABS
    ------------------------------------------------------------------------- */
.tabs{
    overflow: hidden;
}

.tabs li{
    list-style: none;
    float: left;
    background-color: #fcfcfc;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 55px;
    list-style: none;
    top: 3px;
    cursor: pointer;
    margin-right: 2px;
}

.tabs li a{
    color: #333;
    padding: 0 30px;
    font-size: 15px;
    font-weight: 800;
    line-height: 55px;
    text-transform: uppercase;
    display: block;
}

.tab-content-wrap{
    width: 100%;
    overflow: hidden;
    float: left;
    padding-top: 30px;
}

.tabs li.active a{
    color: #fff;
}


/*
    7.33. TEAM MEMBERS
    ------------------------------------------------------------------------- */
.team-member img{
    margin-bottom: 20px;
}

.team-details{
    position: relative;
}

.team-details:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 0;
}

.team-details h1,
.team-details h2,
.team-details h3,
.team-details h4,
.team-details h5{
    margin-bottom: 0;
    text-transform: uppercase;
}

.team-details .position{
    font-style: italic;
}

/*
    7.34. TEAM MEMBERS LIST
    ------------------------------------------------------------------------- */
.team-list li{
    list-style: none;
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.team-list li:last-child{
    margin-bottom: 0;
}

.team-list li img{
    float: left;
}

.team-list li .team-details-container{
    padding-left: 293px;
}

.team-list li .team-details{
    margin-bottom: 20px;
}

.col-md-3 .team-list li img,
.col-md-4 .team-list li img{
    float: none;
    display: table;
    margin: 0 auto 20px;
    width: 100%;
}

.col-md-3 .team-list li .team-details-container,
.col-md-4 .team-list li .team-details-container{
    padding-left: 0;
}


/*
    7.35. TESTIMONIAL
    ------------------------------------------------------------------------- */
.testimonial{
    background-color: #fcfcfc;
    padding: 30px;
}

.testimonial p{
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    text-align: center;
}

.testimonial-author p{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    color: #333;
}




/*   7.36. TRACKING FORM
    ------------------------------------------------------------------------- */
.tracking{
    width: 100%;
    position: relative;
}

.tracking .package-id{
    padding: 5px 60px 5px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    background-color: #fff;
    min-width: 100%;
}

.tracking .submit{
    width: 40px;
    height: 40px;
    background-image: url('../img/tracking-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top:0;
    right: 0;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}


/*  7.37. VEHICLE GALLERY FULL
    ------------------------------------------------------------------------- */
.vehicle-gallery .col-md-3{
    padding: 0;
    list-style: none;
}

.gallery-item-container{
    position: relative;
    overflow: hidden;
}

.gallery-item-container .gallery-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.gallery-item-container .gallery-item img{
    width: 100%;
    height: auto;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.gallery-item-container .hover-mask-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(49, 57, 63, 0.5);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.gallery-item-container .gallery-item:hover .hover-mask-container{
    opacity: 1;
}

.gallery-item-container figcaption{
    position: absolute;
    width: 100%;
    top: 40px;
}

.gallery-item-container figcaption h1,
.gallery-item-container figcaption h2,
.gallery-item-container figcaption h3,
.gallery-item-container figcaption h4,
.gallery-item-container figcaption h5{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.gallery-item-container figcaption h1:after,
.gallery-item-container figcaption h2:after,
.gallery-item-container figcaption h3:after,
.gallery-item-container figcaption h4:after,
.gallery-item-container figcaption h5:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;  
    left: 50%;
    bottom: 0;
    margin-left: -20px;
}

.hover-mask-container .hover-zoom{
    position: absolute;
    bottom: 50%;
    left: 50%;

    width: 50px;
    height: 50px;

    margin-bottom: -25px;
    margin-left: -25px;

    transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;

    border: 2px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


.hover-mask-container .hover-zoom a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 18px;

    width: 50px;
    height: 50px;
}

.gallery-item-container .gallery-item:hover .hover-zoom{
    transform: translate(0,0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.gallery-item-container .gallery-item:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

/*  VEHICLE GALLERY GRID
    ------------------------------------------------------------------------- */
.vehicle-gallery .col-md-4{
    padding: 0;
    list-style: none;
}

.col-md-4 .gallery-item-container figcaption{
    top: 20px;
}


/* ==========================================================================
    8. HOME MINIMAL CUSTOM STYLES
    ========================================================================= */
.page-content.fixed.centered .container{
    position: absolute;
    top: 50%;
    left: 50%;
}

.page-content.fixed.centered .container .row{
    max-width: 100%;
}

.page-content.fixed.bottom .row{
    margin-bottom: 0;
    max-width: 100%;
}

.page-content.fixed.bottom .container{
    position: absolute;
    bottom: 0;
    left: 50%;
}

/* ==========================================================================
    9. BLOG
    ========================================================================= */


.blog-posts li{
    list-style: none;
}

.blog-posts .pagination{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.blog-posts .pagination ul{
    float: right;
}

.blog-posts .pagination li{
    float: left;
    background-color: #f5f9fc;
    border: 1px solid #ddd;
    list-style: none;
    margin-right: 5px;
    width: 30px;
    height: 30px;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.blog-posts .pagination li a{
    display: table-cell;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.blog-posts .pagination li.active a,
.blog-posts .pagination li:hover a{
    color: #fff;
}

.blog-post .post-body h3{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*
    BLOG LIST
    ------------------------------------------------------------------------- */
.blog-posts.post-list .blog-post{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #ddd;
}

.post-list .blog-post .post-date,
.post-single .blog-post .post-date{
    width: 100px;
    float: left;
}

.post-list .blog-post .post-date .day,
.post-single .blog-post .post-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.post-list .blog-post .post-date .month,
.post-single .blog-post .post-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.post-list .blog-post .post-body, 
.post-single .blog-post .post-body{
    padding-left: 130px;
}

.post-list .blog-post .post-body h3{
    font-size: 18px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/*
    BLOG STANDARD
    ------------------------------------------------------------------------- */

.post-media{
    width: 100%;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    margin-bottom: 25px;
}

.post-media .post-img img{
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
    opacity: 1;
}

.post-media .post-img:hover img{
    opacity: 0.7;

    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
}


/*
    BLOG MASONRY
    ------------------------------------------------------------------------- */
.blog-posts.isotope.masonry{
    padding: 0;
}

.blog-posts.isotope.masonry li.blog-post.isotope-item{
    margin-bottom: 30px;
    width: 30%;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #fff;
    float: left;
}

.blog-post.isotope-item .post-info{
    margin-bottom: 30px;
}

.blog-post.isotope-item .post-date{
    float: left;
    width: 50%;
}

.blog-post.isotope-item .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0 0 20px;
}

.blog-post.isotope-item .post-date i{
    padding-right: 3px;
}

.blog-post.isotope-item .post-info .post-category{
    width: 50%;
    float: right;
    position: relative;
}

.blog-post.isotope-item .post-info .post-category a{
    text-transform: uppercase;
    color: #eee;
    background-color: #565f66;
    padding: 7px 15px;
    position: absolute;
    right: 0;  
}

.blog-post.isotope-item .post-body{
    padding: 0 20px;
}

.blog-post.isotope-item .post-media{
    margin-bottom: 15px;
}

.blog-post.isotope-item .post-footer{
    padding: 0 15px 15px 20px;
}

.post-footer .post-meta{
    width: 50%;
    float: left;
    padding-top: 3px;
}

.post-footer .post-meta li{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #ddd;
}

.post-footer .post-meta li:first-child{
    padding-left: 0;
}

.post-footer .post-meta li:last-child{
    border-right: none;
}

.post-footer .post-meta li.comments a{
    padding-left: 3px;
}

.post-footer .post-meta li.post-like:before{
    float: right;
    position: relative;
    top: 6px;
}

.post-footer .post-meta li.post-like .box{
    position: relative;
    top: -12px;
    padding-top: 12px;
}

.post-footer .post-meta li.post-like .box a{
    padding-right: 15px;
}

.post-footer a.read-more span{
    text-transform: none;
    font-weight: normal;
}

.post-footer .post-meta li.post-like:hover:before{
    color: #ff0101;
}


/*
    BLOG SINGLE POST
    ------------------------------------------------------------------------- */

/*  POST COMMENTS
    ------------------------------------------------------------------------- */
.post-comments {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.comments-li {
    float: left;
    margin-bottom: 30px;
    background: none;
    padding-left: 0;
    list-style: none;
}
.comments-li > li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    list-style: none;
    min-height: 75px;
}
.comments-li > li:last-child .comment {
    border: none;
    margin-bottom: 0;
}
.comments-li .comment {
    float: left;
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.post-comments .comment + .children {
    margin-top: 30px;
}
.post-comments .children + .children {
    margin-top: 30px;
}
.comment .avatar {
    width: 70px;
    height: 70px;
    margin-right: 30px;
    float: left;
    border: 3px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.comment-meta li {
    font-style: italic;
    list-style: none;
}
.comment-meta .author {
    font-size: 15px;
    font-family: 'Raleway', Arial, sans-serif;
    color: #252525;
    font-weight: 600;
    font-style: normal;
}
.comment .comment-body {
    margin-left: 100px;
    margin-top: 15px;
}
.comment .comment-reply-link {
    display: block;
    margin-top: 15px;
    background: url('../img/blog/reply.png') no-repeat 0 center;
    padding-left: 22px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
}
.post-comments .children {
    margin-left: 10%;
    float: left;
    padding: 0 0 0 20px;
    width: calc(90%);
}
.children li {
    list-style: none;
}

/*  COMMENT FORM
    ------------------------------------------------------------------------ */
.comment-form{
    width: 100%;
    float: left;
}

.comment-form fieldset{
    width: 50%;
    float: right;
    padding-right: 30px;
    margin-bottom: 20px;
}

.comment-form fieldset:nth-child(2n + 1){
    padding-right: 0;
}

.comment-form .wpcf7-message{
    width: 100%;
}

.comment-form label{
    width: 100%;
    margin-bottom: 5px;
    display: block;
}

.comment-reply{
    padding: 13px 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/* ==========================================================================
    10. LOCATIONS PAGE
    ========================================================================= */
.page-title-map.page-title-negative-top #map{
    height: 800px;
    margin-top: -186px;
}

.locations-li > li{
    list-style: none;
    margin-bottom: 30px;
}

.locations-li > li h3{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.locations-li > li .fa-ul{
    margin-left: 20px;
}


/* ==========================================================================
    11. CONTACT
    ========================================================================= */
.wpcf7 fieldset{
    margin-bottom: 15px;
}

.wpcf7 label{
    width: 100%;
    padding-bottom: 10px;
}

.wpcf7-text, 
.wpcf7-select,
.wpcf7-textarea{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px 15px;
}

.wpcf7 .wpcf7-submit{
    padding: 13px 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#map{
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
}

#map img{
    max-width: none;
}

/* ==========================================================================
    12. WIDGETS
    ========================================================================= */
.aside-widgets > li{
    list-style: none;
}

.widget{
    display: block;
    width: 100%;
    margin-bottom: 45px;
}

.widget .title h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.widget ul > li{
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    background-position: 0 center;
    list-style: none;
    padding-left: 15px;
}

.widget li a{
    padding-top: 5px;
    display: block;
}

/* 
   ASIDE SEARCH WIDGET
   -------------------------------------------------------------------------- */
.widget_search form {
    position: relative;
}
.widget_search .a_search {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    display: block;
    color: #777;
    font-style: italic;
    left: 0;
    top: 0;
    padding: 10px 60px 10px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget_search .search-submit {
    background-image: url('../img/search.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 100%;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    min-height: 40px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
}

/*
    LATEST POSTS WIDGET 01
    ------------------------------------------------------------------------- */
.rpw_posts_widget ul > li{
    position: relative;
    background: none;
    background-image: none !important;
    padding-left: 18px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.rpw_posts_widget ul > li::before{
    position: absolute;
    display: block;
    content: "\f073";
    font-family: 'FontAwesome';
    font-size: 11px;
    top: 5px;
    left: 0;
}

.rpw_posts_widget ul > li:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.rpw_posts_widget li h4{
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}




/*  NAV MENU WIDGET
    ------------------------------------------------------------------------- */
.widget_nav_menu ul li{
    background-position: right center;
    padding-left: 0;
    border-bottom: 1px dotted #ddd;
}

.widget_nav_menu ul li:last-child{
    border-bottom: none;
}


/*
    NEWSLETTER WIDGET
    ------------------------------------------------------------------------- */
.widget_newsletterwidget .newsletter{
    width: 100%;
    float: left;
    position: relative;
}

.widget_newsletterwidget .newsletter .email{
    padding: 5px 60px 5px 15px;
    font-style: italic;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    min-width: 100%;
}

.footer-dark .footer-widget-container .newsletter .email, .footer-dark .footer-widget-container .newsletter .password{
    color: #bcc0c4;
    background-color: #565f66;
    border: none;
}

.newsletter .submit{
    width: 40px;
    height: 40px;
    background-image: url('../img/subscribe.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    border: none;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}


/*  NEWS CAROUSEL
    ------------------------------------------------------------------------- */
.news-carousel-container .icon-title{
    float: left;
    border-right: 3px solid #1f2830;
    padding-right: 20px;
    margin-right: 20px;
    padding-top: 25px;
    padding-left: 15px;
    min-height: 80px;
}

.news-carousel-container .icon-title i,
.news-carousel-container .icon-title h3{
    float: left;
    font-size: 24px;
}

.news-carousel-container .icon-title i{
    padding-right: 10px;
}

.news-carousel-container .owl-item {
    padding-top: 5px;
}

.news-carousel-container .owl-item h4{
    margin-bottom: 5px;
}

.news-carousel-container .owl-item span{
    text-transform: uppercase;
}

*[class^="col-"].custom-bkg .news-carousel-container{
    margin: -15px;
}



/* ==========================================================================
     13. FOOTER
    ========================================================================= */
#footer .row{
    margin-bottom: 25px;
}

#footer-wrapper{
    padding-top: 70px;
    position: relative;
    background-image: url('../img/footer-bkg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#footer-wrapper.footer-dark{
    background-color: #9F1012;
}

#footer-wrapper.footer-light{
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.footer-dark .footer-widget-container .text-big{
    color: #fff;
}

.footer-dark .footer-widget-container .widget .title h3{
    color: #fff;
}

.footer-widget-container > li{
    list-style: none;
}

.footer-dark .footer-widget-container p,
.footer-dark .footer-widget-container a,
.footer-dark .footer-widget-container address,
.footer-dark .footer-widget-container span,
.footer-dark .copyright-container p,
.footer-dark .copyright-container a,
.footer-dark .copyright-container span{
    color: #bcc0c4;
}

.footer-social-icons{
    margin-top: 15px;
}

.footer-social-icons > li{
    list-style: none !important;
    background-image: none !important;
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    padding: 0 !important;
}

.footer-social-icons li a{
    width: 30px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    text-align: center;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.footer-social-icons li a:hover{
    color: #fff;
}

.footer-dark .footer-social-icons li a{
    background-color: #F3BF36;
    color: #fff;
}

.footer-light .footer-social-icons li a{
    background-color: #f6f6f6;
}

.copyright-container .row{
    margin-bottom: 0;
}

.footer-dark .copyright-container .row{
    border-top: 1px solid #B92B2D;
    padding: 15px 0 10px 0;
}

.footer-light .copyright-container .row{
    border-top: 1px solid #ddd;
    padding: 15px 0 10px 0;
}

.copyright-container a,
.copyright-container p,
.copyright-container span{
    font-size: 11px;
}

/*
    SCROLL UP
    ------------------------------------------------------------------------- */
.scroll-up {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 15px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background-image: url('../img/to-top.png');
    background-repeat: no-repeat;
    background-color: #252525;
    z-index: 100;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}



.page-content p, .page-content ul {
	font-size:14px!important;
	}

.sprite {display: inline-block; vertical-align: middle;}
.sprite {background-image: url(../img/fp_icons.png); background-position: left center; background-repeat: no-repeat;}
.sprite.fp_icon_accidente_png {background-position: 0 0; width: 60px; height: 60px;}
.sprite.fp_icon_animales_png {background-position: 0 -61px; width: 60px; height: 60px;}
.sprite.fp_icon_autos_png {background-position: 0 -122px; width: 60px; height: 60px;}
.sprite.fp_icon_casahabitacion_png {background-position: 0 -183px; width: 60px; height: 60px;}
.sprite.fp_icon_gastosmedicos_png {background-position: 0 -244px; width: 60px; height: 60px;}
.sprite.fp_icon_negocios_png {background-position: 0 -305px; width: 60px; height: 60px;}
.sprite.fp_icon_transportes_png {background-position: 0 -366px; width: 60px; height: 60px;}
.sprite.fp_icon_vida_png {background-position: 0 -427px; width: 60px; height: 60px;}


.sprite_empresas {display: inline-block; vertical-align: middle;}
.sprite_empresas {background-image: url(../img/sprite_empresas.png); background-position: left center; background-repeat: no-repeat;}
.sprite_empresas.beetes_png {background-position: 0 0; width: 165px; height: 100px;}
.sprite_empresas.cabsa_seguros_png {background-position: -166px 0; width: 165px; height: 100px;}
.sprite_empresas.linea_magisterial_png {background-position: -332px 0; width: 165px; height: 100px;}
.sprite_empresas.melquia_png {background-position: -498px 0; width: 165px; height: 100px;}
.sprite_empresas.pbf_png {background-position: -664px 0; width: 165px; height: 100px;}


.sprite_fp_servicios {display: inline-block; vertical-align: middle;}
.sprite_fp_servicios {background-image: url(../img/sprite_fp_servicios.jpg); background-position: left center; background-repeat: no-repeat;}
.sprite_fp_servicios.front_seguros_agropecuario_jpg {background-position: 0 0; width: 450px; height: 270px;}
.sprite_fp_servicios.front_seguros_gastos_medicos_mayores_jpg {background-position: 0 -271px; width: 450px; height: 270px;}
.sprite_fp_servicios.front_seguros_negocio_corporativo_jpg {background-position: 0 -542px; width: 450px; height: 270px;}
.sprite_fp_servicios.front_seguros_negocio_de_gobierno_jpg {background-position: 0 -813px; width: 450px; height: 270px;}
.sprite_fp_servicios.front_servicio_seguro_vida_jpg {background-position: 0 -1084px; width: 450px; height: 270px;}
.sprite_fp_servicios.front_servicio_seguros_auto_jpg {background-position: 0 -1355px; width: 450px; height: 270px;}
.sprite_fp_servicios.front_servicio_seguros_casa_habitacion_jpg {background-position: 0 -1626px; width: 450px; height: 270px;}
.sprite_fp_servicios.front_servicio1_jpg {background-position: 0 -1897px; width: 450px; height: 270px;}


/* masterslider.css*/
/** 
 *  Master Slider
 * 	Core css file
 */

.master-slider{
	position: relative;
	visibility: hidden;
	-moz-transform: translate3d(0 , 0 , 0);
}

.master-slider a { 
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.master-slider, .master-slider * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.master-slider.before-init{}

.master-slider.ms-fullheight{height: 100%;}

.ms-layout-partialview .ms-view {
	overflow: visible;
	background-color:transparent;
}

.ms-layout-partialview .ms-container { overflow: hidden; }

.master-slider img, .ms-slide-bgvideocont video {max-width:none;}

.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}

.ms-moz .ms-slide-bgcont>img { transform: translateX(0px); }

.ms-loading-container{
	position:absolute;
	width:100%;
	top:0;
}

.ms-slide-auto-height { display: table; }

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
	width: 36px;
	height: 36px;
	background: url(../masterslider/style/loading-2.gif) no-repeat center white;
	border-radius: 60px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px;
	opacity: 0.9;
}


/* grab cursor */
.ms-no-swipe, .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(../masterslider/style/grab.png), move;}
.ms-grabbing-cursor{cursor: url(grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}

.ms-view { 
	margin:0px auto;
	overflow:hidden;
	background:black;
	position:relative;
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
	perspective: 2000px;
}

.ms-view .ms-slide-container{position:relative;}

.ms-slide {
	position:absolute;
	height:100%;
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
}

.ms-wk .ms-slide {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ms-slide.selected {}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
	position: absolute;
	overflow:hidden;
	width: 100%;
}

.ms-slide .ms-slide-link { 
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	z-index: 110;
}

.ms-ie .ms-slide-link {
	background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}


.ms-slide .ms-slide-bgvideocont{
	z-index: 105;
	height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
	-webkit-transform: translateZ(0.3px);
	transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo{
	position: absolute;
	top: 0px;
}

.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.ms-slide .ms-layer, .ms-fixed-layers .ms-layer {position:absolute;pointer-events: auto}

.ms-slide .ms-slide-layers,
.ms-fixed-layers {
	position: absolute;
	overflow:hidden;
	width:100%;
	height: 100%;
	z-index: 109;
	top:0px;
	pointer-events: none;
}

.ms-slide .ms-slide-video{
	position:absolute;
	top:0;
	z-index: 111;
	background:black;
	padding:0;
	margin: 0;
	border: none;
}

.ms-parallax-layer {
	width: 100%;
	position: absolute;
	top: 0;
}

.ms-scroll-parallax-cont{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
}

.ms-wk .ms-scroll-parallax-cont{
	-webkit-transform: translateZ(0.4px);
	transform: translateZ(0.4px);
}

/*.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{}
.ms-scroll-parallax .ms-slide-bgcont{}*/
 
/*-----------------------------------------------------------*/
.ms-action-layer{cursor: pointer;}
.ms-btn-container{position: absolute;}
.ms-btn {
	text-decoration: none;
	display: inline-block;
	color:black;
	position: relative;
	padding: 8px 15px;
	cursor: pointer;
	white-space: nowrap;
}

.ms-default-btn{
	background: #0074A2;
	border-radius: 5px;
	color: #FFF;
}
.ms-default-btn:hover{background-color: #0098D5;}
.ms-default-btn:active{top:1px;}


.ms-btn-s{
    padding: 14px 17px;  
    font-size: 80%;
    line-height: 0;
}

.ms-btn-m{
    padding: 12px 40px;
}

.ms-btn-n{
    padding: 8px 25px;
    font-size: 95%;
}

.ms-btn-l{
    padding: 17px 50px;  
    font-size: 120%;
}

.ms-btn-box{}
.ms-btn-round{border-radius: 5px;}
.ms-btn-circle{border-radius: 100px;}
.ms-btn-outline-box{}
.ms-btn-outline-round{border-radius: 5px;}
.ms-btn-outline-circle{border-radius: 100px;}
/*-----------------------------------------------------------*/

.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{
	padding:0;
	margin: 0;
	border: none;
	position: absolute;
	z-index: 111;
}

.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
	position:absolute;
	cursor: pointer;
	z-index: 112;
}

.ms-slide .ms-slide-vcbtn{
	position:absolute;
	cursor: pointer;
	z-index: 113;
}

.ms-slide-vcbtn-mobile{
	position: relative;
	bottom: 0;
	left:0;
	width:100%;
	height: 28px;
	background-color: black;
	color: white;
	text-align: center;
	cursor: pointer;
	z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 0.75em;
    display: inline-block;
    background: url(video-close-btn.png) no-repeat 0px 3px;
    padding-left: 15px;
    height: 15px;
    color: #DBDBDB;
    margin-top: 7px;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
	-webkit-transform: translateZ(0.44px);
	transform: translateZ(0.44px);
}

.ms-video-img{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.ms-mask-frame{
	overflow:hidden;
	position:absolute;
	float:left;
}

/* controls */

.ms-thumb-list{
	overflow:hidden;
	position:absolute;
}

.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
	cursor: pointer;
	float: left;
	overflow: hidden;
	opacity: 0.5;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }

.ms-tabs .ms-thumb-frame {
	background-color: #F6f6f6;
	text-shadow: 0 1px 1px white;
	color: #222;
	border: solid 1px white;
	border-width: 0 1px 1px 0;
	overflow: visible;
	position: relative;
	opacity: 1;
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;} 
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;} 
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
	top: 0px;
    left: 50%;
    margin-left: -12px;
	border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	top:-12px;
	border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
	bottom: 0px;
	top:auto;
	border-bottom:0px;
	border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	bottom:-12px;
	border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
	top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	left:-12px;
	border-right-color:#EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	right:-12px;
	border-left-color:#EDEDED;
}

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  border-width: 5px 0px 5px 5px;
  border-left-color: #FFF;
  left: 7px;
}

/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    bottom: 0;
    top: auto;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  border-width: 5px 5px 0px 5px;
  border-top-color: #FFF;
  top: 7px;
}


.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
	position: absolute;
	bottom: 20px;
	right: 50%;
	width: 100px;
}

.ms-bullets.ms-dir-v {
	position: absolute;
	top:50%;
}

.ms-bullets.ms-dir-v .ms-bullet{
	float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
	right: -50%;
}

.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
	left: 10px;
	right: 10px;
	top: 5px
}

.ms-sbar.ms-dir-v {
	top: 10px;
	bottom: 10px;
	right: 5px
}

.ms-sbar .ms-bar {
	height: 4px;
	background: #333;
	border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}

.ms-sbar .ms-bar{
	position:relative;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

.ms-timerbar {
	width: 100%;
	bottom: 0px;
	position: absolute;
}

.ms-ctimer {
	position: absolute;
	top: 30px;
	left: 30px;
	cursor: pointer;
}

.ms-ctimer-bullet {}

.ms-time-bar{
	-webkit-transition: width 120ms linear;
	-moz-transition: width 120ms linear;
	-ms-transition: width 120ms linear;
	-o-transition: width 120ms linear;
	transition: width 120ms linear;

}

.ms-ie7 .ms-tooltip-arrow{
	height:0px;
}

.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}

@keyframes point-anim{
	0% 		{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);  opacity: 1; }
	100% 	{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5);  opacity: 0; }
}

@-webkit-keyframes point-anim{
	0% 		{-webkit-transform: scale(0.5); opacity: 1; }
	100% 	{-webkit-transform: scale(1.5);	opacity: 0; }
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border{
	animation:none;
	-moz-animation:none;
	-webkit-animation:none;
	-o-animation:none;
}



/* modality.css*/
/* -----------------------------------------------------------------
// @author:  Mark McCann (www.markmccann.me)
// @license: None, Public Domain
// --------------------------------------------------------------- */
/*POPUP*/
    .PopupWindow {
        background-color: #ffffff;
        border: 5px solid #cccccc;
        padding: 0;
        border-radius: 5px;
        max-width: 750px;

    }
	    .PopupWindow img {
        max-width: 750px;
		width:100%;

    }

    .PopupWindow .close-reveal-modal {
		font-size: 40px;
		line-height: 30px;
		position: absolute;
		text-align:center;
		top: 0px;
		right: 0px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		background:#FFFFFF;
		width:30px;
		height:30px;
		display:block;
		} 	
    .PopupWindow .close-reveal-modal:hover {
		font-size: 40px;
		line-height: 30px;
		position: absolute;
		text-align:center;
		top: 0px;
		right: 0px;
		color: #000;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		background:#DFDFDF;
		width:30px;
		height:30px;
		display:block;
		}
		
.modality-modal {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    visibility: hidden; 
    *zoom: 1;    
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s; 
    -webkit-perspective: 1000px; 
    -moz-perspective: 1000px; 
    perspective: 1000px; 
}
.mm-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    margin: 25px 0;
    max-width: 94%;
    text-align: left;
    vertical-align: middle;
    z-index: 10000;
    *zoom: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.modality-modal:before, .mm-ghost {
    content: '';
    display: inline-block;
    *display: inline;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
    *zoom: 1;
}
.modality-modal.mm-show {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
    z-index: 10000;
}
.modality-modal.mm-show .mm-wrap {
    opacity: 1;
}
body.mm-show { overflow: hidden; }

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

/* Effect 1 & 2: scale up and down */
.scale-up .mm-wrap {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.scale-down .mm-wrap {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.mm-show.scale-up .mm-wrap,
.mm-show.scale-down .mm-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

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

/* Effects 3 & 4: slide left and right */
.slide-left .mm-wrap {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
}
.slide-right .mm-wrap {
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
}
.slide-left .mm-wrap,
.slide-right .mm-wrap {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mm-show.slide-left .mm-wrap,
.mm-show.slide-right .mm-wrap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


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

/* Effects 5 & 6: slide up and down */
.slide-up .mm-wrap {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}
.slide-down .mm-wrap {
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}
.mm-show.slide-up .mm-wrap,
.mm-show.slide-down .mm-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

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

/* Effects 7 & 8: slide and stick to top or bottom */
.sticky-top .mm-wrap {
    margin-top: 0px;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    vertical-align: top;
}
.sticky-bottom .mm-wrap {
    margin-bottom: 0px;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
    vertical-align: bottom;
}
.mm-show.sticky-top .mm-wrap,
.mm-show.sticky-bottom .mm-wrap {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

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

/* Effects 9 & 10: horizontal and vertical flip */
.horizontal-flip .mm-wrap,
.vertical-flip .mm-wrap {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.vertical-flip .mm-wrap {
    -webkit-transform: rotateY(-75deg);
    -moz-transform: rotateY(-75deg);
    -ms-transform: rotateY(-75deg);
    transform: rotateY(-75deg);
}
.horizontal-flip .mm-wrap {
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -ms-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
}
.mm-show.vertical-flip .mm-wrap,
.mm-show.horizontal-flip .mm-wrap {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

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

/* Effects 11 & 12: spin up and down */
.spin-up .mm-wrap {
    -webkit-transform: scale(0) rotate(540deg);
    -moz-transform: scale(0) rotate(540deg);
    -ms-transform: scale(0) rotate(540deg);
    transform: scale(0) rotate(540deg);
}
.spin-down .mm-wrap {
    -webkit-transform: scale(2) rotate(-540deg);
    -moz-transform: scale(2) rotate(-540deg);
    -ms-transform: scale(2) rotate(-540deg);
    transform: scale(2) rotate(-540deg);
}
.mm-show.spin-up .mm-wrap,
.mm-show.spin-down .mm-wrap {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

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

/* Effects 13 & 14: fall left and fall right */
.fall-left .mm-wrap {
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
    -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
}
.fall-right .mm-wrap {
    -webkit-transform: translate(-30%) translateZ(600px) rotate(-10deg);
    -moz-transform: translate(-30%) translateZ(600px) rotate(-10deg);
    -ms-transform: translate(-30%) translateZ(600px) rotate(-10deg);
    transform: translate(-30%) translateZ(600px) rotate(-10deg);
}
.mm-show.fall-left .mm-wrap,
.mm-show.fall-right .mm-wrap {
    -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
    -moz-transform: translate(0%) translateZ(0) rotate(0deg);
    -ms-transform: translate(0%) translateZ(0) rotate(0deg);
    transform: translate(0%) translateZ(0) rotate(0deg);
}

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

/* Effects 15 & 16: spin up and down */
.swing-down .mm-wrap {
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
}
.swing-up .mm-wrap {
    -webkit-transform: rotateX(60deg);
    -moz-transform: rotateX(60deg);
    -ms-transform: rotateX(60deg);
    transform: rotateX(60deg);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom;
}
.mm-show.swing-down .mm-wrap,
.mm-show.swing-up .mm-wrap,
.mm-show.front-flip .mm-wrap,
.mm-show.back-flip .mm-wrap {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

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

/* Effects 17 & 18: front flip and back */
.front-flip .mm-wrap {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
}
.back-flip .mm-wrap {
    -webkit-transform: rotateX(-360deg);
    -moz-transform: rotateX(-360deg);
    -ms-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
}
/* active styles above with effect-15 & 16 */

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

/* Effects 19 & 20: swing left and right */
.swing-left .mm-wrap {
    -webkit-transform: translateZ(100px) translateX(30%) rotateY(-90deg);
    -moz-transform: translateZ(100px) translateX(30%) rotateY(-90deg);
    -ms-transform: translateZ(100px) translateX(30%) rotateY(-90deg);
    transform: translateZ(100px) translateX(30%) rotateY(-90deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
}
.swing-right .mm-wrap {
   -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
}
.mm-show.swing-left .mm-wrap,
.mm-show.swing-right .mm-wrap {
    -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
}


/* animate.css */
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

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

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

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

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

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

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

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

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

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

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}


/* owl.carrousel.css */
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    display: none;
}
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* CUSTOM CSS */
.carousel-container{
    overflow: hidden;
}
.owl-carousel{
    cursor: pointer;
    min-height: 80px;
}

.owl-carousel-navigation .owl-controls .owl-nav{
    position: absolute;
    top: 50%;
    height: 60px;
    right: 0;
    margin-top: -20px;
}

.owl-carousel-navigation .owl-controls .owl-nav .owl-prev,
.owl-carousel-navigation .owl-controls .owl-nav .owl-next{
    position: absolute;
    right: -30px;
    width: 30px;
    height: 30px;
    background-color: #353e44;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;

    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
}

.owl-carousel-navigation .owl-controls .owl-nav .owl-prev{ 
    top: -15px;  
    background-image: url('../img/nivo-prev-nav.png');

}

.owl-carousel-navigation.owl-carousel:hover .owl-controls .owl-nav .owl-prev,
.owl-carousel-navigation.owl-carousel:hover .owl-controls .owl-nav .owl-next{
    right: 0;
}

.owl-carousel-navigation .owl-controls .owl-nav .owl-next{
    top: 15px;
    background-image: url('../img/nivo-next-nav.png');
}

.owl-theme .owl-dots{
    text-align: center;
    display: table;
    margin: 20px auto 0;
}

.owl-controls .owl-dot{
    float: left;
}

.owl-controls span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #ddd;
}

.owl-buttons .owl-nav{
    text-align: center;
}

.owl-buttons .owl-nav{
    margin-top: 30px;
}

.owl-buttons .owl-prev,
.owl-buttons .owl-next{
    display: inline-block;
    margin: 0 5px;
    padding: 10px 25px;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.owl-buttons .owl-prev:hover,
.owl-buttons .owl-next:hover{
    color: #fff;
}


/* color-red.css */


/* 
    Here you can change default template color
*/

.search-submit,
.wpcf7 .wpcf7-submit,
.footer-social-icons li a:hover,
.newsletter .submit,
.post-list .blog-post .post-date .month,
.post-single .blog-post .post-date .month,
.blog-posts .pagination li.active,
.blog-posts .pagination li:hover,
.scroll-up:hover,
.pixely_widget_sharre .box .share:hover,
.nivo-wrapper .nivo-directionNav a:hover,
.blog-post.isotope-item .post-category a:hover,
.comment-reply,
.service-feature-box .service-media:hover a,
.owl-carousel:hover .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel:hover .owl-controls .owl-nav .owl-next:hover,
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span,
.btn,
.events-table .event-date .month,
.accordion .title.active::after,
.accordion .title:hover::after,
.tracking .submit,
.pi-latest-posts02 .post-date .month,
.shipping-quote .submit,
.custom-heading::after,
.custom-heading02:after,
.service-item-container figcaption h1:after,
.service-item-container figcaption h2:after,
.service-item-container figcaption h3:after,
.service-item-container figcaption h4:after,
.service-item-container figcaption h5:after,
.gallery-item-container figcaption h1:after,
.gallery-item-container figcaption h2:after,
.gallery-item-container figcaption h3:after,
.gallery-item-container figcaption h4:after,
.gallery-item-container figcaption h5:after,
.hover-details:hover span,
.team-details:after,
.hover-mask-container .hover-zoom:hover,
.tabs li.active,
.numbers-counter .counter-container::after,
.master-slider .pi-button:hover,
.master-slider .tooltip h6::after,
.ms-skin-default .ms-tooltip-point .ms-point-center{  
  background-color: #d6393a;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.breadcrumb li a:hover,
.colored,
.footer-widget-container a:hover,
.copyright-container a:hover,
.blog-post .post-body a:hover h3,
a.read-more span,
.rpw_posts_widget ul > li::before,
.rpw_posts_widget li a:hover h4,
.post-footer .post-meta li.comments:hover,
.comment-meta .date,
a.download-link:hover span,
.widget_nav_menu .menu-item.current-menu-item a,
.company-timeline .icon-date-container i,
.pi-latest-posts a:hover h4,
.pi-latest-posts02 li .post-details a:hover h4,
.header-style02 #quick-links li i,
.header-style02 .navbar-default .navbar-nav>li>a:hover, 
.header-style02 .nav > li.current-menu-item > a,
.header-style01 #quick-links li i,
.header-style01 #quick-links li a:hover,
.header-style02 #top-bar-wrapper.dark #quick-links li a:hover,
.header-wrapper.dark .navbar-default .navbar-nav>li.current-menu-item>a,
.header-style03 #quick-links i,
.header-style03 .navbar-nav>li>a:hover,
.header-style03 .navbar-nav>li.current-menu-item>a,
.custom-bkg.dark a:hover,
.custom-bkg.dark a:hover span,
.custom-bkg.dark a:hover i,
.blog-post.isotope-item .post-date i,
.fa-ul li i,
.text-base-color02,
.pi-latest-posts .post-date i,
.pi-latest-posts02 .post-category i,
.accordion .title::before,
.pi-latest-posts03 li .post-media i,
.news-carousel-container .icon-title i{
    color: #d6393a;
}

.header-style01 .navbar-default .navbar-nav>li>a:hover,
.header-style01 .nav > li.current-menu-item > a,
.hover-mask-container .hover-details span,
.hover-mask-container .hover-zoom,
.master-slider .pi-button{
    border-color: #d6393a;
}

.dropdown .dropdown-menu .dropdown-submenu > a:hover:after,
blockquote{
    border-left-color: #d6393a;
}

/* Lighter base 01 */
.search-submit:hover,
.wpcf7 .wpcf7-submit:hover,
.newsletter .submit:hover,
.comment-reply:hover,
.service-feature-box .service-media:hover i,
.btn:hover,
.tracking .submit:hover,
.shipping-quote .submit:hover{
    background-color: #e33031;
}


.icon-container .st1{
    fill: #d6393a;
}


/* retina.css */
/*
    Retina ready styles
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5){
    .accordion.careers .title::after{
        background-image: url('../img/accordion-closed@2x.png');
        background-size: 15px 10px;
    }

    .accordion.careers .title.active::after{
        background-image: url('../img/accordion-opened@2x.png');
        background-size: 15px 10px;
    }

    .accordion.careers .title:hover::after{
        background-image: url('../img/accordion-opened@2x.png');
        background-size: 15px 10px;
    }
    
    .widget ul > li{
        background-image: url('../img/arrow@2x.png');
        background-size: 7px 10px;
    }
    
    .tracking .submit{
        background-image: url('../img/tracking-arrow@2x.png');
        background-size: 7px 10px;
    }
    
    .events-slider .nivo-caption{
        background-image: url('../img/nivo-events@2x.png');
        background-size: 34px 37px;
    }
    
    .nivo-nextNav{
        background-image: url('../img/nivo-next-nav@2x.png');
        background-size: 8px 12px;
    }
    
    .nivo-prevNav{
        background-image: url('../img/nivo-prev-nav@2x.png');
        background-size: 8px 12px;
    }
    
    .widget_search .search-submit,
    .search-submit{
        background-image: url('../img/search@2x.png');
        background-size: 14px 13px;
    }
    
    .newsletter .submit{
        background-image: url('../img/subscribe@2x.png');
        background-size: 13px 11px;
    }
    
    .scroll-up {
        background-image: url('../img/to-top@2x.png');
        background-size: 40px 40px;
    }
}


/* responsive.css */
/*
Responsive template styles
*/

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b41c9918658a6fa6bd02)
 * Config saved to config.json and https://gist.github.com/b41c9918658a6fa6bd02
 */@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}@media (min-width:768px){.navbar-static-top{border-radius:0}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}@media (min-width:768px){.navbar-toggle{display:none}}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}


/* ========================================================================== 
   RESPONSIVE NAVIGATION
============================================================================= */
#dl-menu{
    display: none;
}

.dl-menuwrapper {
    width: 100%;
    max-width: 300px;
    float: left;
    position: relative;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    display: none;
    z-index: 1002;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    background: #ccc;
    border: none;
    width: 100%;
    height: 45px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding-left: 60px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #aaa;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: #fff;
    top: 14px;
    left: 20px;
    box-shadow: 
        0 7px 0 #fff, 
        0 14px 0 #fff;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-transform: uppercase;
}

.no-touch .dl-menuwrapper li a:hover{
    background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    speak: none;
    -webkit-font-smoothing: antialiased;
    line-height: 40px;
    font-size: 10px;
    font-family: 'FontAwesome';
    content: "\f054";
    color: #888;
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212,204,198,0.3);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut2 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn2 {
    0% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut2 {
    0% {
        -moz-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}

.dl-menuwrapper button {
    background: #444;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #333;
}

@media only screen and (min-width: 320px) and (max-width: 479px){
    /*  
        HEADER WRAPPER STYLING 
        --------------------------------------------------------------------- */
    
    .header-wrapper{
        position: initial;
        padding-bottom: 15px;
    }

    .header-style01 #quick-links li,
    .header-style01 #quick-links li p,
    .header-style01 #quick-links li span,
    .header-style01 #quick-links li a{
        color: #777;
    }

    .wpml-languages a.active{
        padding: 5px;
    }

    #header-wrapper + *{
        margin-top: 0 !important;
    }

    .page-content .row{
        margin-bottom: 0px;
    }

    .header-style03 .info-container{
        width: 100%;
    }

    .header-style03 .info-container #quick-links{
        float: none;
        margin: 0 auto 10px;
        display: table;
        width: auto;
    }

    .header-style03 .info-container #search{
        width: 70%;
        min-height: 40px;
        padding-right: 0;
    }

    .header-style03 #dl-menu{
        max-width: 100%;
    }

    .header-style03 .navbar a.btn{
        width: 100%;
        top: 5px;
    }

    .header-style03 .navbar a.btn span{
        text-align: center;
        width: 100%;
        display: block;
    }

    .header-style03 .search-submit{
        width: 100%;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        position: relative;
    }

    .header-style03 .info-container #quick-links li{
        padding-right: 10px;
    }

    .page-content *[class*="col-"], 
    aside *[class*="col-"], 
    *[class*="col-"].footer-widget-container {
        margin-bottom: 30px;
    }

    *[class*="col-"].footer-widget-container:last-child{
        margin-bottom: 0;
    }

    *[class*="col-"] *[class*="col-"]{
        margin-left: 0 !important;
    }
    
    *[class*="col-"] + [class*="img-bkg"]{
        margin-bottom: 0 !important;
    }

    .header-wrapper.header-transparent{
        top: 0;
        width: 100%;
        background-color: #fff;
    }

    .navbar-nav{
        display: none;
    }

    .main-nav{
        background: none;
        margin-top: 0 !important;
    }

    .navbar-header{
        padding-left: 0;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        width: 100%;
    }

    .logo img{
        margin: 0 auto 15px;
    }

    #dl-menu{
        display: block;
    }

    .dl-menuwrapper{
        max-width: 230px;
        float: left;
    }

    #search{
        margin-right: 0;
        min-height: 40px;
        padding-top: 5px;
    }


    /* 
        PAGE CONTENT STYLING
        --------------------------------------------------------------------- */
    .page-content.parallax{
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .page-content.fixed.centered .container,
    .page-content.fixed.bottom .container{
        left: 0;
        margin-left: 0 !important;
        margin-top: 0 !important;
        top: 0;
        position: relative;
    }
    
    .page-content.fixed.centered .container .row{
        max-width: none;
    }
    
    .page-content.fixed.bottom .row{
        max-width: none;
    }

    .custom-bkg.bkg-dark-blue.transparent01,
    .custom-bkg.bkg-dark-blue.transparent02,
    .custom-bkg.bkg-dark-blue.transparent03{
        background: rgba(37, 39, 46, 1);
    }

    .img-fixed-bottom{
        bottom: 0;
    }

    .master-wrapper{
        margin-top: 0 !important;
    }

    .page-content.fixed.centered *[class*="col-"].custom-bkg,
    .page-content.fixed.bottom *[class*="col-"].custom-bkg{
        margin-bottom: 0 !important;
    }

    .custom-col-padding-both{
        padding: 50px 0;
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-title-negative-top{
        padding-top: 70px;
    }

    .page-title-style02{
        margin-top: 0 !important;
    }

    .page-title-style02 h1,
    .page-title-style02 h1 h2,
    .page-title-style02 h1 h3,
    .page-title-style02 h1 h4,
    .page-title-style02 h1 h5,
    .page-title-style02 h1 h6{
        text-align: center;
        margin-bottom: 10px;
    }

    .page-title-map.page-title-negative-top{
        margin-top: 0px !important;
        padding-top: 0;
    }

    .page-title-map.page-title-negative-top #map{
        margin-top: 0;
    }


    /*  ELEMENTS STYLING - ACCORDION
        --------------------------------------------------------------------- */
    .accordion.careers .title a span{
        width: 100%;
    }


    /*  ELEMENTS STYLING - CALL TO ACTION
        --------------------------------------------------------------------- */
    .call-to-action .text{
        width: 100%;
        margin-bottom: 20px;
    }

    .call-to-action .text h1,
    .call-to-action .text h2,
    .call-to-action .text h3,
    .call-to-action .text h4,
    .call-to-action .text h5,
    .call-to-action .text p{
        text-align: center;
    }

    .call-to-action .btn{
        float: none;
        top: 0;
        display: table;
        margin: 0 auto;
    }


    /*  ELEMENTS STYLING - COMPANY TIMELINE
        --------------------------------------------------------------------- */
    .company-timeline .timeline-item-details{
        padding-left: 70px;
    }

    .company-timeline .icon-date-container{
        width: 50px;
        height: 50px;
    }

    .company-timeline .icon-date-container i{
        width: 50px;
        height: 50px;
        font-size: 21px;
    }


    /*  ELEMENTS STYLING - CLIENTS LI
        --------------------------------------------------------------------- */
    *[class*="col-"] .clients-li li{
        height: auto;
        max-height: 80px;
        width: 50%;

    }


    /*  ELEMENTS STYLING - EVENTS TABLE
        --------------------------------------------------------------------- */
    .events-table .event-date{
        padding-top: 0;
    }

    .events-table .event-date .day{
        padding: 10px;
        font-size: 21px;
    }

    .events-table .event-date .month{
        padding: 5px;
        font-size: 13px;
    }

    /*  ELEMENTS STYLING - FORMS STYLING
        --------------------------------------------------------------------- */
    .driver-app-form fieldset{
        width: 100%;
        padding-right: 0;
    }


    /*  ELEMENTS STYLES - LATEST POSTS
        --------------------------------------------------------------------- */
    *[class*="col-"] .pi-latest-posts02 li{
        width: 100%;
        margin-bottom: 15px;
    }

    *[class*="col-"] .pi-latest-posts03 li{
        width: 100%;
    }


    /*  ELMENTS STYLING - NEWS CAROUSEL
        --------------------------------------------------------------------- */
    .news-carousel-container .icon-title{
        width: 100%;
        margin-bottom: 0;
        float: left;
    }

    .carousel-container{
        width: 100%;
        float: left;
    }


    /*  ELEMENTS STYLING - NIVO SLIDER
        --------------------------------------------------------------------- */
    .nivo-caption{
        display: none !important;
    }


    /* 
        ELEMENTS STYLES - SERVICES
        --------------------------------------------------------------------- */
    .services-negative-top{
        margin-top: 0;
    }

    .service-icon-left-boxed .icon-container{
        float: none;
        width: 100%;
        height: 100px;
        margin-bottom: 15px;
    }

    .service-icon-left-boxed .icon-container svg,
    .service-icon-left-boxed .icon-container img{
        width: 100px;
        margin: 0 auto;
        display: table;
    }

    .service-icon-left-boxed .service-details{
        padding-left: 0;
    }

    .service-icon-left-boxed .service-details h1,
    .service-icon-left-boxed .service-details h2,
    .service-icon-left-boxed .service-details h3,
    .service-icon-left-boxed .service-details h4,
    .service-icon-left-boxed .service-details h5,
    .service-icon-left-boxed .service-details p{
        text-align: center;
    }

    .services-gallery li{
        margin-bottom: 0 !important;
    }

    .copyright-container p{
        text-align: center;
    }

    .row .custom-heading02:only-child{
        margin-bottom: 30px;
    }

    .service-icon-left .icon-container{
        width: 70px;
        height: 70px;
    }

    .service-icon-left .icon-container svg,
    .service-icon-left .icon-container img{
        width: 50px;
        height: 50px;
        top: 10px;
        margin: 0 auto;
        display: table;
    }

    .service-icon-left .service-details{
        padding-left: 90px;
    }

    .service-icon-left-boxed i{
        display: table;
        width: 100%;
    }

    .service-icon-left .icon-container i{
        font-size: 40px;
        width: 70px;
        height: 70px;
    }

    *[class*="col-"] .service-list-big-icons li{
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    
    /*  ELEMENTS STYLING STATEMENT
        --------------------------------------------------------------------- */
    .statement p{
        padding: 0;
    }


    /*  ELEMENTS STYLING - TABS
        --------------------------------------------------------------------- */
    .tabs li{
        width: 100%;
    }


    /*  ELEMENTS STYLING TEAM MEMBERS
        --------------------------------------------------------------------- */
    .team-member img{
        margin: 0 auto 15px;
        float: none;
    }

    .team-details p,
    .team-details h1,
    .team-details h2,
    .team-details h3,
    .team-details h4,
    .team-details h5,
    .team-details h6{
        text-align: center;
    }

    .team-details:after{
        left: 50%;
        margin-left: -20px;
    }

    .team-list li img{
        float: none;
        margin: 0 auto 15px;
    }

    .team-list li .team-details-container{
        padding-left: 0;
    }


    /*  ELEMENTS STYLING - VEHICLE FLEET
        -------------------------------------------------------------------- */
    .vehicle-gallery li{
        margin-bottom: 0 !important;
    }

    .hover-mask-container .hover-zoom{
        margin-bottom: -50px;
    }


    /*  BLOG
        --------------------------------------------------------------------- */
    .post-list .blog-post .post-date, .post-single .blog-post .post-date{
        width: 70px;
    }

    .post-list .blog-post .post-date .day, .post-single .blog-post .post-date .day{
        padding: 10px;
        font-size: 21px;
    }

    .post-list .blog-post .post-date .month, .post-single .blog-post .post-date .month{
        padding: 5px;
        font-size: 13px;
    }

    .post-list .blog-post .post-body, .post-single .blog-post .post-body{
        padding-left: 90px;
    }

    .blog-posts.isotope.masonry li.blog-post.isotope-item{
        width: 100%;
    }

    .blog-post.isotope-item .post-media img{
        width: 100%;
    }

    .blog-post.isotope-item .post-info .post-category a{
        right: 15px;
    }

    .post-comments .children{
        margin-left: 2%;
    }

    .comment-form fieldset{
        width: 100%;
        padding-left: 0;
    }


    /*  FOOTER
        --------------------------------------------------------------------- */
    #footer-wrapper{
        background-image: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    /*  
        HEADER WRAPPER STYLING 
        --------------------------------------------------------------------- */
    
    .header-wrapper{
        position: initial;
        padding-bottom: 15px;
    }

    .header-style01 #quick-links li,
    .header-style01 #quick-links li p,
    .header-style01 #quick-links li span,
    .header-style01 #quick-links li a{
        color: #777;
    }

    .wpml-languages a.active{
        padding: 5px;
    }

    #header-wrapper + *{
        margin-top: 0 !important;
    }

    .page-content .row{
        margin-bottom: 0px;
    }
    
    *[class*="col-"] + [class*="img-bkg"]{
        margin-bottom: 0 !important;
    }

    .header-style03 .info-container{
        width: 100%;
    }

    .header-style03 .info-container #quick-links{
        float: none;
        margin: 0 auto 10px;
        display: table;
        width: auto;
    }

    .header-style03 .info-container #search{
        width: 70%;
        min-height: 40px;
        padding-right: 0;
        float: right;
    }

    .header-style03 #dl-menu{
        max-width: 100%;
    }

    .header-style03 .navbar a.btn{
        width: 100%;
        top: 5px;
    }

    .header-style03 .navbar a.btn span{
        text-align: center;
        width: 100%;
        display: block;
    }

    .header-style03 .search-submit{
        width: 100%;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        position: relative;
    }

    .header-style03 .info-container #quick-links li{
        padding-right: 10px;
    }

    .page-content *[class*="col-"], 
    aside *[class*="col-"], 
    *[class*="col-"].footer-widget-container {
        margin-bottom: 30px;
    }

    *[class*="col-"].footer-widget-container:last-child{
        margin-bottom: 0;
    }

    *[class*="col-"] *[class*="col-"]{
        margin-left: 0 !important;
    }

    .header-wrapper.header-transparent{
        top: 0;
        width: 100%;
        background-color: #fff;
    }

    .navbar-nav{
        display: none;
    }

    .main-nav{
        background: none;
        margin-top: 0 !important;
    }

    .navbar-header{
        padding-left: 0;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        width: 100%;
    }

    .logo img{
        margin: 0 auto 15px;
    }

    #dl-menu{
        display: block;
    }

    .dl-menuwrapper{
        max-width: 230px;
        float: left;
    }

    #search{
        margin-right: 0;
        min-height: 40px;
        padding-top: 5px;
    }


    /* 
        PAGE CONTENT STYLING
        --------------------------------------------------------------------- */
    .page-content.parallax{
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .page-content.fixed.centered .container,
    .page-content.fixed.bottom .container{
        left: 0;
        margin-left: 0 !important;
        margin-top: 0 !important;
        top: 0;
        position: relative;
    }

    .custom-bkg.bkg-dark-blue.transparent01,
    .custom-bkg.bkg-dark-blue.transparent02,
    .custom-bkg.bkg-dark-blue.transparent03{
        background: rgba(37, 39, 46, 1);
    }
    
    .page-content.fixed.centered .container .row{
        max-width: none;
    }
    
    .page-content.fixed.bottom .row{
        max-width: none;
    }

    .img-fixed-bottom{
        bottom: 0;
    }

    .master-wrapper{
        margin-top: 0 !important;
    }

    .page-content.fixed.centered *[class*="col-"].custom-bkg,
    .page-content.fixed.bottom *[class*="col-"].custom-bkg{
        margin-bottom: 0 !important;
    }

    .custom-col-padding-both{
        padding: 50px 0;
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-title-negative-top{
        padding-top: 70px;
    }

    .page-title-style02{
        margin-top: 0 !important;
    }

    .page-title-style02 h1,
    .page-title-style02 h1 h2,
    .page-title-style02 h1 h3,
    .page-title-style02 h1 h4,
    .page-title-style02 h1 h5,
    .page-title-style02 h1 h6{
        text-align: center;
        margin-bottom: 10px;
    }

    .page-title-map.page-title-negative-top{
        margin-top: 0px !important;
        padding-top: 0;
    }

    .page-title-map.page-title-negative-top #map{
        margin-top: 0;
    }


    /*  ELEMENTS STYLING - ACCORDION
        --------------------------------------------------------------------- */
    .accordion.careers .title a span{
        width: 100%;
    }


    /*  ELEMENTS STYLING - CALL TO ACTION
        --------------------------------------------------------------------- */
    .call-to-action .text{
        width: 100%;
        margin-bottom: 20px;
    }

    .call-to-action .text h1,
    .call-to-action .text h2,
    .call-to-action .text h3,
    .call-to-action .text h4,
    .call-to-action .text h5,
    .call-to-action .text p{
        text-align: center;
    }

    .call-to-action .btn{
        float: none;
        top: 0;
        display: table;
        margin: 0 auto;
    }


    /*  ELEMENTS STYLING - COMPANY TIMELINE
        --------------------------------------------------------------------- */
    .company-timeline .timeline-item-details{
        padding-left: 70px;
    }

    .company-timeline .icon-date-container{
        width: 50px;
        height: 50px;
    }

    .company-timeline .icon-date-container i{
        width: 50px;
        height: 50px;
        font-size: 21px;
    }


    /*  ELEMENTS STYLING - CLIENTS LI
        --------------------------------------------------------------------- */
    *[class*="col-"] .clients-li li{
        height: auto;
        max-height: 80px;
        width: 50%;

    }


    /*  ELEMENTS STYLING - EVENTS TABLE
        --------------------------------------------------------------------- */
    .events-table .event-date{
        padding-top: 0;
    }

    .events-table .event-date .day{
        padding: 10px;
        font-size: 21px;
    }

    .events-table .event-date .month{
        padding: 5px;
        font-size: 13px;
    }

    /*  ELEMENTS STYLING - FORMS STYLING
        --------------------------------------------------------------------- */
    .driver-app-form fieldset{
        width: 100%;
        padding-right: 0;
    }


    /*  ELEMENTS STYLES - LATEST POSTS
        --------------------------------------------------------------------- */
    *[class*="col-"] .pi-latest-posts02 li{
        width: 100%;
        margin-bottom: 15px;
    }

    *[class*="col-"] .pi-latest-posts03 li{
        width: 100%;
    }


    /*  ELMENTS STYLING - NEWS CAROUSEL
        --------------------------------------------------------------------- */
    .news-carousel-container .icon-title{
        width: 100%;
        margin-bottom: 0;
        float: left;
    }

    .carousel-container{
        width: 100%;
        float: left;
    }


    /*  ELEMENTS STYLING - NIVO SLIDER
        --------------------------------------------------------------------- */
    .nivo-caption{
        display: none !important;
    }


    /* 
        ELEMENTS STYLES - SERVICES
        --------------------------------------------------------------------- */
    .services-negative-top{
        margin-top: 0;
    }

    .service-icon-left-boxed .icon-container{
        float: none;
        width: 100%;
        height: 100px;
        margin-bottom: 15px;
    }

    .service-icon-left-boxed .icon-container svg,
    .service-icon-left-boxed .icon-container img{
        width: 100px;
        margin: 0 auto;
        display: table;
    }

    .service-icon-left-boxed .service-details{
        padding-left: 0;
    }

    .service-icon-left-boxed .service-details h1,
    .service-icon-left-boxed .service-details h2,
    .service-icon-left-boxed .service-details h3,
    .service-icon-left-boxed .service-details h4,
    .service-icon-left-boxed .service-details h5,
    .service-icon-left-boxed .service-details p{
        text-align: center;
    }

    .services-gallery li{
        margin-bottom: 0 !important;
    }

    .copyright-container p{
        text-align: center;
    }

    .row .custom-heading02:only-child{
        margin-bottom: 30px;
    }

    .service-icon-left .icon-container{
        width: 70px;
        height: 70px;
    }

    .service-icon-left .icon-container svg,
    .service-icon-left .icon-container img{
        width: 50px;
        height: 50px;
        top: 10px;
        display: table;
        margin: 0 auto;
    }

    .service-icon-left .service-details{
        padding-left: 90px;
    }

    .service-icon-left-boxed i{
        display: table;
        width: 100%;
    }

    .service-icon-left .icon-container i{
        font-size: 40px;
        width: 70px;
        height: 70px;
    }

    *[class*="col-"] .service-list-big-icons li{
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }

    /*  ELEMENTS STYLING STATEMENT
        --------------------------------------------------------------------- */
    .statement p{
        padding: 0;
    }


    /*  ELEMENTS STYLING - TABS
        --------------------------------------------------------------------- */
    .tabs li{
        width: 100%;
    }


    /*  ELEMENTS STYLING TEAM MEMBERS
        --------------------------------------------------------------------- */
    .team-member img{
        margin: 0 auto 15px;
        float: none;
    }

    .team-details p,
    .team-details h1,
    .team-details h2,
    .team-details h3,
    .team-details h4,
    .team-details h5,
    .team-details h6{
        text-align: center;
    }

    .team-details:after{
        left: 50%;
        margin-left: -20px;
    }

    .team-list li img{
        float: none;
        margin: 0 auto 15px;
    }

    .team-list li .team-details-container{
        padding-left: 0;
    }


    /*  ELEMENTS STYLING - VEHICLE FLEET
        -------------------------------------------------------------------- */
    .vehicle-gallery li{
        margin-bottom: 0 !important;
    }

    .hover-mask-container .hover-zoom{
        margin-bottom: -50px;
    }


    /*  BLOG
        --------------------------------------------------------------------- */
    .post-list .blog-post .post-date, .post-single .blog-post .post-date{
        width: 70px;
    }

    .post-list .blog-post .post-date .day, .post-single .blog-post .post-date .day{
        padding: 10px;
        font-size: 21px;
    }

    .post-list .blog-post .post-date .month, .post-single .blog-post .post-date .month{
        padding: 5px;
        font-size: 13px;
    }

    .post-list .blog-post .post-body, .post-single .blog-post .post-body{
        padding-left: 90px;
    }

    .blog-posts.isotope.masonry li.blog-post.isotope-item{
        width: 100%;
    }

    .blog-post.isotope-item .post-info .post-category a{
        right: 15px;
    }

    .blog-post.isotope-item .post-media img{
        width: 100%;
    }

    .post-comments .children{
        margin-left: 2%;
    }

    .comment-form fieldset{
        width: 100%;
        padding-left: 0;
    }


    /*  FOOTER
        --------------------------------------------------------------------- */
    #footer-wrapper{
        background-image: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    /*  
        HEADER WRAPPER STYLING 
        --------------------------------------------------------------------- */
    .header-wrapper{
        position: initial;
        padding-bottom: 15px;
    }

    .header-style01 #quick-links li,
    .header-style01 #quick-links li p,
    .header-style01 #quick-links li span,
    .header-style01 #quick-links li a{
        color: #777;
    }

    .wpml-languages a.active{
        padding: 5px;
    }

    #header-wrapper + *{
        margin-top: 0 !important;
    }

    .page-content .row{
        margin-bottom: 0px;
    }

    .header-style03 .info-container{
        width: auto;
        float: none;
        margin: 0 auto;
        display: table;
    }

    .header-style03 .info-container #quick-links{
        float: left;
    }

    .header-style03 .info-container #search{
        width: 40px;
        min-height: 40px;
        padding-right: 0;
        float: left;
    }

    .header-style03 #dl-menu{
        max-width: 50%;
    }

    .header-style03 .navbar a.btn{
        width: 49%;
        top: 0px;
        padding: 12px 40px;
    }

    .header-style03 .navbar a.btn span{
        text-align: center;
        width: 100%;
        display: block;
    }

    .header-style03 .search-submit{
        width: 40px;
        position: relative;
    }

    .header-style03 .info-container #quick-links li{
        padding-right: 10px;
    }

    .page-content *[class*="col-"], 
    aside *[class*="col-"], 
    *[class*="col-"].footer-widget-container {
        margin-bottom: 30px;
    }

    *[class*="col-"].footer-widget-container:last-child{
        margin-bottom: 0;
    }

    *[class*="col-"] *[class*="col-"]{
        margin-left: 0 !important;
    }

    *[class*="col-"] + [class*="img-bkg"]{
        margin-bottom: 0 !important;
    }
    
    .header-wrapper.header-transparent{
        top: 0;
        width: 100%;
        background-color: #fff;
    }

    .navbar-nav{
        display: none;
    }

    .main-nav{
        background: none;
        margin-top: 0 !important;
    }

    .navbar-header{
        padding-left: 0;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        width: auto;
        min-width: 450px;
        padding-top: 20px;
    }

    .logo img{
        margin: 0 auto 15px;
    }

    #dl-menu{
        display: block;
        max-width: 380px;
    }

    .dl-menuwrapper{
        max-width: 380px;
        float: left;
    }

    #search{
        margin-right: 0;
        min-height: 40px;
        padding-top: 5px;
    }


    /*  DOCUMENT STYLING
        --------------------------------------------------------------------- */
    .page-content.fixed.centered *[class*="col-"].custom-bkg,
    .page-content.fixed.bottom *[class*="col-"].custom-bkg{
        margin-bottom: 0 !important;
    }

    .custom-col-padding-both{
        padding: 50px 0;
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-title-negative-top{
        padding-top: 70px;
    }

    .page-title-style02{
        margin-top: 0 !important;
    }

    .page-title-style02 .breadcrumb-container{
        float: none;
        width: auto;
        margin: 0 auto;
        display: table;
    }

    .page-title-style02 h1,
    .page-title-style02 h1 h2,
    .page-title-style02 h1 h3,
    .page-title-style02 h1 h4,
    .page-title-style02 h1 h5,
    .page-title-style02 h1 h6{
        text-align: center;
        margin-bottom: 10px;
    }

    .page-title-map.page-title-negative-top{
        margin-top: 0px !important;
        padding-top: 0;
    }

    .page-title-map.page-title-negative-top #map{
        margin-top: 0;
    }

    .img-fixed-bottom{
        bottom: 0;
    }

    .page-content.fixed.centered .container,
    .page-content.fixed.bottom .container{
        left: 0;
        margin-left: 0 !important;
        margin-top: 0 !important;
        top: 0;
        position: relative;
        width: 100%;
    }
    
    .page-content.fixed.centered .container .row{
        max-width: none;
    }

    .page-content.fixed.bottom .row{
        max-width: none;
    }
    
    .custom-bkg.bkg-dark-blue.transparent01,
    .custom-bkg.bkg-dark-blue.transparent02,
    .custom-bkg.bkg-dark-blue.transparent03{
        background: rgba(37, 39, 46, 1);
    }

    /*  ELEMENTS STYLES - LATEST POSTS
        --------------------------------------------------------------------- */
    *[class*="col-"] .pi-latest-posts02 li{
        width: 100%;
        margin-bottom: 15px;
    }

    *[class*="col-"] .pi-latest-posts03 li{
        width: 100%;
    }


    /*  ELEMENTS STYLING - SERVICES
        --------------------------------------------------------------------- */
    .services-negative-top{
        margin-top: 0;
    }

    .row .custom-heading02:only-child{
        margin-bottom: 30px;
    }

    .service-icon-left-boxed .icon-container{
        float: none;
        width: 100%;
        height: 100px;
        margin-bottom: 15px;
    }

    .service-icon-left-boxed .icon-container svg,
    .service-icon-left-boxed .icon-container img{
        width: 100px;
        margin: 0 auto;
        display: table;
    }

    .service-icon-left-boxed .service-details{
        padding-left: 0;
    }

    .service-icon-left-boxed .service-details h1,
    .service-icon-left-boxed .service-details h2,
    .service-icon-left-boxed .service-details h3,
    .service-icon-left-boxed .service-details h4,
    .service-icon-left-boxed .service-details h5,
    .service-icon-left-boxed .service-details p{
        text-align: center;
    }

    .service-icon-left-boxed i{
        display: table;
        width: 100%;
    }

    .services-gallery li{
        margin-bottom: 0 !important;
        width: 50%;
        float: left;
    }

    /*  ELEMENTS STYLING - VEHICLE FLEET
        --------------------------------------------------------------------- */
    .vehicle-gallery li{
        margin-bottom: 0 !important;
        width: 50%;
        float: left;
    }

    /*  MASTER SLIDER
        --------------------------------------------------------------------- */
    .master-wrapper{
        margin-top: 0 !important;
    }

    /*  ELMENTS STYLING - NEWS CAROUSEL
        --------------------------------------------------------------------- */
    .news-carousel-container .icon-title{
        width: 100%;
        margin-bottom: 0;
        float: left;
    }

    .carousel-container{
        width: 100%;
        float: left;
    }

    .news-carousel-container .owl-item{
        margin-right: 40px !important;
    }


    /*  ELEMENTS - BLOG
        --------------------------------------------------------------------- */
    .blog-posts.isotope.masonry li.blog-post.isotope-item{
        width: 46%;
        float: left;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1999px){
    .nav>li>a{
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .header-style03 .info-container #quick-links, .header-style03 .info-container .wpml-languages, .header-style03 .info-container #search{
        padding-left: 0;
        padding-right: 0;
    }
    
    .header-style03 #search{
        margin-right: 0;
    }
    
    .services-gallery li,
    .vehicle-gallery li{
        width: 50%;
    }
    
    .col-md-6 .clients-li li{
        max-height: 80px;
    }
    
    .col-md-8 .pi-latest-posts03 li, .col-md-9 .pi-latest-posts03 li{
        width: 47%;
    }
    
    .col-md-8 .pi-latest-posts02 li, .col-md-9 .pi-latest-posts02 li{
        width: 45%;
    }
    
    .page-content.fixed.centered .container{
       left: 50%;
    }
}