body.coll-custom-structure {
    position : fixed;
    top      : 0px;
    width    : 100%;
    overflow : hidden !important;
    height   : 100% !important;
}

body.coll-custom-structure .wrapper.common {
    position                    : fixed;
    top                         : 0px;
    width                       : 100%;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -webkit-transform-style     : preserve-3d;

    visibility                  : hidden;
}

/* This stylesheet is used to style the public view of the plugin. */
.coll-page-section {
    position : relative;
    width    : 100%;

}
.coll-section-background {
    position                    : absolute;
    width                       : 100%;
    height                      : 100%;
    top                         : 0;
    left                        : 0;

    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -webkit-transform           : translateZ(0px);

}
.coll-mobile .coll-section-background {
    display : none;
}
.js-coll-parallax {

}
.coll-page-section {
    position : relative;
    overflow : hidden;
}

.js-coll-parallax .coll-bg-image {
    position  : absolute;
    top       : 0;
    width     : auto;
    height    : auto;
    max-width : none;
    min-width : 100%;

    /*z-index: -1;*/
}

.js-coll-parallax .coll-bg-slider {
    position  : absolute;
    top       : 0;
    min-width : 100%;
    height    : auto;
    max-width : none;
    /*z-index: -1;*/
}
.js-coll-parallax .coll-bg-video {
    position  : absolute;
    top       : 0;
    min-width : 100%;
    height    : auto;
    max-width : none;
}
.js-coll-parallax .coll-bg-video > iframe {
    position : absolute;
    width    : 100%;
    height   : 100%;

}
.coll-mobile .js-coll-parallax .coll-bg-video > iframe {
    display : none;
}
.js-coll-parallax .coll-bg-video .coll-replacement {
    display : none;
}

.coll-mobile .js-coll-parallax .coll-bg-video .coll-replacement {
    display : block;
    width   : 100%;
}
/* after move*/
.coll-page-section .coll-bg-video-mute {
    position                    : absolute;
    width                       : 100%;
    height                      : 50px;
    bottom                      : 0;
    z-index                     : 99;
    text-align                  : center;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -webkit-transform           : translateZ(0);
}
.coll-mobile .coll-page-section .coll-bg-video-mute {
    display : none;
}
.coll-page-section .coll-bg-video-mute > a {
    font-size : 1.5em;
    color     : #fff;
    padding   : 1em;
}
.js-coll-parallax .coll-bg-pattern {
    position : absolute;
    top      : 0;
    width    : 100%;
    height   : 100%;
}
.coll-no-parallax .js-coll-parallax {
    position   : absolute;
    top        : 0;
    left       : 0;
    max-width  : none;
    min-width  : 100%;
    min-height : 100%;
}

.coll-page-section .overlay {
    position                    : absolute;
    width                       : 100%;
    height                      : 100%;
    top                         : 0;

    -webkit-backface-visibility : hidden;
}

/*

*/
.section-content {
    position                    : relative;
    padding-top                 : 100px;
    padding-bottom              : 100px;

    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -webkit-transform           : translateZ(0);
}

.section-content.no-3d {
    -webkit-backface-visibility : visible;
    -moz-backface-visibility    : visible;
    -webkit-transform           : none;
}
section.coll-full-width .section-content {
    max-width : none;
}
section.coll-full-width .section-content .entry-content {
    padding : 0;
}
section.coll-full-height .section-content {
    padding : 0;
}
.coll-single .title-container {
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -webkit-transform           : translateZ(0);
}
/*

     Shortcodes
______________________________________________________________
*/

