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

	

	

	@ Item          Legendary // One Page Parallax HTML Template

	@ Author		Avanzare

	@ Website		http://themeforest.net/user/avanzare 

	



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





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





	------------------------

	-- TABLE OF CONTENTS --

	------------------------

	

	--  1. Typography

	--  2. Page Load

	--  3. Navigation

	--  4. Foundation

	--  5. Shortcodes

	--  6. Plugins

 

 

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









/** 1. TYPOGRAPHY

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



@font-face {

  font-family: LemonMilk;

  src: url("../fonts/LEMONMILK-Medium.otf");

}

@font-face {

  font-family: Montserrat-Medium;

  src: url("../fonts/Montserrat-Medium.otf");

}

@font-face {

  font-family: Montserrat-SemiBold;

  src: url("../fonts/Montserrat-SemiBold.ttf");

}



html,

body

{

    width: 100%;

    height: 100%;



    -webkit-font-smoothing: antialiased;

}



body

{

    font-weight: 300;

    font-style: normal;



    color: #fff;

    background: #111;

}



h1,

h2,

h3,

h4,

h5,

h6

{

    /*font-family: 'Poppins', sans-serif;*/

    

    font-family:LemonMilk;

    /*font-weight: 600;*/

    line-height: 1em;



    margin: 0;

    padding: 25px;



    /*letter-spacing: .02em;*/

    letter-spacing: 0.10em;

    color: #fff;

}



h1

{

    font-size: 45px;

}



h2

{

    font-size: 40px;

}



h3

{

    font-size: 30px;

}



h4

{

    font-size: 24px;

}



h5

{

    font-size: 21px;

}



h6

{

    font-size: 20px;

}



p

{

    /*font-family: 'Roboto', sans-serif;*/

    font-family: Montserrat-Medium;

    font-size: 18px;

    line-height: 1.7em;

}



a,

a:hover,

a:focus

{

    font-family: 'Poppins', sans-serif;

    font-size: 18px;



    cursor: pointer;

    -webkit-transition: all 300ms ease;

            transition: all 300ms ease;

    text-decoration: none;



    color: #fff;

    outline: 0;

}



span

{

    font-family: 'Poppins', sans-serif;

    font-size: 16px;



    letter-spacing: .02em;

}



blockquote.blockquote-default

{

    font-family: 'Poppins', sans-serif;

    font-size: 17.5px;

    font-style: italic;



    margin: 0 0 20px;

    padding: 14px 40px;



    color: #4d4d4d;

    border-left: 4px solid #af997f;

}



.content.bg-black blockquote.blockquote-default footer

{

    color: #ececec;

}



blockquote.blockquote-default footer

{

    font-size: 100%;

    font-style: normal;



    padding-top: 10px;



    text-transform: none;



    color: #4d4d4d;

}



blockquote.blockquote-default footer:before

{

    content: '';

}



ol.list-default,

ul.list-default

{

    font-family: 'Poppins', sans-serif;

    font-size: 18px;



    margin-left: 20px;

}



ol.list-default.custom-icon,

ul.list-default.custom-icon

{

    margin-left: 0;



    list-style: none;

}



ol.list-default.custom-icon li span,

ul.list-default.custom-icon li span

{

    font-weight: bold;



    margin-right: 8px;

}



ol.list-default li,

ul.list-default li

{

    font-size: 18px;

    line-height: 2.3em;



    color: #3b3d40;

}



.content.bg-black ol.list-default li,

.content.bg-black ul.list-default li

{

    color: #ececec;

}



ol.list-default > li

{

    padding-left: 6px;

}



.clear:after

{

    display: table;

    clear: both;



    content: '';

}









