@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap');

/* FONTS */
@font-face {
	font-family: "Dalmatins";
	src: url("../fonts/Dalmatins.otf") format("opentype"); }

a {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	color: #464646;
}

body {
	background-color: rgb(252, 248, 242);
	color: #464646;
}
h1,h2,h3,h4,h5,h6,p{
	color: #464646;
}
h4, .h4 {
    margin-bottom: 1.75rem;
    letter-spacing: -.035em;
    font-weight: 700;
}	
::selection {
    background-color: #2d1a6a;
    color: #fff;
    text-shadow: none
}

-webkit-::selection {
    background-color: #2d1a6a;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background-color: #2d1a6a;
    color: #fff;
    text-shadow: none
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #2e2e2e
}
.nav-ul
{
	width: 100%;
    text-align: right;
    padding: 0;
    margin: 4% 0%;
    padding-right: 8%;
}
.nav-ul li
{
	display: inline-block;
    padding: 0px 10px;
    letter-spacing: 3px;
    font-size: 13px;	
}
.nav-ul li a
{
	position: relative;
	color:#464646;
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 600;

	
}
.nav-ul li a:before {
	content: '';
    position: absolute;
    bottom: -1px;
	right:0;
    display: block;
    width: 0;
    height: 1px;
    background: #464646;
	transition: width .2s ease-in-out;
}
.nav-ul li a:hover:before {
	width: 97%;
	left:0;
}
.header-logo
{
	font-size: 23px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .18em;
	padding-left: 8%;
}
.header {
    padding-top: 2.625rem;
}
.view-service a
{
	font-family: 'Montserrat', sans-serif!important;
	color:#c76433;
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 0.3px solid #c76433;
    padding-bottom: 5px;

}
.header-logo a
{
	  color: #c76433;
}
.header-logo a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
.header-logo a:focus, a:hover {
     color: #c76433;
    text-decoration: none;
}
.navbar-fixed-bottom,
.posi-abso {
	position: absolute!important;
	padding: 2% 0%;
}

.left-text
{
	padding: 0rem 10rem 0rem 5rem;
}
.left-text h1
{
    font-family: 'Prata', serif;
    font-size: 32px;
    line-height: 45px;
	color:#40484f;
}
.orange-section
{
    margin-bottom: 7rem;
    padding: 5rem 0;
    background: #d9ada0;
    color: #fff;

}
.middle-div-text
{
	width: 60%;
    margin: auto;
    padding: 2rem 0rem;
	color: #fff; 
}
.middle-div-text h1
{
	font-family: 'Prata', serif;
	font-size: 35px;
    line-height: 48px;
    margin: 0px 0px 25px;
	color: #464646;
}
.middle-div-text p
{
	font-size: 18px;
    line-height: 32px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	color: #464646;
}
.middle-div-text h3 a
{
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #000;
}
.grid-section
{
	height: 100vh;
}
.grid-div
{
	height: 100%;
    width: 67%;
    margin: auto; 
}


