/* ==============================
   HOME CSS
   ============================== */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}



/** Main Section Containers **/
#home-main-container{
	height:100vh;
    display:flex;
	opacity: 0;
	transition: opacity 0.5s linear, background .3s ease-out;
}

#left-section{
    width:40%;
    height:100vh;
    /*padding: 20px 30px;*/
	position: relative;
}

#right-section{
	width:60%;
	height:100vh;
	overflow: hidden;
}
.main-heading{
	font-weight: 500;
}

/** Left BG Element **/
.dottedSquare, .lineCircle{
	position: absolute;
	opacity: 0.4;
	zoom: 0.8;
}
.dottedSquare{
	top:140px;
	left:-10px;
	opacity: 0.2
}

.lineCircle{
	bottom:200px;
	right:150px;
	-webkit-animation:spin 30s linear infinite;
    -moz-animation:spin 30s linear infinite;
    animation:spin 30s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



/** Slider Customization **/
.swiper-container{
    height: 100vh;
    width: 100%;
    position: relative;
}
.swiper-slide {
    background-position: center;
	background-size: cover;
}
.swiper-button-next::after, .swiper-button-prev::after{
	display:none;
}
.swiper-button-next, .swiper-button-prev{
	color:#fff;
	top: auto;
    bottom: 25px;
}
.swiper-button-next{
	left:80px;
	right:auto;
}
.swiper-button-prev{
	left:30px;
	right:auto;
}

.swiper-pagination-current:before, .swiper-pagination-total:before{
content: "0"
}
.swiper-pagination {
	font-family: inherit;
	color:#fff;
	letter-spacing: 0.03em;
	width: auto;
    bottom: 60px;
    left: 40px;
}
.swiper-pagination-current{
	font-size: 30px;
    vertical-align: super;
}

.slider-info{
	font-family: 'Playfair Display', serif;
	font-size:20px;
	line-height: 18px;
	color:#fff;
	letter-spacing: 0.03em;
	position: absolute;
	bottom: 70px;
	left:80px;
}
.slider-info a{
	color: #FFF;
}
.slider-info span{
	display: block;
	font-size: 16px;
	opacity: 0.7;
}