/*
text types
*/
.coll-text {
    position : relative;
    width    : 100%;
}
.coll-text > span.text {
    white-space : normal
}
.coll-text.type-01 {
    font-family    : 'Open Sans', helvetica, arial;
    font-size      : 140px;
    font-weight    : 800;
    color          : #000;
    text-transform : uppercase;
    line-height    : 1em;
    letter-spacing : 0.07em;
    text-align     : center;

}
.coll-text.type-02 {
    font-family    : 'Open Sans', helvetica, arial;
    font-size      : 50px;
    font-weight    : 700;
    color          : #000;
    text-transform : uppercase;
    line-height    : 1em;
    letter-spacing : 0.2em;
    text-align     : center;
}
.coll-text.type-02 .text {
    border-top    : 1px solid;
    border-bottom : 1px solid;

}
.coll-text.type-03 {
    font-family : 'Lato', sans-serif;
    font-size   : 24px;
    font-weight : 300;
    text-align  : center;
    line-height : 1.3em;

}
.coll-text.type-04 {
    font-family    : 'Bitter', helvetica, arial;
    font-size      : 140px;
    font-weight    : 700;
    color          : #000;
    line-height    : 1em;
    letter-spacing : -0.05em;
    text-align     : center;
}
.coll-text.type-05 {
    font-family    : 'Raleway', helvetica, arial;
    font-size      : 36px;
    font-weight    : 400;
    color          : #000;
    text-transform : uppercase;
    line-height    : 1em;
    letter-spacing : 0.1em;
    text-align     : center;
}
.coll-text.type-06 {
    font-family : 'Sacramento', helvetica, arial;
    font-size   : 48px;
    color       : #000;

    line-height : 1em;

    text-align  : center;
}
.coll-text.type-07 {
    font-family    : 'Open Sans', helvetica, arial;
    font-size      : 96px;
    font-weight    : 700;
    color          : #000;
    line-height    : 1em;
    letter-spacing : 0.1em;
    text-align     : center;
    text-transform : uppercase;
}
.coll-text.type-08 {
    font-family : 'Pacifico', helvetica, arial;
    font-size   : 48px;
    color       : #000;
    line-height : 1em;

    text-align  : center;
}
.coll-text.type-09 {
    font-family    : 'Roboto', helvetica, arial;
    font-size      : 38px;
    font-weight    : 700;
    color          : #000;
    line-height    : 1em;
    letter-spacing : -0.03em;
    text-align     : center;

}
.coll-text.type-09 > span.text {
    line-height : 1em;
    padding     : 0.2em .5em .3em;
    border      : 4px solid;
}

.coll-text > span.text {

}

.coll-text.type-10 {
    font-family    : 'Oswald', helvetica, arial;
    font-size      : 140px;
    font-weight    : 700;
    color          : #000;
    line-height    : 1em;
    letter-spacing : -0.02em;
    text-align     : center;
    text-transform : uppercase;
}
.coll-text.type-11 {
    font-family    : 'Lobster', helvetica, arial;
    font-size      : 64px;
    color          : #000;
    line-height    : 1em;
    letter-spacing : 0.05em;
    text-align     : center;
}
.coll-text.type-12 {
    font-family : "Pinyon Script", helvetica, arial;
    font-size   : 140px;
    line-height : 1em;
    text-align  : center;
    font-weight : 400;
    color       : #000;
}
.coll-text.type-13 {
    font-size      : 47px;
    font-family    : Bentham, helvetica, arial;
    line-height    : 1em;
    text-transform : uppercase;
    text-align     : center;
    font-weight    : 400;
    color          : #000;
}
/*
buttons
*/
.coll-button {
    display            : inline-block;
    font-family        : 'lato', helvetica, arial;
    font-size          : 13px;
    padding            : 0.5em 3em;

    border-style       : solid;
    font-weight        : 900;
    border-width       : 2px;

    text-transform     : uppercase;

    letter-spacing     : 3px;

    -webkit-transition : all 0.25s ease-out;
    -moz-transition    : all 0.25s ease-out;
    transition         : all 0.25s ease-out;

    color              : #000;
    border-color       : #000;
    background         : none;

    white-space        : nowrap;
    margin-bottom      : 1em;
}
.coll-button.coll-accent-color:hover {
    color        : #fff;
    border-color : #7ee08e;
}

/*-----------------------------------------------------------------------------------*/
/*	BLOG
/*-----------------------------------------------------------------------------------*/
.coll-shortcode-blog .coll-section-divider {
    display : table;
}
.coll-shortcode-blog .coll-section-divider > span {
    display        : table-cell;
    vertical-align : middle;
    float          : none;
}
.coll-shortcode-blog .coll-section-divider > span.text {
    padding-right : 10px;
    white-space   : nowrap;

    width         : 16.6667%;
}
.coll-shortcode-blog .coll-section-divider > span.line {
    width : 100%;
}
.coll-shortcode-blog .coll-section-divider > span.line > span.color {
    margin-top : 0;
}
.coll-shortcode-blog .hentry {
    margin-bottom : 30px;
}
.coll-shortcode-blog .hentry.columns:last-child {
    float : left;
}
.coll-shortcode-blog .coll-section-divider {
    margin-bottom : 10px;
}
.coll-shortcode-blog .coll-img {
    position       : relative;
    width          : 100%;

    padding-bottom : 50%;
    overflow       : hidden;
}
.coll-shortcode-blog .coll-img > a {
    position : absolute;
}
.coll-shortcode-blog a.link-color {
    -webkit-transition : all 0.25s ease-out;
    -moz-transition    : all 0.25s ease-out;
    transition         : all 0.25s ease-out;
}

