body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 13.2px;
    line-height: 23px;
    background-color: #fff;
    color: #000;
    overflow-x: hidden;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Heading */
.heading-font {
    font-family: 'Roboto', Helvetica, Arial;
    font-weight: 700;
}

h1,h2,h3,h4,h5,h6 {
    line-height: inherit;
    color: #111;
    margin: 0 0 15px;
    font-weight: 700;
	font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
}
h1.large,h2.large,h3.large,h4.large,h5.large,h6.large {
    font-weight: 700;
}
h1.thin,h2.thin,h3.thin,h4.thin,h5.thin,h6.thin {
    font-weight: 300
}
h1 {
    font-size: 22px;
    line-height: 28px;
}
h1.large {
    font-size: 33px;
    line-height: 44px;
}
h1.xlarge {
    font-size: 55px;
    line-height: 1;
}
h2 {
    font-size: 18px;
    line-height: 26px;
}
h2.large {
    font-size: 30px;
    line-height: 39px;
}
h3 {
    font-size: 16px;
    line-height: 24px;
}
h3.large {
    font-size: 27px;
    line-height: 36px;
}
h4 {
    font-size: 14px;
    line-height: 22px;
}
h4.large {
    font-size: 24px;
    line-height: 33px;
}
h4.small {
    font-size: 12px;
    line-height: 22px;
}
h5 {
    font-size: 14px;
    line-height: 20px;
}
h5.large {
    font-size: 22px;
    line-height: 40px;
}
h6 {
    
    line-height: 12px;
    font-weight: 200;
    
}
h6.large {
    font-size: 18px;
    line-height: 21px;
}

/* Link */
a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #222222;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
a:focus {
    outline: 0;
    text-decoration: none;
    color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover {
    color: #FDA13A;
    text-decoration: none
}

/* Form fields, general styles first. */
.button,
button {
    border: 0;
    font-weight: 700;
    /*font-family: 'Montserrat';*/
}
input,
select,
textarea {
    color: #999;
    padding: 7px 15px 6px;
    border: 1px solid #f0f0f0;
    font-family: inherit;
    background: transparent;
    position: relative;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: sans-serif;
    font-size: 11px;
    line-height: 23px;
}
input:focus,
select:focus,
textarea:focus {
    border-color: #ddd;
    color: #bbb;
    outline: 0;
}
select {
    padding: 8px 15px 9px;
}
input[type=file] {
    padding: 8px 15px;
}

/* Buttons */
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    display: inline-block;
    padding: 7.5px 25px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #FDA13A;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
    outline: none;
    cursor: pointer;
    background: #FDA13A;
    color: #fff
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #777;
}
:-moz-placeholder {
    color: #777;
}
::-moz-placeholder {
    color: #777;
}
:-ms-input-placeholder {
    color: #777;
}
::selection {
    background: #000000;
    color: #fff;
}
::-moz-selection {
    background: #FDA13A;
    color: #fff;
}

p:last-child {
    margin-bottom: 0;
}
.white,
p.white {
    color: #fff !important;
}

/* =Layout
-------------------------------------------------------------- */
body {
    position: relative;
}
body {
    background-color: #DAB02A;
    background: no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body .body-mark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYTEzYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2ZkYTEzYSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjZmRhMTNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkYTEzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(253,161,58,0) 0%, rgba(253,161,58,0.7) 38%, rgba(253,161,58,1) 71%, rgba(253,161,58,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,161,58,0)), color-stop(38%,rgba(253,161,58,0.7)), color-stop(71%,rgba(253,161,58,1)), color-stop(100%,rgba(253,161,58,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,161,58,0) 0%,rgba(253,161,58,0.7) 38%,rgba(253,161,58,1) 71%,rgba(253,161,58,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,161,58,0) 0%,rgba(253,161,58,0.7) 38%,rgba(253,161,58,1) 71%,rgba(253,161,58,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,161,58,0) 0%,rgba(253,161,58,0.7) 38%,rgba(253,161,58,1) 71%,rgba(253,161,58,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,161,58,0) 0%,rgba(253,161,58,0.7) 38%,rgba(253,161,58,1) 71%,rgba(253,161,58,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fda13a', endColorstr='#fda13a',GradientType=0 ); /* IE6-8 */
}
body.white-section .body-mark {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 12%, rgba(255,255,255,0.39) 39%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(12%,rgba(255,255,255,0.12)), color-stop(39%,rgba(255,255,255,0.39)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 12%,rgba(255,255,255,0.39) 39%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 12%,rgba(255,255,255,0.39) 39%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 12%,rgba(255,255,255,0.39) 39%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 12%,rgba(255,255,255,0.39) 39%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}
body.black-section .body-mark {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjk4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45OCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,0.98) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(1%,rgba(0,0,0,0.5)), color-stop(99%,rgba(0,0,0,0.98)), color-stop(100%,rgba(0,0,0,0.98))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,0.98) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,0.98) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,0.98) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,0.98) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#fa000000',GradientType=0 ); /* IE6-8 */
}
.site-content {
    background-color: #fff;
	background-color: #231c34;

    padding: 80px;
    position: relative;
    z-index: 3;
}
.site-content .main-content.notop {
    margin-top: -80px;
}

/* =Header
-------------------------------------------------------------- */
.site-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}
.site-header .site-header-content {
    padding: 0px 0px;
}
.site-header .site-logo {
    text-align: center;
}
.site-header .site-logo img {
    max-width: 100%;
    height: auto;
}
.site-header .site-menu {
    padding-top: 65px;
    padding-right: 14%;
    padding-bottom: 40px;
    padding-left: 12.5%;
}
.site-header .site-menu ul {
    list-style: none;
    padding-right: 25px;
    padding-left: 5px;
    margin: 0;
}
.site-header .site-menu ul li li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.site-header .site-menu ul li a {
    padding: 12px 0 11px;
    border-bottom: 3px dotted rgba(255,255,255,0.1);
    border-color: #FFF;
    color: #fff;
    /*text-transform: uppercase;*/
}
.site-header.black .site-menu ul li a {
    color: #555;
    border-bottom-color: rgba(0,0,0,0.05);
}
.site-header .site-menu ul li a:hover,
.site-header .site-menu ul li.active a,
.site-header .site-menu ul > li.sfHover > a {
    background-color: transparent;
    margin: 0;
    padding: 12px 0 11px;
    color: #FDA13A;
}
.site-header .site-menu.smallmenu ul li a:hover,
.site-header .site-menu.smallmenu ul > li.sfHover > a {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
.site-header .site-menu.smallmenu ul li a:hover,
.site-header .site-menu.smallmenu ul > li.sfHover > a {
    background-color: transparent;
    color: #fff;
}
.site-header .site-menu.smallmenu ul ul {
    text-align: left;
}
.site-header .site-menu ul ul:before {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right:5px solid #fff;
    position: absolute;
    top: 15px;
    left: -5px;
    content: '';
}
.site-header .site-menu ul ul ul:before {
    display: none;
}
.site-header .site-menu.smallmenu ul ul li a:hover {
    color: #222;
}
.site-header .site-menu ul ul li a:hover,
.site-header .site-menu ul ul > li.sfHover > a {
    background-color: transparent;
}
.site-header.slide-menu .site-menu ul li a:hover,
.site-header.slide-menu .site-menu ul > li.sfHover > a {
    background-color: transparent;
    margin: 0;
    padding: 12px 0 8px;
}
.site-header .site-menu ul > li.sfHover > a {
    margin: 0 -40px 0 0;
    padding-right: 40px;
}
.site-header .site-menu.smallmenu ul > li.sfHover > a {
    margin: 0 -40px;
}
.site-header .site-menu.smallmenu ul li.sfHover li a {
    margin: 0;
    padding: 0;
}
.site-header .site-menu.smallmenu ul li.sfHover > li.sfHover > a {
    color: #222;
}
.site-header .site-menu ul ul {
    margin-left: 40px;
    margin-top: -2px;
}
.site-header .site-menu ul ul {
    background-color: rgba(255,255,255,0.96);
    width: 180px;
    padding: 40px;
}
.site-header .site-menu ul li li a {
    color: #555;
    text-transform: none;
    font-weight: normal;
    padding: 0;
    margin: 0;
    border: 0;
}
.site-header .site-menu ul ul li a:hover,
.site-header .site-menu ul ul > li.sfHover > a {
    padding: 0;
    margin: 0;
    border: 0;
}
.site-header .site-menu ul li.header-seach:hover {
    cursor: pointer;
}
.site-header .site-menu ul li.cart {
    position: relative;
    z-index: 2;
}
.site-header .site-menu ul li.cart a:hover,
.site-header .site-menu ul li.cart.sfHover a {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.site-header .site-menu ul li.cart .number {
    display: inline-block;
    padding: 5px 7px;
    background-color: #000;
    position: absolute;
    top: 5px;
    right: -10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 8px;
    line-height: 1;
    z-index: 1;
}
.site-header .site-social {
    color: rgba(255,255,255,0.8);
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}
.site-header .site-social .tooltip-inner {
    color: #999;
    background-color: #fff;
}
.site-header .site-social .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}
.site-header.black .site-social .tooltip-inner {
    color: #fff;
    background-color: #555;
}
.site-header.black .site-social .tooltip.top .tooltip-arrow {
    border-top-color: #555;
}
.site-header .site-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.site-header .site-social ul li {
    list-style: none;
    display: inline-block;
}
.site-header .site-social ul li a {
    display: block;
    width: 35px;
    height: 35px;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
    text-align: center;
    padding: 6px 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.site-header.black .site-social ul li a {
    color: #555;
    border-color: rgba(0,0,0,0.2);
}
.site-header .site-social ul li a:hover {
    border-color: #fff;
    background-color: rgba(255,255,255,1);
    color: #222;
}
.site-header.black .site-social ul li a:hover {
    border-color: #555;
    background-color: #555;
    color: #fff;
}
.site-header .site-notice {
    margin: 40px 0 0;
    color: #fff;
}
.site-header .site-notice a {
    color: #FDA13A;
}
.site-header.black .site-notice {
    color: #555;
}
.site-header .site-notice .notice-icon {
    width: 20px;
    height: auto;
    float: left;
    font-size: 32px;
    line-height: 1;
    color: #fff;
}
.site-header.black .site-notice .notice-icon {
    color: #555;
}
.site-header .site-notice .notice-content {
    padding-left: 40px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}
.site-header.slide-menu .site-menu ul ul {
    width: 100%;
    padding: 0;
    background-color: transparent;
    vertical-align: top;
}
.site-header.slide-menu .site-menu ul li li a {
    padding: 12px 0 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    /*text-transform: uppercase;*/
    letter-spacing: -0.05em;
}
.site-header.slide-menu .site-menu ul ul li a:hover,
.site-header.slide-menu .site-menu ul ul > li.sfHover > a {
    padding: 12px 0 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -0.05em;
}

/* Full Menu */
.site-header .full-menu ul li {
    position: static;
}
.site-header .full-menu ul li a.sf-with-ul:after {
    content: '\f105';
    font-family: 'FontAwesome';
    display: inline-block;
    float: right;
    margin: 0;
    color: rgba(255,255,255,0.4);
}
.site-header .full-menu ul ul {
    height: 100%;
    background-color: rgba(0,0,0,0.99);
    margin: 0;
    width: 240px;
    z-index: 999;
}
.site-header .full-menu ul ul ul {
    padding-top: 72%;
}
.site-header .full-menu ul ul ul {
    background-color: rgba(0,0,0,0.92);
}
.site-header .full-menu ul ul ul ul {
    background-color: rgba(0,0,0,0.84);
}
.site-header .full-menu ul ul:before {
    display: none;
}
.site-header .full-menu ul ul li a,
.site-header .full-menu ul ul li a:hover,
.site-header .full-menu ul ul li.sfHover > a {
    padding: 12px 0 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    text-transform: uppercase;
    display: block;
}
.site-header .full-menu ul ul li a:hover,
.site-header .full-menu ul ul li.sfHover > a {
    color: #FDA13A;
}

/* Small Header */
.small-site-header {
    background-color: #fff;
    padding: 5px 10px;
}
.small-site-header .site-logo img {
    margin-left: 0;
    margin-top: 20px;
    height: auto;
    width: 100%;
    width: 85%;
}

/* Mobile Menu */
.mobile-menu-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile-menu-area ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
}
.mobile-menu-area ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.mobile-menu-area ul li a {
    color: #fff;
    /*text-transform: uppercase;*/
    font-weight: 800;
}
.mobile-menu-area ul li a:hover {
    color: #EA397F;
}
.mobile-menu-area ul li .submenu {
    margin-left: 10px;
    display: inline-block;
    color: #fff;
}
.mobile-menu-area ul li .submenu:hover {
    cursor: pointer;
}
.mobile-menu-area ul li.over span i:before {
    content: '\f106';
}
.mobile-menu-area ul ul {
    display: none;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.mobile-menu-area ul ul:before,
.mobile-menu-area ul ul:after {
    display: none;
}
.mobile-menu-area .sb-toggle-right i:before {
    content: '\f00d';
}
.menu-trigger {
    color: #222
}
.menu-trigger:hover {
    color: #EA397F;
    cursor: pointer;
}

/* =Footer
-------------------------------------------------------------- */
#footer .footer-content {

    padding: 80px;
    color: #777;
    background-color: #222;
}
#footer .widget .widget-title {
    color: #fff;
}
#footer .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .widget ul li {
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#footer .widget ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#footer .widget ul li a {
    color: #777;
}
#footer .widget ul li a:hover {
    color: #fff;
}
#footer .footer-logo {
    margin: -120px 0 -80px;
}