/** 2. PAGE LOAD

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



#page-loader

{

    position: fixed;

    z-index: 99999;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;



    background: #111;

}



#page-loader.hide-this

{

    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1) .8s;

            transition: all .6s cubic-bezier(.19, 1, .22, 1) .8s;

    

    top: 100%;

}



#page-loader img

{

    margin: 0 auto;

    margin-bottom: 24px;



    opacity: 1;

}



#page-loader.hide-this img

{

    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);

            transition: all .4s cubic-bezier(.19, 1, .22, 1);

    

    opacity: 0;

}



#page-loader .spinner-container

{

    position: fixed;

    z-index: 2000;

    left: 50%;



    width: 30px;

    height: 30px;



    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

}



#page-loader .spinner-container .css-spinner

{

    display: block;



    width: 30px;

    height: 30px;



    -webkit-animation: spinner 400ms linear infinite;

            animation: spinner 400ms linear infinite;



    opacity: 1;

    border: solid 2px transparent;

    border-top-color: #af997f;

    border-left-color: #af997f;

    border-radius: 100%;

}



#page-loader.hide-this .spinner-container .css-spinner

{

    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);

            transition: all .4s cubic-bezier(.19, 1, .22, 1);

    

    opacity: 0;

}



@-webkit-keyframes spinner

{

    0%

    {

        -webkit-transform: rotate(0deg);

                transform: rotate(0deg);

    }

    100%

    {

        -webkit-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}



@keyframes spinner

{

    0%

    {

        -webkit-transform: rotate(0deg);

                transform: rotate(0deg);

    }

    100%

    {

        -webkit-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}









/** 3. NAVIGATION

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



.navigation-main

{

    position: fixed;

    z-index: 100 !important;

    top: 0;



    width: 100%;

    height: 80px;

    padding: 0 30px;



    -webkit-transition: all .42s cubic-bezier(.19, 1, .22, 1);

            transition: all .42s cubic-bezier(.19, 1, .22, 1);



    border-bottom: 1px solid rgba(0,0,0,.15);

    background: #fff;

    box-shadow: 0 0 3px 0 rgba(0,0,0,.175);

}



.navigation-main.sticky-navigation

{

    position: relative;

}



.navigation-main.popup-navigation

{

    -webkit-transform: translateY(-101%);

            transform: translateY(-101%);

}



.navigation-main.popup-navigation.show

{

    -webkit-transform: translateY(0%);

            transform: translateY(0%);

}



.navigation-main .phantom

{

    display: none;

}



.navigation-main .navbar-collapse

{

    width: 100%;

}



.navigation-main .navbar-brand

{

    padding: 0;

}



.navigation-main .navbar-brand img

{

    position: absolute;

    top: 40%;



    max-height: 49px;

    /*margin: 0;*/

    margin-top:10px;

    margin-left:-30px;

    padding: 0;



    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

}



.navigation-main button

{

    font-size: 28px;



    margin-right: 0;



    color: #000;

}



.navigation-main ul

{

    margin: 0;

    padding: 0;



    list-style: none;

}



.navigation-main ul li a,

.navigation-main ul li span

{

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 80px;



    display: block;



    margin: 0;

    padding: 0 15px;



    cursor: pointer;

    -webkit-transition: all .1s  linear;

            transition: all .1s  linear;

    letter-spacing: .096em;

    text-transform: uppercase;



    color: #000;

    background: none !important;

}



.navigation-main ul li a:hover,

.navigation-main ul li span:hover,

.navigation-main ul li.current a

{

    color: rgb(176,153,128);

}



.navigation-main ul li .dropdown-menu

{

    margin-top: -2px;

    padding: 10px 0;



    border-radius: 0;

}



.navigation-main ul li .dropdown-menu a

{

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 54px;



    display: block;



    margin: 0;

    padding: 0 28px;



    cursor: pointer;

    -webkit-transition: all .1s  linear;

            transition: all .1s  linear;

    letter-spacing: .096em;

    text-transform: uppercase;



    color: #000;

    background: none !important;

}



.navigation-main ul li .dropdown-menu a:hover,

.navigation-main ul li.dropdown.open span

{

    color: rgb(176,153,128);

}









/** MEDIA QUERIES  **/



@media (max-width: 1000px)

{

    .navigation-main ul li a,

    .navigation-main ul li span

    {

        padding: 0 10px;

    }



    .navigation-main .container

    {

        width: 100%;

        margin: 0 !important;

        padding: 0;

    }



    .navigation-main

    {

        padding: 0;

    }



    .navbar-header

    {

        padding: 0 24px;

    }

}



@media (min-width: 841px)

{

    .navigation-main .dropdown:hover .dropdown-menu

    {

        display: block;

    }

}



@media (max-width: 840px)