.w-20
{
	width:20%;
	float:left;
}
.w-80
{
	width:80%;
	float:right;
}
.w-100
{
	width:100%;
	float:left;
}
.pr-30{
	padding-right:30px
}
.pl-30{
	padding-left:30px
}
.font-parata{
	font-family: 'Prata', serif!important;
}
.font-montserrat{
	font-family: 'Montserrat', sans-serif!important;
}
.posi-abs
{
	position: absolute;
	left: -20%;
    top: 35%;
}
.grid-text-div
{
	text-align: center;
    background-color: #efe0dd;
    position: relative;
    padding-top: 57px!important;
    padding-right: 55px!important;
    padding-bottom: 75px!important;
    padding-left: 55px!important;
    margin-bottom: 0px!important;  
}
.transfrom-text
{
	font-size: 22px;
    font-family: Dalmatins!important;
    transform: rotate(-90deg);
	letter-spacing: 0.5px;
}
.grid-text-div h1
{
	font-family: 'Prata', serif;
	font-size: 24px;
    margin-bottom: 25px;
    text-transform: uppercase;
	letter-spacing: 2px;
    line-height: 25px;
}
.grid-text-div p
{
	font-size:15px;
	font-family: 'Montserrat', sans-serif;
    line-height: 1.7em;
    font-weight: 300;
	letter-spacing: 1.5px;
    -webkit-font-smoothing: antialiased;
}
.mt-10
{
	margin-top: 10%;
}
.pt-29
{
	padding-top: 29%;
}
.pr-22px 
{
	padding-right: 22px;
}
.pl-22px
{
	padding-left: 22px;
}
.discover-abs
{
    font-family: 'Montserrat', sans-serif;
	position: absolute;
    right: -58%;
    top: 50%;
    background-color: #000000d4;
    color: #fff;
    font-size: 14px;  
    text-transform: uppercase; 
    letter-spacing: 3px;
    padding: 16px 31px; 
	z-index:9;
}
.discover-abs:hover
{
	background-color:#dcdcdc!important;
	color:#000;
}
.posi-rel
{
	position:relative;
}
.grid-section
{
	padding: 0% 0% 12%;
    width: 100%;
    float: left;
	height: 100%;
}
.round-logo-img
{
	position: absolute;
	right: -32%;
    bottom: -15%;
}
.around_space {
    padding-top: 5vh;
    padding-right: 5vw;
    padding-bottom: 5vh;
    padding-left: 5vw;
    margin: 20px auto;
}
.footer{
	background: #fcf8f2;
    float: left;
    border-top: 1px solid #dcdcdc;
    width: 100%;
	margin-top: 6rem;
}
.image-button a {
	display: block;
    width: 20vw;
    margin: auto;
	padding: 1.4em 3.5em;
	border: 2px solid #ca9585;
	background-color: #ca9585;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0em;
	text-transform: none;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .2em;
	line-height: 1.1em;
	text-transform: uppercase;
	color: #fff!important;
	border-radius: 0em;
}
.image-button a:hover, .image-button a:focus {
	background-color: #ca9585de;
	text-decoration:none;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
#foot-nav a{
	padding-bottom: 10px;
}
.pin-text {
    margin-top: 25px;
}
.pin-text h6{
	letter-spacing: 2px;
    line-height: 1.2em;
    font-family: 'Montserrat', sans-serif;
	font-size:15px;
	text-transform: uppercase;
    text-align: center;
	font-weight: 400;
}
.border_around {
    border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
.wpmi-list {
    padding: 0 !important;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}
.wpmi-list:last-child {
    margin-bottom: 0;
}
.wpmi-item {
    width: 33.33333333%;
}
.wpmi-list li.wpmi-item {
    list-style: none;
    display: flex;
    flex-grow: 1;
}
.wpmi-list li.wpmi-item {
    padding: 10px;
}
.wpmi-list li.wpmi-item {
    list-style: none;
    display: flex;
    flex-grow: 1;
	transition: all 0.5s ease;
}
.wpmi-list li.wpmi-item:hover {
    opacity: 0.5 !important;
}

.et_pb_with_border {
	letter-spacing: 0.5px;
    border-top: 1px solid #dcdcdc;
	padding-top: 4.5vh!important;
    margin-top: 3.5vh!important;
    padding-bottom: 4.5vh;
    width: 100%;
    max-width: 100%;
    font-family: 'Dalmatins';
    text-align: center;
}
#main-footer {
	background-color: #f8f3f2;
    padding: 22px 0 15px;
    float: left;
    width: 100%;
    text-align: center;
}
#footer-info, #footer-info a {
	font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
	color: #141414;
	letter-spacing: 2.25px;
    float: none;
    text-align: center;
    font-size: 12px !important;
}
#foot-nav a{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    text-transform: uppercase;
	text-align: center;
	display: block;
}