/* =Section
-------------------------------------------------------------- */
.section {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.section.parallax-area {
    background: transparent !important
}
.section.wpb_column,
.section.wpb_wrapper {
    overflow: visible;
}
.section.wpb_column.parallax-area {
    overflow: hidden;
}
.section.show {
    overflow: visible;
}
.section .section-bgwrap {
    position: absolute;
    width: 100%;
    height: 110%;
    top: 0;
    left: 0;
    z-index: 1;
}
.section .container,
.section .container-full,
.section .container-fluid,
.section .section-content {
    z-index: 2;
    position: relative;
}
.section .background-image {
    position:absolute;
    left:-10%;
    top:-10%;
    width:120%;
    height:120%;
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
}
.section.bg.left {
    background-position: top left;
}
.section.bg.right {
    background-position: top right;
}
.section.bg.center {
    background-position: center center;
}
.section.bg.no-repeat {
    background-repeat: no-repeat;
}
.section.bgcolor {
    background-color: #EC3B82;
}
.section.bg.bottom {
    background-position: bottom;
}
.section.border-top {
    border-top: 1px solid #eee;
}
.section.border-bottom {
    border-bottom: 1px solid #eee;
}

/* =Menu
-------------------------------------------------------------- */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
.sf-vertical ul {
    left:   100%;
    top: 0;
}
.sf-vertical > li {
    float: none;
}
.sf-vertical li {
    width: 100%;
}
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

/* =Shortcodes
-------------------------------------------------------------- */

/* Heading Area */
.heading-area {
    margin: -80px -80px 80px;
    position: relative;
}
.heading-area.heading-non-bg {
    background-color: #f9f9f9;
}
.heading-area .heading-area-content {
    padding: 20px 80px;
}
.heading-area .heading-area-content h5 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 12.3px;
    letter-spacing: 0.01em;
    color: #fff;
}
.heading-area.light .heading-area-content {
    background-color: #f1f1f1;
}
.heading-area.light .heading-area-content h5 {
    color: #222;
}
.heading-area.overlay .heading-area-content {
    padding: 80px;
    position: relative;
    z-index: 3;
}
.heading-area.overlay .heading-area-content h5 {
    text-transform: none;
    letter-spacing: -0.05em;
    font-size: 28px;
    line-height: 1;
    color: #222;
}
.heading-area.overlay.light .heading-area-content h5 {
    color: #fff;
}
.heading-area .background-image {
    width: 140%;
    top: -30%;
}
.no-heading {
    margin-top: -80px;
}

/* Breadcrumb */
.breadcrumb-area {
    padding: 20px 80px;
    margin: -80px -80px 80px;
    border-bottom: 1px solid #f8f8f8;
}
.breadcrumb-area ul.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
}
.breadcrumb-area ul.breadcrumb li {
    display: inline-block;
}
.breadcrumb-area ul.breadcrumb li a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    display: inline-block;
    margin: 0 10px;
}
.breadcrumb-area ul.breadcrumb li:last-child a:after {
    display: none;
}
.breadcrumb-area ul.social-share {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}
.breadcrumb-area ul.social-share li {
    display: inline-block;
}
.breadcrumb-area ul.social-share li a {
    display: inline-block;
    padding: 2px 10px;
    background-color: #eee;
    margin: -5px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.breadcrumb-area ul.social-share li a:hover {
    background-color: #222;
    color: #fff;
}

/* Heading Content */
.heading-content .desc,
.heading-content .title {
    margin-bottom: 0;
    line-height: 1;
}
.heading-content.large .head {
    font-size: 32px;
    margin-bottom: 0;
}
.heading-content.uppercase {
    text-transform: uppercase;
	font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
}
.heading-content strong {
    color: #FDA13A;
    font-weight: inherit;
}
.heading-content.white h4,
.heading-content.white h2 {
    color: #fff;
}

/* Icon */
.iconbox.left .iconbox-icon i {
    color: #999;
    font-size: 36px;
    float: left;
}
.iconbox.left .iconbox-content {
    padding-left: 50px;
}
.iconbox .readmore {
    margin-top: 20px;
    display: block;
    color: #FDA13A;
    font-weight: 600;
}
.iconbox.padding {
    padding: 30px;
    background-color: #f9f9f9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.iconbox.padding.border {
    border: 3px solid #f9f9f9;
    padding: 27px;
    background-color: transparent;
}

/* Full Section */
.full-section {
    margin: 0 -80px;
    padding: 0 80px;
}
.large-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}
.full-section.no-gap {
    padding-left: 0;
    padding-right: 0;
}