{

    .navigation-main

    {

        height: 60px;

    }



    .navbar-header

    {

        float: none;



        margin: 0 !important;

    }



    .navbar-toggle

    {

        line-height: 60px;



        display: block;



        margin-top: -4px !important;

        margin-bottom: 0 !important;

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .navbar-collapse

    {

        margin: 0 !important;

        padding: 0;



        border-top: 1px solid transparent;

        background: #fff;

        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);

    }



    .navbar-collapse.collapse

    {

        display: none!important;

    }



    .navbar-nav

    {

        float: none!important;



        margin: 7.5px -15px;

    }



    .navbar-nav > li

    {

        float: none;

    }



    .navbar-nav > li > a

    {

        padding-top: 10px;

        padding-bottom: 10px;

    }



    .navbar-text

    {

        float: none;



        margin: 15px 0;

    }



    .navbar-collapse.collapse.in

    {

        display: block !important;



        padding-bottom: 20px;

    }



    .collapsing

    {

        overflow: hidden !important;

    }



    .navigation-main ul li a,

    .navigation-main ul li span,

    .navigation-main ul li .dropdown-menu a

    {

        line-height: 60px !important;



        padding-left: 40px !important;

    }



    .navbar-nav .open .dropdown-menu

    {

        position: static;



        float: none;



        width: auto;

        margin-top: 0;

        padding: 0;



        border: 0;

        background-color: transparent;

        box-shadow: none;

    }



    .navbar-nav .open .dropdown-menu .dropdown-header,

    .navbar-nav .open .dropdown-menu > li > a

    {

        padding: 0;

    }

}



@media (max-height: 840px) and (max-width: 840px)

{

    .navigation-main ul li a,

    .navigation-main ul li span,

    .navigation-main ul li .dropdown-menu a

    {

        line-height: 44px !important;

    }



    .navigation-main

    {

        height: 60px;

    }



    .navigation-main .navbar-brand img

    {

        max-width: 120px;

    }

}



@media (max-height: 600px) and (max-width: 840px)

{

    .navigation-main ul li a,

    .navigation-main ul li span,

    .navigation-main ul li .dropdown-menu a

    {

        line-height: 34px !important;

    }

}









/** 4. FOUNDATION

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



#main

{

    width: 100%;

    height: 100%;

}



.content

{

    position: relative;



    display: block;

    overflow: hidden;



    width: 100%;

}



.content.bg-black

{

    color: #fff;

    background: rgb(17,17,17);

}



.content.bg-white

{

    color: #000;

    background: rgb(255,255,255);*
  

}

.content.bg-44c3ba
{

    color: #000;

    /*background: rgb(255,255,255);*/
    background: #44c3ba;

}



.content.bg-gold

{

    color: #fff;

    background: rgb(176,153,128);

}



.content.bg-parallax

{

    color: #fff;

    background: none;

}



.container-mid

{

    position: absolute;

    z-index: 100;

    top: 50%;



    width: 100%;

    height: auto;



    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

}



.bg-overlay

{

    position: absolute !important;

    top: 0;



    width: 100%;

    height: 100%;



    opacity: .5;

    background: rgba(0,0,0,1.00);

}



.bg-overlay-section

{

    position: absolute !important;

    top: 0;



    width: 100%;

    height: 100%;



    opacity: .9;

    background: rgb(23, 22, 24);

}



.bg-pattern

{

    position: absolute !important;

    top: 0;



    width: 100%;

    height: 100%;



    opacity: .5;

    background: url('../images/bg-pattern.png') repeat;

}



.bg-pattern-section

{

    position: absolute !important;

    top: 0;



    width: 100%;

    height: 100%;



    opacity: .3;

    background: url('../images/bg-pattern.png') repeat;

}



.phantom-wrapper-popups 

{

	display: none;

}



.noselect

{

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

}



.padding-sides-off

{

    padding-right: 0;

    padding-left: 0;

}



.padding-bottop-off

{

    padding-top: 0;

    padding-bottom: 0;

}



.padding-top-10

{

    padding-top: 10px;

}



.padding-top-20

{

    padding-top: 20px;

}



.padding-top-30

{

    padding-top: 30px;

}



.padding-top-40

{

    padding-top: 40px;

}



.padding-top-50

{

    padding-top: 50px;

}



.padding-top-60

{

    padding-top: 60px;

}