.coll-shortcode-blog .comments {
    margin-left    : 10px;
    font-size      : 12px;
    font-weight    : 400;
    text-transform : uppercase;
}
/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

.coll-shortcode-portfolio .filter {
    text-align    : center;
    margin-bottom : 3.25em;
    margin-left   : 0;
}
.coll-shortcode-portfolio .filter li {
    display : inline-block;
    padding : 0px 3px;
}
.coll-shortcode-portfolio .filter .current.link {

}
.coll-shortcode-portfolio .filter .item {
    display        : block;
    margin-bottom  : 10px;
    font-size      : 12px;
    color          : #fff;

    letter-spacing : 0.1em;
    border-color   : rgba(78, 78, 78, 0);

}
.coll-shortcode-portfolio .filter .item:hover,
.coll-shortcode-portfolio .filter .item.current {
    color        : #fff;
    border-color : #fff;

}
/* items */
.coll-shortcode-portfolio .items .hentry {
    /*float: left;*/
    position          : relative;
    overflow          : hidden;

    -webkit-transform : translate3d(0px, 0px, 0px);
    -moz-transform    : translate3d(0px, 0px, 0px);
    -o-transform      : translate3d(0px, 0px, 0px);
    -ms-transform     : translate3d(0px, 0px, 0px);
    transform         : translate3d(0px, 0px, 0px);
}
.coll-shortcode-portfolio .items .hentry * {
    -webkit-transition : all 0.25s ease-out;
    -moz-transition    : all 0.25s ease-out;
    transition         : all 0.25s ease-out;
}
.coll-shortcode-portfolio .items .hentry.columns {
    padding : 0;
}
.coll-shortcode-portfolio .items .hentry .wrapper {
    padding : 1px;
}
.coll-shortcode-portfolio .items .hentry .wrapper .hidden {
    visibility : hidden;
}
.coll-shortcode-portfolio .items .hentry .wrapper .holder {
    position : relative;
}
.coll-shortcode-portfolio .items .hentry .inner {
    position : absolute;
    top      : 0;
    width    : 100%;
    height   : 100%;
    overflow : hidden;
}
.coll-shortcode-portfolio .items .hentry .wrapper .under,
.coll-shortcode-portfolio .items .hentry .wrapper .above {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}
.coll-shortcode-portfolio .items .hentry .wrapper .under {

}
.coll-shortcode-portfolio .items .hentry .thumb {
    position          : absolute;

    width             : 100%;
    height            : 100%;

    -webkit-transform : translate3d(0px, 0px, 0px);
    -moz-transform    : translate3d(0px, 0px, 0px);
    -o-transform      : translate3d(0px, 0px, 0px);
    -ms-transform     : translate3d(0px, 0px, 0px);
    transform         : translate3d(0px, 0px, 0px);
}
.coll-shortcode-portfolio .items .hentry .thumb img.hidden {
    visibility     : hidden;
    opacity        : 0;
    width          : 100%;
    vertical-align : bottom;
}
.coll-shortcode-portfolio .items .hentry .thumb img.visible {
    position       : absolute;
    top            : 0;
    left           : 0;
    width          : 100%;
    vertical-align : bottom;
}
.coll-shortcode-portfolio .items .hentry:hover .thumb img {
    opacity           : 0.2;

    -moz-transform    : scale(1.1);
    -webkit-transform : scale(1.1);
    -o-transform      : scale(1.1);
    -ms-transform     : scale(1.1);
    transform         : scale(1.1);
}
.coll-shortcode-portfolio .items .hentry .info {
    position : absolute;
    top      : 0;

    width    : 100%;
    height   : 100%;
    display  : table;
    opacity  : 0;
}
.coll-shortcode-portfolio .items .hentry:hover .info {
    opacity : 1;

}
.coll-shortcode-portfolio .items .hentry .info .vcenter {
    display        : table-cell;
    vertical-align : middle;
    width          : 100%;
    margin         : 0 auto;
    text-align     : center;
}
.coll-shortcode-portfolio .items .hentry .info .title {

    font-family : 'lato', helvetica, arial;
    padding     : 0px 20px;
    margin      : 0;

    font-size   : 16px;

    color       : #FFF;

    line-height : 1.2em;

}
/*-----------------------------------------------------------------------------------*/
/*	CONTACT
/*-----------------------------------------------------------------------------------*/

.coll-contact-form > p {
    margin-bottom : 0;
}
.coll-contact-form > p:last-child {

}