/* Information Box */
.informationbox {
    position: relative;
}
.informationbox .informationbox-media {
    position: relative;
    overflow: hidden;
}
.informationbox .informationbox-media:after {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
    background-color: rgba(253,161,58,0.96);
    z-index: 2;
    content: '';
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.informationbox:hover .informationbox-media:after {
    bottom: 0;
}
.informationbox .informationbox-media img {
    width: 100%;
    height: auto;
}
.informationbox .informationbox-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 3;
    font-size: 39px;
    line-height: 1;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.informationbox .informationbox-icon:hover {
    opacity: 1;
}
.informationbox .informationbox-icon i {
    padding-top: 35%;
    display: block;
}

/* Stepbox */
.stepbox {
    width: 120px;
    height: 120px;
    border: 1px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.stepbox .stepbox-icon {
    font-size: 49px;
    line-height: 1;
    padding: 33px 0 0;
}
.stepbox .number {
    position: absolute;
    width: 35px;
    height: 35px;
    padding: 5px 0 0;
    background-color: #000;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.stepbox:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
    cursor: pointer;
}

/* Small Blog */
.small-blog-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.small-blog-list li {
    margin-bottom: 20px;
}
.small-blog-list li:last-child {
    margin-bottom: 0;
}
.small-blog-list li:last-child .entry-summary {
    display: none;
}
.small-blog-list li .blog-date {
    width: 60px;
    text-align: center;
    height: auto;
    float: left;
    font-weight: 300;
    background-color: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    font-weight: 400;
}
.small-blog-list li .blog-date .date {
    padding: 10px 0;
    font-size: 22px;
    color: #000;
}
.small-blog-list li .blog-date .month {
    text-transform: uppercase;
    font-size: 10px;
    background-color: #FDA13A;
    color: #fff;
    font-weight: 800;
}
.small-blog-list li .blog-title {
    padding-left: 80px;
    padding-top: 4px;
}
.small-blog-list li .blog-title h4 {
    margin-bottom: 0;
    margin-top: 5px;
}
.small-blog-list li .blog-title a.readmore {
    display: none;
    color: #FDA13A;
}
.small-blog-list li .entry-summary {
    margin: 10px 0 0;
}

/* Colorbox */
.colorbox {
    padding: 30px 40px;
    background-color: #FDA13A;
    color: #ffff;
    position: relative;
}
.colorbox.black {
    background-color: #000;
}
.colorbox.gray {
    background-color: #999;
}
.colorbox .colorbox-heading {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 20px;
}
.colorbox .colorbox-heading h4 {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.colorbox .colorbox-content {
    color: #fff;
}
.colorbox .readmore {
    margin-top: 20px;
    display: block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12.3px;
    font-weight: 800;
    letter-spacing: 0.1em;
}
.colorbox .colorbox-icon {
    position: absolute;
    color: #fff;
    font-size: 39px;
    top: 20px;
    right: 20px;
}

/* Shadow Box */
.shadowbox {
    text-align: center;
    overflow: hidden;
}
.shadowbox .shadowbox-content {
    position: relative;
    z-index: 2;
    padding: 30px 30px 0;
    background-color: transparent;
    border-top: 2px solid #f9f9f9;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(transparent));
    background-image: -webkit-linear-gradient(#f9f9f9, transparent);
    background-image: -moz-linear-gradient(#f9f9f9, transparent), -moz-linear-gradient(#f9f9f9, transparent);
    background-image: -o-linear-gradient(#f9f9f9, transparent), -o-linear-gradient(#f9f9f9, transparent);
    background-image: linear-gradient(#f9f9f9, transparent), linear-gradient(#f9f9f9, transparent);
    -moz-background-size: 2px 100%;
    background-size: 2px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.shadowbox .shadowbox-content-icon {
    font-size: 60px;
    color: #FDA13A;
}
.shadowbox .shadowbox-content-main h4 {
    margin: 20px 0;
}
.shadowbox .shadowbox-content-main a {
    margin-top: 20px;
}

/* Button */
.button {
    position: relative;
}
.button.icon-hover:hover i {
    opacity: 1;
    right: -15px;
}
.button.icon-hover span {
    position: relative;
}
.button + .button {
    margin-bottom: 3px;
}
.button.black {
    background-color: #000;
}
.button.black.normal:hover,
.button.black.border:hover {
    background-color: #555;
    border-color: #555;
}
.button.black.border {
    border-color: #000;
    color: #000;
}
.button.green {
    background-color: #55be08;
}
.button.green.border {
    border-color: #55be08;
    color: #55be08;
}
.button.green.normal:hover,
.button.green.border:hover {
    background-color: #72d12d;
    border-color: #72d12d;
}
.button.blue {
    background-color: #10b3dc;
}
.button.blue.border {
    border-color: #10b3dc;
    color: #10b3dc;
}
.button.blue.normal:hover,
.button.blue.border:hover {
    background-color: #25c2ea;
    border-color: #25c2ea;
}
.button.orange {
    background-color: #f1a30d;
}
.button.orange.border {
    border-color: #f1a30d;
    color: #f1a30d;
}
.button.orange.normal:hover,
.button.orange.border:hover {
    background-color: #fbbc43;
    border-color: #fbbc43;
}
.button.yellow {
    background-color: #ebc337;
}
.button.yellow.border {
    border-color: #ebc337;
    color: #ebc337;
}
.button.yellow.normal:hover,
.button.yellow.border:hover {
    background-color: #f0cb4a;
    border-color: #f0cb4a;
}
.button.red {
    background-color: #cc0a17;
}
.button.red.border{
    border-color: #cc0a17;
    color: #cc0a17;
}
.button.red.normal:hover,
.button.red.border:hover {
    background-color: #de2e3a;
    border-color: #de2e3a;
}
.button.gray {
    background-color: #4d4b4b;
}
.button.gray.border {
    border-color: #4d4b4b;
    color: #4d4b4b;
}
.button.gray.normal:hover,
.button.gray.border:hover {
    background-color: #636363;
    border-color: #636363;
}
.button.white {
    background-color: #fff;
    color: #222 !important;
}
.button.white.border {
    border-color: #fff;
    color: #fff;
}
.button.white.normal:hover {
    background-color: #eee;
}
.button.medium {
    padding: 15px 35px;
    font-size: 13.5px;
    line-height: 1;
    letter-spacing: -0.05em;
}
.button.border {
    padding: 5.5px 23px;
}
.button.border:hover {
    color: #fff;
}
.button.medium.border {
    padding: 13px 33px;
}
.button.large {
    padding: 15px 35px;
    font-size: 14.8px;
    line-height: 1;
    letter-spacing: -0.05em;
}
.button.large.border {
    padding: 13px 33px;
}
.button.border {
    background-color: transparent;
    border: 2px solid transparent;
}
.button i {
    margin-left: 5px;
    display: inline-block;
}
.button.icon-hover i {
    position: absolute;
    top: 2px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.button.medium.icon-hover:hover {
    padding: 15px 45px 15px 25px;
}
.button.large.icon-hover:hover {
    padding: 15px 45px 15px 25px;
}
.button.icon-hover:hover {
    padding: 7.5px 30px 7.5px 20px;
}
.button.icon-hover.border:hover {
    padding: 5.5px 30px 5.5px 16px;
}
.button.icon-hover.medium.border:hover {
    padding: 13px 40px 13px 26px;
}
.button.icon-hover.large.border:hover {
    padding: 13px 40px 13px 26px;
}

/* Image Box */
.image-box .image-box-media {
    position: relative;
}
.image-box .image-box-media img {
    width: 100%;
    height: auto;
}
.image-box .image-box-content {
    padding: 30px 0 0;
}
.image-box .image-box-media .image-box-media-mark {
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(253,161,58,0.9);
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.image-box .image-box-media .image-box-media-mark span {
    margin: 50% 0;
    display: inline-block;
}
.image-box .image-box-media .image-box-media-mark span i {
    margin: -25px 0;
    padding: 25px 0;
    font-size: 12px;
    line-height: 0;
    width: 50px;
    height: 50px;
    background-color: #fff;
    color: #FDA13A;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}
.image-box:hover .image-box-media .image-box-media-mark {
    opacity: 1;
    height: 100%;
}
.image-box:hover .image-box-media .image-box-media-mark span i {
    opacity: 1;
}

/* Tabs */
.vc_tta-tabs ul.vc_tta-tabs-list,
.tabs ul.nav-tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
}
.tabs ul.nav-tabs li,
.vc_tta-tabs ul.vc_tta-tabs-list li {
    display: inline-block;
    margin-right: 20px;
}
.tabs ul.nav-tabs li a,
.vc_tta-tabs ul.vc_tta-tabs-list li a {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 20px;
    display: block;
    position: relative;
}
.tabs ul.nav-tabs li.active a,
.vc_tta-tabs ul.vc_tta-tabs-list li.vc_active a {
    color: #FDA13A;
}
.tabs ul.nav-tabs li.active a:after,
.vc_tta-tabs ul.vc_tta-tabs-list li.vc_active a:after {
    content: '';
    width: 100%;
    height: 3px;
    bottom: -2px;
    left: 0;
    background: #FDA13A;
    position: absolute;
}
.tabs .tab-pane,
.vc_tta-tabs .vc_tta-panel {
    display: none;
}
.tabs .tab-pane.active,
.vc_tta-tabs .vc_tta-panel.vc_active {
    display: block;
}

/* Accordion */
.vc_toggle,
.panel-group .panel {
    padding-bottom: 20px;
}
.vc_toggle .vc_toggle_title h4,
.panel-group .panel .panel-heading h4 {
    margin-bottom: 0;
}
.vc_toggle .vc_toggle_title h4 a,
.panel-group .panel .panel-heading h4 a {
    padding-bottom: 20px;
    display: block;
    border-bottom: 1px solid #eee;
    position: relative;
}
.vc_toggle .vc_toggle_title h4 a {
    border-bottom: 0;
}
.vc_toggle.vc_toggle_active .vc_toggle_title h4 a,
.panel-group .panel .panel-heading h4 a {
    color: #FDA13A;
}
.vc_toggle .vc_toggle_title h4 a,
.panel-group .panel .panel-heading h4 a.collapsed {
    color: #222;
}
.vc_toggle .vc_toggle_title h4 a:after,
.panel-group .panel .panel-heading h4 a:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '\f078';
    font-family: 'FontAwesome';
    font-size: 10px;
}
.vc_toggle.vc_toggle_active .vc_toggle_title h4 a:after,
.panel-group .panel .panel-heading h4 a.collapsed:after {
    content: '\f077';
}
.vc_toggle.vc_toggle_active .vc_toggle_title h4 a {
    color: #fff !important;
}
.vc_toggle .vc_toggle_content,
.panel-group .panel .panel-body {
    padding-top: 20px;
}

/* Toggle */
.vc_toggle,
.panel-group.toggle .panel {
    margin-bottom: 20px;
}
.vc_toggle,
.panel-group.toggle .panel {
    overflow: hidden;
    padding-bottom: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.vc_toggle.vc_toggle_active .vc_toggle_title h4 a,
.panel-group.toggle .panel .panel-heading a {
    padding-bottom: 0;
    border-bottom: 0;
    background-color: #FDA13A;
    color: #fff;
    padding: 15px 20px;
}
.vc_toggle .vc_toggle_title h4 a,
.panel-group.toggle .panel .panel-heading a.collapsed {
    background-color: #f9f9f9;
    color: #222;
    padding: 15px 20px;
}
.vc_toggle .vc_toggle_title h4 a:after,
.panel-group.toggle .panel .panel-heading h4 a:after {
    right: 15px;
    top: 15px;
}
.vc_toggle .vc_toggle_content,
.panel-group.toggle .panel .panel-body {
    background-color: #f9f9f9;
    padding: 20px;
}

/* VC Toggle */
.vc_toggle .vc_toggle_content {
    display: none;
}

/* Icons */
.icon.large i {
    font-size: 79px;
    line-height: 1;
}
.icon.medium i {
    font-size: 49px;
    line-height: 1;
}
.icon.small {
    font-size: 10px;
    line-height: 1;
}

/* Alert */
.alert {
    padding: 15px 20px;
    background-color: #f9f9f9;
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
div .alert {
    margin-bottom: 30px;
}
div .alert:last-child {
    margin-bottom: 0;
}
.alert:hover {
    cursor: pointer;
}
.alert.danger {
    background-color: #ffd2df;
    color: #d0063f;
}
.alert.danger:hover {
    background-color: #ffcedc;
}
.alert.notice {
    background-color: #fffad8;
    color: #ac9604;
}
.alert.notice:hover {
    background-color: #fff8c7;
}
.alert.success {
    background-color: #dff3ff;
    color: #1187cb;
}
.alert.success:hover {
    background-color: #c8eafe;
}
.alert.information {
    background-color: #e2ffbd;
    color: #559503;
}
.alert.black {
    background-color: #333;
    color: #f1f1f1;
    padding: 10px 30px;
}
.alert.information:hover {
    background-color: #e2ffbd;
}
.alert i {
    display: inline-block;
    margin-right: 5px;
}

/* Team Member */
.team-member {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.team-member .team-member-image {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.team-member .team-member-image img {
    width: 100%;
    height: auto;
}
.team-member .team-member-content h4 {
    margin-bottom: 0;
}
.team-member .team-member-content span {
    margin-bottom: 20px;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
}
.team-member.overlay:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    z-index: 2;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 39%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(39%,rgba(255,255,255,0.7)), color-stop(78%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 39%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 39%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 39%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 39%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}
.team-member.overlay .team-member-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
    text-align: center;
}
.team-member.overlay .team-member-content h4 {
    margin-bottom: 0;
}
.team-member.overlay .team-member-content .desc {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    display: block;
}
.team-member.overlay .team-member-content-inner {
    padding: 20px 40px 50px;
}
.team-member.overlay .author-heading {
    border-bottom: 1px solid rgba(255,255,255,0.8);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.team-member .author-social {
    position: relative;
    z-index: 3;
    text-align: center;
}
.team-member .author-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.team-member .author-social ul li {
    display: inline-block;
}
.team-member .author-social ul li a {
    display: block;
    padding: 5px 10px;
    background-color: #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Timeline */
.timeline.nospace {
    padding: 0;
}
.timeline-item {
    position: relative;
}
.timeline .timeline-item {
    margin-bottom: 30px;
}
.timeline .timeline-item:last-child {
    margin-bottom: 0;
}
.timeline-item .timeline-item-date {
    width: 100px;
    height: auto;
    position: absolute;
    top: 30%;
    left: 0;
    text-align: right;
}
.timeline-item .timeline-item-date span {
    display: block;
    line-height: 1;
}
.timeline-item .timeline-item-date span.year {
    font-weight: 800;
    color: #222;
}
.timeline-item .timeline-item-content {
    margin-left: 120px;
    border-left: 1px solid #ddd;
    padding: 20px 0 20px 40px;
    position: relative;
}
.timeline-item .timeline-item-content:before,
.timeline-item .timeline-item-content:after {
    width: 20px;
    height: 1px;
    background-color: #ddd;
    content: '';
    left: 0;
    position: absolute;
}
.timeline-item .timeline-item-content:before {
    top: 0;
}
.timeline-item .timeline-item-content:after {
    bottom: 0;
}

/* Progress */
.progress {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 10px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    background-color: #f9f9f9;
}
div .progress:last-child {
    margin-bottom: 0;
}
.progress .progress-bar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
    background-color: #FDA13A;
}
.progress-title {
    margin: 0 0 15px;
}
.progress-title .title {
    float: left;
}
.progress-title .percent {
    float: right;
}

/* Blog Item */
.blog-item .blog-item-media {
    margin-bottom: 20px
}
.blog-item .category a {
    color: #FDA13A;
}
.blog-item .comment {
    display: inline-block;
}
.blog-item .comment:before {
    display: inline-block;
    content: '-';
    margin: 0 5px;
    color: #eee;
}
.blog-item .comment i {
    margin-right: 5px;
}
.blog-item .comment {
    color: #999;
}
.blog-item .comment:hover {
    color: #FDA13A;
}

/* Testimonial Box */
.testimonialbox {
    position: relative;
}
.testimonialbox .testimonial-content {
    width: 240px;
    height: auto;
    padding: 20px;
    background-color: rgba(0,0,0,0.9);
    color: #888;
    text-align: center;
    position: absolute;
    top: -90%;
    left: -50%;
    right: -50%;
    z-index: 3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.testimonialbox .testimonial-content:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0,0,0,0.9);
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    right: 50%;
    margin-right: -2.5px;
}
.testimonialbox:hover .testimonial-content {
    opacity: 1;
    top: -100%;
}
.testimonial-text {
    font-size: 18px;
    line-height: 27px;
    color: #eee;
}
.testimonial-text .testimonial-content {
    padding: 0 20%;
}
.testimonial-text .testimonial-name {
    font-size: 13.2px;
    line-height: 23px;
    font-weight: 800;
    margin-top: 20px;
}

/* Testimonial Tabs */
.testimonial-slide {
    list-style: none;
    padding: 0;
    margin: 0;
}
.testimonial-slide a {
    position: relative;
    z-index: 1;
    display: block;
}
.testimonial-slide a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    content: '';
    z-index: 2;
}
.testimonial-slide a.active:before {
    background-color: rgba(0,0,0,0);
}

/* Pricing */
.pricing-box {
    overflow: hidden;
    position: relative;
}
.pricing-box.featured:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #FDA13A transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}
.pricing-box .pricing-price {
    padding: 40px;
    background-color: #eee;
}
.pricing-box .pricing-price h3 {
    position: relative;
    font-size: 69px;
    line-height: 1;
    letter-spacing: -0.05em;
}
.pricing-box .pricing-price h3 .cu {
    position: absolute;
    top: 5px;
    left: -10px;
    font-size: 14px;
    line-height: 1.6;
}
.pricing-box .pricing-price h4 {
    margin-bottom: 0;
}
.pricing-box .pricing-detail {
    padding: 40px;
    background-color: #f9f9f9;
}
.pricing-box .pricing-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pricing-box .pricing-detail ul li:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    display: inline-block;
    margin: 0 5px 0 0;
    color: #222;
}
.pricing-box .pricing-detail ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.pricing-box .pricing-detail ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.pricing-box .pricing-action a {
    display: block;
    padding: 10px 40px;
    background-color: #333;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* Pricing Table */
.pricing-table .pricing-item {
    text-align: center;
}
.pricing-table .pricing-item .pricing-header {
    margin-bottom: 10px;
}
.pricing-table .pricing-item .pricing-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pricing-table .pricing-item .pricing-content ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.pricing-table .pricing-item.content ul {
    text-align: right;
}
.pricing-table .pricing-item.content ul li {
    font-weight: 600;
    color: #222;
}
.pricing-table .pricing-item.content ul li span {
    display: inline-block;
}
.pricing-table .pricing-item.content .pricing-content ul li {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.pricing-table .pricing-item.content .pricing-content ul li span {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.pricing-table .pricing-item .pricing-price {
    border-bottom: 1px solid #eee;
}
.pricing-table .pricing-item .pricing-price h3 {
    position: relative;
    font-size: 69px;
    line-height: 1;
    letter-spacing: -0.05em;
    display: inline-block;
}
.pricing-table .pricing-item .pricing-price h3 span {
    position: relative;
}
.pricing-table .pricing-item .pricing-price h3 .cu {
    position: absolute;
    top: 5px;
    left: -10px;
    font-size: 14px;
    line-height: 1.6;
}
.pricing-table .pricing-item .pricing-price h4 {
    margin-bottom: 0;
}
.pricing-table .pricing-item .pricing-price .desc {
    padding-bottom: 30px;
    display: block;
}

/* Customer Logo */
.customer-logo {
    text-align: center;
}
.customer-logo img {
    max-width: 100%;
    width: auto !important;
    height: auto;
    display: inline-block !important;
}

/* Infobox */
.infobox .infobox-image {
    position: relative;
}
.infobox .infobox-image img {
    width: 100%;
    height: auto;
}
.infobox .infobox-image .inforbox-small {
    position: absolute;
    bottom: 10px;
    left: -10px;
}
.infobox .infobox-image .inforbox-small h5 {
    display: inline-block;
    padding: 5px 10px;
    background-color: #FDA13A;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
}
.infobox .infobox-content {
    margin-top: 20px;
}
.infobox .infobox-content h4 {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* Hover Box */
.hoverbox {
    position: relative;
    overflow: hidden;
}
.hoverbox .hoverbox-content {
    position: absolute;
    padding: 40px;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    bottom: -100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hoverbox:hover .hoverbox-content {
    bottom: 0;
}
.hoverbox .hoverbox-content h4 {
    color: #fff;
}

/* Icon List Box */
.icon-list-box {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.icon-list-box li {
    padding: 0 0 40px 80px;
    position: relative;
}
.icon-list-box li h4 {
    margin-bottom: 10px;
}
.icon-list-box li .icon-list-box-icon {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background-color: #FDA13A;
    padding: 12px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.icon-list-box li:after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(0,0,0,0.05);
    position: absolute;
    top: 0;
    left: 25px;
    z-index: 2;
}
.icon-list-box li:last-child {
    padding-bottom: 0;
}
.icon-list-box li:last-child:after {
    display: none;
}

/* Step Box */
.step-box {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.step-box:before {
    position: absolute;
    width: 3px;
    height: 100%;
    left: 50%;
    right: 50%;
    top: 0;
    content: '';
    background-color: #f9f9f9;
    z-index: 1;
    margin-left: -1.5px;
}
.step-box li {
    padding: 40px;
    margin-bottom: 60px;
    border: 3px solid #f9f9f9;
    text-align: center;
    position: relative;
    z-index: 2;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.step-box li:last-child {
    margin-bottom: 0;
}
.step-box li .number {
    position: absolute;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FDA13A;
    color: #fff;
    text-align: center;
    padding: 13px 0 0;
    margin-left: -25px;
    top: -25px;
    left: auto;
    right: auto;
}

/* Icon Number */
ul.icon-number {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
ul.icon-number li {
    display: inline-block;
    text-align: center;
    position: relative;
}
ul.icon-number li .icon-number-icon-main {
    position: relative;
    height: 70px;
}
ul.icon-number .icon-number-icon-main:before {
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.1);
    position: absolute;
    content: '';
    top: 50%;
    bottom: 50%;
    left: 0;
    z-index: 1;
}
ul.icon-number li .icon-number-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: #FDA13A;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 24px 0 0;
    font-size: 18px;
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.icon-number li .icon-number-icon {
    width: 30px;
    height: 30px;
    font-size: 10px;
    padding: 5px 0 0;
    margin: 20px 0 0;
}
ul.icon-number li.active .icon-number-icon,
ul.icon-number li:hover .icon-number-icon {
    width: 70px;
    height: 70px;
    margin: 0;
    font-size: 18px;
    padding: 24px 0 0;
}
ul.icon-number li .icon-number-content-desc {
    padding: 20px;
}
ul.icon-number li h4 {
    margin-bottom: 30px;
}
ul.icon-number.white li h4 {
    color: #fff;
}

/* High light*/
.highlight-content {
    padding: 26% 80px 0;
}
.highlight-content.white h2,
.highlight-content.white h4 {
    color: #fff;
}
.highlight-content h2 {
    font-size: 38px;
    line-height: 1;
    text-transform: uppercase;
}
.highlight-content h4 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    color: #777;
}
.highlight-content strong {
    color: #FDA13A;
    border-top: 1px solid #FDA13A;
}

/* Icon List */
.icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.icon-list li {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.icon-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.icon-list li i {
    margin-right: 5px;
    color: #222;
}
.icon-list.white li {
    border-bottom-color: rgba(255,255,255,0.1);
}
.icon-list.white li i {
    color: #fff;
}


/* Dropcap */
.dropcap{
    font-size: 32px;
    display: inline-block;
    float: left;
    margin: 8px 10px 0 0;
    color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.dropcap.square{
    color: #7b7b7b;
    font-size: 19px;
    line-height: 1;
    border: 2px solid #7b7b7b;
    padding: 6px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.dropcap.round{
    border: 0;
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background-color: #363636;
    padding: 5px 11px;
}

/* Highlight */
.highlight{
    background: #333;
    display: inline-block;
    color: #fff;
    padding:0 10px;
}
.highlight.blue{
    background-color: #055db5;
}
.highlight.yellow{
    background-color: #e2b71f;
}
.highlight.red{
    background-color: #c20000;
}
.highlight.green{
    background-color: #348806;
}
.highlight.color{
    background-color: #C73831;
}

/* Hight light Box*/
.highlightbox{
    border: 3px solid #fcfcfc;
}
.highlightbox .highlightbox-inner{
    padding: 20px;
    border: 1px solid #eee;
}

/* Round Icon */
ul.roundicon {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.roundicon li {
    display: block;
}
ul.roundicon li:last-child {
    margin-bottom: 0;
}
ul.roundicon li h5 {
    margin-bottom: 0;
    color: #666;
    display: inline-block;
    background-color: rgba(255,255,255,0.7);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 15px 20px 13px;
    margin-bottom: 5px;
    font-size: 13.4px;
    font-weight: 400;
}
ul.roundicon li h5:hover,
ul.roundicon li.active h5 {
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    cursor: pointer;
}
ul.roundicon li h5:hover i,
ul.roundicon li.active h5 i {
    color: inherit;
}
ul.roundicon li h5 i {
    display: inline-block;
    margin-right: 10px;
    color: #000;
}

/* Page Navi */
ul.page-numbers {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.page-numbers li {
    display: inline-block;
}
ul.page-numbers li a,
ul.page-numbers li span {
    padding: 10px 20px;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f4f4f4;
    color: #222;
}
ul.page-numbers li a:hover {
    background-color: #FDA13A;
    color: #fff;
}
ul.page-numbers li span {
    background-color: #222;
    color: #fff;
}
.medium-layout .page-numbers,
.masonry-layout .page-numbers {
    text-align: center;
}

/* Image Class */
.full-image img {
    width: 100%;
    height: auto;
}

/* Count Box */
.countbox {
    text-align: center;
}
.countbox .countbox-number h2 {
    font-size: 49px;
    line-height: 1;
    margin-bottom: 0;
}
.countbox.white h4 {
    color: #666;
}
.countbox.white .countbox-number h2 {
    color: #fff;
}

/* Scroll */
.scroll-notice {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    width: 100%;
    height: auto;
}
.scroll-notice span {
    display: inline-block;
    padding: 7px 30px 5px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.scroll-notice.white span {
    background-color: rgba(255,255,255,0.5);
}
.scroll-notice.white span a {
    color: #222;
}
.scroll-notice span a {
    color: #fff;
}

/* Timeline */
.timeline {
    list-style: none;
    padding: 0 15% 40px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.timeline .timeline-item {
    margin: 0 auto 30px;
    position: relative;
}
.timeline:before {
    background: #e2e2e2;
    content: "";
    left: 50%;
    top: 10px;
    bottom: 0;
    position: absolute;
    width: 1px;
    margin-left: -1px;
    margin-top: -10px;
    height: 9999px;
    display: none;
}
.timeline > li {
    display: block;
    width: 50%;
    position: relative;
    padding-top: 40px;
}
.timeline > li:nth-child(odd) {
    float: left;
    clear: left;
    padding-right: 20px;
}
.timeline > li:nth-child(even) {
    float: right;
    clear: right;
    padding-left: 20px;
}
.timeline > li:nth-child(1),
.timeline > li:nth-child(2) {
    padding-top: 60px;
}
.timeline > li:nth-child(2n) {
    margin-top: 60px;
    margin-bottom: -60px;
}
.timeline > li:last-child {
    margin-bottom: 0;
}
.timeline > li .timeline-item:before {
    display: block;
    position: absolute;
    right: -28px;
    top: 3px;
    content: "";
    height: 15px;
    width: 15px;
    border: 3px solid #fff;
    background: #FDA13A;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.timeline > li:nth-child(odd) .timeline-item:before {
    right: -28px;
}
.timeline > li:nth-child(even) .timeline-item:before {
    left: -28px;
}
.timeline > li .timeline-item .timeline-time {
    position: absolute;
    top: -35px;
}
.timeline > li:nth-child(odd) .timeline-item .timeline-time {
    right: -2px;
}
.timeline > li:nth-child(odd) .timeline-item {
    text-align: right;
}
.timeline > li:nth-child(even) .timeline-item {
    text-align: left;
}
.timeline > li:nth-child(even) .timeline-item .timeline-time {
    left: -2px;
}
.timeline > li.timeline-full {
    clear: both;
    float: none;
    width: 100%;
    padding: 0;
}
.timeline > li.timeline-full .timeline-item {
    margin-top: 20px;
    border-top: 12px solid #F2F2F2;
}
.timeline > li.timeline-full .timeline-item .timeline-time {
    left: 50%;
    margin-left: -40px;
    top: -50px;
}
.timeline > li.timeline-full .timeline-item:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    left:50%;
    margin-left: -10px;
    top: -20px;
}
.timeline > li .timeline-content {
    padding: 0 20px;
}
.timeline .timeline-content h3 {
    margin-bottom: 0;
}
.timeline .timeline-content .date-item {
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    margin-bottom: 10px;
}
.timeline .timeline-icon {
    font-size: 44px;
    margin-bottom: 20px;
}

/* Action */
.actionbox {
    padding: 40px 40px 0;
    margin: 50px 0 0;
    text-align: center;
    border-bottom: 3px solid #FDA13A;
    background-color: #f9f9f9;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.actionbox ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
}
.actionbox ul li {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.actionbox ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.actionbox .actionbox-icon {
    position: absolute;
    top: -50px;
    margin-left: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.actionbox .actionbox-icon .actionbox-icon-mark {
    width: 100%;
    height: 100%;
    background-color: #FDA13A;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.actionbox:hover .actionbox-icon .actionbox-icon-mark {
    top: 0;
}
.actionbox .actionbox-icon .actionbox-icon-content {
    font-size: 40px;
    line-height: 1;
    width: 100px;
    height: 100px;
    background-color: #555;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    padding: 30px 0 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 4;
}
.actionbox .actionbox-icon .actionbox-icon-content i {
    position: relative;
    z-index: 9;
}
.actionbox .actionbox-content {
    margin: 30px 0 15px;
}
.actionbox .actionbox-button {
    margin: 0 -40px;
    opacity: 0;
    position: relative;
    overflow: hidden;
    min-height: 40px;
}
.actionbox:hover .actionbox-button {
    opacity: 1;
}
.actionbox .actionbox-button a {
    display: block;
    background-color: #FDA13A;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.actionbox:hover .actionbox-button a {
    top: 0;
}

/* Divider */
.divider {
    height: 2px;
    background-color: #f9f9f9;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}
.divider .round-icon {
    width: 50px;
    height: 50px;
    border: 2px solid #f9f9f9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 50%;
    right: 50%;
    text-align: center;
    padding: 10px 0 0;
    font-size: 22px;
    background-color: #fff;
    margin-left: -25px;
    color: #222;
}
.divider.full {
    margin-left: -80px;
    margin-right: -80px;
}

/* Number Tabs */
.number-tabs ul.nav {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    text-align: center;
}
.number-tabs ul.nav li {
    display: inline-block;
    padding-bottom: 30px;
    border-bottom: 1px solid #f9f9f9;
}
.number-tabs ul.nav li.active {
    border-bottom-color: #FDA13A;
}
.number-tabs ul.nav li span.number {
    margin: 0 auto 20px;
    width: 50px;
    height: 50px;
    display: block;
    padding: 12px 0 0;
    border: 2px solid #f9f9f9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: bold;
}
.number-tabs ul.nav li span.desc {
    display: block;
}
.number-tabs ul.nav li.active span.number {
    background-color: #FDA13A;
    color: #fff;
    border-color: #FDA13A;
}
.number-tabs ul.nav li h4 {
    margin-bottom: 0;
}
.number-tabs .tab-pane {
    display: none;
}
.number-tabs .tab-pane.active {
    display: block;
}

/* Gallery */
.gallery-area .gallery-item {
    margin-bottom: 5px;
    position: relative;
}
.gallery-area .gallery-item:before {
    width: 0;
    height: 100%;
    content: '';
    background-color: rgba(253,161,58,0.9);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.gallery-area .gallery-item:hover:before {
    width: 100%;
}
.gallery-area .gallery-item img {
    width: 100%;
    height: auto;
}

/* Icon List */
.iconlist .muted {
    display: none;
}
.iconlist i {
    color: #222;
    margin-right: 10px;
}

/* Google Map */
#map {
    width: 100%;
    height: 450px;
}

/* =Entry
-------------------------------------------------------------- */
.entry-item .entry-item-media {
    overflow: hidden;
    position: relative;
}
.entry-item.sticky {
    background-color: #f9f9f9;
    padding: 15px 40px;
    position: relative;
}
.entry-item.sticky:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #FDA13A transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}
.entry-item .entry-item-media .entry-quotes {
    padding: 40px;
    background-color: #222;
    color: #777;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 300;
}
.entry-item .entry-item-media .entry-quotes a {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
}
.entry-item .entry-item-media iframe {
    border: 0;
    width: 100%;
    height: 330px;
}
.entry-item.featured {
    margin: -80px -80px 80px;
}
.entry-item.featured .entry-content {
    padding: 80px;
}
.entry-item .entry-item-media .entry-item-media-mark {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #FDA13A;
    color: #fff;
    text-align: center;
    position: absolute;
    opacity: 0;
    background-color: rgba(253,161,58,0.8);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.entry-item .entry-item-media .entry-item-media-mark i {
    padding: 35% 0;
    display: block;
    font-size: 28px;
    line-height: 0;
}
.entry-item .entry-item-media:hover .entry-item-media-mark {
    height: 100%;
    opacity: 1;
}
.entry-item .entry-item-media img {
    width: 100%;
    height: auto;
}
.entry-item .entry-content .entry-title {
    margin-bottom: 20px;
}
.entry-item.medium .entry-content .entry-title {
    margin-bottom: 5px;
}
.entry-item .entry-content .entry-info {
    margin-bottom: 20px;
    margin-top: 40px;
    color: #888;
    overflow: hidden;
}
.entry-item .entry-tags {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #f9f9f9;
}
.entry-item .entry-tags a,
.entry-item .entry-tags span {
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    padding: 2px 15px;
    background-color: #f9f9f9;
    margin-right: 5px;
}
.entry-item .entry-tags span {
    margin-right: 1px;
    background-color: #999;
    color: #fff;
}
.entry-item .entry-tags a:hover {
    background-color: #000;
    color: #fff;
}
.entry-item .entry-content .entry-info img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.entry-item .entry-content .entry-info i {
    margin-right: 5px;
}
.entry-item .entry-content .entry-info a,
.entry-item .entry-content .entry-info time {
    color: #888;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}
.entry-item .entry-content .entry-info a:hover {
    color: #222;
}
.entry-item .entry-content .entry-info span:after {
    content: '///';
    display: inline-block;
    margin:0 10px;
    color: #eee;
}
.entry-item.featured .entry-content .entry-info span:after {
    color: #333;
}
.entry-item .entry-content .entry-info span.comment:after {
    display: none;
}
.entry-item .entry-content .entry-info .entry-info-share {
    float: right;
}
.entry-item.medium .entry-content .entry-info .entry-info-share {
    display: none;
}
.entry-item .entry-content .entry-info .entry-info-share ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.entry-item .entry-content .entry-info .entry-info-share ul li {
    display: inline-block;
    margin-left: 10px;
}
.entry-item .entry-content .entry-info .entry-info-share ul li:first-child {
    margin-left: 0;
}
.entry-item .entry-meta {
    text-transform: uppercase;
}
.entry-item .entry-meta a {
    color: #FDA13A;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 10px;
}

div .entry-item {
    margin-bottom: 40px;
}
div .entry-item:last-child {
    margin-bottom: 0;
}
div.entry-item-list .entry-item {
    margin-bottom: 40px;
}
.entry-item.featured .entry-content {
    margin-top: 0;
    padding: 80px;
    background-color: #222;
}
.entry-item.featured .entry-content .entry-title a {
    color: #fff;
}
.entry-item.featured .entry-content .entry-info {
    margin-bottom: 0;
}
div.entry-item-list.boxed .entry-item .entry-content {
    background-color: #f9f9f9;
    padding: 40px;
    margin-top: 0;
}
div.entry-item-list.boxed .entry-item .entry-content .entry-info {
    margin-bottom: 0;
}
div.entry-item-list.border-blog .entry-item .entry-content {
    border: 3px solid #f9f9f9;
    border-top: 0;
    padding: 40px;
    margin-top: 0;
}
div.entry-item-list.border-blog .entry-item .entry-content .entry-info {
    margin-bottom: 0;
}
.entry-item.featured .entry-item-media,
div.entry-item-list.border-blog .entry-item .entry-item-media {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
div.entry-item-list.border-blog .entry-item .entry-info-share {
    display: none;
}
div.entry-item-list.border-blog .entry-item .entry-content .entry-info {
    margin: 40px -40px -40px;
    padding: 10px 40px;
    background-color: #fcfcfc;
}
.entry-content {
    overflow: hidden;
}

/* Format Content */
.entry-item .entry-content table {
    width: 100%;
    margin-bottom: 40px;
}
.entry-item .entry-content table thead tr {
    color: #000;
}
.entry-item .entry-content table tr th,
.entry-item .entry-content table tr td {
    border-bottom: 1px solid #f9f9f9;
    padding: 10px 0;
}
.entry-item .entry-content dl dd {
    margin-bottom: 20px;
}
.entry-item .entry-content strong,
.entry-item .entry-content dl dt {
    color: #222;
}
.entry-item .entry-content pre {
    border: 0;
    padding: 40px;
    background-color: #f9f9f9;
}
.entry-item .entry-content blockquote {
    border: 0;
    background-color: #f9f9f9;
    padding: 40px;
    margin: 30px 0;
    position: relative;
}
.entry-item .entry-content blockquote p {
    z-index: 2;
    position: relative;
}
.entry-item .entry-content blockquote:before {
    content: '\e67f';
    font-family: 'themify';
    font-size: 60px;
    position: absolute;
    left: 30px;
    top: 40px;
    color: #eee;
    z-index: 1;
}
.page-content img,
.entry-item .entry-content img {
    max-width: 100%;
    height: auto;
}

/* Entry Boxed */
.entry-item-boxed {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
.entry-item-boxed.sticky:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #FDA13A transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}
.entry-item-boxed .entry-item-info {
    font-size: 12.3px;
    margin-bottom: 30px;
}
.entry-item-boxed .entry-item-boxed-content {
    padding: 40px;
    background-color: #f9f9f9;
    position: relative;
    z-index: 2;
}
.entry-item-boxed.section .entry-item-boxed-content {
    background-color: rgba(255,255,255,0.95);
}
.entry-item-boxed.section:hover .entry-item-boxed-content {
    background-color: #f9f9f9;
}
.entry-item-boxed.section.non-featured .entry-item-boxed-content {
    background-color: #f8f8f8;
}
.entry-item-boxed.quotes a {
    color: #fff;
}
.entry-item-boxed.quotes .entry-item-boxed-content,
.entry-item-boxed.quotes:hover .entry-item-boxed-content {
    background-color: #222;
}
.entry-item-boxed.quotes .entry-item-boxed-author {
    background-color: #000;
}
.entry-item-boxed .entry-item-boxed-content h4 {
    margin-bottom: 0;
}
.entry-item-boxed .entry-item-boxed-author {
    padding: 15px 40px;
    background-color: #f1f1f1;
    z-index: 2;
    position: relative;
}
.entry-item-boxed .entry-item-boxed-author img {
    max-width: 30px;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.entry-item-boxed .entry-item-boxed-avatar {
    float: left;
    margin-right: 10px;
}
.entry-item-boxed .entry-item-boxed-subcontent a {
    margin: 3px 0;
    display: inline-block;
}
.entry-item-boxed .entry-item-icon-format {
    position: absolute;
    top: -25px;
    right: 30px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    color: #222;
    text-align: center;
    padding: 14px 0 0;
}


/* Author Box */
.authorbox {
    padding: 40px;
    border: 5px solid #f9f9f9;
    position: relative;
}
.authorbox .avatar-area {
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.authorbox .avatar-area .avatar-img {
    width: 40px;
    height: 40px;
    float: left;
}
.authorbox .avatar-area .avatar-img img {
    width: 100%;
    height: auto;
}
.authorbox .avatar-area .avatar-content {
    padding: 10px 0 0 60px;
}
.authorbox .avatar-area img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.authorbox h4 {
    margin: 0;
    line-height: 1;
}
.authorbox .avatar {
    display: block;
    margin: 7px 0 0;
}
.authorbox .social {
    list-style: none;
    padding: 0;
}
.authorbox .social li {
    display: inline-block;
    margin-right: 10px;
}
.authorbox .social li a {
    display: block;
    font-size: 10px;
}

/* =Comment
-------------------------------------------------------------- */

.comment:last-child {
    border-bottom:0;
    margin-bottom:0;
}
.comment ul {
    margin:30px 0;
    padding:0 0 0 90px;
    list-style: none;
}
.comment ul ul:last-child {
    margin-bottom: 0;
}
.comment .avatar {
    float:left;
    width:70px;
}
.comment .avatar img {
    width: 100%;
    height: auto;
}
.comment .comment-text {
    background:#fff;
    position:relative;
    margin:0 0 0 90px;
}
ul.commentlist li.comment {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
ul.commentlist li.comment:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
ul.commentlist ul.children {
    border-top: 1px solid #f1f1f1;
    padding-top: 30px;
    margin-top: 30px;
}
ul.commentlist ul.children:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
ul.commentlist > li.comment:last-child .comment-text {
    border-bottom-width:0;
    padding-bottom:0;
}
.comment .comment-text .author {
    margin-bottom:5px;
    margin-top:1px;
}
.comment .comment-text .author span {
    display:block;
    line-height:0.6;
    margin-bottom:5px;
}
.comment .comment-text .author time,.comment .comment-text .author time a {
    font-size:12px;
    color:#bebebe;
}
.comment .comment-text .author time a:before {
    content:"\2022";
    color:#bebebe!important;
    margin:0 5px;
}
.comment .comment-text .author a.url {
    color:#999;
}
.comment .comment-text .author a:hover {
    color:#666;
}
.comment-notes,
.logged-in-as {
    margin-bottom: 30px;
}


/* =Sidebar
-------------------------------------------------------------- */
#sidebar .widget {
    margin-bottom: 30px;
}
#sidebar .widget:last-child {
    margin-bottom: 0;
}
#sidebar .widget .widget-title {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 20px;
    line-height: 0.8;
}
#sidebar .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-left: 1px solid #f9f9f9;
}
#sidebar .widget ul li {
    padding: 3px 20px;
}
#sidebar .widget ul li a {
    color: #777;
}
#sidebar .widget ul li a:hover {
    color: inherit;
}
#sidebar .widget ul li:hover {
    color: #222;
    background-color: #f9f9f9;
}
#sidebar .widget ul li span {
    float: right;
}

/* Gallery Widget */
.widget.gallery img {
    width: 100%;
    height: 100%;
}

/* Flickr Widget */
.widget.flickr .flickr_badge_image {
    width: 33.333333333%;
    float: left;
    position: relative;
}
.widget.flickr .flickr_badge_image:before {
    width: 0;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    content: '';
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.widget.flickr .flickr_badge_image:hover:before {
    width: 100%;
}
.widget.flickr .flickr_badge_image img {
    width: 100%;
    height: auto;
}

/* Twitter Widget */
#sidebar .widget.twitter li {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Lastest Widget */
#footer .widget.latest-news i {
    margin-right: 10px;
    display: inline-block;
}
#footer .widget.latest-news ul {
    position: relative;
}
#footer .widget.latest-news ul li {
    border-bottom: 0;
    padding: 0 0 10px 50px;
    margin-bottom: 0;
    position: relative;
}
#footer .widget.latest-news ul li:before {
    width: 1px;
    height: 100%;
    content: '';
    background-color: #777;
    position: absolute;
    top: 5px;
    left: 15px;
}
#footer .widget.latest-news ul li:last-child:before {
    display: none;
}
#footer .widget.latest-news ul li:after {
    width: 30px;
    height: 30px;
    content: '\f15b';
    font-family: 'FontAwesome';
    text-align: center;
    font-size: 11px;
    background-color: #777;
    color: #222;
    padding: 4px 0 0;
    font-size: 9px;
    position: absolute;
    top: 5px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#footer .widget.latest-news ul li:hover:after {
    background-color: #FDA13A;
    color: #fff;
}

/* Search Widget */
.search-form input {
    width: 100%;
}

/* General Widget */
.widget select {
    width: 100%;
}
.widget table {
    width: 100%;
    text-align: center;
}
.widget table tr {
    border-bottom: 1px solid #f9f9f9;
}
.widget table tr th,
.widget table tr td,
.widget table th td {
    text-align: center;
    padding: 10px;
}
.widget table tr th {
    color: #222;
}
.widget img {
    max-width: 100%;
    height: auto;
}
.widget .screen-reader-text {
    display: none;
}

/* =Portfolio
-------------------------------------------------------------- */
.portfolio-item {
    position: relative;
    overflow: hidden;
}
.portfolio-item .portfolio-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(253,161,58,0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.portfolio-item:hover .portfolio-content {
    background-color: rgba(253,161,58,0.97);
    opacity: 1;
}
.portfolio-item .portfolio-content-inner {
    padding: 0 40px;
}
.portfolio-item .portfolio-content-inner h4 {
    margin-bottom: 0;
    color: #fff;
}
.portfolio-item .portfolio-content-inner a {
    color: #fff;
    padding: 20px 0;
    display: block;
    -webkit-transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -ms-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out;
}
.portfolio-item:hover .portfolio-content-inner a {
    padding: 0;
}
.portfolio-item .portfolio-image img {
    width: 100%;
    height: auto;
}
.portfolio-list .portfolio-item {
    margin-bottom: 40px;
}
.portfolio-list.xsmall .portfolio-item {
    margin-bottom: 5px;
}
.portfolio-list.nospace .portfolio-item {
    margin-bottom: 0;
}
.portfolio-list.nospace + .pagenavi {
    margin-top: 40px;
}

/* Portfolio Filter */
.portfolio-filter {
    background-color: #000;
    text-align: center;
    padding: 30px 0;
}
.portfolio-filter.nav {
    background-color: transparent;
    padding: 0;
}
.portfolio-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.portfolio-filter ul li {
    display: inline-block;
}
.portfolio-filter ul li a,
.portfolio-filter ul li span {
    color: #fff;
    padding: 0 20px;
}
.portfolio-filter.nav ul li a,
.portfolio-filter.nav ul li span {
    /*color: #777;*/
}
.portfolio-filter ul li span:hover {
    cursor: pointer;
}
.portfolio-filter ul li.active span {
    color: #FDA13A;
}
.portfolio-filter-solid .portfolio-item:before {
    width: 100%;
    height: 0;
    content: '';
    background-color: rgba(255,255,255,0.96);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.portfolio-filter-solid .portfolio-item.deactive:before {
    height: 100%;
}
.portfolio-filter-solid .portfolio-item.active:before {
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.portfolio-filter-solid .portfolio-item.deactive {
    pointer-events:none;
}

/* Portfolio Fiter */
.portfolio-filter-nav,
.portfolio-filter.nav {
    margin-bottom: 80px;
    text-align: center;
}
.portfolio-filter-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.portfolio-filter.nav ul li,
.portfolio-filter-nav ul li {
    display: inline-block;
    margin: 0 10px;
}
.portfolio-filter.nav ul li span,
.portfolio-filter-nav ul li a {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
    border: 1px solid #f1f1f1;
    padding: 10px 20px;
    display: block;
}
.portfolio-filter.nav ul li span:hover,
.portfolio-filter.nav ul li.active span,
.portfolio-filter-nav ul li a:hover,
.portfolio-filter-nav ul li a.selected {
    border-color: #FDA13A;
    color: #FDA13A;
}

/* ISO tope*/
.portfolio-isotope-wrap,
.portfolio-page-masonry .portfolio-filter-normal {
    padding: 5px 5px 0;
    background-color: #f9f9f9;
}
.portfolio-page-masonry.full-section {
    margin-bottom: -80px;
}
.portfolio-isotope-wrap.noborder {
    padding: 0;
    background-color: transparent;
}
.portfolio-isotope .portfolio-item {
    margin-bottom: 5px;
}
.portfolio-page-normal.filter1 {
    margin-top: -80px;
    margin-bottom: -80px;
}

/* Portfolio Slide */
.carousel-slide {
    position: relative;
}
.carousel-slide .owl-controls .owl-nav div {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 8px 0 0;
    display: block;
    background-color: #555;
    text-align: center;
    top: 50%;
    bottom: 50%;
}
.carousel-slide.full .owl-controls .owl-nav div.owl-prev {
    left: 40px;
}
.carousel-slide .owl-controls .owl-nav div.owl-prev {
    left: -20px;
}
.carousel-slide .owl-controls .owl-nav div.owl-next {
    right: -20px;
}
.carousel-slide.full .owl-controls .owl-nav div.owl-next {
    right: 40px;
}
.carousel-slide.recent-posts .owl-controls .owl-nav div {
    top: 30%;
    bottom: auto;
}
.carousel-slide .owl-controls .owl-nav div:hover {
    background-color: #FDA13A;
    color: #fff;
}

/* =Bootsrap Theme
-------------------------------------------------------------- */
.row.nospace {
    margin-left: 0;
    margin-right: 0;
}
.row.xsmall {
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.row.nospace > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.row.xsmall [class*="col-"] {
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.row.xsmall.margin [class*="col-"] {
    margin-bottom: 5px;
}
.row.inline [class*="col-"] {
    float: none;
    display: inline-block;
}
.row.border [class*="col-"] {
    border-right: 1px solid #F4F4F4;
}
.row.border.gray [class*="col-"] {
    border-right-color: #191919;
}
.row.border [class*="col-"] > div {
    padding-right: 30px;
}
.row.border [class*="col-"]:last-child > div {
    padding-left: 30px;
    padding-right: 0;
}
.row.border [class*="col-"]:last-child {
    border-right: 0;
}
.top-5 {
    margin-top: 5px;
}
.top-10 {
    margin-top: 10px;
}
.top-20 {
    margin-top: 20px;
}
.top-30 {
    margin-top: 30px;
}
.top-40 {
    margin-top: 80px;
}
.top-60 {
    margin-top: 60px;
}
.bottom-5 {
    margin-bottom: 5px;
}
.bottom-0 {
    margin-bottom: 0;
}
.top-80 {
    margin-top: 80px;
}
.bottom-20 {
    margin-bottom: 20px;
}
.bottom-30 {
    margin-bottom: 30px;
}
.bottom-40 {
    margin-bottom: 40px;
}
.bottom-60 {
    margin-bottom: 60px;
}
.bottom-80 {
    margin-bottom: 80px;
}
.pad-bot-80 {
    padding-bottom: 80px;
}
.pad-top-80 {
    padding-top: 80px;
}
.pad-bot-60 {
    padding-bottom: 60px;
}
.pad-top-60 {
    padding-top: 60px;
}
.pad-bot-40 {
    padding-bottom: 40px;
}
.pad-top-40 {
    padding-top: 40px;
}
.pad-bot-30 {
    padding-bottom: 30px;
}
.pad-top-30 {
    padding-top: 30px;
}
.no-bottom {
    margin-bottom: -80px !important;
}
.no-top {
    margin-top: -80px;
}
.row.masonry {
    margin-right: -15.5px;
    margin-left: -15.5px;
}

/* =Form
-------------------------------------------------------------- */
.form {
    max-width: 600px;
}
.form.full {
    max-width: 100%;
}
.form::after {
    clear: both;
    content: "";
    display: table;
}
.form fieldset {
    margin: 24px 0;
    padding: 0;
    border: 0;
}
.form legend {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ecf0f1;
}
.form div {
    /* form element wrapper */
    position: relative;
}
.form h4, .form .form-label {
    margin-bottom: 10px;
}
.form .form-label {
    display: block;
    color: #222;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea,
.form select,
.form legend {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea,
.form select {
    border-color: #f8f8f8;
    background-color: #f8f8f8;
}
.form.light input[type="text"],
.form.light input[type="email"],
.form.light input[type="tel"],
.form.light textarea,
.form.light select {
    border-color: #fff;
    background-color: #fff;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="tel"]:focus,
.form textarea:focus,
.form select:focus {
    outline: none;
    background-color: #222;
    border-color: #222;
    color: #fff;
}
.form .form-select {
    /* select element wapper */
    position: relative;
}
.form .form-select::after {
    /* arrow icon for select element */
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("assets/image/cd-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}
.form select {
    cursor: pointer;
    font-weight: normal;
}
.form select::-ms-expand {
    display: none;
    outline: 0;
}
.form select:focus {
    outline: 0;
}
.form .form-list {
    margin-top: 16px;
}
.form .form-list::after {
    clear: both;
    content: "";
    display: table;
}
.form .form-list li {
    /* wrapper for radio and checkbox input types */
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 26px 16px 0;
    float: left;
}
.form input[type=radio],
.form input[type=checkbox] {
    /* hide original check and radio buttons */
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}
.form input[type="radio"] + label,
.form input[type="checkbox"] + label {
    padding-left: 24px;
}
.form input[type="radio"] + label::before,
.form input[type="radio"] + label::after,
.form input[type="checkbox"] + label::before,
.form input[type="checkbox"] + label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}
.form input[type="radio"] + label::before,
.form input[type="checkbox"] + label::before {
    border: 1px solid #e2e2e2;
    background: #ffffff;
}
.form input[type="radio"] + label::before,
.form input[type="radio"] + label::after {
    border-radius: 50%;
}
.form input[type="radio"] + label::after,
.form input[type="checkbox"] + label::after {
    background-color: #EA397F;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}
.form input[type="radio"] + label::after {
    /* custom image for radio button */
    background-image: url("assets/image/cd-icon-radio.svg");
}
.form input[type="checkbox"] + label::after {
    /* custom image for checkbox */
    background-image: url("assets/image/cd-icon-check.svg");
}
.form input[type="radio"]:focus + label::before,
.form input[type="checkbox"]:focus + label::before {
    /* add focus effect for radio and check buttons */
}
.form input[type="radio"]:checked + label::after,
.form input[type="checkbox"]:checked + label::after {
    display: block;
}
.form input[type="radio"]:checked + label::before,
.form input[type="radio"]:checked + label::after,
.form input[type="checkbox"]:checked + label::before,
.form input[type="checkbox"]:checked + label::after {
    -webkit-animation: cd-bounce 0.3s;
    -moz-animation: cd-bounce 0.3s;
    animation: cd-bounce 0.3s;
}
.form textarea {
    min-height: 200px;
    resize: vertical;
    overflow: auto;
}
.no-touch .form input[type="submit"]:hover {
    background: #42a2e1;
}
.form input[type="submit"]:focus {
    outline: none;
    background: #2b3e51;
}
.form input[type="submit"]:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.form .error-message p {
    background: #e94b35;
    color: #ffffff;
    font-size: 1.4rem;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 2px;
    padding: 16px;
}
.form .error {
    border-color: #e94b35 !important;
}
.form ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.form ul.inline li {
    display: inline-block;
    margin-right: 15px;
}
.form ul.inline li:last-child {
    margin-right: 0;
}
.form ul li {
    position: relative;
}
.form.white h4, .form.white .form-label {
    margin-bottom: 0;
}
.form label {
    font-weight: normal;
    margin: 0;
}
.white .form label {
    color: #fff !important;
}
@media only screen and (min-width: 600px) {
    .form legend + div {
        /* reduce margin-top for first form element after the legend */
        margin-top: 20px;
    }
    .form h4, .form .form-label {
        margin-bottom: 10px;
    }
}

)

@-webkit-keyframes cd-bounce {
    0%, 100% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
    }
}
@-moz-keyframes cd-bounce {
    0%, 100% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(0.8);
    }
}
@keyframes cd-bounce {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}

/* =Search Overlay
-------------------------------------------------------------- */
.search-overlay.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(253,161,58,0.91);
    z-index: 99999;
    overflow: hidden;
}
.search-overlay.overlay .overlay-close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    color: #fff;
    outline: none;
    z-index: 100;
    background-color: #222;
    text-align: center;
}
.search-overlay.overlay .overlay-content {
    position: relative;
    top: 50%;
    border-bottom: 50%;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20%;
}
.search-overlay.overlay .overlay-content form {
    background-color: #fff;
    padding: 20px 40px;
}
.search-overlay.overlay .overlay-content ::-webkit-input-placeholder {
    color: #222;
}
.search-overlay.overlay .overlay-content :-moz-placeholder {
    color: #222;
}
.search-overlay.overlay .overlay-content ::-moz-placeholder {
    color: #222;
}
.search-overlay.overlay .overlay-content :-ms-input-placeholder {
    color: #222;
}
.overlay .overlay-content form .search-field {
    float: left;
}
.overlay .overlay-content form button {
    float: right;
    margin: 10px 0 0;
}
.search-overlay.overlay .overlay-content form button,
.search-overlay.overlay .overlay-content form input {
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    color: #222;
}
.search-overlay.overlay .overlay-content .widget h3,
.search-overlay.overlay .overlay-content .widget a {
    color: #fff;
}
.search-overlay.overlay .overlay-content .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.search-overlay.overlay .overlay-content .widget ul li {
    margin-bottom: 10px;
}
.search-overlay.overlay .overlay-content .widget.widget_recent_entries ul li:before {
    content: '\f016';
    font-family: 'FontAwesome';
    display: inline-block;
    margin: 0 5px 0 0;
}
.search-overlay.overlay-scale {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.search-overlay.overlay-scale .widget,
.search-overlay.overlay-scale form {
    opacity: 0;
}
.search-overlay.overlay-scale.open form,
.search-overlay.overlay-scale.open .widget {
    opacity: 1;
}
.search-overlay.overlay-scale.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

/* =WordPress
-------------------------------------------------------------- */
.sticky{
}
.bypostauthor{
}
.alignnone {
    margin: 5px 20px 20px 0;
    float: none;
    clear: both;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: transparent;
    text-align: center;
    max-width: 100%;
    position: relative;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img,
.entry-content .wp-caption img {
    width: 100%;
    height: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 12.3px;
    line-height: 17px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(253,161,58,0.5);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.wp-caption p.wp-caption-text a {
    color: #fff;
}
.wp-caption:hover p.wp-caption-text {
    background-color: rgba(253,161,58,1);
}
.wp-caption p.wp-caption-text img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.gallery {
    margin-bottom: 20px;
    margin-left: -4px;
}
.gallery p{
    display: block;
    height: 4px
}
.gallery .gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
    display: table;
    margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
    text-align: center;
}
.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}
.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    transition:         opacity 400ms ease;
    width: 100%;
}
.gallery-caption:before {
    box-shadow: 0 -10px 15px #000 inset;
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.gallery-item:hover .gallery-caption {
    opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}
.entry-content img{
    max-width: 100%;
    height: auto;
    display: block;
}
.content img {
    max-width: 100%;
    height: auto;
}
.vc_single_image-wrapper  img {
    max-width: 100%;
    height: auto;
}

/* =Revoluton Slider
-------------------------------------------------------------- */
.rev_slider a.button,
.rev_slider a.white:hover {
    color: #fff !important
}
.rev_slider a.white {
    color: #000 !important
}

/* =Preloader
-------------------------------------------------------------- */
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
    text-align: center;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition: all all .5s ease ease;
    -moz-transition: all all .5s ease ease;
    -ms-transition: all all .5s ease ease;
    -o-transition: all all .5s ease ease;
    transition: all all .5s ease ease;
    opacity: 1;
    filter: alpha(opacity=100);
}
.loader .spinner {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
}
.disable-loader .loader {
    display: none;
}
.animate {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.animated {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}
.ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.ball-scale-multiple > div {
    background-color: #000;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
}

/* =Responsive
-------------------------------------------------------------- */
@media (max-width: 992px) {
    html.sb-active {
       /* overflow: hidden;*/
    }
    .site-header {
        position: static;
    }
    .sb-toggle-right {
        margin-top: 1.5%;
        display: inline-block;
    }
    .xs-bottom,
    .row > [class*="col-"] {
        margin-bottom: 30px;
    }
    .row.xsmall > [class*="col-"] {
        margin-bottom: 5px;
    }
    .row.nospace > [class*="col-"],
    .row > [class*="col-"]:last-child {
        margin-bottom: 0;
    }
    .site-content,
    #footer .footer-content,
    .heading-area.overlay .heading-area-content {
        padding: 40px;
    }
    #footer .footer-content,
    .heading-area.overlay .heading-area-content {
        padding: 80px 40px;
    }
    .breadcrumb-area {
        padding: 20px 40px;
    }
    .breadcrumb-area .social-share {
        display: none;
    }
    .heading-area,
    .breadcrumb-area{
        margin: -40px -40px 40px;
    }
    .no-page-heading .page-content > .section:first-child  {
        margin: -40px -40px 0;
    }
    .no-page-heading .site-content .main-content.notop {
        margin-top: 0 !important
    }
    .breadcrumb-area .col-md-6 {
        margin-bottom: 0;
    }
    .testimonial-img img {
        width: 100%;
        height: auto;
    }
    .no-bottom {
        margin-bottom: -40px;
    }
    .no-top {
        margin-top: -40px;
    }
    .sb-slidebar .site-header .site-header-content {
        padding: 40px;
        padding-top: 15px;
    }
    .sb-slidebar {
        overflow-x: hidden;
    }
    .sb-slidebar .slide-menu-container {
        margin-top: -55px;
    }
    #sidebar {
        margin-top: 40px;
    }



    
}

@media (min-width: 1200px) {
    .sb-slidebar {
        display: none;
    }
}
.text-muted {
    display: none;
}


/* =Custom
-------------------------------------------------------------- */

/* Haunted Screens color: b11e28 
   Epics color: b11e28
*/


body.black-section .body-mark {
	background: #fff;
}

/* use .site-menu before #menu-left to single out main nav */
#menu-left-navigation .menu-item a {
	/*color: #cdaf77;*/
	color: #231f20;
	color: #d3ccbc;

	border-bottom-color: rgba(0,0,0,0.8);
	border-bottom:0;
	font-family: 'Roboto', sans-serif!important;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height:26px;
	padding-top: 0;
	/*text-shadow: 2px 2px 2px #611515;*/
}
#menu-left-navigation .menu-item:last-child a {
    padding-bottom:0;
}

.menu-item.active a {
    font-weight: bold !important;
}

.site-header .site-menu {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#menu-left-navigation .menu-item a:hover, #menu-left-navigation .current-menu-item a {
    
    
    color: white;
    
    /*font-weight: bold;*/
	}

.site-menu #menu-left-navigation .sub-menu {
    
}

.site-menu #menu-left-navigation {
    padding-left: 6.5%;
    padding-right: 5%;
    margin-top: 0;
    /*background: url("../devox50/assets/image/american-vision/nav_bg.jpg") top left no-repeat;*/
    margin-bottom: 20px;
}

.site-menu {

}


/* mobile nav color */
.slide-menu {
    /*-moz-box-shadow:    inset 0 0 20px #000000;
    -webkit-box-shadow: inset 0 0 20px #000000;
    box-shadow:         inset 0 0 20px #000000;
    */
	-moz-box-shadow: initial;
	-webkit-box-shadow:initial;
	box-shadow:initial;
	
    /*background: #45251f url("../devox50/assets/image/american-vision/scratch-mini.png") center repeat;*/
}

/* mobile nav submenu */
.slide-menu #menu-left-navigation .menu-item .sub-menu {
    background: #ccc;
    padding:10px;
    border: none;
}

/* remove border in mobile menu sub menu */
.slide-menu #menu-left-navigation .menu-item .sub-menu li {
    border: none;
}

.slide-menu #menu-left-navigation .menu-item a {
    font-size: 22px;

}

.home .sb-slidebar .site-header-content {
    padding-left: 20px;

}
.home .sb-slidebar .cinema {
    max-width: 210px;
}
.home .sb-slidebar .exhibition-credit {
    padding-left: 0;
    margin-left: 0;
}


.home .sb-slidebar .social-logo {
    padding-left: 0;
}
.slide-menu .submenu i {
    color: black;
}
.owl-item a {
    
    background-color: #000;
}

/* Gallery Boxes */

h2.head {
    border-bottom: 8px dotted #000;
    border-top: 8px dotted #000;
    padding: 5px 12px;
    border-width: 2px;
    
}

/*something else */
h2.head {
    /*color: #b6a538;
    border-color: #b6a538;*/
	color: #d3ccbc;
	border-color: #666;
    padding-left: 0;
    padding-right: 0;
	
	font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
    
}

.artist-list h2.head {
    color: #f63231;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 22px;
}
.artist-list {

}

/* Haunted Screens Programs & Events */
h2.head {
    border: 0;
    font-size: 30px;
    line-height: 35px;
    font-weight: normal;
}

.program-head h2.head {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.5px;
}


/*
.site-content {
    padding-left:20px;
    padding-right:20px;
    
}*/

.wpb_text_column  {
   font-size: 20px;
/*   
margin-left: 20px;
   margin-right: 20px;
*/
}


/* colorbox */
.colorbox {
    padding:20px;
}
.colorbox-content {
    font-size: 16px;
}

.colorbox-heading h4 {
    
    border-bottom: 1px solid white;
    line-height: 10px;

}
.colorbox-heading {
    padding:0;
}

.colorbox .readmore {
    text-align: right;

}

.section-content .colorbox {
    background: #231f20;

}

/* Section Headings */
.section-heading h2.head {
    font-size: 20px;
    padding-top: 18px;

    padding-bottom: 18px;
	font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
}

/* List item spacing in text */
.wpb_text_column li {
    padding-bottom: 10px;
}


/* fix header */
.site-header {
    max-width: 500px;
}
.site-header .site-header-content {
   padding-top:0px;
}
.small-site-header {
    padding-bottom:10px;
    padding-left: 0;
    padding-top:3px;
    padding-bottom:0;
    /*height: 90px;*/
}

.small-site-header .site-logo {
    /* hid this for nature and opulence
	/*display: none;*/
	
}
/* Caption */
.wp-caption p.wp-caption-text {
    position: initial;
    bottom: initial;
}

.section .wp-caption .wp-caption-text {
    background-color: #eee;
    color: #333;
    text-align: left;
    font-weight: normal;
}
.section .wp-caption:hover .wp-caption-text {
    background-color: #eee;
    color: #333;
}

#footer .footer-content {
    padding: 40px;
    background-color: transparent;  
    border-top: 1px solid black;
    padding: 0;
    margin-left: 76px;
    margin-right: 76px;
    border-color: #231f20;
    border-color: #aaa;
    border-width: 1px;
    padding-top: 20px;
	padding-bottom: 40px;
    font-size: 14px;
    
}

pre {
    background: white;
    border:0;
    padding:0;
}

.wpb_text_column a, .wpb_text_column a:hover {
    
    color: white;
    /* font-family: 'Lora', serif; */
}

/* SITE HEADER */
.site-header .site-logo {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
		
}

.small-site-header .site-logo img {
    
}

.site-header .site-logo img {
    
}

.small-site-header .ti-menu {
    color: #000000;
    font-size: 25px;
}



.site-header {
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 99999;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}



@media (min-width: 992px) {

	.site-content {
	   /*	padding-top: 120px;*/
	}
	

}

.mam-header .mam-logo {
     padding-left: 15px;
     padding-right: 15px;
     margin-top:12px;
     max-height: 30px;
     max-width: 300px;
     width: 100%;
}

.mam-logo {
    position: relative;
}
.small-site-header {
    margin-top: 50px;
}

.sb-slidebar {
    background-color: #0e0e0e;
}

.sb-slidebar .social-logo {
    margin-left: 20px;
}


a.calendar-title {
    
}

.calendar-item {
    margin-top: 40px;
    padding-bottom: 40px;
    border:0;
    border-bottom: 1px solid #eadbc7;
}

/* Haunted Screens Mods */
.calendar-item {
    /*background: #f3f3f3;
    padding: 15px;*/
        
}

.calendar-item a {
    color: #eadbc7;
    text-decoration: underline;
}

.calendar-item .calendar-title {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
}


#mam-home-sidebar .calendar-item {
    border-bottom: 0;

}

#mam-home-sidebar .calendar-item .date {
    
    font-weight: normal;
}

#mam-home-sidebar .calendar-item h2 {
    line-height: 20px;
    font-weight: bold;

}

#mam-home-sidebar h2 {
    font-size: 24px;
    font-weight: normal;
}

.section .calendar-item:first-child {
    margin-top: 0;
}

.calendar-item .date {
	margin-bottom: 15px!important;
	font-size: 21px;
	line-height: 30px;
    font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
}


/* MAM Icons */
.mam-icon-set {
    text-align: right;
    padding-top: 13px;
}

.mam-icon-set .mam-icon {
    position: relative;
    top: -2px;
    padding-right: 10px;
}

.mam-icon-set a {
color: #eadbc7;
font-size: 14px;
font-weight: bold;
margin-right: 30px;
padding-top: 2px;

}

.mam-icon-set a:hover {
    color: #eadbc7;
}

.mam-icon-set-tiny {
    position: absolute;
    right: 0;
    top:0;

}

/*

@media (max-width: 600px) {
   .mam-header {
       height: 90px;
   }
   .mam-header .mam-icon-set-tiny {
         position: relative;
         top: initial;
         right: initial;
         text-align: left;
         left: 15px;
   } 

   .mam-icon-set-tiny .mam-icon {
         padding-right: 0;
         
   } 

   .site-content {
		padding-top: 40px;
	}
	.small-site-header {
	    margin-top: 80px;
	}
}

*/
/* DEGAS PICASSO */
@media (max-width: 600px) {
    body .mam-icon-set-tiny a {
        margin-right: 28px!important;

    }
}

@media (max-width: 660px) {
    .mam-icon-set-tiny a {
        margin-right: 0!important;

    }
}
/* DP */
@media (max-width: 600px) {
   .mam-header {
       height: 95px;
       position: static;
   }
   .mam-header .mam-icon-set-tiny {
         position: relative;
         top: initial;
         right: initial;
         text-align: left;
         left: 15px;
   } 

   .mam-icon-set-tiny .mam-icon {
         padding-right: 0;
         margin-right: -8px;
   } 
   
   .site-content {
		padding-top: 40px;
	}
	.small-site-header {
	    margin-top:0;
	}
   /* DP */
   body .mam-header .col-lg-4 {
       padding-left: 0!important;

    }
/* DP */
    body .mam-header .col-lg-8 {
        padding-left: 0!important;
    } 

}

.owl-item i {
    color: #FFF;
}

.subtext {
    margin-top: 20px;
    line-height: 20px;
    font-size:13px;
}

.mam-page-banner img{
	width: 100%;
	padding: 15px;

}

.mobile-menu {
   width: 190px;
}

.mobile-menu .menu-item {
    padding-bottom:8px;
    margin-top:0;
    margin-bottom:8px;
    border:0;
   
}


.site-header-content .site-menu {
    padding-top: 0px;
    margin-top: -18px;
}

#at4-share {
    top: 70%;
}
#mam-home-sidebar .calendar-item {
    
	font-size:15px;
}

#mam-home-sidebar .calendar-item {
    
    padding-bottom: 10px;
    margin-top: 10px;
}

#mam-home-sidebar .calendar-item h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

#mam-home-sidebar h2.head {
    margin-bottom:0;
}


.site-header {
    /*-moz-box-shadow:    0 -4px 20px black;
    -webkit-box-shadow: 0 -4px 20px black;
    box-shadow:         0 -4px 20px black;*/
}

.sb-slidebar .site-header {
    -moz-box-shadow: initial!important;
    -webkit-box-shadow: initial!important;
    box-shadow: initial!important;
}

.site-content {
    line-height: 30px;
}

.calendar-item h2 {
    margin-bottom: 3px;
    font-size: 22px;
}

/* background was on .site-header, this seems to load smoother though */
	
  
  .site-header, .small-site-header {
	/*background: #000000 url("../devox50/assets/image/american-vision/nav_bg.jpg") top left no-repeat;*/
	
	/* Left sidebar BG */
	background: #231c34;
	}
	.small-site-header {
	    /*background: url("../devox50/assets/image/american-vision/heade_logo_mobile.jpg") #0076bd top left no-repeat;*/
	    background: #231c34;
	    background-size: contain;
	}
	 
.container-full{
	background-color: #000000;
}
.site-header-content {
	padding:0;
}

#footer {background-color: white;}

#footer { background-color: white; }

.sb-slidebar {
     background-color: #231c34;
     border-left: 3px solid white;
     /* background-color: black; */
}

.site-header-wrap {
    background-color: #231c34;
   
}

.sb-slidebar .site-header-content {
     background-color: #231c34;
}

.sb-slidebar .site-header-wrap {
    /* background-color: black; */
}

.sb-slidebar .cloned {
    right: 500px;
}
.boa {
  text-align: center;
  max-width:352px;
  padding-top:35px;
}


.site-social .site-logo {
    text-align: center;
}

.site-header .social-logo {
    text-align: left;
    padding-left: 6.5%;
}

/*
stick to the bottom
.social-logo {
    position: absolute;
    z-index: 50;
    left: 32%;
    bottom: 8.5%;

}*/
.exhibition-credit {
    text-align: center;
}
.cinema {
    opacity: 0.9;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 20px;
    max-width: 250px;
}

.cinema:hover {
    
}

.gallery-item {width: 200px !important}

@media (max-height: 745px) {
    /*.triple-bar {
        display: none;
    }*/
}

.body-header h2 {
    color: #d3ccbc;
    border: 0;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
}

.body-header h2 em {
    font-style: normal;
    color: #231f20;
    font-weight: bold;
}

.button, .button.normal {
    background-color:#f63231; !important;
    font-size: 14px;
    padding-top: 10px;
    color: black;
}

.body-header-exhibition h2 {
    font-size: 36px!important;
}

.exhibition-dates strong {
    font-weight: normal!important;
}

.button:hover, .button.normal:hover {
    background-color:#f63231;
}


#footer .footer-content {
    padding:30px;
    margin:0;
    background-color: #f3f3f3;
    text-align: center;
    border-top: 0;
}
#footer ul.mam-footer-nav {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;

}
#footer .mam-footer-nav li {
    display: inline;
    padding-right: 10px;

}

#footer .mam-footer-nav li a {
    font-family: 'Roboto', arial, sans-serif!important;
    margin-right: 10px;
    color: #666;

}

#footer .mam-footer-nav a:hover {
    color: white;
}

#footer .footer-content img {
    /*margin-right: 60px;*/
    
}

#footer .mam-footer-nav li:after {
    content: "";
}

#footer .mam-footer-nav li:last-child:after {
    content: "";
}

 
#dreams-movie {
    width: 100%;
    max-width: 610px;
    height: 500px;
}




