:root {
    --color-1:#d65027;
    --color-2:#ffebae;
    --color-3:#ff3f1f;
    --color-4:#711c01;
    --color-5:#932604;
    --color-6:#46545d;
    --color-7: #2ba9c8;
    --color-8: #085b6f;
    --color-black: #000000;
    --color-white: #FFFFFF;
}
body {
	font-family: 'Rubik', sans-serif;
    background-color: var(--color-black);
    font-size: 38px;
    color: var(--color-1);
	line-height: 1.2;
	font-weight: 400;
}
p {
    margin-bottom: 20px;
    color: var(--color-black);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
	margin-bottom: 20px;
	color:var(--color-1);
    font-family: 'Rubik', sans-serif;
}
h1 {
	font-size: 190px;
    line-height: 180px;
    text-transform: uppercase;
}
h2 {
    font-size: 190px;
    line-height: 180px;
    text-transform: uppercase;
    font-weight: 500;
}
h3 {
    font-size: 75px;
    line-height: 80px;
    text-transform: uppercase;
    font-weight: 500;
}
h4 {
    font-size: 45px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 500;
}
/*h5 {
    
} */
img, video{
	max-width:100%;
	height:auto;
}
a{
	color: var(--color-3);
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a:hover, a:focus {
    text-decoration: none;
    color: var(--color-5);
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:var(--color-1);
}
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color:var(--color-1);
}
/********************Bootstrap 3 Overlap***************/
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both;}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:block;content:" ";}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{float:left;}
/********************End Bootstrap 3 Overlap***************/
.container{
    position: relative;
}
.large-container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
/*******************************/
.background-bg-1{
    background-color: var(--color-1);
}
.background-bg-2{
    background-color: var(--color-2);
}
.background-bg-3{
    background-color: var(--color-white);
    color: var(--color-black);
}
.background-bg-3 p, .background-bg-3 ul{
    color: var(--color-black);
}
.pad-40{
    padding-top: 40px;
    padding-bottom: 40px;
}
.pad-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.p-t-100{
    padding-top: 100px;
}
.p-b-220{
    padding-bottom: 220px;
}
.graphic-side-1, .background-bg-2{
    z-index: 2;
}
.graphic-single-side{
    z-index: 1;
}
.graphic-side-1:before, .graphic-side-1:after{
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 195px;
}
.graphic-side-1:before {
    top: -175px;
    background-image: url(../img/graphics/shap-top-1.png);
    background-position: top;
}
.graphic-side-1:after{
    bottom: -175px;
    background-image: url(../img/graphics/shap-bottom-1.png);
    background-position: bottom;
}
.graphic-side-2:before, .graphic-side-2:after{
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 49px;
}
.graphic-side-2:before {
    top: -28px;
    background-image: url(../img/graphics/yellow-shap-top-1.png);
    background-position: top;
}
.graphic-side-2:after{
    bottom: -28px;
    background-image: url(../img/graphics/yellow-shap-bottom-1.png);
    background-position: bottom;
}
.graphic-single-side .slick-slide {
    -moz-mask-box-image: url(../img/blur-bg-black.png);
    -webkit-mask-box-image: url(../img/blur-bg-black.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    mask-position: bottom;
}
.graphic-single-side {
    z-index: 1;
    margin-bottom: -30px;
    padding: 0;
}
.tab-box form {
    display: inline-block;
    width: 100%;
}
@supports(-moz-appearance:none) {
    .gallery-section.graphic-single-side::after {
        content: "";
        background-image: url(../img/blur-bg-black-new-firfox.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        display: block;
        position: absolute;
        bottom: -39px;
        left: 0;
        right: 0;
        height: 40px;
        z-index: 1;
        opacity: 0.9;
    }
    .graphic-single-side {
        margin-bottom: 0;
    }
}
/**********************Button******************/
button:focus, .btn:focus, input[type="submit"], .button{
    outline: none;
    box-shadow: none;
}
.btn {
    font-size: 56px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    padding: 10px 40px;
    height: 136px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    border: 5px solid;
}
.btn-link-1{
    background-color: var(--color-1);
    color: var(--color-2);
    border-color: var(--color-1);
}
.btn-link-1:hover {
    background-color: transparent;
    color: var(--color-1);
    border-color: var(--color-1);
}
.btn-link-2{
    background-color: var(--color-2);
    color: var(--color-1);
    border-color: var(--color-2);
}
.btn-link-2:hover {
    background-color: transparent;
    color: var(--color-2);
    border-color: var(--color-2);
}
.btn-link-3{
    background-color: transparent;
    color: var(--color-2);
    border-color: var(--color-2);
}
.btn-link-3:hover {
    background-color: var(--color-2);
    color: var(--color-1);
    border-color: var(--color-2);
}
/**********************Slider****************/
ul.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 58px;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding-left: 0;
    line-height: 0;
}
ul.slick-dots>li {
    margin: 0px 15px;
}
ul.slick-dots button {
    background-color: transparent;
    width: 20px;
    height: 20px;
    font-size: 0;
    padding: 0;
    border: 5px solid var(--white);
    border-radius: 12px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
ul.slick-dots button:hover, ul.slick-dots .slick-active button{
    background-color: var(--white);
}
/************************************************************/
.section-title {
    margin-bottom: 30px;
}
.section-title p{
    font-size: 45px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.nav-tabs, .tab-box .bef-links ul {
    display: flex;
    justify-content: center;
    border: 0;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 60px;
    list-style: none;
    padding: 0;
    text-transform: uppercase;
}
.nav-tabs>li, .tab-box .bef-links ul>li{
    padding: 0px 24px;
}
.nav-tabs>li>a, .tab-box .bef-links ul>li>a{
    position: relative;
}
.nav-tabs>li>a:after, .tab-box .bef-links ul>li>a:after{
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background-color: var(--color-3);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.nav-tabs>li>a:hover:after, .nav-tabs>li>a.active:after,.tab-box .bef-links ul>li>a:hover:after, .tab-box .bef-links ul>li>a.bef-link--selected:after{
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/******/
.tab-content.list50 h3 {
    text-align: center;
    margin-bottom: 30px;
}