.coll-contact-form input[type=text], .coll-contact-form textarea {
    width          : 100%;

    border         : 1px solid;

    border-color   : inherit;
    background     : none;
    box-shadow     : none;
    color          : inherit;
    padding        : 10px 10px 10px 2rem;
    height         : 66px;
    letter-spacing : .1rem;
    font-size      : .7rem;
}

.coll-contact-form textarea {
    resize  : none;
    padding : 2rem;
    height  : 200px;
}
.coll-contact-form .coll-button {
    background   : none;
    margin-top   : 20px;
    color        : inherit;
    border-color : inherit;
    padding      : 0.8em 4em;
}

.coll-contact-form input::-webkit-input-placeholder,
.coll-contact-form textarea::-webkit-input-placeholder {
    color : inherit;
}
.coll-contact-form input::-moz-placeholder,
.coll-contact-form textarea::-moz-placeholder {
    color : inherit;
}
.coll-contact-form input:-moz-placeholder,
.coll-contact-form textarea:-moz-placeholder {
    /* Older versions of Firefox */
    color : inherit;
}
.coll-contact-form input:-ms-input-placeholder,
.coll-contact-form textarea:-ms-input-placeholder {
    color : inherit;
}
/*-----------------------------------------------------------------------------------*/
/*	SOCIAL ICON
/*-----------------------------------------------------------------------------------*/
.coll-social-icon {
    display        : inline-block;
    vertical-align : bottom;
    padding        : 0px 10px;
}
.coll-social-icon > a {
    display            : table-cell;
    width              : 36px;
    height             : 36px;

    text-align         : center;
    vertical-align     : middle;

    border-width       : 1px;
    border-style       : solid;
    border-color       : inherit;

    /* border-radius      : 50%; */

    color              : #000;

    -webkit-transition : all 0.25s ease-out;
    -moz-transition    : all 0.25s ease-out;
    transition         : all 0.25s ease-out;
}

/*-----------------------------------------------------------------------------------*/
/*	PRICING TABLES
/*-----------------------------------------------------------------------------------*/
.coll-shortcode-pricing-table .hentry {
    margin-bottom : 1.5rem;
}

.coll-shortcode-pricing-table .hentry.columns:last-child {
    float : left;
}
.coll-shortcode-pricing-table > .hentry > .wrapper {
    position      : relative;
    text-align    : center;
    border        : 1px solid;
    padding       : 2px;
    border-radius : 4px;
}
.coll-shortcode-pricing-table > .hentry > .wrapper.standout {
    border-width : 3px;
    padding      : 0;
}
.coll-shortcode-pricing-table .hentry > .wrapper .title > .text {
    padding-top : 1.5rem;
}
.coll-shortcode-pricing-table .hentry > .wrapper .price > .text {
    margin-bottom : 2em;
}
.coll-shortcode-pricing-table .hentry > .wrapper .content {
    padding-bottom : 8em;
}
.coll-shortcode-pricing-table .hentry > .wrapper .content ul {
    list-style-type : none;
    margin          : 0;
    /*margin-bottom   : 6em;*/
}
.coll-shortcode-pricing-table .hentry > .wrapper .content > .link {
    position : absolute;
    left     : 0;
    bottom   : 2em;
    width    : 100%;

}
.coll-shortcode-pricing-table .hentry > .wrapper .content > .link > .coll-button {
    color         : inherit;
    border-color  : inherit;
    border-radius : 4px;
}
/*-----------------------------------------------------------------------------------*/
/*	TEAM
/*-----------------------------------------------------------------------------------*/
.coll-shortcode-team .hentry {
    text-align    : center;
    margin-bottom : 1.5rem;
}
.coll-shortcode-team .hentry.columns:last-child {
    float : left;
}
.coll-shortcode-team .hentry .coll-image-wrapper {
    display : inline-block;
    margin  : 10px 10px 16px 10px;
}
.coll-shortcode-team .hentry .coll-image-wrapper.round {
    border-radius : 50%;

}
.coll-shortcode-team .hentry .coll-image-wrapper.round > .image {
    border-radius : 50%;
}

.coll-shortcode-team .hentry .title {

}
.coll-shortcode-team .hentry .title > .text {

}
.coll-shortcode-team .hentry .title > .text > .coll-first-word {

}
.coll-shortcode-team .coll-social-icon {
    float   : none;
    display : inline-block;
}