.vc_align_center {
    text-align: center;
}

.footer-content .aligncenter {
    text-align: center;
}

.footer-content img {
	margin-bottom: 50px;
}

.ti-menu:before {
    content: url('../devox50/assets/image/american-vision/navburger.jpg');
}

.timeline-date {
   font-weight: bold;
   width: 170px;
   font-size: 20px; 
   border-left: 3px solid #eeeeee;
   padding-left: 30px;

}

.timeline-table {
    max-width: 700px;
    font-size: 18px;
   
}

.timeline-table td {
    padding-bottom: 20px;
    vertical-align: top;
}

.bghelper {
   background-color: white;
}

.image-gallery-credits {
	
}

.social-logo img {
    width: 35px;
}

.mofa {
    max-width: 400px;
}


.home-sponsors {
    
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.home-sponsors p {
    font-size: 16px;
    margin-bottom: 10px;
}

.singvid iframe {
    width: 100%;
    height: 200px;
}


.pullquote {
    font-size: 23px;
	color: #231f20;
    margin-bottom: 20px;
    margin-right: 20px;
    line-height: 38px;
    margin-top: 15px;
    text-transform: uppercase;
}

.pullquote em {
    font-size: 20px;
}


.at-icon-wrapper {
    background: #231f20!important;
    border: 1px solid white;
}

/* Rashid Johnson Specific START */
    
#footer .footer-content {
    background-color: #231f20;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer .mam-footer-nav li a {
    color: #ccc;
}


