/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: "SVN-Manus";
  src: url(font/SVN-Manus.otf);
}

@font-face {
  font-family: "SVN-Clash";
  src: url(font/SVN-ClashDisplay-Medium.otf);
}

@font-face {
  font-family: "SVN-Clash-light";
  src: url(font/SVN-ClashDisplay-Light.otf);
}

body {
  font-family: "SVN-Clash";
}

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html {
  scroll-behavior: smooth;
}

.absolute-footer {
  display: none;
}

#masthead {
  background: #fff;
}

#main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.social_bars {
  max-width: 220px;
  display: flex;
  justify-content: space-between;
}

.frame_one .row p {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  font-family: "SVN-Clash-light";
}

.frame_one .line .large_4 .col-inner {
  position: relative;
}

.frame_one .line .col-inner::after {
  content: "";
  background: #fff;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.frame_one .row {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.frame_one {
  height: calc(100% - 200px) !important;
}
.frame_one .text-box-content img {
  max-width: 512px;
}

.frame_one .text-box-content h3 {
	font-size:50px;
	font-weight:600;
	color:#EAE41F;
	line-height:50px;
	margin-bottom:10px;
	margin-top:20px;
	font-family: "SVN-Clash";
}
.frame_one .text-box-content p {
	font-size:20px;
	color:#fff;
	font-family: "SVN-Clash-light";
}

@media(max-width: 1280px) {
  .frame_one .row {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width:1024px) {
  .frame_one .row {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
  }


.frame_one .text-box-content img {
  width: 420px;
}
}

@media (max-width:840px) {
  .frame_one .row {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
  }

  .frame_one .text-box-content img {
    width: 420px;
  }
	.frame_one .text-box-content h3 {
    font-size: 20px;
    line-height: 25px;
    margin-top: 30px;
}
}

@media (max-width:480px) {
  .frame_one .row {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
  }

  .frame_one .text-box-content img {
    width: 370px;
}
.frame_one .row .large-3  {
  padding-bottom: 10px !important;
}
	.frame_one .text-box-content h3 {
    font-size: 20px;
    line-height: 25px;
    margin-top: 30px;

}
	.frame_one .text-box-content p {
    font-size: 14px;
    color: #fff;
}
}