.padding-top-70

{

    padding-top: 70px;

}



.padding-top-80

{

    padding-top: 80px;

}



.padding-top-90

{

    padding-top: 90px;

}



.padding-top-100

{

    padding-top: 100px;

}



.padding-top-110

{

    padding-top: 110px;

}



.padding-top-120

{

    padding-top: 120px;

}



.padding-top-130

{

    padding-top: 130px;

}



.padding-top-140

{

    padding-top: 140px;

}



.padding-top-150

{

    padding-top: 150px;

}



.padding-top-160

{

    padding-top: 160px;

}



.padding-top-170

{

    padding-top: 170px;

}



.padding-top-180

{

    padding-top: 180px;

}



.padding-top-190

{

    padding-top: 190px;

}



.padding-top-200

{

    padding-top: 200px;

}



.padding-bot-10

{

    padding-bottom: 10px;

}



.padding-bot-20

{

    padding-bottom: 20px;

}



.padding-bot-30

{

    padding-bottom: 30px;

}



.padding-bot-40

{

    padding-bottom: 40px;
}



.padding-bot-50

{
   padding-bottom: 50px;

}



.padding-bot-60

{

    padding-bottom: 60px;

}



.padding-bot-70

{

    padding-bottom: 70px;

}



.padding-bot-80

{

    padding-bottom: 80px;

}



.padding-bot-90

{

    padding-bottom: 90px;

}



.padding-bot-100

{

    padding-bottom: 100px;

}



.padding-bot-110

{

    padding-bottom: 110px;

}



.padding-bot-120

{

    padding-bottom: 120px;

}



.padding-bot-130

{

    padding-bottom: 130px;

}



.padding-bot-140

{

    padding-bottom: 140px;

}



.padding-bot-150

{

    padding-bottom: 150px;

}



.padding-bot-160

{

    padding-bottom: 160px;

}



.padding-bot-170

{

    padding-bottom: 170px;

}



.padding-bot-180

{

    padding-bottom: 180px;

}



.padding-bot-190

{

    padding-bottom: 190px;

}



.padding-bot-200

{

    padding-bottom: 200px;

}



.padding-sides-10

{

    padding-right: 10px;

    padding-left: 10px;

}



.padding-sides-20

{

    padding-right: 20px;

    padding-left: 20px;

}



.padding-sides-30

{

    padding-right: 30px;

    padding-left: 30px;

}



.padding-sides-40

{

    padding-right: 40px;

    padding-left: 40px;

}



.padding-sides-50

{

    padding-right: 50px;

    padding-left: 50px;

}



.padding-sides-60

{

    padding-right: 60px;

    padding-left: 60px;

}



.padding-sides-70

{

    padding-right: 70px;

    padding-left: 70px;

}



.padding-sides-80

{

    padding-right: 80px;

    padding-left: 80px;

}



.padding-sides-90

{

    padding-right: 90px;

    padding-left: 90px;

}



.padding-sides-100

{

    padding-right: 100px;

    padding-left: 100px;

}





@media (max-width: 500px)