/*-----------------------------------------------------------------------------------*/
/*	SERVICES
/*-----------------------------------------------------------------------------------*/
.coll-shortcode-services .hentry {
    text-align    : center;
    margin-bottom : 1.5rem;
}
.coll-shortcode-services .hentry.columns:last-child {
    float : left;
}
.coll-shortcode-services .hentry .coll-image-wrapper {
    display : inline-block;
    margin  : 10px 10px 16px 10px;
}
.coll-shortcode-services .hentry .coll-image-wrapper.round {
    border-radius : 50%;

}
.coll-shortcode-services .hentry .coll-image-wrapper.round > .image {
    border-radius : 50%;
}

.coll-shortcode-services .hentry .title {

}
.coll-shortcode-services .hentry .title > .text {
    margin-bottom : 16px;
}
.coll-shortcode-services .hentry .title > .text > .coll-first-word {

}
.coll-shortcode-services .coll-social-icon {
    float   : none;
    display : inline-block;
}
/*-----------------------------------------------------------------------------------*/
/*	CLIENTS
/*-----------------------------------------------------------------------------------*/
.coll-shortcode-clients .hentry {
    text-align    : center;
    margin-bottom : 1.5rem;
}
.coll-shortcode-clients .hentry.columns:last-child {
    float : left;
}
.coll-shortcode-clients > .hentry > .wrapper {
    padding : 1px;
}
.coll-shortcode-clients > .hentry > .wrapper > .link {
    -webkit-transition : all 0.25s ease-out;
    -moz-transition    : all 0.25s ease-out;
    transition         : all 0.25s ease-out;
}
.coll-shortcode-clients > .hentry > .wrapper > .link:hover {
    opacity : 0.5;
}
/*-----------------------------------------------------------------------------------*/
/*	IFRAME FIX
/*-----------------------------------------------------------------------------------*/
.coll-iframe-wrap, .coll-iframe-wrap > iframe {
    position : relative;
}

.coll-iframe-overlay {
    position : absolute;
    top      : 0px;
    width    : 100%;
    height   : 100%;
    opacity  : 0;
}
.coll-iframe-enabled > .coll-iframe-overlay {
    display : none;
}
.coll-iframe-close {
    display            : none;
    position           : absolute;
    top                : -60px;
    right              : 0px;

    color              : #fff;
    font-size          : 2em;
    opacity            : 0.4;

    cursor             : pointer;

    -webkit-transition : 0.5s cubic-bezier(.27, 1.64, .32, .95);
    -moz-transition    : 0.5s cubic-bezier(.27, 1.64, .32, .95);
    -ms-transition     : 0.5s cubic-bezier(.27, 1.64, .32, .95);
    -o-transition      : 0.5s cubic-bezier(.27, 1.64, .32, .95);
    transition         : 0.5s cubic-bezier(.27, 1.64, .32, .95);
}
.coll-iframe-close:hover {
    color             : #fff;
    opacity           : 1;
    -webkit-transform : rotate(90deg);
    -moz-transform    : rotate(90deg);
    transform         : rotate(90deg);

}
.coll-iframe-enabled > .coll-iframe-close {

    display        : table-cell;
    vertical-align : middle;
    text-align     : center;
    z-index        : 999;
}
.coll-iframe-enabled > iframe {
    z-index        : 999;
    pointer-events : auto;
}
iframe {

}
.coll-iframe-color {
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;

    background-color : rgba(0, 0, 0, 0.75);

    z-index          : 998;
}