@media (min-width: 992px) {

	/* Line around banner image to match logo */
    .mam-page-banner {
        margin-left: 3px;
    }
    

}

body p {
    color: black;
    color: #d3ccbc;
    margin-bottom: 15px;
}

/* Rashid Johnson Specific END */


/* Mobile Nav */
#mobile-nav {
    margin-left: 20px;
    font-size: 20px;
    line-height: 25px;
  
}



.small-site-header .site-logo {
    padding-left: 0;
}

#mobile-nav .menu-item {
    padding-bottom: 20px;
    width: 20%;
    float: left;
    text-align: center;
    font-size: 22px;
    padding-top: 20px;    

}








/* end mobile nav */

.timelapse iframe {
    width: 100%;
    height: 400px;
}




/* make sure content is visible */
#destkop-spacer {
    height: 85px;
    background-color: #231c34;
    

}

.image-row {
    text-align: left;
    width: 100%;
}

.image-row img {
    width: 100%;
    padding: 0 20px;
}

.image-gallery-credits {
    font-size: 12px;
    line-height: 15px;
    padding: 0 20px;

}

@media(max-width: 767px) {

    .image-row img {
        width: 100%;
        padding: 0;

    }

    .image-gallery-credits {
        padding: 0;

    }
}

.artist-name {
    display: block;
    margin-bottom: 5px;
    margin-top: 30px;
}