{

    .padding-top-10

    {

        padding-top: 5px;

    }



    .padding-top-20

    {

        padding-top: 10px;

    }



    .padding-top-30

    {

        padding-top: 15px;

    }



    .padding-top-40

    {

        padding-top: 20px;

    }



    .padding-top-50

    {

        padding-top: 25px;

    }



    .padding-top-60

    {

        padding-top: 30px;

    }



    .padding-top-70

    {

        padding-top: 35px;

    }



    .padding-top-80

    {

        padding-top: 40px;

    }



    .padding-top-90

    {

        padding-top: 45px;

    }



    .padding-top-100

    {

        padding-top: 50px;

    }



    .padding-top-110

    {

        padding-top: 55px;

    }



    .padding-top-120

    {

        padding-top: 60px;

    }



    .padding-top-130

    {

        padding-top: 65px;

    }



    .padding-top-140

    {

        padding-top: 70px;

    }



    .padding-top-150

    {

        padding-top: 75px;

    }



    .padding-top-160

    {

        padding-top: 80px;

    }



    .padding-top-170

    {

        padding-top: 85px;

    }



    .padding-top-180

    {

        padding-top: 90px;

    }



    .padding-top-190

    {

        padding-top: 95px;

    }



    .padding-top-200

    {

        padding-top: 100px;

    }



    .padding-bot-10

    {

        padding-bottom: 5px;

    }



    .padding-bot-20

    {

        padding-bottom: 10px;

    }



    .padding-bot-30

    {

        padding-bottom: 15px;

    }



    .padding-bot-40

    {

        padding-bottom: 20px;

    }



    .padding-bot-50

    {

        padding-bottom: 25px;

    }



    .padding-bot-60

    {

        padding-bottom: 30px;

    }



    .padding-bot-70

    {

        padding-bottom: 35px;

    }



    .padding-bot-80

    {

        padding-bottom: 40px;

    }



    .padding-bot-90

    {

        padding-bottom: 45px;

    }



    .padding-bot-100

    {

        padding-bottom: 50px;

    }



    .padding-bot-110

    {

        padding-bottom: 55px;

    }



    .padding-bot-120

    {

        padding-bottom: 60px;

    }



    .padding-bot-130

    {

        padding-bottom: 65px;

    }



    .padding-bot-140

    {

        padding-bottom: 70px;

    }



    .padding-bot-150

    {

        padding-bottom: 75px;

    }



    .padding-bot-160

    {

        padding-bottom: 80px;

    }



    .padding-bot-170

    {

        padding-bottom: 85px;

    }



    .padding-bot-180

    {

        padding-bottom: 90px;

    }



    .padding-bot-190

    {

        padding-bottom: 95px;

    }



    .padding-bot-200

    {

        padding-bottom: 100px;

    }



    .padding-sides-10

    {

        padding-right: 5px;

        padding-left: 5px;

    }



    .padding-sides-20

    {

        padding-right: 10px;

        padding-left: 10px;

    }



    .padding-sides-30

    {

        padding-right: 15px;

        padding-left: 15px;

    }



    .padding-sides-40

    {

        padding-right: 20px;

        padding-left: 20px;

    }



    .padding-sides-50

    {

        padding-right: 25px;

        padding-left: 25px;

    }



    .padding-sides-60

    {

        padding-right: 30px;

        padding-left: 30px;

    }



    .padding-sides-70

    {

        padding-right: 35px;

        padding-left: 35px;

    }



    .padding-sides-80

    {

        padding-right: 40px;

        padding-left: 40px;

    }



    .padding-sides-90

    {

        padding-right: 45px;

        padding-left: 45px;

    }



    .padding-sides-100

    {

        padding-right: 50px;

        padding-left: 50px;

    }

}









/** 5. SHORTCODES

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



/** TABS **/



ul.tab-navigation-default

{

    margin: 0;

    padding: 0;



    list-style: none;



    text-align: left;

}



ul.tab-navigation-default li

{

    line-height: 60px;



    display: inline-block;



    width: 100%;

    margin-bottom: 8px;



    cursor: pointer;

    letter-spacing: .02em;



    color: #fff;

    background: #111;

}



.bg-black ul.tab-navigation-default li

{

    color: #000;

    background: #fff;

}



.bg-black ul.tab-navigation-default li.active

{

    color: #fff;

}



ul.tab-navigation-default li:last-child

{

    margin-right: 0;

}



ul.tab-navigation-default li.active

{

    background: #af997f;

}



ul.tab-navigation-default a

{

    line-height: inherit;



    display: block;



    width: 100%;

    padding: 0 30px;



    color: inherit;

}



.tab-content-default

{

    padding: 20px 30px;



    border: 1px solid #e8ebee;

}



.bg-black .tab-content-default

{

    border: 1px solid #a3a3a3;

}









/** ACCORDION **/



.accordion-item-default

{

    margin-bottom: 8px !important;



    background: none;

}



.accordion-item-default .panel-heading

{

    padding: 0;



    background: #111;

}



.bg-black .accordion-item-default .panel-heading

{

    padding: 0;



    background: #fff;

}



.accordion-item-default .panel-heading a

{

    font-weight: 300;

    line-height: 60px;



    display: block;



    width: 100%;

    padding: 0 25px;



    letter-spacing: .02em;



    color: #fff;

}



.bg-black .accordion-item-default .panel-heading a

{

    color: #000;

}



.accordion-item-default .panel-body

