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



* p, h1, h2, h3, h4, h5, h6, ul{

	padding: 0;

	margin: 0;

}

body{

	margin: 0;

	overflow: hidden;

	background-image: url('im/main-bg.png');

	background-repeat: no-repeat;

	background-size: cover;

}



.site-wrapper{

	width: 100%;

	height: 100vh;

	position: relative;

	opacity: 1;

	z-index: 9;

	overflow: hidden;

}

header{

	padding: 5vh 60px;

}

.logo{

	position: absolute;

	top: 16vh;

	left: 0;

	right: 0;

	margin: 0 auto;

	max-width: 357px;

	width: 100%;

}

.logo img{

	max-width: 335px;

	width: 100%;

}

.top-button button{

	background-color: transparent;

	padding: 17px 23px;

	border: solid 1px #00aeef;

	color: #000;

	font-family: 'Montserrat', sans-serif;

	font-weight: 700;

	font-size: 17px;

	text-transform: uppercase;

}

.top-button button:hover{

	cursor: url('im/cursor.png'), auto;

}

.category-section{

	margin-top: 22vh;

}

.category-section .container{

	max-width: 1500px;

	width: 100%;

	margin: 0 auto;

}

.category-section .owl-theme .owl-dots .owl-dot{

	display: inline-block ;

	margin-top: 4vh !important;

}

.category-section .owl-stage-outer{

	margin-left: 1px;

}

.category-section .owl-dot:hover span{

	cursor: url('im/cursor.png'), auto;

}

.category-section .owl-dot.active span{

	background: #00aeef !important;

}

.category-section .owl-dot:hover span{

	background: #00aeef !important;

	cursor: url('im/cursor.png'), auto;

}

.category-main{

	text-align: center;

	border-right: solid 1px #000;

	padding: 5vh 0;

}

.category-main h1{

	color: #000;

	font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	font-size: 50px;

	text-transform: uppercase;

	transition: all 0.5s ease;

	cursor: url('im/cursor.png'), auto;

}

.category-main p{

	color: #3e3e3e;

	font-family: 'Montserrat', sans-serif;

	font-weight: 700;

	font-size: 17px;

	padding: 3.5vh 0;

	transition: all 0.5s ease;

	cursor: url('im/cursor.png'), auto;

}

.category-main {

    cursor: url('im/cursor.png'), auto;

}

.category-main .cat-ho{

	display: flex;

	align-items: center;

	justify-content: center;

	color: #fff;

	font-family: 'Montserrat', sans-serif;

	font-weight: 200;

	font-size: 20px;

	transition: all 0.5s ease;

	opacity: 0;

	cursor: url('im/cursor.png'), auto;

}

.category-main .cat-ho div{

	width: 50px;

	height: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	border: solid 1px #00aeef;

	color: #000;

	transition: all 0.5s ease;

}

.category-main .cat-ho span{

	opacity: 0;

	transition: all 0.5s ease;

}

.category-main:hover .cat-ho span{

	opacity: 1;
	
	color: #000;

}

.category-main:hover .cat-ho div{

	margin-right: 20px;

}

.category-main:hover .cat-ho{

	text-decoration: none;

	opacity: 1;

}

.category-main:hover{

	cursor: url('im/cursor.png'), auto;

}

.category-main:hover h1{

	color: #00aeef;

}

.category-main:hover p{

	color: #000;

}

.category-main a:hover{

	text-decoration: none;

}

.copyright{

	color: #797979;

	font-family: 'Montserrat', sans-serif;

	font-weight: 200;

	font-size: 20px;

	text-align: center;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 40px;

}











.get-in-touch{

	position: absolute;

	top: 150px;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 100%;

	height: 100%;

	z-index: 999;

	background-color: #a3a0a0;

	overflow-x: auto;

	visibility: hidden;

    opacity: 0;

}

.get-in-touch.show {

    opacity: 1;

    top: 0px;

    transition: all 0.5s ease-in-out;

    visibility: visible;

}

.get-in-touch {

    scrollbar-width: thin;

    scrollbar-color: #2A2A2A #151516

}

.get-in-touch::-webkit-scrollbar {

    width: 7px;

}

.get-in-touch::-webkit-scrollbar-track {

    background: #151516;

    border-radius: 20px;

}

