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

	-	Revolution Slider 4.1 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	27/11/13
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

/*************************
	-	CAPTIONS	-
**************************/
    .tp - static - layers {
    position : absolute;
    z - index : 505;
    top : 0 px;
    left : 0 px
}.tp - hide - revslider,.tp - caption.tp - hidden - caption {
    visibility : hidden !important;
    display : none !important
}.tp - caption {
    z - index : 1;
    white - space : nowrap
}.tp - caption - demo.tp - caption {
    position : relative !important;
    display : inline - block;
    margin - bottom : 10 px;
    margin - right : 20 px !important
}.tp - caption
    .whitedivider3px {

        color : #000000;
        text - shadow : none;
        background - color : rgb(255, 255, 255);
        background - color : rgba(255, 255, 255, 1);
        text - decoration : none;
        min - width : 408 px;
        min - height : 3 px;
        background - position : initial initial;
        background - repeat : initial initial;
        border - width : 0 px;
        border - color : #000000;
        border - style : none;
    }
    .tp - caption
    .finewide_large_white {
        color : #ffffff;
        text - shadow : none;
        font - size : 60 px;
        line - height : 60 px;
        font - weight : 300;
        font - family : "Open Sans",
        sans - serif;
        background - color : transparent;
        text - decoration : none;
        text - transform : uppercase;
        letter - spacing : 8 px;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .whitedivider3px {
        color : #000000;
        text - shadow : none;
        background - color : rgb(255, 255, 255);
        background - color : rgba(255, 255, 255, 1);
        text - decoration : none;
        font - size : 0 px;
        line - height : 0;
        min - width : 468 px;
        min - height : 3 px;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .finewide_medium_white {
        color : #ffffff;
        text - shadow : none;
        font - size : 37 px;
        line - height : 37 px;
        font - weight : 300;
        font - family : "Open Sans",
        sans - serif;
        background - color : transparent;
        text - decoration : none;
        text - transform : uppercase;
        letter - spacing : 5 px;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .boldwide_small_white {
        font - size : 25 px;
        line - height : 25 px;
        font - weight : 800;
        font - family : "Open Sans",
        sans - serif;
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : transparent;
        text - shadow : none;
        text - transform : uppercase;
        letter - spacing : 5 px;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .whitedivider3px_vertical {
        color : #000000;
        text - shadow : none;
        background - color : rgb(255, 255, 255);
        background - color : rgba(255, 255, 255, 1);
        text - decoration : none;
        font - size : 0 px;
        line - height : 0;
        min - width : 3 px;
        min - height : 130 px;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .finewide_small_white {
        color : #ffffff;
        text - shadow : none;
        font - size : 25 px;
        line - height : 25 px;
        font - weight : 300;
        font - family : "Open Sans",
        sans - serif;
        background - color : transparent;
        text - decoration : none;
        text - transform : uppercase;
        letter - spacing : 5 px;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .finewide_verysmall_white_mw {
        font - size : 13 px;
        line - height : 25 px;
        font - weight : 400;
        font - family : "Open Sans",
        sans - serif;
        color : #ffffff;
        text - decoration : none;
        background - color : transparent;
        text - shadow : none;
        text - transform : uppercase;
        letter - spacing : 5 px;
        max - width : 470 px;
        white - space : normal !important;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .lightgrey_divider {
        text - decoration : none;
        background - color : rgb(235, 235, 235);
        background - color : rgba(235, 235, 235, 1);
        width : 370 px;
        height : 3 px;
        background - position : initial initial;
        background - repeat : initial initial;
        border - width : 0 px;
        border - color : rgb(34, 34, 34);
        border - style : none;
    }
    .tp - caption
    .finewide_large_white {
        color : #FFF;
        text - shadow : none;
        font - size : 60 px;
        line - height : 60 px;
        font - weight : 300;
        font - family : "Open Sans",
        sans - serif;
        background - color : rgba(0, 0, 0, 0);
        text - decoration : none;
        text - transform : uppercase;
        letter - spacing : 8 px;
        border - width : 0 px;
        border - color : #000;
        border - style : none;
    }
    .tp - caption
    .finewide_medium_white {
        color : #FFF;
        text - shadow : none;
        font - size : 34 px;
        line - height : 34 px;
        font - weight : 300;
        font - family : "Open Sans",
        sans - serif;
        background - color : rgba(0, 0, 0, 0);
        text - decoration : none;
        text - transform : uppercase;
        letter - spacing : 5 px;
        border - width : 0 px;
        border - color : #000;
        border - style : none;
    }
    .tp - caption
    .huge_red {
        position : absolute;
        color : rgb(223, 75, 107);
        font - weight : 400;
        font - size : 150 px;
        line - height : 130 px;
        font - family : 'Oswald',
        sans - serif;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
        background - color : rgb(45, 49, 54);
        padding : 0 px;
    }
    .tp - caption
    .middle_yellow {
        position : absolute;
        color : rgb(251, 213, 114);
        font - weight : 600;
        font - size : 50 px;
        line - height : 50 px;
        font - family : 'Open Sans',
        sans - serif;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .huge_thin_yellow {
        position : absolute;
        color : rgb(251, 213, 114);
        font - weight : 300;
        font - size : 90 px;
        line - height : 90 px;
        font - family : 'Open Sans',
        sans - serif;
        margin : 0 px;
        letter - spacing : 20 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .big_dark {
        position : absolute;
        color : #333;
        font - weight : 700;
        font - size : 70 px;
        line - height : 70 px;
        font - family : "Open Sans";
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .medium_dark {
        position : absolute;
        color : #333;
        font - weight : 300;
        font - size : 40 px;
        line - height : 40 px;
        font - family : "Open Sans";
        margin : 0 px;
        letter - spacing : 5 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .medium_grey {
        position : absolute;
        color : #fff;
        text - shadow : 0 px 2 px 5 px rgba(0, 0, 0, 0.5);
        font - weight : 700;
        font - size : 20 px;
        line - height : 20 px;
        font - family : Arial;
        padding : 2 px 4 px;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        background - color : #888;
        white - space : nowrap;
    }
    .tp - caption
    .small_text {
        position : absolute;
        color : #fff;
        text - shadow : 0 px 2 px 5 px rgba(0, 0, 0, 0.5);
        font - weight : 700;
        font - size : 14 px;
        line - height : 20 px;
        font - family : Arial;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .medium_text {
        position : absolute;
        color : #fff;
        text - shadow : 0 px 2 px 5 px rgba(0, 0, 0, 0.5);
        font - weight : 700;
        font - size : 20 px;
        line - height : 20 px;
        font - family : Arial;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .large_bold_white_25 {
        font - size : 55 px;
        line - height : 65 px;
        font - weight : 700;
        font - family : "Open Sans";
        color : #fff;
        text - decoration : none;
        background - color : transparent;
        text - align : center;
        text - shadow : #000 0 px 5 px 10 px;
        border - width : 0 px;
        border - color : rgb(255, 255, 255);
        border - style : none;
    }
    .tp - caption
    .medium_text_shadow {
        font - size : 25 px;
        line - height : 25 px;
        font - weight : 600;
        font - family : "Open Sans";
        color : #fff;
        text - decoration : none;
        background - color : transparent;
        text - align : center;
        text - shadow : #000 0 px 5 px 10 px;
        border - width : 0 px;
        border - color : rgb(255, 255, 255);
        border - style : none;
    }
    .tp - caption
    .large_text {
        position : absolute;
        color : #fff;
        text - shadow : 0 px 2 px 5 px rgba(0, 0, 0, 0.5);
        font - weight : 700;
        font - size : 40 px;
        line - height : 40 px;
        font - family : Arial;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .medium_bold_grey {
        font - size : 30 px;
        line - height : 30 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(102, 102, 102);
        text - decoration : none;
        background - color : transparent;
        text - shadow : none;
        margin : 0 px;
        padding : 1 px 4 px 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .very_large_text {
        position : absolute;
        color : #fff;
        text - shadow : 0 px 2 px 5 px rgba(0, 0, 0, 0.5);
        font - weight : 700;
        font - size : 60 px;
        line - height : 60 px;
        font - family : Arial;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
        letter - spacing : -2 px;
    }
    .tp - caption
    .very_big_white {
        position : absolute;
        color : #fff;
        text - shadow : none;
        font - weight : 800;
        font - size : 60 px;
        line - height : 60 px;
        font - family : Arial;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
        padding : 0 px 4 px;
        padding - top : 1 px;
        background - color : #000;
    }
    .tp - caption
    .very_big_black {
        position : absolute;
        color : #000;
        text - shadow : none;
        font - weight : 700;
        font - size : 60 px;
        line - height : 60 px;
        font - family : Arial;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
        padding : 0 px 4 px;
        padding - top : 1 px;
        background - color : #fff;
    }
    .tp - caption
    .modern_medium_fat {
        position : absolute;
        color : #000;
        text - shadow : none;
        font - weight : 800;
        font - size : 24 px;
        line - height : 20 px;
        font - family : "Open Sans",
        sans - serif;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .modern_medium_fat_white {
        position : absolute;
        color : #fff;
        text - shadow : none;
        font - weight : 800;
        font - size : 24 px;
        line - height : 20 px;
        font - family : "Open Sans",
        sans - serif;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .modern_medium_light {
        position : absolute;
        color : #000;
        text - shadow : none;
        font - weight : 300;
        font - size : 24 px;
        line - height : 20 px;
        font - family : "Open Sans",
        sans - serif;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .modern_big_bluebg {
        position : absolute;
        color : #fff;
        text - shadow : none;
        font - weight : 800;
        font - size : 30 px;
        line - height : 36 px;
        font - family : "Open Sans",
        sans - serif;
        padding : 3 px 10 px;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        background - color : #4e5b6c;
        letter - spacing : 0;
    }
    .tp - caption
    .modern_big_redbg {
        position : absolute;
        color : #fff;
        text - shadow : none;
        font - weight : 300;
        font - size : 30 px;
        line - height : 36 px;
        font - family : "Open Sans",
        sans - serif;
        padding : 3 px 10 px;
        padding - top : 1 px;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        background - color : #de543e;
        letter - spacing : 0;
    }
    .tp - caption
    .modern_small_text_dark {
        position : absolute;
        color : #555;
        text - shadow : none;
        font - size : 14 px;
        line - height : 22 px;
        font - family : Arial;
        margin : 0 px;
        border - width : 0 px;
        border - style : none;
        white - space : nowrap;
    }
    .tp - caption
    .boxshadow {-moz - box - shadow : 0 px 0 px 20 px rgba(0, 0, 0, 0.5);
        -webkit - box - shadow : 0 px 0 px 20 px rgba(0, 0, 0, 0.5);
        box - shadow : 0 px 0 px 20 px rgba(0, 0, 0, 0.5);
    }
    .tp - caption
    .black {
        color : #000;
        text - shadow : none;
    }
    .tp - caption
    .noshadow {
        text - shadow : none;
    }
    .tp - caption a {
        color: #ff7302;
        text - shadow: none;
        -webkit - transition: all 0.2 s ease - out;
        -moz - transition: all 0.2 s ease - out;
        -o - transition: all 0.2 s ease - out;
        -ms - transition: all 0.2 s ease - out;
    }
    .tp - caption a: hover {
    color : #ffa902;
}.tp - caption
    .thinheadline_dark {
        position : absolute;
        color : rgba(0, 0, 0, 0.85);
        text - shadow : none;
        font - weight : 300;
        font - size : 30 px;
        line - height : 30 px;
        font - family : "Open Sans";
        background - color : transparent;
    }
    .tp - caption
    .thintext_dark {
        position : absolute;
        color : rgba(0, 0, 0, 0.85);
        text - shadow : none;
        font - weight : 300;
        font - size : 16 px;
        line - height : 26 px;
        font - family : "Open Sans";
        background - color : transparent;
    }
    .tp - caption
    .medium_bg_red a {
        color: #fff;
        text - decoration: none;
    }
    .tp - caption.medium_bg_red a: hover {
    color : #fff;
    text - decoration : underline;
}.tp - caption
    .smoothcircle {
        font - size : 30 px;
        line - height : 75 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : rgb(0, 0, 0);
        background - color : rgba(0, 0, 0, 0.498039);
        padding : 50 px 25 px;
        text - align : center;
        border - radius : 500 px 500 px 500 px 500 px;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .largeblackbg {
        font - size : 50 px;
        line - height : 70 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : rgb(0, 0, 0);
        padding : 0 px 20 px 5 px;
        text - shadow : none;
        border - width : 0 px;
        border - color : rgb(255, 255, 255);
        border - style : none;
    }
    .tp - caption
    .largepinkbg {
        position : absolute;
        color : #fff;
        text - shadow : none;
        font - weight : 300;
        font - size : 50 px;
        line - height : 70 px;
        font - family : "Open Sans";
        background - color : #db4360;
        padding : 0 px 20 px;
        -webkit - border - radius : 0 px;
        -moz - border - radius : 0 px;
        border - radius : 0 px;
    }
    .tp - caption
    .largewhitebg {
        position : absolute;
        color : #000;
        text - shadow : none;
        font - weight : 300;
        font - size : 50 px;
        line - height : 70 px;
        font - family : "Open Sans";
        background - color : #fff;
        padding : 0 px 20 px;
        -webkit - border - radius : 0 px;
        -moz - border - radius : 0 px;
        border - radius : 0 px;
    }
    .tp - caption
    .largegreenbg {
        position : absolute;
        color : #fff;
        text - shadow : none;
        font - weight : 300;
        font - size : 50 px;
        line - height : 70 px;
        font - family : "Open Sans";
        background - color : #67ae73;
        padding : 0 px 20 px;
        -webkit - border - radius : 0 px;
        -moz - border - radius : 0 px;
        border - radius : 0 px;
    }
    .tp - caption
    .excerpt {
        font - size : 36 px;
        line - height : 36 px;
        font - weight : 700;
        font - family : Arial;
        color : #ffffff;
        text - decoration : none;
        background - color : rgba(0, 0, 0, 1);
        text - shadow : none;
        margin : 0 px;
        letter - spacing : -1.5 px;
        padding : 1 px 4 px 0 px 4 px;
        width : 150 px;
        white - space : normal !important;
        height : auto;
        border - width : 0 px;
        border - color : rgb(255, 255, 255);
        border - style : none;
    }
    .tp - caption
    .large_bold_grey {
        font - size : 60 px;
        line - height : 60 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(102, 102, 102);
        text - decoration : none;
        background - color : transparent;
        text - shadow : none;
        margin : 0 px;
        padding : 1 px 4 px 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_thin_grey {
        font - size : 34 px;
        line - height : 30 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(102, 102, 102);
        text - decoration : none;
        background - color : transparent;
        padding : 1 px 4 px 0 px;
        text - shadow : none;
        margin : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .small_thin_grey {
        font - size : 18 px;
        line - height : 26 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(117, 117, 117);
        text - decoration : none;
        background - color : transparent;
        padding : 1 px 4 px 0 px;
        text - shadow : none;
        margin : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .lightgrey_divider {
        text - decoration : none;
        background - color : rgba(235, 235, 235, 1);
        width : 370 px;
        height : 3 px;
        background - position : initial initial;
        background - repeat : initial initial;
        border - width : 0 px;
        border - color : rgb(34, 34, 34);
        border - style : none;
    }
    .tp - caption
    .large_bold_darkblue {
        font - size : 58 px;
        line - height : 60 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(52, 73, 94);
        text - decoration : none;
        background - color : transparent;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_bg_darkblue {
        font - size : 20 px;
        line - height : 20 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : rgb(52, 73, 94);
        padding : 10 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_bold_red {
        font - size : 24 px;
        line - height : 30 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(227, 58, 12);
        text - decoration : none;
        background - color : transparent;
        padding : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_light_red {
        font - size : 21 px;
        line - height : 26 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(227, 58, 12);
        text - decoration : none;
        background - color : transparent;
        padding : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_bg_red {
        font - size : 20 px;
        line - height : 20 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : rgb(227, 58, 12);
        padding : 10 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_bold_orange {
        font - size : 24 px;
        line - height : 30 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(243, 156, 18);
        text - decoration : none;
        background - color : transparent;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_bg_orange {
        font - size : 20 px;
        line - height : 20 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : rgb(243, 156, 18);
        padding : 10 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .grassfloor {
        text - decoration : none;
        background - color : rgba(160, 179, 151, 1);
        width : 4000 px;
        height : 150 px;
        border - width : 0 px;
        border - color : rgb(34, 34, 34);
        border - style : none;
    }
    .tp - caption
    .large_bold_white {
        font - size : 58 px;
        line - height : 60 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : transparent;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_light_white {
        font - size : 28 px;
        line - height : 28 px;
        font - weight : 500;
        font - family : 'Source Sans Pro',
        sans - serif;
        color : rgb(0, 0, 0);
        text - decoration : none;
        background - color : transparent;
        padding : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .mediumlarge_light_white {
        font - size : 36 px;
        line - height : 60 px;
        font - weight : 500;
        font - family : 'Marcellus',
        serif;
        color : rgb(255, 255, 255);
        text - decoration : none;
        text - transform : uppercase;
        background - color : transparent;
        padding : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .mediumlarge_light_white_center {
        font - size : 34 px;
        line - height : 40 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : #ffffff;
        text - decoration : none;
        background - color : transparent;
        padding : 0 px 0 px 0 px 0 px;
        text - align : center;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_bg_asbestos {
        font - size : 20 px;
        line - height : 20 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        /*background-color:rgb(127, 140, 141);*/
        padding : 10 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .medium_light_black {
        font - size : 30 px;
        line - height : 36 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(0, 0, 0);
        text - decoration : none;
        background - color : transparent;
        padding : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .large_bold_black {
        font - size : 58 px;
        line - height : 60 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(0, 0, 0);
        text - decoration : none;
        background - color : transparent;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .mediumlarge_light_darkblue {
        font - size : 34 px;
        line - height : 40 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(52, 73, 94);
        text - decoration : none;
        background - color : transparent;
        padding : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .small_light_white {
        font - size : 17 px;
        line - height : 28 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : transparent;
        padding : 0 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .roundedimage {
        border - width : 0 px;
        border - color : rgb(34, 34, 34);
        border - style : none;
    }
    .tp - caption
    .large_bg_black {
        font - size : 40 px;
        line - height : 40 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : rgb(0, 0, 0);
        padding : 10 px 20 px 15 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .mediumwhitebg {
        font - size : 30 px;
        line - height : 30 px;
        font - weight : 300;
        font - family : "Open Sans";
        color : rgb(0, 0, 0);
        text - decoration : none;
        background - color : rgb(255, 255, 255);
        padding : 5 px 15 px 10 px;
        text - shadow : none;
        border - width : 0 px;
        border - color : rgb(0, 0, 0);
        border - style : none;
    }
    .tp - caption
    .medium_bg_orange_new1 {
        font - size : 20 px;
        line - height : 20 px;
        font - weight : 800;
        font - family : "Open Sans";
        color : rgb(255, 255, 255);
        text - decoration : none;
        background - color : rgb(243, 156, 18);
        padding : 10 px;
        border - width : 0 px;
        border - color : rgb(255, 214, 88);
        border - style : none;
    }
    .tp - caption
    .boxshadow {-moz - box - shadow : 0 px 0 px 20 px rgba(0, 0, 0, 0.5);
        -webkit - box - shadow : 0 px 0 px 20 px rgba(0, 0, 0, 0.5);
        box - shadow : 0 px 0 px 20 px rgba(0, 0, 0, 0.5);
    }
    .tp - caption
    .black {
        color : #000;
        text - shadow : none;
        font - weight : 300;
        font - size : 19 px;
        line - height : 19 px;
        font - family : 'Open Sans',
        sans;
    }
    .tp - caption
    .noshadow {
        text - shadow : none;
    }
    .tp_inner_padding {
        box - sizing : border - box;
        -webkit - box - sizing : border - box;
        -moz - box - sizing : border - box;
        max - height : none !important;
    }

    /*.tp-caption			{	transform:none !important}*/

    /*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/
    .tp - caption
    .frontcorner {
        width : 0;
        height : 0;
        border - left : 40 px solid transparent;
        border - right : 0 px solid transparent;
        border - top : 40 px solid #00A8FF;
        position : absolute;
        left : -40 px;
        top : 0 px;
    }
    .tp - caption
    .backcorner {
        width : 0;
        height : 0;
        border - left : 0 px solid transparent;
        border - right : 40 px solid transparent;
        border - bottom : 40 px solid #00A8FF;
        position : absolute;
        right : 0 px;
        top : 0 px;
    }
    .tp - caption
    .frontcornertop {
        width : 0;
        height : 0;
        border - left : 40 px solid transparent;
        border - right : 0 px solid transparent;
        border - bottom : 40 px solid #00A8FF;
        position : absolute;
        left : -40 px;
        top : 0 px;
    }
    .tp - caption
    .backcornertop {
        width : 0;
        height : 0;
        border - left : 0 px solid transparent;
        border - right : 40 px solid transparent;
        border - top : 40 px solid #00A8FF;
        position : absolute;
        right : 0 px;
        top : 0 px;
    }

    /***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

    img
    .tp - slider - alternative - image {
        width : 100 %;
        height : auto;
    }

    /******************************
	-	BUTTONS	-
*******************************/
    .tp - simpleresponsive
    .button {
        padding : 6 px 13 px 5 px;
        border - radius : 3 px;
        -moz - border - radius : 3 px;
        -webkit - border - radius : 3 px;
        height : 30 px;
        cursor : pointer;
        color : #fff !important;
        text - shadow : 0 px 1 px 1 px rgba(0, 0, 0, 0.6)!important;
        font - size : 15 px;
        line - height : 45 px !important;
        background : url(../images/gradient / g30.png)repeat - x top;
        font - family : arial,
        sans - serif;
        font - weight : bold;
        letter - spacing : -1 px;
    }
    .tp - simpleresponsive
    .button
    .big {
        color : #fff;
        text - shadow : 0 px 1 px 1 px rgba(0, 0, 0, 0.6);
        font - weight : bold;
        padding : 9 px 20 px;
        font - size : 19 px;
        line - height : 57 px !important;
        background : url(../images/gradient / g40.png)repeat - x top
    }
    .tp - simpleresponsive.purchase: hover,.tp - simpleresponsive.button: hover,.tp - simpleresponsive.button.big: hover {
    background - position : bottom,
    15 px 11 px
}

@media only screen and(min - width : 768 px)and(max - width : 959 px) {}

@media only screen and(min - width : 480 px)and(max - width : 767 px) {.tp - simpleresponsive
        .button {
            padding : 4 px 8 px 3 px;
            line - height : 25 px !important;
            font - size : 11 px !important;
            font - weight : normal;
        }
        .tp - simpleresponsive a
        .button {-webkit - transition : none;
            -moz - transition : none;
            -o - transition : none;
            -ms - transition : none;
        }

    }

@media only screen and(min - width : 0 px)and(max - width : 479 px) {.tp - simpleresponsive
        .button {
            padding : 2 px 5 px 2 px;
            line - height : 20 px !important;
            font - size : 10 px !important
        }
        .tp - simpleresponsive a
        .button {-webkit - transition : none;
            -moz - transition : none;
            -o - transition : none;
            -ms - transition : none;
        }
    }

/*	BUTTON COLORS	*/
    .tp - simpleresponsive.button.green,.tp - simpleresponsive.button: hover.green,.tp - simpleresponsive.purchase.green,.tp - simpleresponsive.purchase: hover
    .green {
        background - color : #21a117;
        -webkit - box - shadow : 0 px 3 px 0 px 0 px #104d0b;
        -moz - box - shadow : 0 px 3 px 0 px 0 px #104d0b;
        box - shadow : 0 px 3 px 0 px 0 px #104d0b;
    }
    .tp - simpleresponsive.button.blue,.tp - simpleresponsive.button: hover.blue,.tp - simpleresponsive.purchase.blue,.tp - simpleresponsive.purchase: hover
    .blue {
        background - color : #1d78cb;
        -webkit - box - shadow : 0 px 3 px 0 px 0 px #0f3e68;
        -moz - box - shadow : 0 px 3 px 0 px 0 px #0f3e68;
        box - shadow : 0 px 3 px 0 px 0 px #0f3e68
    }
    .tp - simpleresponsive.button.red,.tp - simpleresponsive.button: hover.red,.tp - simpleresponsive.purchase.red,.tp - simpleresponsive.purchase: hover
    .red {
        background - color : #cb1d1d;
        -webkit - box - shadow : 0 px 3 px 0 px 0 px #7c1212;
        -moz - box - shadow : 0 px 3 px 0 px 0 px #7c1212;
        box - shadow : 0 px 3 px 0 px 0 px #7c1212
    }
    .tp - simpleresponsive.button.orange,.tp - simpleresponsive.button: hover.orange,.tp - simpleresponsive.purchase.orange,.tp - simpleresponsive.purchase: hover
    .orange {
        background - color : #ff7700;
        -webkit - box - shadow : 0 px 3 px 0 px 0 px #a34c00;
        -moz - box - shadow : 0 px 3 px 0 px 0 px #a34c00;
        box - shadow : 0 px 3 px 0 px 0 px #a34c00
    }
    .tp - simpleresponsive.button.darkgrey,.tp - simpleresponsive.button.grey,.tp - simpleresponsive.button: hover.darkgrey,.tp - simpleresponsive.button: hover.grey,.tp - simpleresponsive.purchase.darkgrey,.tp - simpleresponsive.purchase: hover
    .darkgrey {
        background - color : #555;
        -webkit - box - shadow : 0 px 3 px 0 px 0 px #222;
        -moz - box - shadow : 0 px 3 px 0 px 0 px #222;
        box - shadow : 0 px 3 px 0 px 0 px #222
    }
    .tp - simpleresponsive.button.lightgrey,.tp - simpleresponsive.button: hover.lightgrey,.tp - simpleresponsive.purchase.lightgrey,.tp - simpleresponsive.purchase: hover.lightgrey {
    background - color : #888;
    -webkit - box - shadow : 0 px 3 px 0 px 0 px #555;
    -moz - box - shadow : 0 px 3 px 0 px 0 px #555;
    box - shadow : 0 px 3 px 0 px 0 px #555
}

/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

/*.tp-simpleresponsive				{	-webkit-perspective: 1500px;
										-moz-perspective: 1500px;
										-o-perspective: 1500px;
										-ms-perspective: 1500px;
										perspective: 1500px;
									}*/

/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/
    .fullscreen - container {
    width : 100 %;
    position : relative;
    padding : 0;
}.fullwidthbanner - container {
    width : 100 %;
    position : relative;
    padding : 0;
    overflow : hidden;
}.fullwidthbanner - container
    .fullwidthbanner {
        width : 100 %;
        position : relative;
    }

    /************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
    .tp - simpleresponsive.caption,.tp - simpleresponsive.tp - caption {
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 * -moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0;
 */
    position : absolute;
    visibility : hidden;
    -webkit - font - smoothing : antialiased !important;
    color : #fff;
    font - family : 'Poppins',
    sans - serif;
}.tp - simpleresponsive img {
    max - width: none
}

/******************************
	-	IE8 HACKS	-
*******************************/
    .noFilterClass {
        filter : none !important;
    }

    /******************************
	-	SHADOWS		-
******************************/
    .tp - bannershadow {
        position : absolute;

        margin - left : auto;
        margin - right : auto;
        -moz - user - select : none;
        -khtml - user - select : none;
        -webkit - user - select : none;
        -o - user - select : none;
    }
    .tp - bannershadow
    .tp - shadow1 {
        background : url(../assets/shadow1.png)no - repeat;
        background - size : 100 % 100 %;
        width : 890 px;
        height : 60 px;
        bottom : -60 px
    }
    .tp - bannershadow
    .tp - shadow2 {
        background : url(../assets/shadow2.png)no - repeat;
        background - size : 100 % 100 %;
        width : 890 px;
        height : 60 px;
        bottom : -60 px
    }
    .tp - bannershadow
    .tp - shadow3 {
        background : url(../assets/shadow3.png)no - repeat;
        background - size : 100 % 100 %;
        width : 890 px;
        height : 60 px;
        bottom : -60 px
    }

    /********************************
	-	FULLSCREEN VIDEO	-
*********************************/
    .caption
    .fullscreenvideo {
        left : 0 px;
        top : 0 px;
        position : absolute;
        width : 100 %;
        height : 100 %
    }
    .caption
    .fullscreenvideo iframe,
    .caption
    .fullscreenvideo video {
        width: 100 % !important;
        height: 100 % !important;
        display: none
    }
    .tp - caption
    .fullscreenvideo {
        left : 0 px;
        top : 0 px;
        position : absolute;
        width : 100 %;
        height : 100 %
    }
    .tp - caption.fullscreenvideo iframe,.tp - caption
    .fullscreenvideo iframe video {
        width: 100 % !important;
        height: 100 % !important;
        display: none
    }
    .fullcoveredvideo video,
    .fullscreenvideo video {
        background: #000
    }
    .fullcoveredvideo
    .tp - poster {
        background - position : center center;
        background - size : cover;
        width : 100 %;
        height : 100 %;
        top : 0 px;
        left : 0 px
    }
    .html5vid
    .videoisplaying
    .tp - poster {
        display : none
    }
    .tp - video - play - button {
        background : #000;
        background : rgba(0, 0, 0, 0.3);
        padding : 5 px;
        border - radius : 5 px;
        -moz - border - radius : 5 px;
        -webkit - border - radius : 5 px;
        position : absolute;
        top : 50 %;
        left : 50 %;
        font - size : 40 px;
        color : #FFF;
        z - index : 3;
        margin - top : -27 px;
        margin - left : -28 px;
        text - align : center;
        cursor : pointer;
    }
    .html5vid
    .tp - revstop {
        width : 15 px;
        height : 20 px;
        border - left : 5 px solid #fff;
        border - right : 5 px solid #fff;
        position : relative;
        margin : 10 px 20 px;
        box - sizing : border - box;
        -moz - box - sizing : border - box;
        -webkit - box - sizing : border - box
    }
    .html5vid
    .tp - revstop {
        display : none
    }
    .html5vid
    .videoisplaying
    .revicon - right - dir {
        display : none
    }
    .html5vid
    .videoisplaying
    .tp - revstop {
        display : block
    }
    .html5vid
    .videoisplaying
    .tp - video - play - button {
        display : none
    }
    .html5vid: hover
    .tp - video - play - button {
        display : block
    }
    .fullcoveredvideo
    .tp - video - play - button {
        display : none !important
    }

    /********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/

    /********************************
	-	DOTTED OVERLAYS	-
*********************************/
        .tp - dottedoverlay {
        background - repeat : repeat;
        width : 100 %;
        height : 100 %;
        position : absolute;
        top : 0 px;
        left : 0 px;
        z - index : 4
    }
    .tp - dottedoverlay
    .twoxtwo {
        background : url(../assets/gridtile.png)
    }
    .tp - dottedoverlay
    .twoxtwowhite {
        background : url(../assets/gridtile_white.png)
    }
    .tp - dottedoverlay
    .threexthree {
        background : url(../assets/gridtile_3x3.png)
    }
    .tp - dottedoverlay
    .threexthreewhite {
        background : url(../assets/gridtile_3x3_white.png)
    }
    /********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/

    /************************
	-	NAVIGATION	-
*************************/

    /** BULLETS **/
        .tpclear {
        clear : both
    }
    .tp - bullets {
        z - index : 1000;
        position : absolute;
        -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz - opacity : 1;
        -khtml - opacity : 1;
        opacity : 1;
        -webkit - transition : opacity 0.2 s ease - out;
        -moz - transition : opacity 0.2 s ease - out;
        -o - transition : opacity 0.2 s ease - out;
        -ms - transition : opacity 0.2 s ease - out;
        -webkit - transform : translateZ(5 px);
    }
    .tp - bullets
    .hidebullets {-ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz - opacity : 0;
        -khtml - opacity : 0;
        opacity : 0;
    }
    .tp - bullets
    .simplebullets
    .navbar {
        border : 1 px solid #666;
        border - bottom : 1 px solid #444;
        background : url(../assets/boxed_bgtile.png);
        height : 40 px;
        padding : 0 px 10 px;
        -webkit - border - radius : 5 px;
        -moz - border - radius : 5 px;
        border - radius : 5 px
    }
    .tp - bullets
    .simplebullets
    .navbar - old {
        background : url(../assets/navigdots_bgtile.png);
        height : 35 px;
        padding : 0 px 10 px;
        -webkit - border - radius : 5 px;
        -moz - border - radius : 5 px;
        border - radius : 5 px
    }
    .tp - bullets
    .simplebullets
    .round
    .bullet {
        cursor : pointer;
        position : relative !important;
        background : #b7b7b7;
        width : 10 px;
        height : 10 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px;
        margin - bottom : 80 px;
        margin - left : 8 px;
        border - radius : 100 %;
        -webkit - border - radius : 100 %;
        -moz - border - radius : 100 %;
    }
    .tp - bullets
    .simplebullets
    .round
    .bullet
    .last {
        margin - right : 3 px
    }
    .tp - bullets
    .simplebullets
    .round - old
    .bullet {
        cursor : pointer;
        position : relative;
        background : url(../assets/bullets.png)no - Repeat bottom left;
        width : 23 px;
        height : 23 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px
    }
    .tp - bullets
    .simplebullets
    .round - old
    .bullet
    .last {
        margin - right : 0 px
    }

    /**	SQUARE BULLETS **/
        .tp - bullets
    .simplebullets
    .square
    .bullet {
        cursor : pointer;
        position : relative;
        background : url(../assets/bullets2.png)no - Repeat bottom left;
        width : 19 px;
        height : 19 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px
    }
    .tp - bullets
    .simplebullets
    .square
    .bullet
    .last {
        margin - right : 0 px
    }

    /**	SQUARE BULLETS **/
        .tp - bullets
    .simplebullets
    .square - old
    .bullet {
        cursor : pointer;
        position : relative;
        background : url(../assets/bullets2.png)no - Repeat bottom left;
        width : 19 px;
        height : 19 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px
    }
    .tp - bullets
    .simplebullets
    .square - old
    .bullet
    .last {
        margin - right : 0 px
    }

    /** navbar NAVIGATION VERSION **/
        .tp - bullets
    .simplebullets
    .navbar
    .bullet {
        cursor : pointer;
        position : relative;
        background : url(../assets/bullet_boxed.png)no - Repeat top left;
        width : 18 px;
        height : 19 px;
        margin - right : 5 px;
        float : left;
        margin - top : 0 px
    }
    .tp - bullets
    .simplebullets
    .navbar
    .bullet
    .first {
        margin - left : 0 px !important
    }
    .tp - bullets
    .simplebullets
    .navbar
    .bullet
    .last {
        margin - right : 0 px !important
    }

    /** navbar NAVIGATION VERSION **/
        .tp - bullets
    .simplebullets
    .navbar - old
    .bullet {
        cursor : pointer;
        position : relative;
        background : url(../assets/navigdots.png)no - Repeat bottom left;
        width : 15 px;
        height : 15 px;
        margin - left : 5 px !important;
        margin - right : 5 px !important;
        float : left;
        margin - top : 10 px
    }
    .tp - bullets
    .simplebullets
    .navbar - old
    .bullet
    .first {
        margin - left : 0 px !important
    }
    .tp - bullets
    .simplebullets
    .navbar - old
    .bullet
    .last {
        margin - right : 0 px !important
    }
    .tp - bullets.simplebullets.bullet: hover,.tp - bullets
    .simplebullets
    .bullet
    .selected {
        background - position : top left
    }
    .tp - bullets.simplebullets.round.bullet: hover,.tp - bullets.simplebullets.round.bullet.selected,.tp - bullets.simplebullets.navbar.bullet: hover,.tp - bullets
    .simplebullets
    .navbar
    .bullet
    .selected {
        background - position : bottom left;
        background : #f00683;
    }
    .tp - bullets.simplebullets.round.bullet: hover: before,.tp - bullets.simplebullets.round.bullet.selected: before,.tp - bullets.simplebullets.navbar.bullet: hover: before,.tp - bullets.simplebullets.navbar.bullet.selected: before {
    content : "";
    height : 14 px;
    width : 14 px;
    border - radius : 100 %;
    border : 1 px solid #f00683;
    display : block;
    padding : 7 px;
    position : absolute;
    left : -3 px;
    top : -3 px;
}.tp - bullets.simplebullets.round.bullet: before,.tp - bullets.simplebullets.round.bullet.selected: before,.tp - bullets.simplebullets.navbar.bullet: before,.tp - bullets.simplebullets.navbar.bullet.selected: before {}

/*************************************
	-	TP ARROWS 	-
**************************************/
    .tparrows {-ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz - opacity : 1;
        -khtml - opacity : 1;
        opacity : 1;
        -webkit - transition : opacity 0.2 s ease - out;
        -moz - transition : opacity 0.2 s ease - out;
        -o - transition : opacity 0.2 s ease - out;
        -ms - transition : opacity 0.2 s ease - out;
        -webkit - transform : translateZ(5000 px);
        -webkit - transform - style : flat;
        -webkit - backface - visibility : hidden;
        z - index : 600;
        position : relative;

    }
    .tparrows
    .hidearrows {-ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz - opacity : 0;
        -khtml - opacity : 0;
        opacity : 0;
    }
    .tp - leftarrow {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/large_left.png)no - Repeat top left;
        width : 40 px;
        height : 40 px;
    }
    .tp - rightarrow {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/large_right.png)no - Repeat top left;
        width : 40 px;
        height : 40 px;
    }
    .tp - leftarrow
    .round {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/small_left.png)no - Repeat top left;
        width : 19 px;
        height : 14 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px;
    }
    .tp - rightarrow
    .round {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/small_right.png)no - Repeat top left;
        width : 19 px;
        height : 14 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px
    }
    .tp - leftarrow
    .round - old {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrow_left.png)no - Repeat top left;
        width : 26 px;
        height : 26 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px;
    }
    .tp - rightarrow
    .round - old {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrow_right.png)no - Repeat top left;
        width : 26 px;
        height : 26 px;
        margin - right : 0 px;
        float : left;
        margin - top : 0 px
    }
    .tp - leftarrow
    .navbar {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/small_left_boxed.png)no - Repeat top left;
        width : 20 px;
        height : 15 px;
        float : left;
        margin - right : 6 px;
        margin - top : 12 px
    }
    .tp - rightarrow
    .navbar {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/small_right_boxed.png)no - Repeat top left;
        width : 20 px;
        height : 15 px;
        float : left;
        margin - left : 6 px;
        margin - top : 12 px
    }
    .tp - leftarrow
    .navbar - old {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrowleft.png)no - Repeat top left;
        width : 9 px;
        height : 16 px;
        float : left;
        margin - right : 6 px;
        margin - top : 10 px
    }
    .tp - rightarrow
    .navbar - old {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrowright.png)no - Repeat top left;
        width : 9 px;
        height : 16 px;
        float : left;
        margin - left : 6 px;
        margin - top : 10 px
    }
    .tp - leftarrow
    .navbar - old
    .thumbswitharrow {
        margin - right : 10 px
    }
    .tp - rightarrow
    .navbar - old
    .thumbswitharrow {
        margin - left : 0 px
    }
    .tp - leftarrow
    .square {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrow_left2.png)no - Repeat top left;
        width : 12 px;
        height : 17 px;
        float : left;
        margin - right : 0 px;
        margin - top : 0 px
    }
    .tp - rightarrow
    .square {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrow_right2.png)no - Repeat top left;
        width : 12 px;
        height : 17 px;
        float : left;
        margin - left : 0 px;
        margin - top : 0 px
    }
    .tp - leftarrow
    .square - old {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrow_left2.png)no - Repeat top left;
        width : 12 px;
        height : 17 px;
        float : left;
        margin - right : 0 px;
        margin - top : 0 px
    }
    .tp - rightarrow
    .square - old {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/arrow_right2.png)no - Repeat top left;
        width : 12 px;
        height : 17 px;
        float : left;
        margin - left : 0 px;
        margin - top : 0 px
    }
    .tp - leftarrow
    .default {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/large_left.png)no - Repeat 0 0;
        width : 40 px;
        height : 40 px;

    }
    .tp - rightarrow
    .default {
        z - index : 100;
        cursor : pointer;
        position : relative;
        background : url(../assets/large_right.png)no - Repeat 0 0;
        width : 40 px;
        height : 40 px;

    }
    .tp - leftarrow: hover,.tp - rightarrow: hover {
    background - position : bottom left
}

/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/
    .tp - bullets.tp - thumbs {
    z - index : 1000;
    position : absolute;
    padding : 3 px;
    background - color : #fff;
    width : 500 px;
    height : 50 px;/* THE DIMENSIONS OF THE THUMB CONTAINER */
    margin - top : -50 px;
}.fullwidthbanner - container.tp - thumbs {
    padding : 3 px
}.tp - bullets.tp - thumbs.tp - mask {
    width : 500 px;
    height : 50 px;/* THE DIMENSIONS OF THE THUMB CONTAINER */
    overflow : hidden;
    position : relative
}.tp - bullets.tp - thumbs.tp - mask.tp - thumbcontainer {
    width : 5000 px;
    position : absolute
}.tp - bullets.tp - thumbs
    .bullet {
        width : 100 px;
        height : 50 px;/* THE DIMENSION OF A SINGLE THUMB */
        cursor : pointer;
        overflow : hidden;
        background : none;
        margin : 0;
        float : left;
        -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        /*filter: alpha(opacity=50);	*/
        -moz - opacity : 0.5;
        -khtml - opacity : 0.5;
        opacity : 0.5;

        -webkit - transition : all 0.2 s ease - out;
        -moz - transition : all 0.2 s ease - out;
        -o - transition : all 0.2 s ease - out;
        -ms - transition : all 0.2 s ease - out;
    }
    .tp - bullets.tp - thumbs.bullet: hover,.tp - bullets.tp - thumbs
    .bullet
    .selected {-ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        -moz - opacity : 1;
        -khtml - opacity : 1;
        opacity : 1;
    }
    .tp - thumbs img {
        width: 100 %
    }

    /************************************
		-	TP BANNER TIMER		-
*************************************/
        .tp - bannertimer {
        width : 100 %;
        height : 10 px;
        background : url(../assets/timer.png);
        position : absolute;
        z - index : 200;
        top : 0 px
    }
    .tp - bannertimer
    .tp - bottom {
        bottom : 0 px;
        height : 5 px;
        top : auto
    }

    /***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/

    @media only screen and(min - width : 0 px)and(max - width : 479 px) {.responsive.tp - bullets {
            display : none
        }
            .responsive
            .tparrows {
                display : none
            }
        }

    /*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/
        .tp - simpleresponsive img {-moz - user - select: none;
        -khtml - user - select: none;
        -webkit - user - select: none;
        -o - user - select: none;
    }
    .tp - simpleresponsive a {
        text - decoration: none
    }
    .tp - simpleresponsive ul,.tp - simpleresponsive ul li,.tp - simpleresponsive ul li: before {
    list - style : none;
    padding : 0 !important;
    margin : 0 !important;
    list - style : none !important;
    overflow - x : visible;
    overflow - y : visible;
    background - image : none
}.tp - simpleresponsive > ul > li {
    list - style : none;
    position : absolute;
    visibility : hidden
}

/*  CAPTION SLIDELINK   **/
    .caption.slidelink a div,.tp - caption
    .slidelink a div {
        width: 3000 px;
        height: 1500 px;
        background: url(../assets/coloredbg.png)repeat
    }
    .tp - caption
    .slidelink a span {
        background: url(../assets/coloredbg.png)repeat
    }

    /*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/
        .tparrows
    .tp - arr - imgholder {
        display : none
    }
    .tparrows
    .tp - arr - titleholder {
        display : none
    }

    /*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

    /* NAVIGATION PREVIEW 1 */
        .tparrows
    .preview1 {
        width : 100 px;
        height : 100 px;
        -webkit - transform - style : preserve - 3 d;
        -webkit - perspective : 1000;
        -moz - perspective : 1000;
        -webkit - backface - visibility : hidden;
        -moz - backface - visibility : hidden;
        background : transparent
    }
    .tparrows
    .preview1: after {
        position : absolute;
        left : 0 px;
        top : 0 px;
        font - family : "revicons";
        color : #fff;
        font - size : 30 px;
        width : 100 px;
        height : 100 px;
        text - align : center;
        background : #fff;
        background : rgba(0, 0, 0, 0.15);
        z - index : 2;
        line - height : 100 px;
        -webkit - transition : background 0.3 s,
        color 0.3 s;
        -moz - transition : background 0.3 s,
        color 0.3 s;
        transition : background 0.3 s,
        color 0.3 s
    }
    .tp - rightarrow.preview1: after {
    content : '\e825';
}.tp - leftarrow.preview1: after {
    content : '\e824';
}.tparrows.preview1: hover: after {
    background : rgba(255, 255, 255, 1);
    color : #aaa
}.tparrows.preview1.tp - arr - imgholder {
    background - size : cover;
    background - position : center center;
    display : block;
    width : 100 %;
    height : 100 %;
    position : absolute;
    top : 0 px;
    -webkit - transition : -webkit - transform 0.3 s;
    transition : transform 0.3 s;
    -webkit - backface - visibility : hidden;
    backface - visibility : hidden;
}
/*.tparrows.preview1 .tp-arr-iwrapper			{	  -webkit-transition: all 0.3s;transition: all 0.3s;
												-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper	{	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}*/
    .tp - rightarrow.preview1.tp - arr - imgholder {
    right : 100 %;
    -webkit - transform : rotateY(-90 deg);
    transform : rotateY(-90 deg);
    -webkit - transform - origin : 100 % 50 %;
    transform - origin : 100 % 50 %;
    -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter : alpha(opacity = 0);
    -moz - opacity : 0.0;
    -khtml - opacity : 0.0;
    opacity : 0.0;

}.tp - leftarrow.preview1.tp - arr - imgholder {
    left : 100 %;
    -webkit - transform : rotateY(90 deg);
    transform : rotateY(90 deg);
    -webkit - transform - origin : 0 % 50 %;
    transform - origin : 0 % 50 %;
    -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter : alpha(opacity = 0);
    -moz - opacity : 0.0;
    -khtml - opacity : 0.0;
    opacity : 0.0;

}.tparrows.preview1: hover.tp - arr - imgholder {-webkit - transform : rotateY(
        0 deg
    );
    transform : rotateY(0 deg);
    -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter : alpha(opacity = 100);
    -moz - opacity : 1;
    -khtml - opacity : 1;
    opacity : 1;

}

@media only screen and(min - width : 768 px)and(max - width : 979 px) {.tparrows.preview1,.tparrows.preview1 : after {
        width : 80 px;
        height : 80 px;
        line - height : 80 px;
        font - size : 24 px
    }

}

@media only screen and(min - width : 480 px)and(max - width : 767 px) {.tparrows.preview1,.tparrows.preview1 : after {
        width : 60 px;
        height : 60 px;
        line - height : 60 px;
        font - size : 20 px
    }

}

@media only screen and(min - width : 0 px)and(max - width : 479 px) {.tparrows.preview1,.tparrows.preview1 : after {
        width : 40 px;
        height : 40 px;
        line - height : 40 px;
        font - size : 12 px
    }
}

/* PREVIEW 1 BULLETS */
    .tp - bullets
    .preview1 {
        height : 21 px
    }
    .tp - bullets
    .preview1
    .bullet {
        cursor : pointer;
        position : relative !important;
        background : rgba(0, 0, 0, 0.15)!important;
        /*-webkit-border-radius: 10px;
											    border-radius: 10px;*/
        -webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        width : 5 px !important;
        height : 5 px !important;
        border : 8 px solid rgba(0, 0, 0, 0)!important;
        display : inline - block;
        margin - right : 5 px !important;
        margin - bottom : 0 px !important;
        -webkit - transition : background - color 0.2 s,
        border - color 0.2 s;
        -moz - transition : background - color 0.2 s,
        border - color 0.2 s;
        -o - transition : background - color 0.2 s,
        border - color 0.2 s;
        -ms - transition : background - color 0.2 s,
        border - color 0.2 s;
        transition : background - color 0.2 s,
        border - color 0.2 s;
        float : none !important;
        box - sizing : content - box;
        -moz - box - sizing : content - box;
        -webkit - box - sizing : content - box;
    }
    .tp - bullets
    .preview1
    .bullet
    .last {
        margin - right : 0 px
    }
    .tp - bullets.preview1.bullet: hover,.tp - bullets
    .preview1
    .bullet
    .selected {-webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        background : #aaa !important;
        width : 5 px !important;
        height : 5 px !important;
        border : 8 px solid rgba(255, 255, 255, 1)!important;
    }

    /* NAVIGATION PREVIEW 2 */
        .tparrows
    .preview2 {
        min - width : 60 px;
        min - height : 60 px;
        background : #fff;;

        border - radius : 30 px;
        -moz - border - radius : 30 px;
        -webkit - border - radius : 30 px;
        overflow : hidden;
        -webkit - transition : -webkit - transform 1.3 s;
        -webkit - transition : width 0.3 s,
        background - color 0.3 s,
        opacity 0.3 s;
        transition : width 0.3 s,
        background - color 0.3 s,
        opacity 0.3 s;
        backface - visibility : hidden;
    }
    .tparrows
    .preview2: after {
        position : absolute;
        top : 50 %;
        font - family : "revicons";
        color : #aaa;
        font - size : 25 px;
        margin - top : -12 px;
        -webkit - transition : color 0.3 s;
        -moz - transition : color 0.3 s;
        transition : color 0.3 s
    }
    .tp - rightarrow.preview2: after {
    content : '\e81e';
    right : 18 px
}.tp - leftarrow.preview2: after {
    content : '\e81f';
    left : 18 px
}.tparrows.preview2.tp - arr - titleholder {
    background - size : cover;
    background - position : center center;
    display : block;
    visibility : hidden;
    position : relative;
    top : 0 px;
    -webkit - transition : -webkit - transform 0.3 s;
    transition : transform 0.3 s;
    -webkit - backface - visibility : hidden;
    backface - visibility : hidden;
    white - space : nowrap;
    color : #000;
    text - transform : uppercase;
    font - weight : 400;
    font - size : 14 px;
    line - height : 60 px;
    padding : 0 px 10 px;
}.tp - rightarrow.preview2.tp - arr - titleholder {
    right : 50 px;
    -webkit - transform : translateX(-100 %);
    transform : translateX(-100 %);
}.tp - leftarrow.preview2.tp - arr - titleholder {
    left : 50 px;
    -webkit - transform : translateX(100 %);
    transform : translateX(100 %);
}
    .tparrows
    .preview2
    .hovered {
        width : 300 px
    }
    .tparrows
    .preview2: hover {
        background : #fff
    }
    .tparrows
    .preview2: hover: after {
        color : #000
    }
    .tparrows
    .preview2: hover
    .tp - arr - titleholder {-webkit - transform : translateX(0 px);
        transform : translateX(0 px);
        visibility : visible;
        position : absolute;
    }

    /* PREVIEW 2 BULLETS */
        .tp - bullets
    .preview2 {
        height : 17 px
    }
    .tp - bullets
    .preview2
    .bullet {
        cursor : pointer;
        position : relative !important;
        background : rgba(0, 0, 0, 0.5)!important;
        -webkit - border - radius : 10 px;
        border - radius : 10 px;
        -webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        width : 6 px !important;
        height : 6 px !important;
        border : 5 px solid rgba(0, 0, 0, 0)!important;
        display : inline - block;
        margin - right : 2 px !important;
        margin - bottom : 0 px !important;
        -webkit - transition : background - color 0.2 s,
        border - color 0.2 s;
        -moz - transition : background - color 0.2 s,
        border - color 0.2 s;
        -o - transition : background - color 0.2 s,
        border - color 0.2 s;
        -ms - transition : background - color 0.2 s,
        border - color 0.2 s;
        transition : background - color 0.2 s,
        border - color 0.2 s;
        float : none !important;
        box - sizing : content - box;
        -moz - box - sizing : content - box;
        -webkit - box - sizing : content - box;
    }
    .tp - bullets
    .preview2
    .bullet
    .last {
        margin - right : 0 px
    }
    .tp - bullets.preview2.bullet: hover,.tp - bullets
    .preview2
    .bullet
    .selected {-webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        background : rgba(255, 255, 255, 1)!important;
        width : 6 px !important;
        height : 6 px !important;
        border : 5 px solid rgba(0, 0, 0, 1)!important;
    }
    .tp - arr - titleholder
    .alwayshidden {
        display : none !important
    }

    @media only screen and(min - width : 768 px)and(max - width : 979 px) {
            .tparrows
            .preview2 {
                min - width : 40 px;
                min - height : 40 px;
                width : 40 px;
                height : 40 px;
                border - radius : 20 px;
                -moz - border - radius : 20 px;
                -webkit - border - radius : 20 px;
            }
            .tparrows
            .preview2 : after {
                position : absolute;
                top : 50 %;
                font - family : "revicons";
                font - size : 20 px;
                margin - top : -12 px
            }
            .tp - rightarrow.preview2 : after {
            content : '\e81e';
            right : 11 px
        }.tp - leftarrow.preview2 : after {
            content : '\e81f';
            left : 11 px
        }.tparrows.preview2.tp - arr - titleholder {
            font - size : 12 px;
            line - height : 40 px;
            letter - spacing : 0 px
        }.tp - rightarrow.preview2.tp - arr - titleholder {
            right : 35 px
        }.tp - leftarrow.preview2.tp - arr - titleholder {
            left : 35 px
        }

    }

    @media only screen and(min - width : 480 px)and(max - width : 767 px) {
            .tparrows
            .preview2 {
                min - width : 30 px;
                min - height : 30 px;
                width : 30 px;
                height : 30 px;
                border - radius : 15 px;
                -moz - border - radius : 15 px;
                -webkit - border - radius : 15 px;
            }
            .tparrows
            .preview2 : after {
                position : absolute;
                top : 50 %;
                font - family : "revicons";
                font - size : 14 px;
                margin - top : -12 px
            }
            .tp - rightarrow.preview2 : after {
            content : '\e81e';
            right : 8 px
        }.tp - leftarrow.preview2 : after {
            content : '\e81f';
            left : 8 px
        }.tparrows.preview2.tp - arr - titleholder {
            font - size : 10 px;
            line - height : 30 px;
            letter - spacing : 0 px
        }.tp - rightarrow.preview2.tp - arr - titleholder {
            right : 25 px
        }.tp - leftarrow.preview2.tp - arr - titleholder {
            left : 25 px
        }.tparrows.preview2.tp - arr - titleholder {
            display : none;
            visibility : none
        }

    }

    @media only screen and(min - width : 0 px)and(max - width : 479 px) {
            .tparrows
            .preview2 {
                min - width : 30 px;
                min - height : 30 px;
                width : 30 px;
                height : 30 px;
                border - radius : 15 px;
                -moz - border - radius : 15 px;
                -webkit - border - radius : 15 px;
            }
            .tparrows
            .preview2 : after {
                position : absolute;
                top : 50 %;
                font - family : "revicons";
                font - size : 14 px;
                margin - top : -12 px
            }
            .tp - rightarrow.preview2 : after {
            content : '\e81e';
            right : 8 px
        }.tp - leftarrow.preview2 : after {
            content : '\e81f';
            left : 8 px
        }.tparrows.preview2.tp - arr - titleholder {
            display : none;
            visibility : none
        }.tparrows.preview2 : hover {
            width : 30 px !important;
            height : 30 px !important
        }
    }

    /* NAVIGATION PREVIEW 3 */
        .tparrows
    .preview3 {
        width : 70 px;
        height : 70 px;
        background : #fff;
        background : rgba(255, 255, 255, 1);
        -webkit - transform - style : flat
    }
    .tparrows
    .preview3: after {
        position : absolute;
        line - height : 70 px;
        text - align : center;
        font - family : "revicons";
        color : #aaa;
        font - size : 30 px;
        top : 0 px;
        left : 0 px;;
        background : #fff;
        z - index : 100;
        width : 70 px;
        height : 70 px;
        -webkit - transition : color 0.3 s;
        -moz - transition : color 0.3 s;
        transition : color 0.3 s
    }
    .tparrows
    .preview3: hover: after {
        color : #000
    }
    .tp - rightarrow.preview3: after {
    content : '\e825';
}.tp - leftarrow.preview3: after {
    content : '\e824';
}.tparrows.preview3.tp - arr - iwrapper {-webkit - transform : scale(0, 1);
    transform : scale(0, 1);
    -webkit - transform - origin : 100 % 50 %;
    transform - origin : 100 % 50 %;
    -webkit - transition : -webkit - transform 0.2 s;
    transition : transform 0.2 s;
    z - index : 0;
    position : absolute;
    background : #000;
    background : rgba(0, 0, 0, 0.75);
    display : table;
    min - height : 90 px;
    top : -10 px
}.tp - leftarrow.preview3.tp - arr - iwrapper {-webkit - transform : scale(
        0,
        1
    );
    transform : scale(0, 1);
    -webkit - transform - origin : 0 % 50 %;
    transform - origin : 0 % 50 %;
}.tparrows.preview3.tp - arr - imgholder {
    display : block;
    background - size : cover;
    background - position : center center;
    display : table - cell;
    min - width : 90 px;
    height : 90 px;
    position : relative;
    top : 0 px
}.tp - rightarrow.preview3.tp - arr - iwrapper {
    right : 0 px;
    padding - right : 70 px
}.tp - leftarrow.preview3.tp - arr - iwrapper {
    left : 0 px;
    direction : rtl;
    padding - left : 70 px
}.tparrows.preview3.tp - arr - titleholder {
    display : table - cell;
    padding : 30 px;
    font - size : 16 px;
    color : #fff;
    white - space : nowrap;
    position : relative;
    clear : right;
    vertical - align : middle
}.tparrows.preview3: hover.tp - arr - iwrapper {-webkit - transform : scale(
        1,
        1
    );
    transform : scale(1, 1);

}

/* PREVIEW 3 BULLETS */
    .tp - bullets
    .preview3 {
        height : 17 px
    }
    .tp - bullets
    .preview3
    .bullet {
        cursor : pointer;
        position : relative !important;
        background : rgba(0, 0, 0, 0.5)!important;
        -webkit - border - radius : 10 px;
        border - radius : 10 px;
        -webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        width : 6 px !important;
        height : 6 px !important;
        border : 5 px solid rgba(0, 0, 0, 0)!important;
        display : inline - block;
        margin - right : 2 px !important;
        margin - bottom : 0 px !important;
        -webkit - transition : background - color 0.2 s,
        border - color 0.2 s;
        -moz - transition : background - color 0.2 s,
        border - color 0.2 s;
        -o - transition : background - color 0.2 s,
        border - color 0.2 s;
        -ms - transition : background - color 0.2 s,
        border - color 0.2 s;
        transition : background - color 0.2 s,
        border - color 0.2 s;
        float : none !important;
        box - sizing : content - box;
        -moz - box - sizing : content - box;
        -webkit - box - sizing : content - box;
    }
    .tp - bullets
    .preview3
    .bullet
    .last {
        margin - right : 0 px
    }
    .tp - bullets.preview3.bullet: hover,.tp - bullets
    .preview3
    .bullet
    .selected {-webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        background : rgba(255, 255, 255, 1)!important;
        width : 6 px !important;
        height : 6 px !important;
        border : 5 px solid rgba(0, 0, 0, 1)!important;
    }

    @media only screen and(min - width : 768 px)and(max - width : 979 px) {.tparrows.preview3 : after,
            .tparrows
            .preview3 {
                width : 50 px;
                height : 50 px;
                line - height : 50 px;
                font - size : 20 px
            }
            .tparrows
            .preview3
            .tp - arr - iwrapper {
                min - height : 70 px
            }
            .tparrows
            .preview3
            .tp - arr - imgholder {
                min - width : 70 px;
                height : 70 px
            }
            .tp - rightarrow
            .preview3
            .tp - arr - iwrapper {
                padding - right : 50 px
            }
            .tp - leftarrow
            .preview3
            .tp - arr - iwrapper {
                padding - left : 50 px
            }
            .tparrows
            .preview3
            .tp - arr - titleholder {
                padding : 10 px;
                font - size : 16 px
            }

        }

    @media only screen and(max - width : 767 px) {.tparrows.preview3 : after,
            .tparrows
            .preview3 {
                width : 50 px;
                height : 50 px;
                line - height : 50 px;
                font - size : 20 px
            }
            .tparrows
            .preview3
            .tp - arr - iwrapper {
                min - height : 70 px
            }
        }

    /* NAVIGATION PREVIEW 4 */
        .tparrows
    .preview4 {
        width : 30 px;
        height : 110 px;
        background : transparent;
        -webkit - transform - style : preserve - 3 d;
        -webkit - perspective : 1000;
        -moz - perspective : 1000
    }
    .tparrows
    .preview4: after {
        position : absolute;
        line - height : 110 px;
        text - align : center;
        font - family : "revicons";
        color : #fff;
        font - size : 20 px;
        top : 0 px;
        left : 0 px;
        z - index : 0;
        width : 30 px;
        height : 110 px;
        background : #000;
        background : rgba(0, 0, 0, 0.25);
        -webkit - transition : all 0.2 s ease - in - out;
        -moz - transition : all 0.2 s ease - in - out;
        -o - transition : all 0.2 s ease - in - out;
        transition : all 0.2 s ease - in - out;
        -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter : alpha(opacity = 100);
        -moz - opacity : 1;
        -khtml - opacity : 1;
        opacity : 1;

    }
    .tp - rightarrow.preview4: after {
    content : '\e825';
}.tp - leftarrow.preview4: after {
    content : '\e824';
}.tparrows.preview4.tp - arr - allwrapper {
    visibility : hidden;
    width : 180 px;
    position : absolute;
    z - index : 1;
    min - height : 120 px;
    top : 0 px;
    left : -150 px;
    overflow : hidden;
    -webkit - perspective : 1000 px;
    -webkit - transform - style : flat
}.tp - leftarrow.preview4.tp - arr - allwrapper {
    left : 0 px
}.tparrows.preview4.tp - arr - iwrapper {
    position : relative
}.tparrows.preview4.tp - arr - imgholder {
    display : block;
    background - size : cover;
    background - position : center center;
    width : 180 px;
    height : 110 px;
    position : relative;
    top : 0 px;

    -webkit - backface - visibility : hidden;
    backface - visibility : hidden;

}.tparrows.preview4.tp - arr - imgholder2 {
    display : block;
    background - size : cover;
    background - position : center center;
    width : 180 px;
    height : 110 px;
    position : absolute;
    top : 0 px;
    left : 180 px;
    -webkit - backface - visibility : hidden;
    backface - visibility : hidden;

}.tp - leftarrow.preview4.tp - arr - imgholder2 {
    left : -180 px
}.tparrows.preview4.tp - arr - titleholder {
    display : block;
    font - size : 12 px;
    line - height : 25 px;
    padding : 0 px 10 px;
    text - align : left;
    color : #fff;
    position : relative;
    background : #000;
    color : #FFF;
    text - transform : uppercase;
    white - space : nowrap;
    letter - spacing : 1 px;
    font - weight : 700;
    font - size : 11 px;
    line - height : 2.75;
    -webkit - transition : all 0.3 s;
    transition : all 0.3 s;
    -webkit - transform : rotateX(-90 deg);
    transform : rotateX(-90 deg);
    -webkit - transform - origin : 50 % 0;
    transform - origin : 50 % 0;
    -webkit - backface - visibility : hidden;
    backface - visibility : hidden;
    -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter : alpha(opacity = 0);
    -moz - opacity : 0.0;
    -khtml - opacity : 0.0;
    opacity : 0.0;

}.tparrows.preview4: after {
    transform - origin : 100 % 100 %;
    -webkit - transform - origin : 100 % 100 %
}.tp - leftarrow.preview4: after {
    transform - origin : 0 % 0 %;
    -webkit - transform - origin : 0 % 0 %
}

@media only screen and(min - width : 768 px) {.tparrows.preview4 : hover : after {-webkit - transform : rotateY(
            -90 deg
        );
        transform : rotateY(-90 deg)
    }.tp - leftarrow.preview4 : hover : after {-webkit - transform : rotateY(
            90 deg
        );
        transform : rotateY(90 deg)
    }.tparrows.preview4 : hover.tp - arr - titleholder {-webkit - transition - delay : 0.4 s;
        transition - delay : 0.4 s;
        -webkit - transform : rotateX(0 deg);
        transform : rotateX(0 deg);
        -ms - filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter : alpha(opacity = 100);
        -moz - opacity : 1;
        -khtml - opacity : 1;
        opacity : 1;

    }
}

/* PREVIEW 4 BULLETS */
    .tp - bullets
    .preview4 {
        height : 17 px
    }
    .tp - bullets
    .preview4
    .bullet {
        cursor : pointer;
        position : relative !important;
        background : rgba(0, 0, 0, 0.5)!important;
        -webkit - border - radius : 10 px;
        border - radius : 10 px;
        -webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        width : 6 px !important;
        height : 6 px !important;
        border : 5 px solid rgba(0, 0, 0, 0)!important;
        display : inline - block;
        margin - right : 2 px !important;
        margin - bottom : 0 px !important;
        -webkit - transition : background - color 0.2 s,
        border - color 0.2 s;
        -moz - transition : background - color 0.2 s,
        border - color 0.2 s;
        -o - transition : background - color 0.2 s,
        border - color 0.2 s;
        -ms - transition : background - color 0.2 s,
        border - color 0.2 s;
        transition : background - color 0.2 s,
        border - color 0.2 s;
        float : none !important;
        box - sizing : content - box;
        -moz - box - sizing : content - box;
        -webkit - box - sizing : content - box;
    }
    .tp - bullets
    .preview4
    .bullet
    .last {
        margin - right : 0 px
    }
    .tp - bullets.preview4.bullet: hover,.tp - bullets
    .preview4
    .bullet
    .selected {-webkit - box - shadow : none;
        -moz - box - shadow : none;
        box - shadow : none;
        background : rgba(255, 255, 255, 1)!important;
        width : 6 px !important;
        height : 6 px !important;
        border : 5 px solid rgba(0, 0, 0, 1)!important;
    }

    @media only screen and(max - width : 767 px) {
            .tparrows
            .preview4 {
                width : 20 px;
                height : 80 px
            }
            .tparrows
            .preview4 : after {
                width : 20 px;
                height : 80 px;
                line - height : 80 px;
                font - size : 14 px
            }
            .tparrows
            .preview1
            .tp - arr - allwrapper,.tparrows.preview2.tp - arr - allwrapper,.tparrows.preview3.tp - arr - allwrapper,.tparrows.preview4.tp - arr - allwrapper {
            display : none !important
        }
    }

    /******************************
	-	LOADER FORMS	-
********************************/
        .tp - loader {
        top : 50 %;
        left : 50 %;
        z - index : 10000;
        position : absolute;

    }
    .tp - loader
    .spinner0 {
        width : 40 px;
        height : 40 px;
        background : url(../assets/loader.gif)no - repeat center center;
        background - color : #fff;
        box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        -webkit - box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        margin - top : -20 px;
        margin - left : -20 px;
        -webkit - animation : tp - rotateplane 1.2 s infinite ease - in - out;
        animation : tp - rotateplane 1.2 s infinite ease - in - out;
        border - radius : 3 px;
        -moz - border - radius : 3 px;
        -webkit - border - radius : 3 px;
    }
    .tp - loader
    .spinner1 {
        width : 40 px;
        height : 40 px;
        background - color : #fff;
        box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        -webkit - box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        margin - top : -20 px;
        margin - left : -20 px;
        -webkit - animation : tp - rotateplane 1.2 s infinite ease - in - out;
        animation : tp - rotateplane 1.2 s infinite ease - in - out;
        border - radius : 3 px;
        -moz - border - radius : 3 px;
        -webkit - border - radius : 3 px;
    }
    .tp - loader
    .spinner5 {
        background : url(../assets/loader.gif)no - repeat 10 px 10 px;
        background - color : #fff;
        margin : -22 px - 22 px;
        width : 44 px;
        height : 44 px;
        border - radius : 3 px;
        -moz - border - radius : 3 px;
        -webkit - border - radius : 3 px;
    }

    @ - webkit - keyframes tp - rotateplane {
        0 % {-webkit - transform: perspective(120 px)
        }
        50 % {-webkit - transform: perspective(120 px)rotateY(180 deg)
        }
        100 % {-webkit - transform: perspective(120 px)rotateY(180 deg)rotateX(180 deg)
        }
    }

    @keyframes tp - rotateplane {
        0 % {
            transform: perspective(120 px)rotateX(0 deg)rotateY(0 deg);
            -webkit - transform: perspective(120 px)rotateX(0 deg)rotateY(0 deg)
        }
        50 % {
            transform: perspective(120 px)rotateX(-180.1 deg)rotateY(0 deg);
            -webkit - transform: perspective(120 px)rotateX(-180.1 deg)rotateY(0 deg)
        }
        100 % {
            transform: perspective(120 px)rotateX(-180 deg)rotateY(-179.9 deg);
            -webkit - transform: perspective(120 px)rotateX(-180 deg)rotateY(-179.9 deg);
        }
    }
    .tp - loader
    .spinner2 {
        width : 40 px;
        height : 40 px;
        margin - top : -20 px;
        margin - left : -20 px;
        background - color : #ff0000;
        box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        -webkit - box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        border - radius : 100 %;
        -webkit - animation : tp - scaleout 1.0 s infinite ease - in - out;
        animation : tp - scaleout 1.0 s infinite ease - in - out;
    }

    @ - webkit - keyframes tp - scaleout {
        0 % {-webkit - transform: scale(0.0)
        }
        100 % {-webkit - transform: scale(1.0);
            opacity: 0;
        }
    }

    @keyframes tp - scaleout {
        0 % {
            transform: scale(0.0);
            -webkit - transform: scale(0.0);
        }
        100 % {
            transform: scale(1.0);
            -webkit - transform: scale(1.0);
            opacity: 0;
        }
    }
    .tp - loader
    .spinner3 {
        margin : -9 px 0 px 0 px - 35 px;
        width : 70 px;
        text - align : center;

    }
    .tp - loader.spinner3.bounce1,.tp - loader.spinner3.bounce2,.tp - loader
    .spinner3
    .bounce3 {
        width : 18 px;
        height : 18 px;
        background - color : #fff;
        box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        -webkit - box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        border - radius : 100 %;
        display : inline - block;
        -webkit - animation : tp - bouncedelay 1.4 s infinite ease - in - out;
        animation : tp - bouncedelay 1.4 s infinite ease - in - out;
        /* Prevent first frame from flickering when animation starts */
        -webkit - animation - fill - mode : both;
        animation - fill - mode : both;
    }
    .tp - loader
    .spinner3
    .bounce1 {-webkit - animation - delay : -0.32 s;
        animation - delay : -0.32 s;
    }
    .tp - loader
    .spinner3
    .bounce2 {-webkit - animation - delay : -0.16 s;
        animation - delay : -0.16 s;
    }

    @ - webkit - keyframes tp - bouncedelay {
        0 %,
        80 %,
        100 % {-webkit - transform: scale(0.0)
        }
        40 % {-webkit - transform: scale(1.0)
        }
    }

    @keyframes tp - bouncedelay {
        0 %,
        80 %,
        100 % {
            transform: scale(0.0);
            -webkit - transform: scale(0.0);
        }
        40 % {
            transform: scale(1.0);
            -webkit - transform: scale(1.0);
        }
    }
    .tp - loader
    .spinner4 {
        margin : -20 px 0 px 0 px - 20 px;
        width : 40 px;
        height : 40 px;
        text - align : center;
        -webkit - animation : tp - rotate 2.0 s infinite linear;
        animation : tp - rotate 2.0 s infinite linear;
    }
    .tp - loader.spinner4.dot1,.tp - loader
    .spinner4
    .dot2 {
        width : 60 %;
        height : 60 %;
        display : inline - block;
        position : absolute;
        top : 0;
        background - color : #fff;
        border - radius : 100 %;
        -webkit - animation : tp - bounce 2.0 s infinite ease - in - out;
        animation : tp - bounce 2.0 s infinite ease - in - out;
        box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
        -webkit - box - shadow : 0 px 0 px 20 px 0 px rgba(0, 0, 0, 0.15);
    }
    .tp - loader
    .spinner4
    .dot2 {
        top : auto;
        bottom : 0 px;
        -webkit - animation - delay : -1.0 s;
        animation - delay : -1.0 s;
    }

    @ - webkit - keyframes tp - rotate {
        100 % {-webkit - transform: rotate(360 deg)
        }
    }
    @keyframes tp - rotate {
        100 % {
            transform: rotate(360 deg);
            -webkit - transform: rotate(360 deg)
        }
    }

    @ - webkit - keyframes tp - bounce {
        0 %,
        100 % {-webkit - transform: scale(0.0)
        }
        50 % {-webkit - transform: scale(1.0)
        }
    }

    @keyframes tp - bounce {
        0 %,
        100 % {
            transform: scale(0.0);
            -webkit - transform: scale(0.0);
        }
        50 % {
            transform: scale(1.0);
            -webkit - transform: scale(1.0);
        }
    }
    .tp - transparentimg {
        content : "url(../assets/transparent.png)"
    }
    .tp - 3 d {-webkit - transform - style : preserve - 3 d;
        -webkit - transform - origin : 50 % 50 %;
    }
    .tp - caption img {
        background: transparent;
        -ms - filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr" +
                "=#00FFFFFF)";
        filter: progid: DXImageTransform
            .Microsoft
            .gradient(startColorstr = #00FFFFFF, endColorstr = #00FFFFFF);
        zoom: 1;
    }

    @font - face {
        font - family : 'revicons';
        src : url('../font/revicons.eot?5510888');
        src : url('../font/revicons.eot?5510888#iefix')format('embedded-opentype'),
        url('../font/revicons.woff?5510888')format('woff'),
        url('../font/revicons.ttf?5510888')format('truetype'),
        url('../font/revicons.svg?5510888#revicons')format('svg');
        font - weight : normal;
        font - style : normal;
    }
    /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
    /*  Note, that will break hinting! In other OS-es font will be not as sharp as i
 *  t could be

 */
    /*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url('../font/revicons.svg?5510888#revicons') format('svg');
  }
}
*/

    [class ^= "revicon-"]: before,
[class *= " revicon-"]: before {
    font - family : "revicons";
    font - style : normal;
    font - weight : normal;
    speak : none;

    display : inline - block;
    text - decoration : inherit;
    width : 1e m;
    margin - right : .2e m;
    text - align : center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font - variant : normal;
    text - transform : none;

    /* fix buttons height, for twitter bootstrap */
    line - height : 1e m;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin - left : .2e m;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}.revicon - search - 1 : before {
    content : '\e802'
}/* 'î ‚' */
    .revicon - pencil - 1 : before {
    content : '\e831'
}/* 'î ±' */
    .revicon - picture - 1 : before {
    content : '\e803'
}/* 'î ƒ' */
    .revicon - cancel: before {
    content : '\e80a'
}/* 'î Š' */
    .revicon - info - circled: before {
    content : '\e80f'
}/* '' */
    .revicon - trash: before {
    content : '\e801'
}/* '' */
    .revicon - left - dir: before {
    content : '\e817'
}/* 'î —' */
    .revicon - right - dir: before {
    content : '\e818'
}/* 'î ˜' */
    .revicon - down - open: before {
    content : '\e83b'
}/* 'î »' */
    .revicon - left - open: before {
    content : '\e819'
}/* 'î ™' */
    .revicon - right - open: before {
    content : '\e81a'
}/* 'î š' */
    .revicon - angle - left: before {
    content : '\e820'
}/* 'î  ' */
    .revicon - angle - right: before {
    content : '\e81d'
}/* '' */
    .revicon - left - big: before {
    content : '\e81f'
}/* 'î Ÿ' */
    .revicon - right - big: before {
    content : '\e81e'
}/* 'î ž' */
    .revicon - magic: before {
    content : '\e807'
}/* 'î ‡' */
    .revicon - picture: before {
    content : '\e800'
}/* 'î €' */
    .revicon - export: before {content: '\e80b'}/* 'î ‹' */
    .revicon - cog: before {
    content : '\e832'
}/* 'î ²' */
    .revicon - login: before {
    content : '\e833'
}/* 'î ³' */
    .revicon - logout: before {
    content : '\e834'
}/* 'î ´' */
    .revicon - video: before {
    content : '\e805'
}/* 'î …' */
    .revicon - arrow - combo: before {
    content : '\e827'
}/* 'î §' */
    .revicon - left - open - 1 : before {
    content : '\e82a'
}/* 'î ª' */
    .revicon - right - open - 1 : before {
    content : '\e82b'
}/* 'î «' */
    .revicon - left - open - mini: before {
    content : '\e822'
}/* 'î ¢' */
    .revicon - right - open - mini: before {
    content : '\e823'
}/* 'î £' */
    .revicon - left - open - big: before {
    content : '\e824'
}/* 'î ¤' */
    .revicon - right - open - big: before {
    content : '\e825'
}/* 'î ¥' */
    .revicon - left: before {
    content : '\e836'
}/* 'î ¶' */
    .revicon - right: before {
    content : '\e826'
}/* 'î ¦' */
    .revicon - ccw: before {
    content : '\e808'
}/* 'î ˆ' */
    .revicon - arrows - ccw: before {
    content : '\e806'
}/* 'î †' */
    .revicon - palette: before {
    content : '\e829'
}/* 'î ©' */
    .revicon - list - add: before {
    content : '\e80c'
}/* '' */
    .revicon - doc: before {
    content : '\e809'
}/* 'î ‰' */
    .revicon - left - open - outline: before {
    content : '\e82e'
}/* 'î ®' */
    .revicon - left - open - 2 : before {
    content : '\e82c'
}/* 'î ¬' */
    .revicon - right - open - outline: before {
    content : '\e82f'
}/* 'î ¯' */
    .revicon - right - open - 2 : before {
    content : '\e82d'
}/* 'î ­' */
    .revicon - equalizer: before {
    content : '\e83a'
}/* 'î º' */
    .revicon - layers - alt: before {
    content : '\e804'
}/* 'î „' */
    .revicon - popup: before {
    content : '\e828'
}/* 'î ¨' */
@media only screen and(min - width : 768 px) {.tp - simpleresponsive
        .caption1 {
            font - size : 2.4 rem !important;
            text - align : center;
            font - family : 'Lato',
            sans - serif;
            color : #f00683;
        }
        .tp - simpleresponsive
        .caption2 {
            font - size : 4.6 rem !important;
            text - align : center;
            font - weight : 600;
            color : #fff;
        }
        .tp - simpleresponsive
        .sliderBtn a {
            padding: 5 px 30 px !important;
        }
    }.tp - simpleresponsive
    .sliderBtn {}
    .tp - simpleresponsive
    .sliderBtn a {
        color: #fff;
        border: 1 px solid #fff;
        border - radius: 25 px;
        -webkit - border - radius: 25 px;
        -moz - border - radius: 25 px;
        display: inline - block;

        font - size: 1.5 rem !important;
        position: relative;
    }
    .tp - simpleresponsive.sliderBtn a: after {
    background : #0080c8;
    transition : all ease - in - out 1 s;
    position : absolute;

    content : "";

    width : 0;

    height : 100 %;

    left : 0;

    top : 0;

    border - radius : 25 px;
    -webkit - border - radius : 25 px;
    -moz - border - radius : 25 px;
}.tp - simpleresponsive.sliderBtn a: hover: after {
    width : 100 %;
    color : #fff;
}.tp - simpleresponsive.sliderBtn a: hover {
    border - color : #0080c8;
    color : #fff;
}.tp - simpleresponsive
    .sliderBtn a span {

        position: relative;
        z - index: 10;

    }
    .tp - simpleresponsive
    .slideShape {
        width : 100 % !important;
        height : 100 % !important;
    }
    .tp - simpleresponsive {
        position : relative;
    }

    @keyframes jump {
        0 % {
            transform: translateY(0);
        }
        25 % {
            transform: translateY(-5 px);
        }
        50 % {
            transform: translateY(-10 px);
        }
        100 % {
            transform: translateY(-20 px);
        }
    }
    .jump {
        animation : jump 1 s linear infinite alternate;
        display : block;
    }
    @media only screen and(max - width : 500 px) {.tp - bullets {
            display : none;
        }
        #slider
            .downArrow {
                left : 51.5 %;
            }
            .tp - simpleresponsive
            .caption2 {
                font - size : 14 px !important;
                font - weight : normal;
            }
            .tp - simpleresponsive
            .caption1 {
                font - size : 15 px !important;
            }
            .tp - simpleresponsive
            .sliderBtn
            .left {
                position : absolute;
                left : 50 px !important;

            }
            .tp - simpleresponsive
            .sliderBtn a {
                z - index: 999;
                padding: 8 px 12 px !important
            }
            #slider
            .downArrow img {

                background - size: 50 %;
                width: 15 px;

            }
            .tp - simpleresponsive
            .tp - caption
            .intro {
                position : absolute;
                top : 45 px !important;
            }
            .tp - simpleresponsive
            .tp - caption
            .brand {
                position : absolute;
                top : 75 px !important;
            }
            .tp - simpleresponsive
            .animate {
                position : absolute;
                left : 50 px !important;
            }
        }

    @media only screen and(min - width : 501 px)and(max - width : 767 px) {.tp - bullets {
            display : none;
        }.tp - simpleresponsive
            .sliderBtn a {
                padding: 5 px 20 px !important;
            }
            .tp - simpleresponsive
            .caption2 {
                font - size : 16 px !important;
                font - weight : normal;
            }
            .tp - simpleresponsive
            .caption1 {
                font - size : 18 px !important;
            }
            .tp - simpleresponsive
            .sliderBtn
            .left {

                position : absolute;
                left : 100 px !important;

            }
            .tp - simpleresponsive
            .animate {
                position : absolute;
                left : 70 px !important;
            }
        }
    @media only screen and(min - width : 768 px)and(max - width : 1024 px) {.tp - simpleresponsive
            .caption1 {
                font - size : 36 px !important;
            }
            .tp - simpleresponsive
            .caption2 {
                font - size : 30 px !important;
                font - weight : normal;
                margin - top : 15 px !important;
            }
        }