{

    padding: 20px 26px;



    border: 1px solid #e8ebee;

    background: none;

}



.bg-black .accordion-item-default .panel-body

{

    border: 1px solid #a3a3a3;

}









/** PROGRESS BARS **/



.progess-bar-default h5

{

    margin-bottom: 1.8em;



    text-transform: uppercase;

}



.progess-bar-default .progress

{

    overflow: visible;



    height: 4px;



    border-radius: 0;

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

    box-shadow: none;

}



.progess-bar-default .progress-bar

{

    font-size: 12px;

    line-height: 20px;



    position: relative;



    float: left;



    width: 0;

    height: 100%;



    -webkit-transition: width .6s ease;

            transition: width .6s ease;

    text-align: left;



    color: #fff;

    background-color: #af997f;

    box-shadow: none;

}



.progess-bar-default .progress-bar span

{

    font-family: 'Poppins', sans-serif;

    font-size: 10px;

    font-weight: 500;

    line-height: 10px;



    position: absolute;

    top: -28px;

    right: 0;



    padding: 5px 4px 5px 6px;



    letter-spacing: .1em;



    border-radius: 2px;

    background-color: #111;

}



.bg-black .progess-bar-default .progress-bar span

{

    color: #000;

    background-color: #fff;

}



.progess-bar-default .progress-bar span:after

{

    position: absolute;

    top: 100%;

    left: 50%;



    width: 0;

    height: 0;

    margin-left: -3px;



    content: ' ';



    border: solid transparent;

    border-width: 3px;

    border-color: rgba(255, 255, 255, 0);

    border-top-color: #111;



    pointer-event: none;

}



.bg-black .progess-bar-default .progress-bar span:after

{

    border-top-color: #fff;

}









/** EMBEDS **/



.embed-wrapper

{

    position: relative;



    float: none;

    clear: both;



    width: 100%;

    height: 0;

    padding-bottom: 56%;

}



.embed-wrapper iframe

{

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;

}









/** BUTTONS **/



a.button-default

{

    font-family: 'Poppins', sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 60px;



    position: relative;

    z-index: 100;



    display: inline-block;

    overflow: hidden;



    margin: 0 !important;

    padding: 0 36px !important;



    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);

            transition: all .3s cubic-bezier(.19, 1, .22, 1);

    text-align: center;

    letter-spacing: .02em;

    text-transform: none;



    color: #fff !important;

    border: none;

    border-radius: 100px;

    background: none;



    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

}



.bg-black a.button-default:hover

{

    color: #000 !important;

}



.bg-black a.button-default.inverted

{

    color: #000 !important;

}



.bg-black a.button-default.inverted:hover

{

    color: #fff !important;

}



a.button-default.edged

{

    border-radius: 0;

}



a.button-default:before

{

    position: absolute;

    z-index: -1;

    top: 0;

    right: 0;



    width: 100%;

    height: 100%;



    content: '';



    border-radius: 100px;

    background: #af997f;

}



a.button-default.edged:before

{

    border-radius: 0;

}



a.button-default.inverted:before

{

    background: #111 !important;

}



.bg-black a.button-default.inverted:before

{

    background: #fff !important;

}



a.button-default:hover:before

{

    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1) .1s;

            transition: all .3s cubic-bezier(.19, 1, .22, 1) .1s;



    border: 1px solid #111;

}



a.button-default.inverted:hover:before

{

    border: 1px solid #af997f;

}



a.button-default:after

{

    position: absolute;

    z-index: -1;

    top: 0;

    right: 0;



    width: 100%;

    height: 100%;



    content: '';

    -webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);

            transition: all .3s cubic-bezier(.19, 1, .22, 1);

    -webkit-transform: translateX(-110%);

            transform: translateX(-110%);



    border-radius: 100px;

    background: #111;

}



.bg-black a.button-default:after

{

    background: #fff;

}



a.button-default.edged:after

{

    border-radius: 0;

}



a.button-default.inverted:after

{

    background: #af997f;

}



a.button-default:hover:after

{

    -webkit-transform: translateX(0);

            transform: translateX(0);

}





a.button-default span

{

    margin-left: 6px;

}









/** SLIDER **/



.default-slider .cbp-nav-pagination

{

    right: 20px;

    bottom: 20px;

}