h2.sponsor-footer {
    color: white;
    text-transform: uppercase;
    color: #d3ccbc;
    font-weight: 400;
    text-align: center;
}

h2.sponsor-supporting {
    font-size: 18px;
    line-height: 30px;
}

.ashmoleon {
    margin-top: 40px;
    margin-bottom: 24px!important;
    
}

.footer-sponsor {
    text-align: left;
    padding-top: 0;
}

.footer-sponsor img {
    width: 90%;
}

.site-content {
    padding-bottom: 40px;
}



.ash {
    margin: 0 auto;

    width: 130px;
}

.artist-nav {
    text-align: center;
}

.artist-nav h2.head {
    font-weight: 700;
}

.artist-nav a {
    color: #d3ccbc;

    font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;

    text-transform: uppercase;
    margin-top: 10px;
    display: inline-block;

}

.artist-body h2.head {
    margin-top: 30px;
    line-height: 20px;
    padding-bottom: 0;

}

.artist-body .artist-name {
	font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
}
}
.artist-list {
    
}


h2.head {
    border: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 0;
}

.program-head h2.head {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.5px;
}


/*
.site-content {
    padding-left:20px;
    padding-right:20px;
    
}*/

.wpb_text_column  {
   /* degas picasso */
   font-size: 18px;
   line-height: 25px;
/*   
margin-left: 20px;
   margin-right: 20px;
*/
}