.product-title, .product-title a{
	font-family: 'Prata', serif!important;
    font-size: 26px;
    text-align: center;
    display: block;
    padding: 2.5rem 0 1rem;
	text-decoration: none;
}
.custom-title , .custom-title a{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 13px;
    padding: 0;
	text-align: center;
    display: block;
    color: #c76433;
	font-weight: 500;
	-webkit-transition: color .15s ease-out;
    -moz-transition: color .15s ease-out;
    -ms-transition: color .15s ease-out;
    transition: color .15s ease-out;
}
.custom-title a:hover{
	color: rgba(199,100,51,.5);
}
.desc_summry{
	font-family: 'Montserrat', sans-serif!important;
	font-size: 16px;
    margin: 0;
    padding: 25px 0;
}
.products-details{
    padding-left: 250px;
    padding-right: 262px;
    max-width: 1510px;
}
.blogItem{
	display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	margin-bottom: 5rem;
}
.blogItem-title{
	font-family: 'Prata', serif!important;
	margin: 0 0 22px;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0em;
    line-height: 1em;
    text-transform: none;
    font-weight: 200;
    font-style: normal;
    font-size: 40px;
    letter-spacing: .02em;
    line-height: 1.3em;
    text-transform: capitalize;
    color: #363636;
	text-align: left;
}
.blog-meta-item-category{
	font-family: 'Montserrat', sans-serif!important;
    font-size: 13px;
    text-transform: uppercase;
    color: #c76433;
}
.sqs-block-horizontalrule hr {
    color: #c9c9c9;
    background-color: #c9c9c9;
	border: none;
    height: 1px;
	margin: 3rem 0px;	
}
.blogItem p{
	font-weight: 300;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.6em;
    text-transform: none;
    color: #424242;
	margin-bottom: 0;
}
.titile-next{
	margin: 0 0 22px;
    font-size: 30px;
    color: #363636;
    text-align: right;
}
.featured_grid h4, .featured_grid p {
    text-align: center;
}
.featured_grid p {
    font-size: 12px;
}
.featured_grid h4 {
    font-size: 15px;
}
.featured_grid {
    padding: 4rem 8rem;
}
section.work_section {
    padding: 5rem 0;
}
.products-details .product-title{
	font-size: 35px;
    text-align: left;
}
section.work_section .border-right{
	right: -1px;
}
.img-mirror {
    position: relative;
    width: calc(75% + -6em);
    height: 520px;
    margin-left: 15.5555rem;
}
.mirror-left{
	margin-right: 15.5555rem;
	margin-left: 0;
}
.img-mirror.bg1{
    background: #d41b21;
}
.img-mirror.bg2{
    background: #f6d8bf;
}

#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: bolder;
    line-height: 30px;
    background: #516156;
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.5s ease-out;
    transition: all 0.3s;
    opacity: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}
#back-to-top.show {
    opacity: 1;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
.img-mirror.bg3{
    background: #eb773f;
}

.rellax-effect {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
}

.img-mirror.bg5{
    background: #a0665b;
}
.img-mirror.bg6{
    background: #626262;
}
.img-mirror.bg7{
    background: #cd894c;
}
.img-mirror.bg8{
    background: #3b5550;
}

.box-img{
	width: 90%;
    position: absolute;
    bottom: 0;
    padding: 57.555555px 0;
}
.box-img.right-img{
    left: -70px;
    right: auto;
}
.box-img.left-img{
    right: -70px;
	left: auto;
}
.blank-spacer{
    min-height: 130px;
    margin: auto;
}
.liner_path:before {
    content: '';
    position: fixed;
    top: 0;
	bottom:0;
    left: 0;
    right: 0;
    width: 1px;
    background: #dcd6d6;
    z-index: -1;
    margin: auto;
}

.title-spaceing{
	background: #fff;
	padding: 4rem 0;
}

progress {
	-webkit-appearance: none;
    appearance: none;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -3px;
    right: 0;
    text-align: center;
    transform: translate(calc(-50% + 3px), calc(50vh - 50%)) rotate(90deg);
    width: 100vh;
    height: 0.5px;
    z-index: -1;
}

progress::-webkit-progress-bar {
	background-color: #f5f5f5;
}

progress[value="100"]::-webkit-progress-bar {
	background-color: #fd79a8;
}

progress::-webkit-progress-value {
	background-color: #666;
}
.font-1-1rem{
	font-size: 1.1rem;
}
.odd-space{
	padding-left: 7.7rem;
}

.about_bg{
	background: url(../img/qoute-img-1.jpg);
    width: calc(100% - 0px);
    height: calc(300px - 20px);
    background-size: cover;
    background-repeat: no-repeat;
}
.contact-bg{
	background: url(../img/contact-bg.jpg);
    width: calc(115% - 0px);
    background-repeat: no-repeat;
	
}
.contact-bg-cover {
    background: #484646;
}
.about-bg-cover{
	background:#d9ada0;
}
.contact-feature img {
    width: 90%;
    border-radius: 5px;
	box-shadow: -12px 10px 40px 0px rgb(209 173 161 / 27%);
}



.pre-content{
	font-size: 1.6rem;
    color: #464646;
    width: 440px;
    margin: auto;
}
.roll_bg img{
	position: relative;
    z-index: 10;
}
.roll_bg{
	position:relative;
}
.roll_bg:before {
    content: '';
    position: absolute;
    top: -30px;
    left: -30px;
    width: 100%;
    min-height: 0;
    background: #915e4f;
    z-index: 1;
	-webkit-transition: min-height 1s; 
	  -moz-transition: min-height 1s; 
	  -ms-transition: min-height 1s; 
	  -o-transition: min-height 1s; 
	  transition: min-height 1s; 
}