.default-slider .cbp-nav-pagination-item

{

    position: relative;



    display: inline-block;



    width: 16px;

    height: 16px;

    margin: 0 7px;



    cursor: pointer;

    -webkit-transition: background .5s;

            transition: background .5s;



    opacity: .5;

    border-radius: 0;

    background: #b09980;

}



.default-slider .cbp-nav-pagination-active

{

    opacity: 1;

}



.default-slider .cbp-nav-controls

{

    display: none;

}









/** PRICING TABLES **/



.pricing-table-default

{

    margin: 20px 0;

    padding: 50px 20px;



    text-align: center;



    color: #fff;

    background: #af997f;

}



.pricing-table-default.featured

{

    margin: 0;

    padding: 70px 20px;

}



.pricing-table-default p.name

{

    margin-bottom: 10px;



    letter-spacing: .1em;



    color: #fff !important;

}



.pricing-table-default h1.price

{

    margin-bottom: 20px;



    color: #fff !important;

}



.pricing-table-default h1.price span

{

    font-size: 72px;

}



.pricing-table-default ul.features

{

    margin: 30px 0 40px 0;

    padding: 0;



    list-style: none;

}



.pricing-table-default ul.features li

{

    line-height: 40px;

}



.pricing-table-default .button-default

{

    color: #000 !important;

}



.pricing-table-default .button-default:hover

{

    color: #fff !important;

}



.pricing-table-default .button-default:before

{

    background: #fff !important;

}



.pricing-table-default .button-default:hover:before

{

    border-color: #af997f;

}









/** POPUPS ( THIS CODE IS NOT REQUIRED TO RUN THE POPUP  ) **/



.popup-container

{

    position: relative;



    overflow: hidden;



    padding-bottom: 100%;



    background: #af997f;



    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

}



.popup-container:after

{

    position: absolute;

    bottom: 100%;

    left: 0;



    width: 100%;

    height: 100%;



    content: '';

    -webkit-transition: all .5s cubic-bezier(.19, 1, .22, 1);

            transition: all .5s cubic-bezier(.19, 1, .22, 1);



    background: #111;

}



.popup-container:hover:after

{

    bottom: 0;

}



.popup-container a

{

    position: absolute;

    z-index: 10;

    top: 0;



    display: block;



    width: 100%;

    height: 100%;

}



.popup-container h5

{

    position: relative;



    display: block;



    margin-bottom: 10px;



    color: #fff !important;

}



.popup-container p

{

    margin: 0;



    color: #ececec !important;

}









/** ICONS **/



.icon-section

{

    clear: both;

    overflow: hidden;



    margin-bottom: 100px;

}



.icon-section .icon-container

{

    position: relative;



    float: left;



    width: 25%;

    margin-bottom: 25px;

    padding-right: 20px;



    text-align: left;

}



.icon-section .icon-container span

{

    font-size: 18px;



    display: inline-block;



    margin-right: 16px;

}



.icon-section .icon-container span:last-child

{

    margin-right: 0;

}









/** MEDIA QUERIES  **/



@media (max-width: 994px)

{

    .icon-section .icon-container span

    {

        font-size: 16px;

    }

}



@media (max-width: 480px)

{

    .default-slider .cbp-nav-pagination-item

    {

        width: 12px;

        height: 12px;

        margin: 0 5px;

    }



    .default-slider .cbp-nav-pagination

    {

        right: 12px;

        bottom: 12px;

    }



    .icon-section .icon-container

    {

        width: 50%;

        margin-bottom: 25px;

        padding-right: 20px;

    }



    .icon-section .icon-container span

    {

        font-size: 14px;



        display: inline-block;



        margin-right: 8px;

    }

}









/** 6. PLUGINS

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



/* CUBE PORTFOLIO */



.cbp-popup-content-wrap 

{

    overflow-x: hidden !important;

}



.cbp-popup-lightbox

{

    background: rgba(0,0,0,.9);

	backface-visibility: hidden;

}



.cbp-popup-lightbox-isIframe .cbp-popup-content

{

    width: 70%;

}



.cbp-popup-lightbox-img

{

    max-width: 70%;

    margin: 0 auto;

}



.pagination-top.cbp

{

    margin-top: 80px;

}



.cbp .cbp-item

{

    padding: 0;

}



