/*********************
    - 2. Reset -
*********************/

header,
section{
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

html,
body {
	 width: 100%;
	height: 100%;
	font-family:Sansita,sans-serif;
}


body {
	color: #dadada;
	line-height: 1.75;
	margin: 0;
}

a {
	color: #dadada;
	text-decoration: none;
}

a:active,
a:focus,
a:hover {
	outline: 0;
}

a:hover {
	text-decoration: none;
}

h1,h2,h3,h4 {color: #fff;font-weight: 400;line-height: 1.16667;margin: 0 0 28px;}
h1 {font-size: 50px;}
h2 {font-size: 30px;}
h3{font-size: 24px;}
h4 {font-size: 18px;}
b,strong{font-weight: 700;}
i,em{font-style: italic;}
p{margin: 0 0 28px;}
ul,
ol {
	margin: 0 0 28px;
	padding: 0 0 0 24px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

p{color: #fff;}

/*********************
    - 3. General styles -
*********************/

/* Clearing floats */
.row:after { 
	clear: both; 
}

.row:before,.row:after { 
	content: ""; 
	display: table; 
}

/* Assistive text */
.screen-reader-text {
	border: 0 none;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
}

/* Grid */
.row {
	margin-left: -38px;
}

.one {
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	float: left;
	padding-left: 38px;
}

.one {
	width: 100%;
}

.one-half {
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	float: left;
	padding-left: 38px;
}

.left_img{
	width: 35%;
	float: left;
}

.one-half {
	width: 50%;
}


.one-third {
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	float: left;
	padding-left: 38px;
	font-size: 13px;
}

.one-third{
	width: 33%;
}

.one-third p{
	font-size: 18px;
}

.lady_img{
	height: 100vh;
	max-width: 100%;
	object-fit: cover;
}


/* Responsive images */
.wrap img {
	height: auto;
	max-width: 100%;
}

/* Custom text styles */
.subtitle {
	font-size: 14px;
	letter-spacing: 1px;
	margin: 28px 0;
	color: #fff;
}

.row h2 {
	font-size: 24px;
	margin-bottom: 14px;
	text-align: left;
}


.fax_box{
	width: 25%;
}

.address_box{
	width: 40%;
}

/* Preload */
#preload {
	background: #000;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;	
	width: 100%;
	z-index: 998;
}

#preload-content {
	/* height: 100px; */
    left: 50%;
    position: absolute;
    top: 50%;
    width: 300px;
    z-index: 999;
    transform: translate(-50%, -50%);
    right: 50%;
}

.preload-spinner {
	margin: 0 auto 14px;
	text-align: center;
}

.loading-logo-wraper{
	width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.loading-logo-wraper img
{
	width:100%
}

.tp-loader
{
	z-index:10000;
	position:relative
}

.tp-loader.spinner
{
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:10px;
	border:2px solid #fff;
	box-shadow:0 0 20px 0 rgba(0,0,0,.15);
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);
	-webkit-animation:tp-rotateplane .8s infinite ease-in-out;
	animation:tp-rotateplane .8s infinite ease-in-out;
	border-radius:3px;-moz-border-radius:3px;
	-webkit-border-radius:3px
}

@-webkit-keyframes tp-rotateplane
{
50%
{
	-webkit-transform:rotate(180deg)
}

100%
{
	-webkit-transform:rotate(180deg)
}
}

@keyframes tp-rotateplane
{
0%
{
transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
}

50%
{
	transform:rotate(180.1deg);
	-webkit-transform:rotate(180.1deg)
}

100%
{
	transform:rotate(180.1deg);
	-webkit-transform:rotate(180.1deg)
}
}

/*********************
    - 4. Basic Structure -
*********************/
.wrap {
	min-height: 100%;
	position: relative;
}

.inner {
	margin: 0 auto;
	padding: 42px 24px;
}

#main {
	position: relative;
}

#main .inner {
	padding-bottom: 20px;
	padding-top: 20px;
}

#modal {
	background: #1f1f1f;
	background: rgba(31,31,31,0.8);
	display: none;
	left: 0;
	min-height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 997;
}

