@charset "UTF-8";
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	cursor: none;
}
a:hover,button:not(:disabled){
	cursor: none!important;
}
body {
	background-color: #fcfcf4;
	font-family: "Lusitana", sans-serif
}
p {
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 18px
}
p span {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 20px;
	margin-bottom: 24px;
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.05) 0 2px 4px
}

p span:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -12px;
	margin: auto;
	background-color: #98B296;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 3px
}

p span:after {
	content: "";
	pointer-events: none;
	position: absolute;
	top: -2px;
	bottom: 0;
	left: -6px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent white transparent
}

h1 {
	font-size: 40px;
	font-weight: normal;
	line-height: 44px;
	text-align: center;
	margin-bottom: 18px
}

@media(min-width:500px) {
	h1 {
		font-size: 60px;
		line-height: 64px
	}
}

h3 {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 60px
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

ul li {
	cursor: pointer;
	padding: 12px 20px;
	font-size: 48px
}

button {
	opacity:0.9;
	background-color: transparent;
	right: 3rem;
	top: 2rem;
	position: fixed;
	z-index: 2;
	border: 0;
	width: 36px;
	height: 30px;
	outline: 0;
	transition: opacity .2s ease-out
}

button:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	right: auto;
	width: 100%;
	background: linear-gradient(to bottom, #000, #000 10%, transparent 10%, transparent 45%, #000 48%, #000 55%, transparent 55%, transparent 90%, #000 90%, #000 100%);
	transition: opacity .2s ease-out, width .2s .2s ease-out
}

button:after {
	opacity: 0;
	/* content: "×"; */
	content: url("../img/x.png");
	color: white;
	position: absolute;
	top: 16px;
	left: -4px;
	font-family: Arial, sans-serif;
	font-size: 76px;
	line-height: 0;
	transition: opacity .2s ease-out
}

button:active {
	transform: translateY(2px)
}

button:hover {
	opacity: 1
}

:root {
	--clr-primary-1: hsl(205, 86%, 17%);
	--clr-primary-2: hsl(205, 77%, 27%);
	--clr-primary-3: hsl(205, 72%, 37%);
	--clr-primary-4: hsl(205, 63%, 48%);
	--clr-primary-5: hsl(205, 78%, 60%);
	--clr-primary-6: hsl(205, 89%, 70%);
	--clr-primary-7: hsl(205, 90%, 76%);
	--clr-primary-8: hsl(205, 86%, 81%);
	--clr-primary-9: hsl(205, 90%, 88%);
	--clr-primary-10: hsl(205, 100%, 96%);
	--clr-grey-1: hsl(209, 61%, 16%);
	--clr-grey-2: hsl(211, 39%, 23%);
	--clr-grey-3: hsl(209, 34%, 30%);
	--clr-grey-4: hsl(209, 28%, 39%);
	--clr-grey-5: hsl(210, 22%, 49%);
	--clr-grey-6: hsl(209, 23%, 60%);
	--clr-grey-7: hsl(211, 27%, 70%);
	--clr-grey-8: hsl(210, 31%, 80%);
	--clr-grey-9: hsl(212, 33%, 89%);
	--clr-grey-10: hsl(210, 36%, 96%);
	--clr-white: #fff;
	--clr-red-dark: hsl(360, 67%, 44%);
	--clr-red-light: hsl(360, 71%, 66%);
	--clr-green-dark: hsl(125, 67%, 44%);
	--clr-green-light: hsl(125, 71%, 66%);
	--clr-black: #222;
	--ff-primary: 'Roboto', sans-serif;
	--ff-secondary: 'Open Sans', sans-serif;
	--transition: all .3s linear;
	--spacing: .1rem;
	--radius: .25rem;
	--light-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	--dark-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	--max-width: 1170px;
	--fixed-width: 620px
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.sidebar-toggle {
	position: fixed;
	top: 2rem;
	right: 3rem;
	font-size: 2rem;
	background: 0;
	border-color: transparent;
	color: var(--clr-primary-5);
	transition: var(--transition);
	cursor: pointer;
	animation: bounce 2s ease-in-out infinite
}

.sidebar-toggle:hover {
	color: var(--clr-primary-7)
}

.sidebar-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.5rem
}

.close-btn {
	font-size: 1.75rem;
}
.close-btn:before{background:url(../img/x.png) no-repeat;}

.close-btn:hover {
	color: var(--clr-red-light);
	transform: rotate(360deg)
}
.close-btn .close-btn{
	content: url(../img/x.png);
}
.links{margin-top: 4rem;margin-right: 6rem;}
.links a {
	text-align: right;
	display: block;
	font-size: 1.8rem;
	text-transform: capitalize;
	color: #000;
	transition: var(--transition)
}
.links a:hover{color: #000;}


.social-icons {
	justify-self: center;
	display: flex;
	padding-bottom: 2rem
}

.social-icons a {
	text-align: right;
	font-size: 1.5rem;
	margin: 0 .5rem;
	color: var(--clr-primary-5);
	transition: var(--transition)
}

.social-icons a:hover {
	color: var(--clr-primary-1)
}

.sidebar {
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eee;
	display: grid;
	grid-template-rows: auto 1fr auto;
	row-gap: 1rem;
	box-shadow: var(--clr-red-dark);
	transition: var(--transition);
	transform: translate(100%)
}

.show-sidebar {
	transform: translate(0);
}




.hoverss{display: none!important;}
.head_logo{width:8rem;position: fixed;z-index: 9999;top: 20px;}
.head_logos{
width: 2.5rem;position: fixed;z-index: 10;
}
.navbar{height: 4rem;position: fixed!important;width: 100%;z-index: 10;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);top: 0;}
#navbarCollapse{position: fixed;z-index: 10;top: -6px;}
.cp-h2{margin-top: 7rem;}
@media only screen and (max-width: 800px) {
	.head_logo{
		width: 20%;
	}
	button{right: 8%!important;}
	.cp-h2 p{width: 100%!important;}
	
	.cp-bottom h1{width: 100%;font-size: 2rem!important;margin:0 auto;}
	.mb-3{text-align: center!important;}
	#navbarCollapse .nav-link.disabled{display: none;}
	.c-cursor{display: none!important;width: 0!important;height: 0!important;}

	.detail-top{height: auto!important;}
	.detail-top img{height: auto!important;width: 100%;}
	.cp-line a img{height: 76vw!important;}
	.cp-bottom h1{line-height: 2.8rem;}
	.cp-bottom h1 a{padding:0 15px 2px 15px!important;}
	.detail-tops .col-md-11 td{font-size: 1.2rem!important;text-align: left!important;display:inline;padding: 0 1rem 0 0!important;}
	.detail-tops .col-md-11 td:nth-child(3){display: none;}
	.detail-tops .col-md-11 td:nth-child(2){color: #666;}
	.info-zi h1{padding-bottom: 25%;}
	.info-zi h1 p{font-size: 2rem!important;line-height:2rem!important;}
	#awards tbody tr td{color: #fff;display: block;margin-bottom: 1rem;}
	#awards tbody tr td h3{font-size: 1.2rem;margin: 0;text-align: left;}
	.container-cp a img{height: 78vw!important;}
}

.container-cp a{display: block;}
.container-cp a img{width: 100%;border-radius:10px;height:48vw;object-fit: cover;}
.container-cp .row a{color: #000; font-size: 18px;margin:0.6rem 0;display: inline-block;margin-right: 6px;}

.cp-h2 p{color: #000;width: 60%;margin:2rem auto 5rem;text-align: center;}
.com-img{margin-bottom: 8rem;}
.com-img img{width: 100%;}
.com-img .img-text{margin: 6rem auto;}
.cp-swr{margin: 6rem auto;}
.cp-swr .text-right a{color: #000;}
.cp-bottom{background: #000;}
.cp-bottom h1{width: 90%;font-size: 3rem;margin:0 auto;color: #fff;}
.cp-bottom h1 a{background: #e2211c;border-radius:40px;padding:0 20px 5px 20px;color: #fff;opacity: 0.9;}
.cp-bottom h1 a:hover{opacity: 1;text-decoration:none}
.c-cursor {
	    align-items: center;
	    border-radius: 20px;
	    box-sizing: border-box;
	    color: var(--color-background);
	    display: flex;
	    font-size: 14px;
	    height: 1em;
	    justify-content: center;
	    left: 0;
	    line-height: 0;
	    mix-blend-mode: difference;
	    pointer-events: none;
	    position: absolute;
	    top: 0;
	    transform: translate(-50%,-50%);
	    transform-origin: center;
	    transition: width .2s ease,height .2s ease;
	    width: 1em;
	    will-change: width,height,transform,background-color,border-color;
	    z-index: 9999;
	    z-index: 999
		transform: scale(0.04), translateY(9999px);
	}
	
	.c-cursor,.c-cursor.hover {
	    background-color: #fff;
	    border-color: #fff;

	}
	
	.c-cursor.hover {
	    height: 2.5em;
	    width: 2.5em
	}
	
	.c-cursor.is-hidden {
	    display: none
	}
	
	.c-cursor-text {
	    display: block;
	    pointer-events: none;
	    position: relative;
	    top: 1px;
	    white-space: nowrap
	}
.cp-line{padding:2rem 1rem;margin-top: 3rem;}
.cp-line div{margin-bottom: 1rem;}
.cp-line div:nth-child(2) img,.cp-line div:nth-child(3) img,.cp-line div:nth-child(6) img,.cp-line div:nth-child(7) img{height: 34vw;}
.cp-line a {display: block;padding:0.2rem;}
.cp-line a h5{color: #000;margin-top: 1rem;}
.cp-line a span{color: #666;}
.cp-line a:hover{text-decoration: none;}
.cp-line a img{width: 100%;border-radius:10px;height: 46vw;object-fit: cover;}
.detail-top{position: relative;top: 0;width: 100%;background: #000;height: 100%;border-bottom: solid 2px #fff;}
.detail-top img{height: 100%; margin: 0 auto;display: block;width: 100%;}
.detail-two{margin-top:1rem;}
.detail-two h6{color: #666;}
.detail-swt{padding:0 1rem;width:100%;margin: 0 auto 3rem!important;height:auto;}
.detail-swt p{display: block;}
.detail-swt img{width: 100%;height: auto;}
.detail-swt a{color: #444;}
.detail-swt a:hover{text-decoration: none;color: #000;}
.detail-swt a h3{padding-right: 3rem;float: left;}
.info-zi h1{color: #fff;padding-top: 25%;}
.info-zi h1 p{font-size: 3rem;line-height: 3rem;}
.detail-tops .info-one{padding: 1rem;color: #fff;}
.detail-tops .info-one h2{text-align: center;}
.detail-tops .col-md-11 td{color: #fff;font-size: 2rem;text-align: center; padding:0;}
.detail-tops{width: 100%;background: #000;height:auto;border-bottom: solid 2px #fff;padding-bottom: 6rem;}
.detail-tops .col-md-11 td .color{color: #666;}
.detail-tops .col-md-11 tr:hover td{color: #e2211c;}
#vido{position: absolute;z-index: 999;width:30%;height:30%;display: none;}
#vido video{width: 100%;}
#title{z-index: 3;cursor: none;mix-blend-mode: normal;display: none;position:absolute;display: none;}
#title p{width: 450px;
    color: #fff;
    letter-spacing: normal;
    white-space: normal;
    cursor: none;
    mix-blend-mode: normal;
    object-fit: fill;
    font-size: 16px;
    font-weight: 400;
    display: block;
    position: static;}
.hover{display: block!important;}
#ba-btm{padding: 10rem 0;}