.cbp-popup-lightbox-iframe iframe

{

    box-shadow: none;

}



.cbp-popup-lightbox

{

    cursor: pointer;

}



.cbp-popup-lightbox-iframe

{

    background: none;

}



.cbp-popup-navigation

{

    display: none !important;

}



.cbp-popup-lightbox-counter

{

    display: none;

}



.cbp-popup-singlePage .cbp-popup-close

{

    top: 35px;

    right: auto;

    bottom: auto;

    left: 30px;

}



.cbp-popup-singlePage-counter

{

    display: none;

}



.cbp-popup-singlePage .cbp-popup-content

{

    width: auto;

    max-width: none;

    margin: 0;

    margin-right: -1px;



    vertical-align: top;

}



.cbp-popup-singlePage .cbp-popup-navigation-wrap

{

    display: none;

}



.cbp-popup-singlePage

{

    padding: 0;



    background: rgba(0, 0, 0, .9);

	backface-visibility: hidden;

}



.cbp-caption-revealTop .cbp-singlePageInline-active .cbp-caption-defaultWrap

{

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

}



.cbp-caption-opacity .cbp-caption

{

    border: 0 solid transparent;

}



.cbp .cbp-singlePageInline-active

{

    opacity: 1 !important;

}



.cbp .cbp-singlePageInline-active

{

    opacity: 1 !important;

}



.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap

{

    opacity: 1;

}



.cbp:after,

.cbp-lazyload:after,

.cbp-popup-loadingBox:after,

.cbp-popup-singlePageInline:after

{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;



    width: 34px;

    height: 34px;

    margin: auto;



    content: '';

    -webkit-animation: cbp-rotation .8s infinite linear;

            animation: cbp-rotation .8s infinite linear;



    border-top: 3px solid rgba(176,153,128,.8);

    border-right: 3px solid rgba(176,153,128,.15);

    border-bottom: 3px solid rgba(176,153,128,.15);

    border-left: 3px solid rgba(176,153,128,.15);

    border-radius: 100%;

}



.cbp-caption-pushTop .cbp-caption-defaultWrap,

.cbp-caption-pushDown .cbp-caption-defaultWrap,

.cbp-caption-revealTop .cbp-caption-defaultWrap,

.cbp-caption-revealBottom .cbp-caption-defaultWrap,

.cbp-caption-pushTop .cbp-caption-activeWrap,

.cbp-caption-pushDown .cbp-caption-activeWrap,

.cbp-caption-revealTop .cbp-caption-activeWrap,

.cbp-caption-revealBottom .cbp-caption-activeWrap

{

    -webkit-transition: .6s cubic-bezier(.19, 1, .22, 1);

            transition: .6s cubic-bezier(.19, 1, .22, 1);

}









/* PARALLAX SCROLLING PLUGIN */



.dzsparallaxer

{

    position: absolute !important;

    z-index: -1;

    top: 0 !important;



    width: 100%;

    height: 100% !important;



    background: none;

}



.dzsparallaxer .dzsparallaxer--target

{

    height: 144%;

}









/* BACKGROUND SLIDESHOW PLUGIN */



.vegas-overlay,

.vegas-slide,

.vegas-slide-inner,

.vegas-timer,

.vegas-wrapper

{

    position: absolute !important;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;



    overflow: hidden;



    margin: 0;

    padding: 0;



    border: none;

}

.arrow_box {
    position: relative;
    background: black;
    border: 2px solid #ffffff;
  display:inline-block;
  padding: 2px 2px;
  letter-spacing: 1px;
  color:#FFF;
  transition:0.4s;
}
.arrow_box:after, .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  transition:0.4s;
}

.arrow_box:after {
    border-color: rgba(128, 128, 128, 0);
    border-left-color: black;
  border-width: 24px;
  margin-top: -24px;
}
.arrow_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 26px;
  margin-top: -26px;
  margin-left: 1px;
}
.arrow_box:hover{
  color:#000;
  background:#FFF;
}
.arrow_box:hover:after{
  border-left-color: #FFF;
}

@media (max-width: 994px)

{
.product-section-left-div {
    text-align: center;
    font-size: 45px;


}

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

@media (max-width: 480px)
{
        .footer-startup-text {
            text-align: center !important;
        }
}