.roll_bg.roll-down:before {
	min-height: 100%;
}

.about-intro .roll_bg:before {
    top: 30px;
    left: 30px;
    background: #516156;
}

.mt-10rem{
	margin-top: 10rem;
}

.about-intro {
    padding: 6rem 0;
}
.about-intro h4 {
    text-align: center;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 18px;
}
.about-intro p {
    font-size: 16px;
    text-align: center;
    width: 20vw;
    margin: auto;
}

.details {
	font-family: 'Montserrat', sans-serif!important;
    font-size: 10px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.social__list ul {
    padding: 0;
    list-style-type: none;
    z-index: 9999;
}
.social__list ul li {
    display: inline-block;
}
.social__list ul li a {
    color: #888585;
    display: inline;
    font-size: 16px;
    line-height: 24px;
    margin-right: 25px;
}
.contact-page .inner-bg{
	padding: 5rem;
}

.bg-white{
	background:#fff;
}
.contact-content {
    padding: 7rem 0;
}
.contact-content p{
	text-align:center;
}
.inner-bg.bg-white {
    padding: 10rem 5rem 6.5rem 5rem;
}

.bg-white {
   background:#fff;
}

.contact-flex-bg{
	background: url('../img/contact-bg2d.jpg');
	height: 100vh;
    background-size: cover;
	background-position: bottom center;
}
.social {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.125rem;
}

.social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.5rem;
    margin-bottom: .5rem;
}
.social-rounded li {
    margin-right: .625rem;
    margin-bottom: 1rem;
}
.crop-img{
	position: absolute;
    right: 0;
    background: #fcf8f2;
    padding: 100px 55px 160px 50px;
}
.crop-img h4{
	font-family: 'Montserrat', sans-serif!important;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 24px;
}

.social-rounded a {
    display: inline-block;
    border-radius: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border: #464646 1px solid;
    background: 0 0;
    text-align: center;
    line-height: 2rem;
    transition: all .2.5s ease-in-out;
}
.social a {
    transition: color .2.5s ease-in-out;
    color: #464646;
}

.social-rounded a:hover {
    background: #516156;
    border-color: #516156;
    color: #fff;
}
.social a:hover img{
	filter: invert(1);
	transition: all .2.5s ease-in-out;
}
.static-bar{
	position:relative;
}
.static-bar-widget{
	position: absolute;
    bottom: -85vh;
    width: 40px;
    height: 160px;
    display: block;
	z-index: 9;
}
.bar-1{
	background: #ca9585;
}
.jumbo-title{
	font-size: 3rem;
    line-height: 3.6rem;
	color: #464646;
}
.bar-2{
	left: 55px;
	background: #c7c7c7;
}
.bar-3{
	left: 110px;
	background: #ece4d8;
}
.mx-pb{
	padding-bottom:7rem;
}
.ulList{
	list-style-type: none;
	padding:0;
	margin:0;
}
.ulList li{
	font-family: 'Montserrat', sans-serif;
	text-align: center;
    line-height: 30px;
    text-transform: uppercase;
	color:#464646;
}
.custom-container{
	width: 800px;
}
.about-title-main{
	font-family: 'Prata', serif;
	font-weight: 100;
    text-align: center;
    margin-bottom: 40px;
	color:#464646;
}
.menu-footer {
    padding-top: 2rem;
}

.none-md{
	display:none;
}
.main-page-title{
	margin-bottom: 6rem; 
	padding:20px 0;
}
.main-page-title-services{
	margin-bottom: 8rem; 
	padding:20px 0; 
	background:#fcf8f2;
}

/*Start Preloader code here*/
#preloader{
  width:100%;
  height:100vh;
  background:#fcf8f2;
  overflow:hidden;
  position:fixed;
      z-index: 999;
}

/** PACE custom css **/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* -webkit-border-radius: 2px; */
  -moz-border-radius: 2px;
  /* border-radius: 2px; */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  position: absolute;
  right: 100%;
  width: 100%;
  height: 1px;
  font-size: 18px;
  background: #40484f;
  color: #40484f;
  /* -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff; */
  -ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
  /* box-shadow: 120px 0 #fff, 240px 0 #fff; */
}

.pace .pace-progress:after {
  font-family: 'Prata', serif;
  content: attr(data-progress-text);
  display: inline-block;
  position: fixed;
  width: 75px;
  top: 4px;

}