.get-in-touch::-webkit-scrollbar-thumb {

    background-color: #2A2A2A;

    border-radius: 20px;

}

.form-group{

    position: relative;

    text-align: left;

}

.form-control{

	height: 50px;

	background-color: #d9d7d7;

	color: #747474;

	font-size: 15px;

	font-family: 'Montserrat', sans-serif;

	font-weight: 200;

	border-radius: 0px;

	border: 0;

	border: solid 1px #00aeef;

}

.form-control:focus {

	color: #fff;

	background-color: #000;

	border-color: transparent;

	outline: 0;

	box-shadow: unset;

	border: solid 1px #00aeef;

}

.form-control::placeholder{

	opacity: 1;

	color: #747474;

}

.btn-primary{

	background-color: #00aeef;

	border: 0;

	color: #000;

    font-size: 15px;

    font-family: 'Montserrat', sans-serif;

	font-weight: 200;

	padding: 13px 30px;

	cursor: url('im/cursor.png'), auto !important;

}

.btn-primary:hover{

	background-color: #00aeef;

}

.get-heading{

	color: #fff;

	font-size: 25px;

    font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	margin-bottom: 30px;

}

.get-heading2{

	color: #fff;

	font-size: 25px;

    font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	margin-top:20px;

	margin-bottom: 20px;

}

.contact-detail b {

    padding-left: 28px;

    font-size: 20px;

}

/*---------- Label-------*/

label{

    color: #fff;

    font-size: 15px;

    font-family: 'Montserrat', sans-serif;

	font-weight: 200;



}

label svg {

	color: #ff1a1a;

	font-size: 8px !important;

	margin-left: 4px;

	position: relative;

	top: -6px;

}

p.error{

    position: absolute;

    top: 100%;

    z-index: 5;

    display: block;

    max-width: 100%;

    padding: .25rem .5rem;

    margin-top: .1rem;

    font-size: .875rem;

    line-height: 1.5;

    color: #fff;

    background-color: #ff1a1a;

    border-radius: .25rem;

    right: 0;

}

.contact-detail p{

	color: #fff;

    font-size: 15px;

    font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	padding: 10px 0;

}

.contact-detail p svg{

	margin-right: 10px;

}

.get-close{

	position: absolute;

	top: 15px;

	right: 20px;

	z-index: 9;

	background-color: transparent;

	color: #fff;

	font-size: 25px;

	border: 0;

	cursor: url('im/cursor.png'), auto !important;

}







.leftmenu{

	position: absolute;

	left: -300px;

	top: 0;

	height: 100%;

	width: 300px;

	background-color: #a3a0a0;

	z-index: 99;

	visibility: hidden;

}

.leftmenu.show{

	left: 0;

	visibility: visible;

}

.left-close{

	position: absolute;

	top: 15px;

	right: 20px;

	z-index: 9;

	background-color: transparent;

	color: #fff;

	font-size: 25px;

	border: 0;

	cursor: url('im/cursor.png'), auto !important;

}

.leftmenu ul{

	padding: 80px 60px;

}

.leftmenu ul li{

	list-style: none;

	padding: 10px 0;

}

.leftmenu ul li a{

	cursor: url('im/cursor.png'), auto !important;

	color: #fff;

	font-size: 25px;

    font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	transition: all 0.5s ease;

}

.leftmenu ul li a:hover{

	text-decoration: none;

	color: #00aeef;

}













 @media only screen and (max-width: 767px) {

 	header {

	    padding: 15px 0px;

	}

	.top-button button {

	    padding: 9px 13px;

	    font-size: 13px;

	}

	.logo {

	    max-width: 250px;
	    
	    right: 25px;
	    
	    
        top: 100px;
	}



	.category-section {

	    margin-top: 11vh;

	}

	.category-main h1{

		font-size: 30px;
		
		font-weight: 650;

	}

	.category-main p{

		font-size: 15px;

	}

	.category-main{

		padding: 20vh 0 0 0;

	}

 }







 @media only screen and (max-width: 550px) {

 	.leftmenu{

		left: -100%;

		width: 100%;

	}
	
	
		.logo img {

	    max-width: 250px;

	    width: 100%;

	}

	.copyright{

	    font-size: 15px;
	    
	    bottom: 110px;
	    
	    color:#000;

	}

 }