/* colorbox */
.colorbox {
    padding:20px;
}
.colorbox-content {
    font-size: 16px;
}

.colorbox-heading h4 {
    
    border-bottom: 1px solid white;
    line-height: 10px;

}
.colorbox-heading {
    padding:0;
}

.colorbox .readmore {
    text-align: right;

}

.section-content .colorbox {
    background: #231f20;

}

/* Section Headings */
.section-heading h2.head {
    font-size: 20px;
    padding-top: 18px;

    padding-bottom: 18px;
	font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
}

/* List item spacing in text */
.wpb_text_column li {
    padding-bottom: 10px;
}


/* fix header */
.site-header {
    max-width: 500px;
}
.site-header .site-header-content {
   padding-top:0px;
}
.small-site-header {
    padding-bottom:10px;
    padding-left: 0;
    padding-top:3px;
    padding-bottom:0;
    /*height: 90px;*/
}

.small-site-header .site-logo {
    /* hid this for nature and opulence
	/*display: none;*/
	
}
/* Caption */
.wp-caption p.wp-caption-text {
    position: initial;
    bottom: initial;
}

.section .wp-caption .wp-caption-text {
    background-color: #eee;
    color: #333;
    text-align: left;
    font-weight: normal;
}
.section .wp-caption:hover .wp-caption-text {
    background-color: #eee;
    color: #333;
}

#footer .footer-content {
    padding: 40px;
    background-color: transparent;  
    border-top: 1px solid black;
    padding: 0;
    margin-left: 76px;
    margin-right: 76px;
    border-color: #231f20;
    border-color: #aaa;
    border-width: 1px;
    padding-top: 20px;
	padding-bottom: 40px;
    font-size: 14px;
    
}

pre {
    background: white;
    border:0;
    padding:0;
}

.wpb_text_column a, .wpb_text_column a:hover {
    color: white;
    /* font-family: 'Lora', serif; */
}

/* SITE HEADER */
.site-header .site-logo {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
		
}

.small-site-header .site-logo img {
    
}

.site-header .site-logo img {
    
}

.small-site-header .ti-menu {
    color: #000000;
    font-size: 25px;
}

.mam-header {
	
    width:100%;
    height: 50px;
    background-color: black;

    position: fixed; /*was fixed*/
    left: 0;
    top: 0;
    z-index: 99999;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    font-family: 'Roboto', arial, sans-serif!important;
}

.site-header {
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 99999;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}



@media (min-width: 992px) {

	.site-content {
	   /*	padding-top: 120px;*/
	}
	

}

.mam-header .mam-logo {
	padding-left: 15px;
	padding-right: 15px;
	margin-top:12px;
	max-height: 30px;
	max-width: 300px;
	width: 100%;
}

.mam-logo {
    position: relative;
}
.small-site-header {
    margin-top: 47px;
}

.sb-slidebar {
    background-color: #0e0e0e;
}

.sb-slidebar .social-logo {
    margin-left: 20px;
}


a.calendar-title {
    
}

.calendar-item {
    margin-top: 40px;
    padding-bottom: 40px;
    border:0;
    border-bottom: 1px solid #d3ccbc;
}

/* Haunted Screens Mods */
.calendar-item {
    /*background: #f3f3f3;
    padding: 15px;*/
        
}

.calendar-item a {
    color: #d3ccbc;
    text-decoration: underline;
}

.calendar-item .calendar-title {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
    font-weight: normal;
}


#mam-home-sidebar .calendar-item {
    border-bottom: 0;

}

#mam-home-sidebar .calendar-item .date {
    
    font-weight: normal;
}

#mam-home-sidebar .calendar-item h2 {
    line-height: 20px;
    font-weight: bold;

}

#mam-home-sidebar h2 {
    font-size: 24px;
    font-weight: normal;
}

.section .calendar-item:first-child {
    margin-top: 0;
}

.calendar-item .date {
	margin-bottom: 5px;
    font-weight: normal;
}


/* MAM Icons */
.mam-icon-set {
    text-align: right;
    padding-top: 13px;
}

.mam-icon-set .mam-icon {
    position: relative;
    top: -2px;
    padding-right: 10px;
}

.mam-icon-set a {
	color: white;
	font-size: 14px;
	font-weight: bold;
	margin-right: 30px;
	padding-top: 2px;

}

.mam-icon-set a:hover {
    color: #af841d;
}

.mam-icon-set-tiny {
    position: absolute;
    right: 0;
    top:0;
}

/*

@media (max-width: 600px) {
   .mam-header {
       height: 90px;
   }
   .mam-header .mam-icon-set-tiny {
         position: relative;
         top: initial;
         right: initial;
         text-align: left;
         left: 15px;
   } 

   .mam-icon-set-tiny .mam-icon {
         padding-right: 0;
         
   } 

   .site-content {
		padding-top: 40px;
	}
	.small-site-header {
	    margin-top: 80px;
	}
}

*/