.pace .pace-progress[data-progress-text="0%"]:after { right: -200px }
.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px }
.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px }
.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px }
.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px }
.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px }
.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px }
.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px }
.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px }
.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px }
.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px }
.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px }
.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px }
.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px }
.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px }
.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px }
.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px }
.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px }
.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px }
.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px }
.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px }
.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px }
.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px }
.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px }
.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px }
.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px }
.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px }
.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px }
.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px }
.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px }
.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px }
.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px }
.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px }
.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px }
.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px }
.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px }
.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px }
.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px }
.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px }
.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px }
.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px }
.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px }
.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px }
.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px }
.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px }
.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px }
.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px }
.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px }
.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px }
.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px }
.pace .pace-progress[data-progress-text="50%"]:after { right: -107px }
.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px }
.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px }
.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px }
.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px }
.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px }
.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px }
.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px }
.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px }
.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px }
.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px }
.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px }
.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px }
.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px }
.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px }
.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px }
.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px }
.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px }
.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px }
.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px }
.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px }
.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px }
.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px }
.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px }
.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px }
.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px }
.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px }
.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px }
.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px }
.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px }
.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px }
.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px }
.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px }
.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px }
.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px }
.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px }
.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px }
.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px }
.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px }
.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px }
.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px }
.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px }
.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px }
.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px }
.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px }
.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px }
.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px }
.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px }
.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px }
.pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px }
.pace .pace-progress[data-progress-text="100%"]:after { right: -14px }

.pace.pace-inactive {
  display: none;
}


/*Navigation menu */


@media screen and (max-width: 560px) {
  .nav-container {
    /*position: fixed;*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: #464646e3;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .nav-container ul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  .nav-container ul li {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .nav-container ul li:nth-child(1) a {
    transition-delay: 0.2s;
  }
  .nav-container ul li:nth-child(2) a {
    transition-delay: 0.3s;
  }
  .nav-container ul li:nth-child(3) a {
    transition-delay: 0.4s;
  }
  .nav-container ul li:nth-child(4) a {
    transition-delay: 0.5s;
  }
  .nav-container ul li:not(:first-child) {
    margin-left: 0;
  }
  .nav-container ul li a {
    padding: 10px 25px;
    opacity: 0;
    color: #fcf8f2;
	font-size: 18px;
    font-weight: 500;
    transform: translateY(-20px);
    transition: all 0.2s ease;
  }
  .nav-open {
    position: absolute;
    right: 25px;
    top: 35px;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 9999;
    border-radius: 50%;
  }
  .nav-open i {
    display: block;
    width: 20px;
    height: 2px;
    background: #1f2227;
    border-radius: 2px;
    margin-left: 14px;
  }
  .nav-open i:nth-child(1) {
    margin-top: 16px;
  }
  .nav-open i:nth-child(2) {
    margin-top: 4px;
    opacity: 1;
  }
  .nav-open i:nth-child(3) {
    margin-top: 4px;
  }
}
#nav:checked + .nav-open {
   transform: rotate(45deg);
   position: fixed;
}
#nav:checked + .nav-open i {
  background: #fcf8f2;
  transition: transform 0.2s ease;
}
#nav:checked + .nav-open i:nth-child(1) {
  transform: translateY(6px) rotate(180deg);
}
#nav:checked + .nav-open i:nth-child(2) {
  opacity: 0;
}
#nav:checked + .nav-open i:nth-child(3) {
  transform: translateY(-6px) rotate(90deg);
}
#nav:checked ~ .nav-container {
  z-index: 9990;
  opacity: 1;
  position: fixed;
  
}
#nav:checked ~ .nav-container ul li a {
  opacity: 1;
  transform: translateY(0);
}
.hidden {
  display: none;
}
#menu label {
    display: block;
    margin-bottom: 0;
}

@media (min-width: 1440px) {
	.about_bg{
		height: calc(450px - 20px);
	}
	.static-bar-widget{
		bottom: -69vh;
		width: 55px;
		height: 250px;
	}
	.bar-2{
		left: 80px;
	}
	.bar-3{
		left: 160px;
	}
}

@media(min-width:768px) {
    html {
        font-size: 13px
    }
}

@media(min-width:992px) {
    html {
        font-size: 14px
    }
}

@media(min-width:1280px) {
    html {
        font-size: 15px
    }
}

@media(min-width:1600px) {
    html {
        font-size: 16px
    }
}
@media(min-width:1280px) {
    .container {
        max-width: 1200px
    }
}