@font-face {
    font-family: "jaapokki";
    src: url("../fonts/jaapokkienchance-regular-webfont.eot"), url("../fonts/jaapokkienchance-regular-webfont.ttf"), url("../fonts/jaapokkienchance-regular-webfont.woff"), url("../fonts/jaapokkienchance-regular-webfont.woff2");
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    outline: none !important;
    border: none;
    font-smoothing: antialiased;
    text-decoration: none !important;
}
::-moz-selection {
    background-color: #000;
    color: #fff;
}
::selection {
    background-color: #000;
    color: #fff;
}
::-moz-selection {
    background-color: #000;
    color: #fff;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    outline: none !important;
    border: none;
    font-smoothing: antialiased;
}
.margin0 {
    margin: 0px;
}
.margin5 {
    margin: 5px;
}
.margin10 {
    margin: 10px;
}
.margin15 {
    margin: 15px;
}
.margin20 {
    margin: 20px;
}
.margin25 {
    margin: 25px;
}
.margin30 {
    margin: 30px;
}
.margin35 {
    margin: 35px;
}
.margin40 {
    margin: 40px;
}
.margin45 {
    margin: 45px;
}
.margin50 {
    margin: 50px;
}
.margin55 {
    margin: 55px;
}
.margin60 {
    margin: 60px;
}
.margin65 {
    margin: 65px;
}
.margin70 {
    margin: 70px;
}
.margin75 {
    margin: 75px;
}
.margin80 {
    margin: 80px;
}
.margin85 {
    margin: 85px;
}
.margin90 {
    margin: 90px;
}
.margin95 {
    margin: 95px;
}
.margin100 {
    margin: 100px;
}
.marginTop0 {
    margin-top: 0px;
}
.marginTop5 {
    margin-top: 5px;
}
.marginTop10 {
    margin-top: 10px;
}
.marginTop15 {
    margin-top: 15px;
}
.marginTop20 {
    margin-top: 20px;
}
.marginTop25 {
    margin-top: 25px;
}
.marginTop30 {
    margin-top: 30px;
}
.marginTop35 {
    margin-top: 35px;
}
.marginTop40 {
    margin-top: 40px;
}
.marginTop45 {
    margin-top: 45px;
}
.marginTop50 {
    margin-top: 50px;
}
.marginTop55 {
    margin-top: 55px;
}
.marginTop60 {
    margin-top: 60px;
}
.marginTop65 {
    margin-top: 65px;
}
.marginTop70 {
    margin-top: 70px;
}
.marginTop75 {
    margin-top: 75px;
}
.marginTop80 {
    margin-top: 80px;
}
.marginTop85 {
    margin-top: 85px;
}
.marginTop90 {
    margin-top: 90px;
}
.marginTop95 {
    margin-top: 95px;
}
.marginTop100 {
    margin-top: 100px;
}
.marginRight0 {
    margin-right: 0px;
}
.marginRight5 {
    margin-right: 5px;
}
.marginRight10 {
    margin-right: 10px;
}
.marginRight15 {
    margin-right: 15px;
}
.marginRight20 {
    margin-right: 20px;
}
.marginRight25 {
    margin-right: 25px;
}
.marginRight30 {
    margin-right: 30px;
}
.marginRight35 {
    margin-right: 35px;
}
.marginRight40 {
    margin-right: 40px;
}
.marginRight45 {
    margin-right: 45px;
}
.marginRight50 {
    margin-right: 50px;
}
.marginRight55 {
    margin-right: 55px;
}
.marginRight60 {
    margin-right: 60px;
}
.marginRight65 {
    margin-right: 65px;
}
.marginRight70 {
    margin-right: 70px;
}
.marginRight75 {
    margin-right: 75px;
}
.marginRight80 {
    margin-right: 80px;
}
.marginRight85 {
    margin-right: 85px;
}
.marginRight90 {
    margin-right: 90px;
}
.marginRight95 {
    margin-right: 95px;
}
.marginRight100 {
    margin-right: 100px;
}
.marginBottom0 {
    margin-bottom: 0px;
}
.marginBottom5 {
    margin-bottom: 5px;
}
.marginBottom10 {
    margin-bottom: 10px;
}
.marginBottom15 {
    margin-bottom: 15px;
}
.marginBottom20 {
    margin-bottom: 20px;
}
.marginBottom25 {
    margin-bottom: 25px;
}
.marginBottom30 {
    margin-bottom: 30px;
}
.marginBottom35 {
    margin-bottom: 35px;
}
.marginBottom40 {
    margin-bottom: 40px;
}
.marginBottom45 {
    margin-bottom: 45px;
}
.marginBottom50 {
    margin-bottom: 50px;
}
.marginBottom55 {
    margin-bottom: 55px;
}
.marginBottom60 {
    margin-bottom: 60px;
}
.marginBottom65 {
    margin-bottom: 65px;
}
.marginBottom70 {
    margin-bottom: 70px;
}
.marginBottom75 {
    margin-bottom: 75px;
}
.marginBottom80 {
    margin-bottom: 80px;
}
.marginBottom85 {
    margin-bottom: 85px;
}
.marginBottom90 {
    margin-bottom: 90px;
}
.marginBottom95 {
    margin-bottom: 95px;
}
.marginBottom100 {
    margin-bottom: 100px;
}
.marginLeft0 {
    margin-left: 0px;
}
.marginLeft5 {
    margin-left: 5px;
}
.marginLeft10 {
    margin-left: 10px;
}
.marginLeft15 {
    margin-left: 15px;
}
.marginLeft20 {
    margin-left: 20px;
}
.marginLeft25 {
    margin-left: 25px;
}
.marginLeft30 {
    margin-left: 30px;
}
.marginLeft35 {
    margin-left: 35px;
}
.marginLeft40 {
    margin-left: 40px;
}
.marginLeft45 {
    margin-left: 45px;
}
.marginLeft50 {
    margin-left: 50px;
}
.marginLeft55 {
    margin-left: 55px;
}
.marginLeft60 {
    margin-left: 60px;
}
.marginLeft65 {
    margin-left: 65px;
}
.marginLeft70 {
    margin-left: 70px;
}
.marginLeft75 {
    margin-left: 75px;
}
.marginLeft80 {
    margin-left: 80px;
}
.marginLeft85 {
    margin-left: 85px;
}
.marginLeft90 {
    margin-left: 90px;
}
.marginLeft95 {
    margin-left: 95px;
}
.marginLeft100 {
    margin-left: 100px;
}
.padding0 {
    padding: 0px;
}
.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}
.padding15 {
    padding: 15px;
}
.padding20 {
    padding: 20px;
}
.padding25 {
    padding: 25px;
}
.padding30 {
    padding: 30px;
}
.padding35 {
    padding: 35px;
}
.padding40 {
    padding: 40px;
}
.padding45 {
    padding: 45px;
}
.padding50 {
    padding: 50px;
}
.padding55 {
    padding: 55px;
}
.padding60 {
    padding: 60px;
}
.padding65 {
    padding: 65px;
}
.padding70 {
    padding: 70px;
}
.padding75 {
    padding: 75px;
}
.padding80 {
    padding: 80px;
}
.padding85 {
    padding: 85px;
}
.padding90 {
    padding: 90px;
}
.padding95 {
    padding: 95px;
}
.padding100 {
    padding: 100px;
}
.paddingTop0 {
    padding-top: 0px;
}
.paddingTop5 {
    padding-top: 5px;
}
.paddingTop10 {
    padding-top: 10px;
}
.paddingTop15 {
    padding-top: 15px;
}
.paddingTop20 {
    padding-top: 20px;
}
.paddingTop25 {
    padding-top: 25px;
}
.paddingTop30 {
    padding-top: 30px;
}
.paddingTop35 {
    padding-top: 35px;
}
.paddingTop40 {
    padding-top: 40px;
}
.paddingTop45 {
    padding-top: 45px;
}
.paddingTop50 {
    padding-top: 50px;
}
.paddingTop55 {
    padding-top: 55px;
}
.paddingTop60 {
    padding-top: 60px;
}
.paddingTop65 {
    padding-top: 65px;
}
.paddingTop70 {
    padding-top: 70px;
}
.paddingTop75 {
    padding-top: 75px;
}
.paddingTop80 {
    padding-top: 80px;
}
.paddingTop85 {
    padding-top: 85px;
}
.paddingTop90 {
    padding-top: 90px;
}
.paddingTop95 {
    padding-top: 95px;
}
.paddingTop100 {
    padding-top: 100px;
}
.paddingRight0 {
    padding-right: 0px;
}
.paddingRight5 {
    padding-right: 5px;
}
.paddingRight10 {
    padding-right: 10px;
}
.paddingRight15 {
    padding-right: 15px;
}
.paddingRight20 {
    padding-right: 20px;
}
.paddingRight25 {
    padding-right: 25px;
}
.paddingRight30 {
    padding-right: 30px;
}
.paddingRight35 {
    padding-right: 35px;
}
.paddingRight40 {
    padding-right: 40px;
}
.paddingRight45 {
    padding-right: 45px;
}
.paddingRight50 {
    padding-right: 50px;
}
.paddingRight55 {
    padding-right: 55px;
}
.paddingRight60 {
    padding-right: 60px;
}
.paddingRight65 {
    padding-right: 65px;
}
.paddingRight70 {
    padding-right: 70px;
}
.paddingRight75 {
    padding-right: 75px;
}
.paddingRight80 {
    padding-right: 80px;
}
.paddingRight85 {
    padding-right: 85px;
}
.paddingRight90 {
    padding-right: 90px;
}
.paddingRight95 {
    padding-right: 95px;
}
.paddingRight100 {
    padding-right: 100px;
}
.paddingBottom0 {
    padding-bottom: 0px;
}
.paddingBottom5 {
    padding-bottom: 5px;
}
.paddingBottom10 {
    padding-bottom: 10px;
}
.paddingBottom15 {
    padding-bottom: 15px;
}
.paddingBottom20 {
    padding-bottom: 20px;
}
.paddingBottom25 {
    padding-bottom: 25px;
}
.paddingBottom30 {
    padding-bottom: 30px;
}
.paddingBottom35 {
    padding-bottom: 35px;
}
.paddingBottom40 {
    padding-bottom: 40px;
}
.paddingBottom45 {
    padding-bottom: 45px;
}
.paddingBottom50 {
    padding-bottom: 50px;
}
.paddingBottom55 {
    padding-bottom: 55px;
}
.paddingBottom60 {
    padding-bottom: 60px;
}
.paddingBottom65 {
    padding-bottom: 65px;
}
.paddingBottom70 {
    padding-bottom: 70px;
}
.paddingBottom75 {
    padding-bottom: 75px;
}
.paddingBottom80 {
    padding-bottom: 80px;
}
.paddingBottom85 {
    padding-bottom: 85px;
}
.paddingBottom90 {
    padding-bottom: 90px;
}
.paddingBottom95 {
    padding-bottom: 95px;
}
.paddingBottom100 {
    padding-bottom: 100px;
}
.paddingLeft0 {
    padding-left: 0px;
}
.paddingLeft5 {
    padding-left: 5px;
}
.paddingLeft10 {
    padding-left: 10px;
}
.paddingLeft15 {
    padding-left: 15px;
}
.paddingLeft20 {
    padding-left: 20px;
}
.paddingLeft25 {
    padding-left: 25px;
}
.paddingLeft30 {
    padding-left: 30px;
}
.paddingLeft35 {
    padding-left: 35px;
}
.paddingLeft40 {
    padding-left: 40px;
}
.paddingLeft45 {
    padding-left: 45px;
}
.paddingLeft50 {
    padding-left: 50px;
}
.paddingLeft55 {
    padding-left: 55px;
}
.paddingLeft60 {
    padding-left: 60px;
}
.paddingLeft65 {
    padding-left: 65px;
}
.paddingLeft70 {
    padding-left: 70px;
}
.paddingLeft75 {
    padding-left: 75px;
}
.paddingLeft80 {
    padding-left: 80px;
}
.paddingLeft85 {
    padding-left: 85px;
}
.paddingLeft90 {
    padding-left: 90px;
}
.paddingLeft95 {
    padding-left: 95px;
}
.paddingLeft100 {
    padding-left: 100px;
}
body,
html {
    font-family: "Open Sans" !important;
    font-weight: 400;
}
video {
    position: relative;
    width: 100% !important;
}
section {
    position: relative;
    padding: 120px 0;
}
.bg-black {
    background: #141414;
}
.bg-gold {
    background: #daa520;
    padding: 80px 0;
}
.heading-white h1 {
    line-height: 55px;
    font-size: 65px;
    color: #000;
    font-weight: 800 !important;
    font-family: "jaapokki";
}
.heading-white h1 span {
    color: #daa520;
}
.heading-white .hr1 {
    width: 7%;
    height: 5px;
    background: #daa520;
    display: block;
}
.heading-white .hr2 {
    width: 3.5%;
    height: 2px;
    background: #000;
    margin-top: -10px;
    display: block;
}
.heading-white .hr3 {
    width: 24%;
    height: 6px;
    background: #000;
    margin-top: 40px;
    display: block;
}
.heading-black h1 {
    line-height: 55px;
    font-size: 65px;
    color: #fff;
    font-weight: 800 !important;
    font-family: "jaapokki";
}
.heading-black h1 span {
    color: #daa520;
}
.heading-black .hr1 {
    width: 7%;
    height: 5px;
    background: #daa520;
    display: block;
}
.heading-black .hr2 {
    width: 3.5%;
    height: 2px;
    background: #fff;
    margin-top: -10px;
    display: block;
}
.heading-black .hr3 {
    width: 24%;
    height: 6px;
    background: #fff;
    margin-top: 40px;
    display: block;
}
.heading-black svg {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.heading-black p {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    text-transform: uppercase;
}
.web-form {
    display: block;
    width: 100%;
}
.web-form .form-group {
    margin: 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.web-form .form-group input {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 18px;
    background: none;
    font-weight: 400;
    color: #fff;
    border: solid 1px #fff;
}
.web-form .form-group textarea {
    padding: 15px 12px;
    display: block;
    width: 100%;
    font-size: 18px;
    background: none;
    font-weight: 400;
    vertical-align: middle;
    color: #fff;
    resize: none;
    min-height: 187px;
    border: solid 1px #fff;
}
.notify {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    font-size: 12px;
}
.btn-main {
    border: solid 3px #000;
    padding: 12px 40px;
    border-radius: 40px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-main:hover {
    background: #000;
    color: #fff;
}
.btn-reverse {
    border: solid 3px #fff;
    padding: 12px 40px;
    border-radius: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: none;
}
.btn-reverse:hover {
    background: #fff;
    color: #000;
}
.navbar {
    background: none;
    padding: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
.navbar .navbar-brand {
    color: #fff;
    font-family: "jaapokki";
    text-transform: uppercase;
    font-size: 24.5px;
    padding-left: 15px;
}
.navbar .navbar-toggler {
    outline: none;
}
.navbar .navbar-toggler svg {
    color: #daa520;
}
.navbar #navbarSupportedContent .navbar-nav {
    padding: 0;
}
.navbar #navbarSupportedContent .navbar-nav .nav-item {
    position: relative;
}
.navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link {
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px;
    color: #fff;
    font-weight: 600;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link:hover {
    color: #daa520;
}
.navbar #navbarSupportedContent .navbar-nav .active {
    background: #daa520;
    color: #000 !important;
    font-weight: 700 !important;
}
.inner_header {
    background: #000;
    text-align: center;
    padding: 130px 15px 90px;
}
.inner_header hr {
    height: 2px;
    width: 7.8%;
    background: #fff;
    margin: auto;
    margin-top: 10px;
}
.inner_header h1 {
    text-transform: uppercase;
    font-size: 30px;
    color: #daa520;
    letter-spacing: 2px;
    font-weight: 800;
}
.main_header {
    position: relative;
    height: 100vh;
    overflow: hidden;
    width: auto;
    background: #000;
}
.main_header .bar-left {
    width: 3px;
    height: 200px;
    background: #fff;
    position: absolute;
    top: 70px;
    left: 20px;
    z-index: 99;
}
.main_header .bar-left svg {
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 30px;
    left: 18px;
}
.main_header .bar-right {
    width: 3px;
    height: 200px;
    background: #daa520;
    position: absolute;
    bottom: 50px;
    right: 20px;
    z-index: 99;
}
.main_header .bar-right svg {
    font-size: 25px;
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: -28px;
}
.main_header .heading {
    line-height: 60px !important;
    color: #fff;
    font-weight: 800 !important;
    font-family: "jaapokki";
    word-wrap: break-word !important;
    white-space: normal !important;
    text-transform: uppercase !important;
}
.main_header .heading span {
    color: #daa520;
    line-height: 60px !important;
}
.intro p {
    text-align: justify;
    margin: 20px 0;
    color: rgba(0, 0, 0, 0.6);
}
.intro h5 {
    font-weight: 700;
    margin-top: 60px;
    text-transform: uppercase;
}
.intro-att {
    padding: 30px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
}
.intro-att svg {
    font-size: 50px;
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.intro-att h5 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    color: #daa520;
    margin: 20px 0;
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.intro-att p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    opacity: 0;
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.intro-att:hover h5,
.intro-att:hover p,
.intro-att:hover svg {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.intro-att:hover p {
    opacity: 1;
}
#filter .controls {
    margin: 50px 0;
}
#filter .controls button {
    border: solid 3px #fff;
    padding: 6px 15px;
    border-radius: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: none;
    cursor: pointer;
    margin-right: 8px;
    margin-top: 10px;
}
#filter .controls button:hover {
    background: #fff;
    color: #000;
}
#filter .controls button.mixitup-control-active {
    background: #daa520;
    border-color: #daa520;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #fff !important;
}
#filter .target .mix {
    display: inline-block;
    padding: 4px;
}
#filter .target .mix figure {
    position: relative;
    overflow: hidden;
}
#filter .target .mix figure img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#filter .target .mix figure .black-box {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(500px);
    -ms-transform: translateY(500px);
    transform: translateY(500px);
}
#filter .target .mix figure .black-box span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    padding: 15px 0;
    text-transform: capitalize;
    font-weight: 700;
    margin-left: -69px;
    margin-top: -30px;
    min-width: 138px;
    text-align: center;
}
#filter .target .mix:hover img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}
#filter .target .mix:hover .black-box {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.media .col-md-4 {
    display: inline-block;
    padding: 3px;
}
.media .col-md-4 figure {
    position: relative;
    overflow: hidden;
    border: solid 1px rgba(0, 0, 0, 0.5);
}
.media .col-md-4 img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.media .col-md-4 .black-box {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(500px);
    -ms-transform: translateY(500px);
    transform: translateY(500px);
}
.media .col-md-4 .black-box span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    padding: 15px 0;
    text-transform: capitalize;
    font-weight: 700;
    margin-left: -69px;
    margin-top: -30px;
    min-width: 138px;
    text-align: center;
}
.media .col-md-4 .black-box svg {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 50px;
    margin-left: -25px;
    margin-top: -25px;
}
.media .col-md-4:hover img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}
.media .col-md-4:hover .black-box {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.process h1 {
    color: #daa520;
    font-family: "jaapokki";
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    border-right: solid 1px rgba(255, 255, 255, 0.4);
    padding-right: 15px;
    min-width: 50px;
}
.process div {
    display: inline-block;
    vertical-align: middle;
}
.process div h5 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 16.5px;
}
.process div p {
    color: rgba(255, 255, 255, 0.6);
    text-transform: capitalize;
    margin-top: 5px;
    font-weight: 200;
    font-size: 12px;
}
.social a {
    display: inline-block;
    border: solid 3px #000;
    border-radius: 40px;
    padding: 10px 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social a svg {
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social a h5 {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 16.5px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social a:hover {
    background: #000;
}
.social a:hover h5,
.social a:hover svg {
    color: #daa520;
}
.client {
    text-align: center;
}
.client img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.client:hover img {
    opacity: 1;
}
.contact {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -251px;
}
.contact .col-md-5 {
    background: #fff;
}
.contact .col-md-5 .heading-black {
    padding: 60px 30px;
}
.contact .col-md-5 ul {
    display: block;
    width: 100%;
}
.contact .col-md-5 ul li {
    display: block;
    padding: 30px;
    border-bottom: solid 1px #bfbfbf;
}
.contact .col-md-5 ul li i {
    vertical-align: middle;
    display: inline-block;
    font-size: 32px;
    color: black;
    margin-right: 20px;
}
.contact .col-md-5 ul li a {
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    color: #0d0d0d;
    -webkit-transition: all 0.3 ease-in-out;
    -o-transition: all 0.3 ease-in-out;
    transition: all 0.3 ease-in-out;
}
.contact .col-md-5 ul li a:hover {
    color: black;
}
.contact .col-md-7 {
    padding: 60px 100px;
}
footer {
    background-color: #fff;
    padding: 30px 0;
}
footer .footer_content p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
footer .footer_content a {
    color: #daa520;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
footer .footer_content ul li {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
footer .footer_content ul li a {
    color: gray;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
footer .footer_content ul li a svg {
    font-size: 26px;
    vertical-align: middle;
}
footer .footer_content ul li a:hover {
    color: #daa520;
}
.quote {
    background: #fff;
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.3);
    padding: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.quote svg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 15px;
    color: rgba(0, 0, 0, 0.3);
}
.quote .owl-carousel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.quote .owl-carousel .item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.quote .owl-carousel .item p {
    line-height: 22px;
    font-size: 14px;
}
.quote .owl-carousel .owl-dots {
    display: none;
}
.video figure {
    border: solid 1px rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: #000;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.video figure img {
    width: 100%;
}
.video figure svg {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px auto auto -22px;
    font-size: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.8;
}
.video figure:hover {
    border-color: #daa520;
    -webkit-box-shadow: 0 10px 35px 0 rgba(218, 165, 32, 0.3);
    box-shadow: 0 10px 35px 0 rgba(218, 165, 32, 0.3);
}
.video figure:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    color: #fff;
    opacity: 1;
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
    .heading-white h1 {
        line-height: 30px;
        font-size: 55px;
    }
    .heading-black h1 {
        line-height: 55px;
        font-size: 55px;
    }
    section {
        position: relative;
        padding: 60px 0;
    }
    .main_header {
        height: 100vh;
    }
    .main_header .heading {
        font-size: 33px !important;
    }
    .main_header .heading span {
        font-size: 33px !important;
    }
    .navbar {
        background: #000 !important;
    }
    .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link {
        padding: 6px 15px;
    }
    .media .col-md-4 .black-box {
        border: solid 5px #daa520;
    }
    .media .col-md-4 .black-box span {
        padding: 5px 0;
        margin-left: -30px;
        margin-top: -15.5px;
        min-width: 55px;
        text-align: center;
        font-size: 10px;
    }
    footer {
        padding: 40px 0;
    }
    footer .footer_content {
        text-align: center !important;
    }
    footer .footer_content p {
        font-size: 12px;
    }
    footer .footer_content ul li {
        font-size: 14px;
        padding: 0 5px;
    }
    footer .footer_content ul li svg {
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
    .heading-white h1 {
        line-height: 42px;
        font-size: 55px;
    }
    .heading-black h1 {
        line-height: 64px;
        font-size: 55px;
    }
    .main_header {
        height: 100vh;
    }
    .main_header .heading {
        font-size: 33px !important;
    }
    .main_header .heading span {
        font-size: 33px !important;
    }
    section {
        position: relative;
        padding: 60px 0;
    }
    .navbar {
        background: #000 !important;
    }
    .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link {
        padding: 6px 15px;
    }
    .media {
        margin-top: 30px;
    }
    .media .col-md-4 .black-box {
        border: solid 5px #daa520;
    }
    .media .col-md-4 .black-box span {
        padding: 5px 0;
        margin-left: -30px;
        margin-top: -15.5px;
        min-width: 55px;
        text-align: center;
        font-size: 10px;
    }
    footer {
        padding: 40px 0;
    }
    footer .footer_content {
        text-align: center !important;
    }
    footer .footer_content p {
        font-size: 12px;
    }
    footer .footer_content ul li {
        font-size: 14px;
        padding: 0 5px;
    }
    footer .footer_content ul li svg {
        font-size: 18px !important;
    }
}