/* Background Overlay */
.body-bg {
	background: rgba(0,0,0,0.8) url(images/overlay.png) repeat;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

/*********************
    - 5. Main -
*********************/

/* Header */
.site-title {
	font-size: 30px;
	margin-bottom: 20px;
}

.flex {
 display: flex;
  align-items: center;
}

.align-items-start{
	align-items: start;
}

body{
	background: url(../images/bg.jpg) no-repeat;
	background-size: 140% 150%;
	background-attachment: fixed;
}

 /* Sidebar Styles */
.sidebar{
	position: fixed;
	top: 0;
	right: -500px;
	width: 100%;
	max-width: 400px;
	height: 100vh;
	background-color: #f9f9f9;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
	transition: right 0.5s ease-in-out;
	z-index: 1000;
	overflow-y: auto;
	padding: 20px;
}

.sidebar *{color: #000;}
.sidebar a{text-decoration: underline; color: #FF00E5;}

.sidebar.open{right: 0;}
.sidebar h2{margin-top: 0;}

.close-btn {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 24px;
	color: #333;
	cursor: pointer;
	background: none;
	border: none;
}


.address_box p{margin-bottom: 5px;}

/* Responsive */
@media (max-width: 500px) {
	.sidebar {
		max-width: 90%;
	}
	.address_box p{margin-bottom: 20px;}
}

/*********************
    - 8. Media -
*********************/
@media only screen and (max-width: 680px) {
	h1 {
		font-size: 36px;
	}
	.countdown-amount {
		font-size: 28px;
	}
	body{overflow-y: visible;}

	/* .back_img{
		height: 100vh;
	    position: fixed !important;
	} */

	.lady_img{
		height: auto;
	}
}

@media only screen and (max-width: 540px) {
	.one-half  {
		width: 100%;
	}	
}

@media only screen and (max-width: 540px) {
	.one-third  {
		width: 100%;
	}	
}

@media only screen and (max-width: 480px) {
	h1 {
		font-size: 30px;
	}
	.countdown-section {
		padding: 28px 6px 28px;
	}
	.countdown-amount {
		font-size: 22px;
	}
	#newsletter-form .form-field {
		margin: 0 0 14px;
	}
	#newsletter-form .form-submit {
		margin: 0 auto;
		position: static;
		right: auto;
		top: auto;
	}
}

@media only screen and (max-width: 360px) {
	.countdown-section {
		font-size: 10px;
		padding: 21px 6px;
	}
	.countdown-amount {
		font-size: 16px;
	}
}


@media(max-width: 998px){
	.fax_box{
		width: 35%;
		padding-left: 30px;
		min-height: 103px;
	}
	
	.btm_responsive{
		display: block;

		& .one-third{
			width: 40%;
		}

		& .fax_box{
			width: 50%;
			float: left;
		}
		
		& .address_box{
			float: left;
			width: 50%;
			padding-left: 38px;
		}
	}

}

@media(max-width: 768px){
	.btm_responsive{
		& .one-third,
		& .fax_box,
		& .address_box{
			padding-left: 0;
		}
		& .one-third{
			width: 100%;
		}

		& .fax_box{
			width: 100%;
		}
		
		& .address_box{width: 100%;}
	}
	.left_img{
		width: 100%;
		order: 2;
	}
	.one-half{
		width: 100%;
		padding-left: 0;
		order: 1;
	}

	.flex{
		flex-direction: column;
	}
	.row{
		margin-left: 0;
	}
}

.contaissner{    position: relative;
    z-index: 99;}

/* .back_img{width: 135%;position: absolute; left: 0;top: 0; object-fit: cover;} */


.social a{
	display:inline-block;
	border:1px solid #fff;
	color:#fff;
	margin-right:5px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:18px;
	text-align:center;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	position: relative;
}

.social a span{	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}

.social a:hover span{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.social a:hover{
	background:rgba(255,255,255,0.3);
	border:1px solid #fff;
	color: #fff;
}


/* Tooltip */
.social a::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%; /* above the icon */
  left: 50%;
  transform: translateX(-50%);
  background-color: #E901D2;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  font-size: 12px;
  z-index: 10;
}

.social a:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-5px);
}