/*-----------------------------------------------------------------------------------*/
/*	GOOGLE MAP
/*-----------------------------------------------------------------------------------*/
.coll-google-map .gmap *, .coll-google-map .gmap *:before, .coll-google-map .gmap *:after {
    -moz-box-sizing    : content-box !important;
    -webkit-box-sizing : content-box !important;
    box-sizing         : content-box !important;
}
.coll-google-map .gmap img {
    max-width : none;
}
.coll-google-map .gmap label {
    width   : auto;
    display : inline;
}
/*-----------------------------------------------------------------------------------*/
/*	SKILL
/*-----------------------------------------------------------------------------------*/
.coll-skill {
    position   : relative;
    display    : inline-block;
    width      : 100%;
    text-align : center;
}
.coll-skill .text {
    margin : 20px 0 40px 0;
}
.coll-skill .coll-first-word {

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

.coll-tabs.horizontal .tabs dd.active:before {
    content      : '';
    position     : absolute;
    width        : 100%;
    height       : 100%;
    border-right : 1px solid #8D8D8D;
    border-left  : 1px solid #8D8D8D;

    z-index      : 1;
}
.coll-tabs.horizontal .tabs dd > a {
    font-family   : inherit;
    background    : none;
    text-align    : center;

    padding-left  : 1.5rem;
    padding-right : 1.5rem;
}
.coll-tabs.horizontal .tabs dd > a:before {
    content       : '';
    position      : absolute;
    top           : 0;
    left          : 0;
    width         : 100%;
    height        : 100%;

    border-bottom : 1px solid #8D8D8D;
}
.coll-tabs.horizontal .tabs dd.active > a {
    color : inherit;
}
.coll-tabs.horizontal .tabs dd.active > a:before {

    border-bottom-color : rgba(0, 0, 0, 0);
}
.coll-tabs.horizontal .tabs dd.active > a > span.orig,
.coll-tabs.horizontal .tabs dd:hover > a > span.orig {
    display    : inline-block;
    visibility : hidden;
}
.coll-tabs.horizontal .tabs dd > a > span.hover {
    display     : none;
    position    : absolute;
    top         : 0;
    padding-top : 1rem;
    left        : 0;
    width       : 100%;
    height      : 100%;
    font-weight : 900;

}
.coll-tabs.horizontal .tabs dd.active > a > span.hover:before {
    content          : '';
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;

    border-top-width : 4px;
    border-top-style : solid;
    border-top-color : inherit;

}
.coll-tabs.horizontal .tabs dd.active > a > span.hover,
.coll-tabs.horizontal .tabs dd:hover > a > span.hover {
    display : block;

}
.coll-tabs.horizontal .tabs dd:last-child:after {
    content       : '';
    position      : absolute;
    width         : 2000px;
    height        : 100%;
    top           : 0;
    left          : 100%;
    border-bottom : 1px solid #8D8D8D;
}
.coll-tabs.horizontal .tabs-content .content {
    padding-left  : 1.5rem;
    padding-right : 1.5rem;
}

.coll-tabs.vertical .tabs {
    width : 30%;
    float : left;
}
.coll-tabs.vertical .tabs dd {
    position : relative;
}
.coll-tabs.vertical .tabs dd.active:before {
    content       : '';
    position      : absolute;
    width         : 100%;
    height        : 100%;

    border-top    : 1px solid #8D8D8D;
    border-bottom : 1px solid #8D8D8D;

    z-index       : 1;
}
.coll-tabs.vertical .tabs dd > a {
    font-family   : inherit;
    background    : none;
    /*text-align    : center;*/

    padding-left  : 1rem;
    padding-right : 1rem;
}
.coll-tabs.vertical .tabs dd > a:before {
    content      : '';
    position     : absolute;
    top          : 0;
    left         : 0;
    width        : 100%;
    height       : 100%;

    border-right : 1px solid #8D8D8D;
}
.coll-tabs.vertical .tabs dd.active > a {
    color : inherit;
}
.coll-tabs.vertical .tabs dd.active > a:before {
    border-right-color : rgba(0, 0, 0, 0);
}
.coll-tabs.vertical .tabs dd.active > a > span.orig,
.coll-tabs.vertical .tabs dd:hover > a > span.orig {
    display    : inline-block;
    visibility : hidden;
}
.coll-tabs.vertical .tabs dd > a > span.hover {
    display      : none;
    position     : absolute;
    top          : 0;
    padding-top  : 1rem;
    padding-left : 1rem;
    left         : 0;
    width        : 100%;
    height       : 100%;
    font-weight  : 900;

}
.coll-tabs.vertical .tabs dd.active > a > span.hover:before {
    content           : '';
    position          : absolute;
    top               : 0;
    left              : 0;
    width             : 100%;
    height            : 100%;

    border-left-width : 4px;
    border-left-style : solid;
    border-left-color : inherit;

}
.coll-tabs.vertical .tabs dd.active > a > span.hover,
.coll-tabs.vertical .tabs dd:hover > a > span.hover {
    display : block;

}
.coll-tabs.vertical .tabs dd:last-child:after {
    content      : '';
    position     : absolute;
    width        : 100%;
    height       : 2000px;
    top          : 100%;
    left         : 0px;
    border-right : 1px solid #8D8D8D;
}

.coll-tabs.vertical .tabs-content.vertical {
    width : 70%;
    float : left;
}

/*-----------------------------------------------------------------------------------*/
/*	ACCORDION
/*-----------------------------------------------------------------------------------*/
.coll-accordion {

}
.coll-accordion .accordion dd a {
    position    : relative;
    font-weight : bold;
    font-size   : 18px;
}
.coll-accordion .accordion dd.active a:before {
    content           : '';
    position          : absolute;
    top               : 0;
    left              : -1px;
    width             : 100%;
    height            : 100%;
    border-left-width : 4px;
    border-left-style : solid;
    border-left-color : inherit;
}
.coll-accordion .accordion dd a:after {
    content     : '\f078';
    font-family : fontawesome;
    font-weight : normal;
    float       : right;

}
.coll-accordion .accordion dd.active a:after {
    content : '\f077';

}
.coll-accordion .accordion dd {
    border        : 1px solid #A7A7A7;
    margin-bottom : 5px !important;
}
.coll-accordion .accordion dd .content {
    border-top : 1px solid #A7A7A7;
}
.coll-accordion .accordion dd a,
.coll-accordion .accordion dd.active a,
.coll-accordion .accordion .content.active {
    background : none;
}

/*-----------------------------------------------------------------------------------*/
/*	MIDDLE
/*-----------------------------------------------------------------------------------*/
.coll-middle {
    position   : absolute;
    display    : table;
    width      : 100%;
    height     : 100%;
    text-align : center;
    margin     : 0 auto;
}
.coll-middle .inner {
    display        : table-cell;
    vertical-align : middle;

}
/*-----------------------------------------------------------------------------------*/
/*	COUNTDOWN
/*-----------------------------------------------------------------------------------*/
.coll-countdown {
    max-width   : 32rem;
    margin      : 0 auto;
    font-family : 'Roboto', helvetica, arial;
    color       : #fff;
    text-align  : center;
}
.coll-countdown.three-digit-days {
    max-width : 34rem;
}
.coll-countdown .cont {
    border-radius : 0.2em;
    border-width  : 1px;
    border-style  : solid;
    padding       : 10px 0px 10px 10px;
    margin        : 10px;
    display       : inline-block;
    width         : 6.5rem;
    text-align    : left;
}
.coll-countdown.three-digit-days .countDays {
    width : 9rem;
}
.coll-countdown .cont .text {
    font-size      : 24px;
    font-weight    : 300;
    text-align     : left;
    letter-spacing : -0.06em;
    line-height    : 1em;
    color          : inherit;
}
.coll-countdown .position {
    display     : inline-block;
    height      : 1em;
    overflow    : hidden;
    position    : relative;
    width       : .6em;
    font-weight : 900;
    font-size   : 70px;
}
.coll-countdown .digit {
    position    : absolute;
    display     : block;
    text-align  : left;
    height      : 1em;
    line-height : 1em;
}

/*-----------------------------------------------------------------------------------*/
/*	FLEX SLIDER
/*-----------------------------------------------------------------------------------*/
.coll-flexslider {
    border                : none;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    -o-border-radius      : 0;
    border-radius         : 0;
    -webkit-box-shadow    : none;
    -moz-box-shadow       : none;
    -o-box-shadow         : none;
    box-shadow            : none;
}
.coll-flexslider.coll-no-bg {
    background : none;
}

/* next prev*/
.coll-flexslider.coll-arrows-never .flex-direction-nav {
    display : none;
}
.coll-flexslider .flex-direction-nav a {
    width                 : 12px;
    height                : 12px;

    margin                : -6px 0 0;

    border-style          : solid;
    border-width          : 2px;

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

}
@media only screen and (max-width : 1024px) {
    .coll-flexslider .flex-direction-nav {
        display : none;
    }
}
.coll-flexslider .flex-direction-nav li a:hover {
    background : none;
}
.coll-flexslider .flex-direction-nav a.flex-prev {
    left : 25px;
}
.coll-flexslider .flex-direction-nav a.flex-next {
    right : 25px;
}
.coll-flexslider.coll-arrows-always .flex-direction-nav a {
    opacity : 1;
}
.coll-flexslider.coll-arrows-always:hover .flex-direction-nav a {

}
.coll-flexslider.coll-arrows-out .flex-direction-nav a.flex-prev {
    left : -50px;
}
.coll-flexslider.coll-arrows-out .flex-direction-nav a.flex-next {
    right : -50px;
}
.coll-flexslider.coll-arrows-always.coll-arrows-out:hover .flex-direction-nav a.flex-prev {
    left : -50px;
}
.coll-flexslider.coll-arrows-always.coll-arrows-out:hover .flex-direction-nav a.flex-next {
    right : -50px;
}

/* buttets*/
.coll-flexslider.coll-bullets-never .flex-control-paging {
    display : none;
}
.coll-flexslider .flex-control-paging li a {
    width              : 6px;
    height             : 6px;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    -o-box-shadow      : none;
    box-shadow         : none;
}
.coll-flexslider .flex-control-nav {
    bottom                      : -6%;
    z-index                     : 2;
    -webkit-backface-visibility : hidden;
    -webkit-transform           : translateZ(0px);
}
@media only screen and (max-width : 767px) {
    .coll-flexslider .flex-control-nav {
        bottom : -9%;

    }
}
.coll-flexslider .flex-control-nav li {
    vertical-align : bottom;
}
.coll-flexslider .flex-control-nav li a {
    padding            : 4px;
    background         : none;
    border-width       : 2px;
    border-style       : solid;
    border-color       : inherit;

    -webkit-transition : all 0.25s ease-out;
    -moz-transition    : all 0.25s ease-out;
    transition         : all 0.25s ease-out;
}
.coll-flexslider .flex-control-nav li a:hover,
.coll-flexslider .flex-control-nav li a.flex-active {
    background : none;
}

/* captions*/
.coll-flexslider.coll-captions-never .flex-caption {
    display : none;
}
.coll-flexslider .flex-caption {
    position  : absolute;

    bottom    : 0;
    left      : 0;
    max-width : 50%;
}
@media only screen and (max-width : 767px) {
    .coll-flexslider .flex-caption {
        display : none;
    }
}
.coll-flexslider .flex-caption .caption {
    background-color : #fff;

    padding          : 10px 30px;
    display          : inline-block;
    margin           : 0;
}
.coll-flexslider .flex-caption .description {
    background-color : #000;

    color            : #fff;
    margin           : 0;
    padding          : 10px 30px;
    font-weight      : 300;
}

.ls-container .ls-bottom-slidebuttons a:before {
    content : none;
}
/*-----------------------------------------------------------------------------------*/
/*	TWITTER
/*-----------------------------------------------------------------------------------*/
.coll-twitter {
    position : relative;
    width    : 100%;
    height   : auto;
}
.coll-twitter .logo {
    list-style  : none;
    margin-left : 0;
    display     : table;
    width       : 100%;
    /*color       : #bdc3c7;*/
}
.coll-twitter .logo > li {
    display        : table-cell;
    vertical-align : middle;
}
.coll-twitter .logo > li.center {
    width          : 1em;
    padding        : 0 10px;
    text-align     : center;
    vertical-align : middle;
}
.coll-twitter .logo > li.center > i {
    font-size      : 2em;
    padding        : .3em;
    border-radius  : 50%;
    border         : 1px solid;
    color          : inherit;
    line-height    : 1em;
    vertical-align : middle;
    display        : table-cell;
}
.coll-twitter .logo > li.left,
.coll-twitter .logo > li.right {
    width         : 100%;
    border-bottom : 1px solid;

    height        : 1.8em;
}

.coll-twitter .flexslider {
    background : none;
    /*height     : 6em;*/
}
.coll-twitter .flexslider > .slides {
    width      : 80%;
    margin     : auto;
    text-align : center;

}
.coll-twitter .flexslider > .slides a {
    border : none;
}
.coll-twitter .flexslider > .slides > .tweet > .text {
    display       : block;
    margin-bottom : 10px;
}
.coll-twitter .flexslider > .slides > .tweet > .time {
    display        : block;
    text-transform : uppercase;

}
.coll-twitter .flexslider > .slides > .tweet > .time:before,
.coll-twitter .flexslider > .slides > .tweet > .time:after {
    content : '-';
    padding : 0 2px;
}
.coll-twitter .flexslider > .flex-control-nav {
    bottom  : -25px;
    opacity : 1;
}
.coll-twitter .flexslider > .flex-control-paging li {
    display  : inline-block;
    padding  : 6px;
    position : relative;
}
.coll-twitter .flexslider > .flex-control-paging li a {
    position              : absolute;
    top                   : 1px;
    left                  : 1px;
    display               : block;
    padding               : 5px;
    background-color      : transparent;
    cursor                : pointer;
    text-indent           : -9999px;
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
    -o-border-radius      : 50%;
    border                : none;
    border-radius         : 50%;
    border-width          : 1px;
    border-style          : solid;

}

.coll-twitter .flexslider > .flex-direction-nav a {
    opacity               : 1;
    width                 : 12px;
    height                : 12px;
    top                   : 8px;

    margin-top            : 0px;

    border-style          : solid;
    border-width          : 1px;

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

    text-indent           : 0;

}

.coll-twitter .flexslider > .flex-direction-nav a.flex-prev {
    left : 30px;
}
.coll-twitter .flexslider > .flex-direction-nav a.flex-next {
    right : 30px;
}