@media (max-width: 600px) {
   .mam-header {
       height: 95px;
       position: static;
   }
   .mam-header .mam-icon-set-tiny {
         position: relative;
         top: initial;
         right: initial;
         text-align: left;
         left: 15px;
   } 

   .mam-icon-set-tiny .mam-icon {
         padding-right: 0;
         margin-right: -8px;
   } 
   
   .site-content {
		padding-top: 40px;
	}
	.small-site-header {
	    margin-top:0;
	}
}

.owl-item i {
    color: #FFF;
}

.subtext {
    margin-top: 20px;
    line-height: 20px;
    font-size:13px;
}

.mam-page-banner img{
	width: 100%;
	padding: 15px;
	padding-left: 7%;
	padding-right: 7%;
	margin-top: 50px;
}

.mobile-menu {
   width: 190px;
}

.mobile-menu .menu-item {
    padding-bottom:8px;
    margin-top:0;
    margin-bottom:8px;
    border:0;
   
}


.site-header-content .site-menu {
    padding-top: 0px;
    margin-top: -18px;
}

#at4-share {
    top: 70%;
}
#mam-home-sidebar .calendar-item {
    
	font-size:15px;
}

#mam-home-sidebar .calendar-item {
    
    padding-bottom: 10px;
    margin-top: 10px;
}

#mam-home-sidebar .calendar-item h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

#mam-home-sidebar h2.head {
    margin-bottom:0;
}


.site-header {
    /*-moz-box-shadow:    0 -4px 20px black;
    -webkit-box-shadow: 0 -4px 20px black;
    box-shadow:         0 -4px 20px black;*/
}

.sb-slidebar .site-header {
    -moz-box-shadow: initial!important;
    -webkit-box-shadow: initial!important;
    box-shadow: initial!important;
}

.site-content {
    line-height: 30px;
}

.calendar-item h2 {
    margin-bottom: 3px;
    font-size: 22px;
}

/* background was on .site-header, this seems to load smoother though */
	
  
  .site-header, .small-site-header {
	/*background: #000000 url("../devox50/assets/image/american-vision/nav_bg.jpg") top left no-repeat;*/
	
	/* Left sidebar BG */
	background: #231c34;
	}
	.small-site-header {
	    /*background: url("../devox50/assets/image/american-vision/heade_logo_mobile.jpg") #0076bd top left no-repeat;*/
	    background: #231c34;
	    background-size: contain;
	}
	 
.container-full{
	background-color: #000000;
}
.site-header-content {
	padding:0;
}

#footer {background-color: white;}

#footer { background-color: white; }

.sb-slidebar {
     background-color: #231c34;
     border-left: 3px solid white;
     /* background-color: black; */
}

.site-header-wrap {
    background-color: #231c34;
   
}

.sb-slidebar .site-header-content {
     background-color: #231c34;
}

.sb-slidebar .site-header-wrap {
    /* background-color: black; */
}

.sb-slidebar .cloned {
    right: 500px;
}
.boa {
  text-align: center;
  max-width:352px;
  padding-top:35px;
}


.site-social .site-logo {
    text-align: center;
}

.site-header .social-logo {
    text-align: left;
    padding-left: 6.5%;
}

/*
stick to the bottom
.social-logo {
    position: absolute;
    z-index: 50;
    left: 32%;
    bottom: 8.5%;

}*/
.exhibition-credit {
    text-align: center;
}
.cinema {
    opacity: 0.9;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 20px;
    max-width: 250px;
}

.cinema:hover {
    
}

.gallery-item {width: 200px !important}

@media (max-height: 745px) {
    /*.triple-bar {
        display: none;
    }*/
}

.body-header h2 {
    color: #d3ccbc;
    border: 0;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
}

.body-header h2 em {
    font-style: normal;
    color: #231f20;
    font-weight: bold;
}

.button, .button.normal {
    background-color:#af841d; !important;
    font-size: 14px;
    padding-top: 10px;
    color: white;
}

.body-header-exhibition h2 {
    font-size: 36px!important;
}

.exhibition-dates strong {
    font-weight: normal!important;
}

.button:hover, .button.normal:hover {
    background-color:#af841d;
    
}


#footer .footer-content {
    padding:30px;
    margin:0;
    background-color: #f3f3f3;
    text-align: center;
    border-top: 0;
    padding-left: 0;
}
#footer ul.mam-footer-nav {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;

}
#footer .mam-footer-nav li {
    display: inline;
    padding-right: 10px;

}

#footer .mam-footer-nav li a {
    font-family: 'Roboto', arial, sans-serif!important;
    margin-right: 10px;
    color: #666;

}

#footer .mam-footer-nav a:hover {
    color: white;
}

#footer .footer-content img {
    /*margin-right: 60px;*/
    
}

#footer .mam-footer-nav li:after {
    content: "";
}

#footer .mam-footer-nav li:last-child:after {
    content: "";
}

 
#dreams-movie {
    width: 100%;
    max-width: 610px;
    height: 500px;
}




.vc_align_center {
    text-align: center;
}

.footer-content .aligncenter {
    text-align: center;
}

.footer-content img {
	margin-bottom: 50px;
}

.ti-menu:before {
    content: url('../devox50/assets/image/american-vision/navburger.jpg');
}

.timeline-date {
   font-weight: bold;
   width: 170px;
   font-size: 20px; 
   border-left: 3px solid #eeeeee;
   padding-left: 30px;

}

.timeline-table {
    max-width: 700px;
    font-size: 18px;
   
}

.timeline-table td {
    padding-bottom: 20px;
    vertical-align: top;
}

.bghelper {
   background-color: white;
}

.image-gallery-credits {
	
}

.social-logo img {
    width: 35px;
}

.mofa {
    max-width: 400px;
}


.home-sponsors {
    
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.home-sponsors p {
    font-size: 16px;
    margin-bottom: 10px;
}

.singvid iframe {
    width: 100%;
    height: 200px;
}


.pullquote {
    font-size: 23px;
	color: #231f20;
    margin-bottom: 20px;
    margin-right: 20px;
    line-height: 38px;
    margin-top: 15px;
    text-transform: uppercase;
}

.pullquote em {
    font-size: 20px;
}


.at-icon-wrapper {
    background: #231f20!important;
    border: 1px solid white;
}

/* Rashid Johnson Specific START */
    
#footer .footer-content {
    background-color: #231f20;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer .mam-footer-nav li a {
    color: #ccc;
}


@media (min-width: 992px) {

	/* Line around banner image to match logo */
    .mam-page-banner {
        margin-left: 3px;
    }
    

}

body p {
    color: black;
    color: #d3ccbc;
}

/* Rashid Johnson Specific END */


/* Mobile Nav */
#mobile-nav {
    margin-left: 0;
    font-size: 20px;
    line-height: 25px;
  
}



.small-site-header .site-logo {
    padding-left: 0;
}

#mobile-nav .menu-item {
    padding-bottom: 20px;
    width: 24%;
    float: left;
    text-align: center;
    font-size: 22px;
    padding-top: 20px;    
    
}

@media (max-width: 767px) {

    #mobile-nav .menu-item {
        padding-top: 15px;
        float: none;
        width: 100%;
        padding-bottom: 0;
        text-align: left;
        margin-left: 20px;
        line-height: 25px;
    }

    #footer .mam-footer-nav li {
        display: block;
        text-align: left;
    }
    
    .footer-sponsor img {
        width: 100%;
        padding-bottom: 40px;
    }

    
}



#mobile-nav .menu-item a, #mobile-nav .menu-item a:visited {

    font-family: Roboto, arial, sans-serif;
    font-weight: 400;
    
    margin-right: 20px;
    color: #d3ccbc;
    color: white;   
    
}


.small-site-header #mobile-nav .menu-item a, .small-site-header #mobile-nav .menu-item a:visited,
.small-site-header #mobile-nav .current_page_item a, 
.small-site-header #mobile-nav .current-menu-item a,
.small-site-header #mobile-nav .menu-item a:hover
 {

    font-family: Roboto, arial, sans-serif;
    font-weight: 400;
    
    margin-right: 20px;
    color: #d3ccbc;
    
    
}

#mobile-nav .current_page_item a {
    /*font-weight: bold!important;*/
   color: white;
}

#mobile-nav .current-menu-item a {
 color: white;
}

a {}

#mobile-nav .menu-item a:hover {
 color: white;
}

#topBtn {
    
    position: fixed;
	 -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial;
}

#topBtn:hover {
		
	background-color:#af841d;
	-webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial;
}

#topBtn img {
    height: 22px;
    float: left;
    
    margin-right: 8px;
 
}

@media (max-width: 992px) {

	#topBtn {
		display: none; /* Hidden by default */
		position: fixed; /* Fixed/sticky position */
		bottom: 20px; /* Place the button at the bottom of the page */
		right: 20px; /* Place the button 30px from the right */
		z-index: 99; /* Make sure it does not overlap */
		border: none; /* Remove borders */
		outline: none; /* Remove outline */
		background-color: #af841d; /* Set a background color */
		color: white; /* Text color */
		cursor: pointer; /* Add a mouse pointer on hover */
		padding: 15px; /* Some padding */
		/*border-radius: 2px;*/ /* Rounded corners */
		font-size: 16px;
		color: #231c34;
	}



.mam-page-banner img{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;

    }
	
	

}

/* end mobile nav */

.timelapse iframe {
    width: 100%;
    height: 400px;
}


.mam-header .desktop-nav {
    background-color: #af841d;
    position: fixed;
    width: 100%;
    top: 50px;
    /* bring them into center a little bit */

    /* Have used fixed height here in the past */
    padding-left: 20px;
    padding-right: 25px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 15px;
}

.mam-header .desktop-nav li {
    padding-top: 15px!important;
    padding-bottom: 10px!important;

}


/* make sure content is visible */
#destkop-spacer {
    background-color: #af841d;
}

.image-row {
    text-align: left;
    width: 100%;
}

.image-row img {
    width: 100%;
    padding: 0 20px;
}

.image-gallery-credits {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;

}

@media(max-width: 767px) {

    .image-row img {
        width: 100%;
        padding: 0;
    }

    .image-gallery-credits {
        padding: 0;
    }
}

.artist-name {
    display: block;
    margin-bottom: 5px;
    margin-top: 30px;
}

h2.sponsor-footer {
    
    color: white;
    text-transform: uppercase;
    color: #d3ccbc;
    font-weight: 400;
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 0;
    padding-bottom: 0;

}

h2.sponsor-supporting {
    font-size: 18px;
    line-height: 30px;
}

.ashmoleon {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}



.footer-sponsor {
    background-color: #231c34;
}


#footer .sponsor-footer-wide p {
    color: black;
    font-size: 18px;
    margin-bottom: 30px;
}

#footer .sponsor-footer-wide h3.sponsor-large {
    font-weight: 300;
    font-size: 20px;
    margin-top: 30px;
}

#footer .sponsor-footer-wide .footer-padding {
    margin-left: 50px;
}

#footer .footer-padding h3 {
    margin-bottom: 0;

}

#footer .sponsor-footer-wide {
    background-color: #d3ccbc;
    padding-top: 30px;
    padding-bottom: 20px;
}

#footer .sponsor-footer-wide img {
    margin-bottom: 30px;
    margin-top: 12px;
}

#footer .terra {
    width: 150px;

}

#footer .cax {
    width: 150px;
    
}

#footer .bmo {
    width: 200px;
}



.site-content {
    padding-bottom: 40px;
}



.ash {
    margin: 0 auto;
    margin-bottom: 0;
    
    width: 130px;
}

.artist-nav {
    text-align: left;
}

.artist-nav a {
    color: #d3ccbc;

    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;

    text-transform: uppercase;
    margin-top: 6px;
    display: inline-block;

}

.artist-body h2.head {
    margin-top: 30px;
    line-height: 20px;
    padding-bottom: 0;

}

.artist-body .artist-name {
	font-family: 'Roboto', sans-serif!important;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 15px;
}

.wpsal-anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

body .artist-body .vc_figure-caption {
    background-color: transparent!important;
    color: #d3ccbc!important;
    padding: 0;
    margin:0;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
    line-height: 17px;
}

/* glossary names */
.page-id-1623 strong,  .page-id-1623 h2 {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.shrink {
    padding: 8%;
}

.shrink {
    padding: 8%;
}


/* DP */
.mam-header .col-lg-4 {
    padding-left: 4.1%!important;
    margin-top: 1px;
}

/* DP */
.mam-header .col-lg-8 {
    padding-right: 3.4%!important;
}

.calendar-item ul li {
    color: #d3ccbc;
}

.homer-portrait {
	width: 275px;
}



@media (max-width: 992px) {

	#topBtn {
		display: none; /* Hidden by default */
		position: fixed; /* Fixed/sticky position */
		bottom: 20px; /* Place the button at the bottom of the page */
		right: 20px; /* Place the button 30px from the right */
		z-index: 99; /* Make sure it does not overlap */
		border: none; /* Remove borders */
		outline: none; /* Remove outline */
		background-color: #af841d; /* Set a background color */
		color: white; /* Text color */
		cursor: pointer; /* Add a mouse pointer on hover */
		padding: 15px; /* Some padding */
		/*border-radius: 2px;*/ /* Rounded corners */
		font-size: 16px;
		color: #231c34;
	}



.mam-page-banner img{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;

    }
	

	
    #footer .sponsor-footer-wide .footer-padding {
    margin-left: 15px;
    }
    
    .site-content {
        padding-left: 20px;
        padding-right: 20px;
    }

}





@media (max-width: 767px) {

    .hide-mobile {
        display: none;
    }

    .homer-portrait { 
        width: 100%;
    }


    #mobile-nav .menu-item {
        padding-top: 15px;
        float: none;
        width: 100%;
        padding-bottom: 0;
        text-align: left;
        margin-left: 20px;
        line-height: 25px;
    }
 
    #footer .mam-footer-nav li {
        display: block;
        text-align: left;
    }
    
    #footer .sponsor-footer-wide .footer-padding {
        margin-left: 20px;
    }

    .homer-dates {
        margin-top: 20px;
        width: 90% !important;
        
	}
}



.homer-dates {
    margin-top: 20px;
    width: 60%;
    max-width: 390px;
}

.mobile-logo-bottom {
    width: 100%;
    padding: 20px 10px 4em 20px;
}

#footer .footer-content .row {

}

.homer-portriat { 
        width: 38%;
    }

#mobile-nav.desktop-nav .current-menu-item a {
    color: #231c34;
}

.kids {
    margin-top: 40px;
    height: 18px;
}

.kids-mobile {
    margin-top: 40px;
    height: 46px;
}

p.image-credit {
    line-height: 1.25;
    padding: .5em 0 1em 0;
	font-size: .75em;
}