@font-face {
	font-family:'Font(font/ttf)';
	src: url('../font/segoeui.ttf')
}

* {
	outline: none !important;
}
.homepage-event .leptop-text .main-reality{
	background-color: #28a745;
	color: #fff;
	font-weight: 600;
    font-size: 40px;
    border-radius: 0px 10px 10px 0px;
}
.homepage-event .leptop-text .reality-content p{
	color: #fff;
	font-size: 25px;
	padding: 30px;
	text-align: left;
	letter-spacing: 0.6px;
	line-height: 2;
}
.homepage-event .leptop-text .point-reality ul{
	color: #fff;
	text-align: left;
	font-size: 30px;
    line-height: 2;
}
.homepage-event .leptop-text .reality-mobaile img{
	width: 100%;
}
.header {
	position: relative;
	min-height: 25rem;
	overflow: hidden;
	height: 400px;
}
.header.short{
	min-height: 0;
	height: auto;
}
.header video {
    width: 100%;
    opacity: 0.5;
}

/* navbar */

.header .navbar-brand img {
    width: 150px;
}
.header .user-icon a i{
	color: #28a745;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
.homepage-event .header .bg-lightt{
	background-color: #fff;
}
.homepage-event .header .navbar-expand-lg .navbar-brand{
	padding-left: 8%;
}
.homepage-event .header .navbar-header ul{
	border-right: none;
}
.header .navbar-header .nav-item .nav-link{
	color:#28a745;
	text-transform: uppercase; 
	padding: 1px 12px;
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: bold;
}
.header .navbar-header .active>.nav-link{
	color:#fff;	
	background-color: #28a745;
	border-radius: 0px 8px;
	font-size: 14px;
	letter-spacing: 0.8px;
	font-weight: bold;
}
.header .nav-item .nav-link{
	margin: 4px 4px;
}

.header .navbar-collapse {
	flex-grow: 0.1;
}



/* end */


/* .header .justify-content-between{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}




.header .collapsed{
	position: absolute;
	right: 15px;
	transition: 0.5s;
}
.header .main-nav-trigger {
	width: 30px;
    background: #4daa12;
    border: 2px solid black;
    cursor: pointer;
    transition: 0.6s;
    box-sizing: content-box;
}
.collapsing{
	overflow: unset;
}
*/
.header .content {
	position: absolute;
	top: 30%;
	right: 0;
	left: 0;
}
.homepage-event .indicator li{
	width: 10px;
	height: 10px;
	border: unset;
	transition: none;
	background-color: #218838;
	border-radius: 50%;
}
.carousel{
    /* height: 515px; */
}
.interactive{
	display: inline-block;
}
.homepage-event .text-interactive span{
	font-size: 25px;
	display: block;
	text-align: center;
	color: #000;
}
.homepage-event .text-interactive span.newfont{
	color: #000;
}

.field-map{
	position: relative;
	width: 100%;
	border-radius: 10px;
	display: inline-block;
	/* margin:10px 20px;  */
}
.field-map img{
	width: 100%;
}
.homepage-event .field-map span{
    display: block;
    width: 100%;
    bottom: 5px;
	text-align: center;
	font-size: 30px;
	color: black;
}
/* .homepage-event .interactive .select-img {
	font-size: 30px;
	
} */
.mobail-img img{
	width: 180px;
}
.android-btn .android{
	border-radius: 20px;
	padding: 5px 28px;
}
.features span{
	margin: 35px 0;
	display: block;
	font-size: 28px;
	text-align: center;
}
.carousel-control-next, .carousel-control-prev{
	width: 10%;
	z-index: 2 !important;
	opacity: unset !important;
}
.prev-page{
	background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.homepage-event .center .look-map{
    background-image: url('../image/homepage/bg-texture.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
    background-position:center;
}
.homepage-event .center .look-map .selectslide-img .carousel .carousel-control-next, .homepage-event .center .look-map .selectslide-img .carousel .carousel-control-prev{
	width: 5%;
}
.homepage-event .center .look-map .selectslide-img .carousel .carousel-control-prev{
	left: -55px;
}
.homepage-event .center .look-map .selectslide-img .carousel .carousel-control-next{
	right: -55px;
}
.selectslide-img ol.carousel-indicators li{
	width: 10px;
    height: 10px;
    border: unset;
    transition: none;
    border-radius: 50%;
}
.homepage-event .center .look-map .carousel ul.carousel-indicators{
	bottom: 10px;
}
.homepage-event .center .look-map .carousel ol.carousel-indicators{
	bottom: -10px;
}
.selectslide-img .imageuptext b{
	color: #28a745;
	text-align: center;
}
.selectslide-img .newfont{
	font-size: 16px;
	color: #000;
}
/* end */
.homepage-event .map .event-text{
	font-size: 30px;
	color: #fff;
	padding: 15px 50px 0px;
}
.homepage-event .map .main-map{
	padding: 10px 0px;
}
.homepage-event .main-map img{
	width: 100%;
}
.homepage-event .map-button ul li.active{
	color:green;
	background-color: #fff;
	border-radius:50px;
	line-height: 20px;
}
.homepage-event .map-button ul li{
	display: inline-block;
	color:#fff;
	text-transform: capitalize; 
	padding: 4px 10px;
	cursor: pointer;
}
.homepage-event .center .leptop-text-1{
    background-image: url('../image/homepage/whole-bg-img.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:center;
	padding: 40px 0;
}
.modal.fade .modal-content .modal-body .carousel-control-prev{
    left: -70px;
}
.modal.fade .modal-content .modal-body .carousel-control-next{
	right: -70px;
}
.leptop-text-1 .pc-img{
	color: #fff;
	margin: 20% 0%;
	font-size: 51px;
}
.leptop-text-1 .icon-text{
	display: flex;
	align-items: center;
	padding: 4% 0% 4% 10%;
}
.leptop-text-1 .icon-text .icon img{
	width: 50%;
}
.leptop-text-1 .simpale-text{
	font-size: 20px;
	color: #fff;
	padding: 0 14%;
}
.leptop-text-1 .simpale-text span{
	color: #28a745;
}
.leptop-text-1 .icon-text span{
	font-size: 20px;
	color: #fff;
	margin-left: 20px;
}
.homepage-event .center .leptop-text{
    background-image: url('../image/homepage/arsection-img.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:center;
	padding: 40px 0;
}
.footer{
	background-image: url("../image/map-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.footer .contact-head span{
	font-size: 35px;
    width: 80%;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
}
.footer .contact-form .form-control{
	background-color: unset;
	border: none;
	border-bottom: 4px solid #fff;
	box-shadow: none;
	border-radius: 0px;
}
.contact-form .text-center .simpal-button{
	background-color: #28a745;
    color: #fff;
    border-radius: 0px 8px;
    border: none;
    padding: 2px 14px;
}
.contact-form .text-center .simpal-button:hover{
	color: #fff;
    background-color: #218838;
}
.homepage-event .center .custom-brand{
    background-image: url('../image/homepage/custom-brand-bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:center;
	padding: 40px 0;
}
.homepage-event .custom-brand .brand-custom img{
	width: 100%;
}
.homepage-event .custom-brand .main-custom{
	background-color: #fff;
	color: #28a745;
    font-size: 40px;
    border-radius: 10px;
}
.homepage-event .custom-brand .brand-content p{
	color: #fff;
    font-size: 24px;
    padding: 30px;
    text-align: left;
    letter-spacing: 0.6px;
}
.homepage-event .custom-brand .custom-point ul{
	color: #fff;
    text-align: left;
    font-size: 24px;
}
.homepage-event .custom-brand .custom-point ul .brand-round:before{
	content: "";
    height: 8px;
    width: 8px;
    background-color: #218838;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
    margin-right: 5px;
}
/* .homepage-event .carousal-block {
	background-image: url(../image/bg-texture.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
} */
.footer input.form-control{
	color: #fff;
}
.footer .contect-text p{
	font-size: 32px;
	color:#fff;
	text-align: center;
}
.footer #myBtn{
	scroll-behavior: smooth;
	color: #fff;
	font-size:15px; 
}
footer.contact-form button{
	background-color: #fff;
	color: #00c100;
	border: none;
}
.footer .container-fluid .up-icon{
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}
.footer .up-icon span img{
	width: 35px;
	cursor: pointer;
} 
.footer .copy-right{
	height: 40px;
	background-color: green;
	padding: 10px;
	text-align: center;
}
.footer .copy-right span,.fa-copyright{
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}
.coed-box .collapsed{
	position: relative;
	right: auto;
	transition: 0.5s;
}
.navbar-right{
	min-width:200px;
}
.box-open{
	background-image: url("../image/popup-bg.png");
	background-size: 100% 100%;
	background-color:transparent;
	border: none;	
}
.modal-dialog-centered::before{
	height:unset;
}
.modal .modal-header{
	border-bottom:unset;
}
.btn-change,.btn-change:hover{
	color:#fff;
	opacity:1;
}
.modal-footer{
	border-top:unset;
	justify-content: space-between;
}
.first-modal{
	justify-content: flex-end;
}
.btn-image, .btn-image:hover, .btn-image:focus{
    background-image: url("../image/button-next.png");
	background-repeat: no-repeat;
    background-position: center;
	background-size: 100% 100%;
	color: green;
	box-shadow:unset;
	padding: 0 10px !important;
}
.btn-btnwhite, .btn-btnwhite:hover, .btn-btnwhite:focus{
	background-image: url("../image/button-prev.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: green !important;
	box-shadow:unset;
}
.contact .contact-form .form-control:focus{
	box-shadow:none;
}
.popup-text span{
	display: block;
	color: #fff;
	font-size: 20px;
}
.modal-radio {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
	user-select: none;
}
.modal-radio input {
	display: none;
}
.checkmark {
	position: absolute;
	top: 8px;
	left: 10px;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border-radius: 50%;
}
.modal-radio input:checked ~ .checkmark:after {
	display: block;
}
.modal-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #079407;
}
#mapSlider .modal-lg .carousel-control-next, #mapSlider .modal-lg .carousel-control-prev{
	bottom: 10%;
}
#demo-text .carousel-item .open-text{
	font-size: 40px;
}
#carouselExampleControls #demo-text.carousel{
	height: auto;
}
.header .event-bg{
	display: flex;
	align-items: center;
	justify-content: center;
}
.header .event-bg h1{
	font-size: 100px;
	text-shadow: -2px 0px 3px #0ae6f0;
} 
.event-page .header .navbar-header ul{
	border-right: none;
}
.event-page .header{
	background-image: url("../image/event-hederbg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.event-detail .header{
	background-image: url("../image/eventdetail/green-bg-img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.event-detail .header .content,.event-page .header .content{
	color: #fff; 
}
.event-detail .header .content span{
	font-size: 18px;
}
.countdown-container{
	position: absolute;
	top: 200px;
	right: 0;
	left: 0;
}
.clock-item .inner {
	height: 100%;
	position: relative;	
}
.clock-canvas {
	border-radius: 50%;
	height: 100px;
	width: 100px;
	display: inline-block;
}
.text {
	color: #fff;
	font-size: 30px;
	font-weight: bold;	
	margin-top: 12px;
	position: absolute;
	top: 0%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
}
.text .val {
	font-size: 25px;
	margin-bottom: 0px;
}
.days-counter{
	color: #F93CEE;
}
.text .type-time {
	font-size: 15px;
	margin-bottom: 0px;
}
.hours-counter{
	color: #FF8A01;
}
.min-counter{
	color: #0AE8EB;
}
.sec-counter{
	color: #19E71E;
}
.event-detail .dropdown .menu-down{
	color: white;
	padding: 0;
	border: unset;
}
.event-detail .dropdown .menu-down .fa-angle-down{
	font-size: 21px;
	margin: 0px 5px;
	vertical-align: middle;
}
.event-detail .dropdown .dropdown-menu{
	min-width: unset;
}
.dropdown-toggle::after{
	display: none;
}
.dropdown .fa-sort-desc{
	position: absolute;top: 6px;
}
.main-nav .main-nav-trigger {
    display: block;
}
.main-nav .main-nav-trigger {
    position: absolute;
    right: -70px;
    top: 10px;
    display: none;
}
.allimage{
	position: relative;
}
.event-nav{
	padding-top: 34px;
}
.event-page .event-center{
	background-image: url("../image/mainevent-bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 30px 20px;
}
.event-page .event-center .clearfix{
	margin-bottom: 10px;
}
.event-page .event-center .search-box {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: bottom;
}
.event-page .search-box input{
	border: none;
	border-bottom: 2px solid #01c301;
	height: 27px;
	margin-right: -4px;
}
.event-center .search-box span{
	margin-right: 4px;
}
.event-center .form-control:focus{
	box-shadow: unset;
}
.event-page .search-box button{
	padding: 0px;
	border: none;
}
.event-page .search-box button img{
	height: 27px;
}
.event-center .bar-imag button,.refresh button{
	border: none;
	padding: 0px;
}
.event-page .bar-imag button img,.refresh button img{
	height: 27px;
}
.datepicker > div {
	display: none;
}
.search-box .evntfilters input:first-child {
    margin-left: 2px;
}
.search-box .evntfilters input{
    line-height: 1;
    border-radius: 0;
    padding: 5px;
    margin-left: 6px;
    font-size: 12px;
}
.form-group .evntfilters .form-control::placeholder {
	color: #a2a8ad;
	background-color: #fff;
    background-clip: padding-box;
}
.form-group .evntfilters input {
    height: 30px;
    border: 2px solid #07a807;
	width: 100px;
	border-radius: 5px;
    padding: 0px 0px;
    margin-bottom: 15px;
    font-size: 14px;
}
.evntfilters .applyfilter_btn{
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 25px;
    line-height: 35px;
    border: none;
    background: #07a807;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.evntfilters {
    margin-top: 5px;
}
.event-page .allimage .image-event{
	display: inline-block;
	margin: 20px 0px;
	box-shadow: 0px 1px 3px 1px #ccc;
	background-color: #fff;
	width: 100%;
}
.event-page .allimage .goto-img{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 206px;
}
.event-page .goto-img img{
	max-height: 100%;
	max-width: 100%;
}
.event-center .image-event .cut-text{
	border-bottom: 2px solid #f4f4f4;
}
.event-page .event-center .image-event .cut-text{
	display: inline-block;
	white-space: nowrap;
	width: 90%;
    overflow: hidden !important;
	margin: 5px 10px;
	font-size: 20px;
}
.event-page .content-event{
	padding: 10px;
}
.event-page .image-event .date{
	color: #797575;
	font-size: 12px; 
}
.user-event .fa-user,.date .fa-calendar{
	margin-right: 4px;
}
.image-event .user-event{
	float: right;
    white-space: nowrap;
    width: 80px;
    overflow: hidden !important;
	text-overflow: ellipsis;
	text-align: right;
	margin-left: 4px;
}
.event-page .image-event .registration{
	font-size: 13px;
	margin-top: 10px;
	color: red;
}
.event-page .registration .fa-usd{
	margin-right: 7px;
}
.event-page .registration .lan-font{
	float: right;
	color: #797575 !important;
	font-size: 12px;
}
.event-page .image-event form input{
	background-color: #07a807;
	border: none;
	color: #fff;
	width: 100%;
	margin-top: 10px;
}
.pagination .page-link:focus{
	box-shadow: none;
}
.page-link{
	padding: 2px 7px;
	margin: 0px 4px;
	display: inline;
}
.pagination .past-icon .page-link{
	background-color: #eaeaea;
	color: #818181;
}
.past-icon:first-child .page-link,.past-icon:last-child .page-link{
	background-color: #00c100;
	color: #fff;
	padding: 6px 12px; 
}
.past-icon.active .page-link{
	background-color: #00c100;
	color: #fff;
	border: none;
	padding: 3px 9px;
}
*{
	outline: none;
} 
.windy-city{
	background-image: url("../image/eventdetail/event-details-bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	margin-bottom: 30px;
}
.windy-city .detail{
	height: 80px;
}
.windy-city .detail button{
	margin-right: 40px;
	margin-top: 20px;
	border-radius: 12px 0 12px 0; 
}
.windy-city .detail button img{
	width: 23px;
}
.windy-city .windy-text img{
	width: 80px; 
	margin-right: 20px;
}
.windy-city .windy-text h1{
	display: inline-block;
}
.wide-city .location-contant{
	margin-top: 20px;
}
.wide-city .location-contant span{
	color: mediumvioletred;
	font-size: 26px;
}
.wide-city .text-gray {
	color: #a9a9a9;
}
.wide-city .description,.wide-city .rules{
	margin-left: 95px;
	margin-top: 20px;
}
.wide-city .description span{
	color:orange;
	font-size: 26px;
}
.wide-city .description p{
	font-size: 18px;
}	
.wide-city .address{
	margin-right: 25px;
	margin-top: 20px;
}
.wide-city .address span{
	color:mediumturquoise; 
	font-size: 26px;
}	
.wide-city .rules span{
	color:mediumspringgreen; 
	font-size: 26px;
}
.map-center{
	background-image: url("../image/map-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.map-center .btn-white{
	background-color: #fff;
	color: #28a745;
	font-size: 14px;
	border-radius: 10px;
}
.map-center .event-map button{
	color: #fff;
	margin: 15px 50px 0 0;
	border-radius: 12px 0 12px 0 ; 
} 
.map-center .clearfix .btn-white{
	margin: 15px 0px 0px 50px;
}
.map-center button img{
	width: 25px;
}
.map-center .main-map {
	height:auto;
}
.map-center #gmap_canvas{
	border-radius: 10px; 
	margin: 24px 74px 60px;
}
.calender-details .main-bracket{
	background: none;
}
.main-bracket{
	background-image: url("../image/eventdetail/Schedule&playoffs-bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.coed-contant button{
	border-color: #21b221;
}
.coed-contant .stading button{
	margin: 20px 30px;
	padding: 4px;
	border-radius: 10px;
}
.main-bracket .schedule button{
	margin: 20px 50px 20px 0;
	border-radius: 12px 0 12px 0; 
}
.main-bracket .coed-contant button img{
	width: 23px;
}
.main-bracket .coed .coed-box{
	margin-bottom: 20px;
}
.main-bracket .coed .dropbtn {
	padding: 8px 18px;
	background-color: green;
	color: white;
	font-size: 25px;
	border: none;
	width: 100%;
	transition: 0.9s;
	border-radius: 12px 0px; 
}
.main-bracket .coed-box .dropbtn .arro-right{
	transform: rotate(90deg);
	transition: 0.3s;
}
.main-bracket .coed .arro-right{
	float:right;
	font-size: 37px;
	transition: 0.4s;
}
.main-bracket .coed-box .collapsed .arro-right{
	transform: rotate(0deg);	
}
.main-bracket .coed .dropdown-content {
    border: 1px solid #dfdfdf !important;
	margin: 0 25px;
	background-color: rgba(255, 255, 255, 0.6); 
	overflow: hidden;
	transition: 0.3s;
}
.main-bracket .drop-code .schedule-code ul{
	padding: 0px;
}
.main-bracket .drop-code .schedule{
	display: inline-block;
	width: 33.3%;
	background-color: #fff;
}
.main-bracket .schedule-code .active>.code-link{
	background-color: green;
    color: #fff;
    border-radius: 12px 0px;
	border: none;
	padding: 5px 0px;
    border-bottom: 4px solid black;
}
.main-bracket .schedule-code .code-link{
	border: 1px solid #d8d8d8;
	padding: 6px 0px;
	border-radius: 10px 0px;
    text-transform: capitalize;
    font-size: 22px;
    color: green;
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
.main-bracket .all-teams{
	display: inline;
}
.main-bracket .all-teams .teams{
	border-radius: 8px 0px;
	color: #079407;
	font-size: 14px;
	width: 244px;
	text-align: left;
	margin: 5px;
}
.main-bracket .all-teams .teams .erro-icon{
	font-size: 28px;
	margin-top: -6px;
}
.main-bracket .field-box{
	overflow-y: auto;
	height: 200px;
	padding: 5px;
	white-space: nowrap;
}
.bracket-table{
	position: relative;
}
.main-bracket .code-table {
	position: relative;
}
.main-bracket .field-box .team-table{
	width: 100%;
}
.main-bracket .field-box .border-end {
    border-radius: 10px 10px;
}
.main-bracket .field-box .back-odd{
	background-color: #e3e3e3;
}
.main-bracket .field-box .dream-team{
	border-radius: 10px 0px 0px 10px;
	box-shadow:-1px 0px 0px 0px #ccc;
	font-size: 12px; 
}
.main-bracket .team-table tr div{
	height: 30px;
}
.main-bracket .border-end td img{
	width: 30px;
}
.main-bracket .border-end .time-team{
	border-radius: 0px 10px 10px 0px;
	box-shadow: 1px 0px 0px 0px #ccc; 
}
.main-bracket .page-count{
	height: 40px;
}
.main-bracket .page-count .page-link{
	border: none;
	color: #000;
	padding: 3px 3px;
}
.page-count .pagination .gray{
	background-color: #eaeaea;
	border-radius: 4px; 
	padding: 0px 5px;
}
.main-bracket .page-count .pagination .gray{
	background-color: #eaeaea;
	border-radius: 4px; 
	padding: 0px 5px;
}
.page-count .page-link .icon-right{
	font-size: 16px;
}
.main-bracket .standings{
	float: right;
}
.main-bracket .standings .standing-play{
	width: 115px;
	text-align: center;
} 
.main-bracket .standings .active>.pool-standing{
	background-color: green;
    color: #fff;
    border-radius: 6px 0px;
	border: none;
	padding: 0px 0px;
    border-bottom: 3px solid black;
}
.main-bracket .standing-play .pool-standing{
	border: 1px solid #d8d8d8;
	padding: 1px 0px;
	border-radius: 6px 0px;
    text-transform: capitalize;
    font-size: 15px;
    color: green;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
.brak-scroll .nav{
	border-bottom: 1px solid #d8d8d8;
	display: flex;
	align-items: center;
	flex-wrap: unset;
	overflow-x: hidden; 
}
.coed-box .brak-scroll{
	display: flex;
	align-items: center;
}
.brak-scroll .fa-angle-left, .brak-scroll .fa-angle-right{
	display: flex;
    justify-content: center;
	align-items: center;
	color: green;
	font-size: 40px;
	width: 30px;
	cursor: pointer;
}
.brak-scroll ul{
	width: 100%;
}
.brak-scroll .nav-item .nav-link {
	border: 1px solid #d8d8d8;
	padding: 2px 10px;
	border-radius: 8px 0px;
}
.brak-scroll .nav-item{
	margin-left: 5px;
}
.brak-scroll a.nav-link.active {
    background-color: green;
	color: #fff;
	border-radius: 8px 0px;
    border: none;
    padding: 2px 10px;
    border-bottom: 3px solid black;
}
.brak-scroll a{
	color: green;
}
.drop-code .bracket-start{
	border: 1px solid #d8d8d8;
	height: 50px;
	display: flex;
	padding: 0px 15px;
	margin: 12px 0px;
	color: green;
	align-items: center;
	background-color: #fff;
	justify-content: space-between;
}
.drop-code .bracket-start:hover{
	color: #fff;
	background-color: green;
	transition: 1s;
}
.drop-code .bracket-start .fa-angle-right{
	font-size: 40px;
	display: flex;
	align-items: center;
}
.main-bracket .play-contant .play-button {
	margin-bottom: 20px; 
}
.main-bracket .play-button button img{
	width: 24px;
}
.play-contant .coed-box .fa-caret-right{
	float:right;
	transition: 0.4s;
}
.main-bracket .tab-schedule .code-link{
	border: 1px solid #ccc;
	padding: 6px;
	color: green;
	display: block;
	border-radius: 10px 0px;
	text-decoration: none;
}
.main-bracket .tab-schedule .active{
	background-color: green;
	color: #fff;
	border-radius: 12px 0px;
	border: none;
	padding: 5px;
	border-bottom: 4px solid black;
}
.play-contant .dropdown.active >.dropbtn .fa-caret-right{
	transform: rotate(90deg);
	transition: 0.4s;
}
.gallery{
	background-image: url("../image/Gallery-Bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 30px;
}
.gallery-btn{
	text-align: right;
}
.gallery button{
	margin: 15px 50px 15px 0;
	border-radius: 12px 0px 12px 0px;
}
.gallery button img{
	width: 24px;
}
.img-gallery.show img {
	position: fixed;
	top: 0; left: 0;
	margin: 30px;
	align-self: center;
	object-fit: contain;
	z-index: 666;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	filter: drop-shadow(0 3px 15px black);
}
.img-gallery.show::before {
	content: '';
	display: block;
	position: fixed;
	z-index: 555;
	width: 100vw;
	height: 100vh;
	top: 0; left: 0;
	background: rgba(0,0,0,.6);
}
.img-gallery:not(.show):hover img {
	cursor: pointer;
	transform: scale(1.3);
}
.gallery .all-image {
	max-width: 90%;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-auto-rows: 250px;
	grid-auto-flow: dense;
}
.gallery .horizontal {
	grid-column: span 2;
}
.gallery .img-gallery {
	overflow: hidden;
	padding: 0;
}
.gallery .img-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all .5s;
}
.center .sponsors{
	background-image: url("../image/eventdetail/Local-Sponsor-Bg.jpg");
	background-size: 100% auto;
}
.cal-header .calen-drop, .dropleft, .dropright, .dropup{
	width: 21%;
	float: left;
}
.cal-header .cale-year , .dropleft, .dropright, .dropup{
	width: 21%;
	float: right;
}
.calen-drop .drop-blog{
	border-bottom: 1px solid black;
	border-radius: 0;
}
.cale-year .dropdown-menu{
	min-width: 6rem;
}
.cale-year .dropdown-item{
	padding: 3px 30px;
}
.calen-drop .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #28a745;
}
.calen-drop .dropdown-item{
	padding: 3px 20px;
}	
.blog-calendar .fc-header{
	display: none;
}
.blog-calendar .fc-border-separate{
	overflow: hidden !important;
	border: 4px solid #C7E3C6;
}
.blog-calendar .fc td{
	border-width: 2px;
	border-color: #C7E3C6;
	border-radius: 8px 8px 8px 8px !important;
	outline: 3px solid #C7E3C6;
	border-top-width: 2px !important;
}
.blog-calendar .fc th{
	border-width: 2px;
	border-color: #C7E3C6;
	border-radius: 8px 8px 8px 8px !important;
	border-top-width: 3px;
	outline: 2px solid #C7E3C6;
}
.blog-calendar .fc-row .fc-content-skeleton{
	padding-bottom: 0;
}
.blog-calendar .fc-past, .blog-calendar .fc-future{
	background-color: #f3f3f3;
}
.blog-calendar .fc .fc-row .fc-content-skeleton td{
	border-color: #C7E3C6;
}
.blog-calendar .fc-unthemed td.fc-today{
	background-color: #28a745;
}
.blog-calendar .fc-content{
	background-color: #C7E3C6;
}
.blog-calendar .fc-basic-view .fc-body .fc-row {
    min-height: 3.6em;
}
.blog-calendar .fc-sun, .blog-calendar .fc-sat{
	background-color: #f3f3f3;
}
.blog-calendar .fc-day-header.fc-mon, .blog-calendar .fc-day-header.fc-tue, .blog-calendar .fc-day-header.fc-wed,
.blog-calendar .fc-day-header.fc-thu, .blog-calendar .fc-day-header.fc-fri{
	background-color: #000;
	color: #fff;
}
.blog-calendar .fc td, .fc th{
	padding: 2px;
}
.blog-calendar .fc-view{
	overflow: visible;
}
.fc-grid .fc-day-number{
	padding-top: 42px;
}
.fc-grid .fc-day-content{
	clear: unset;
}
.blog-calendar .fc-view .fc-week{
	height: 75px;
}
.blog-calendar .fc-view .fc-week.fc-first{
	height: 70px;
}
.sponsors .calend-blog .erphone{
    display: flex;
    align-items: center;
    justify-content: center;
	height: 65px;
	width: 65px;
}
.sponsors .calend-blog .erphone img {
    max-height: 100%;
    max-width: 100%;
}
.sponsors .border-long{
	border-left: 1px solid black;
	margin-top: 20px;
}
.sponsors .calend-blog .cal-blog-text h4{
	margin-bottom: 0;
}
.sponsors .calend-blog .cal-blog-text span, .sponsors .calend-blog .cal-blog-text .min-month{
	font-size: 13px;
}
.fc-event-time, .fc-event-title {
	font-size: 10px;
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
	border-bottom-width: 3px;
}
#calenderPublicModule .noteview {
    position: absolute;
    top: 7px;
    background: black;
    color: #fff;
    padding: 12px 5px;
    transform: translateY(-80%);
    box-shadow: -2px 2px 5px rgba(0,0,0,0.4);
    border-radius: 5px;
    display:none;
    width: max-content;
	max-width: 200px;
	min-width: 150px;
}
#calenderPublicModule .noteview.rightview{
	left: 100%;
    margin-left: 16px;
}
#calenderPublicModule .noteview.leftview{
	right: 100%;
    margin-right: 16px;
}
#calenderPublicModule .noteview:before {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: calc(81% - 10px);
    z-index: 1;
}
#calenderPublicModule .noteview.rightview:before {
	border-right: 18px solid black;
	left: -15px;
}
#calenderPublicModule .noteview.leftview:before {
	border-left: 18px solid black;
	right: -15px;
}
#calenderPublicModule .noteview:after {
    content: "";
  	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: yellow;
	bottom: 22px;
	right: 10px;
}
#calenderPublicModule .noteview div {
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px;
}
#calenderPublicModule .noteview div:before {
    content: "";
    left: 0;
    top: -2px;
    color: green;
    font-weight: bold;
    position: absolute;
    font-size: 12px;
}
#calenderPublicModule .noteview .icon-trash {
    float: right;
    color:red;
    padding-top: 4px;
}
#calenderPublicModule .two-button .popup-next, #calenderPublicModule .two-button .popup-previous{
	padding: 0px 6px;
	font-size: 15px;
	float: left;
	background-color: green;
}
#calenderPublicModule .two-button .popup-next a, #calenderPublicModule .two-button .popup-previous a{	
	color: #fff;
	text-decoration: none;
}
#calenderPublicModule .two-button .popup-previous{
	float: right;
	margin-right: 20px;
}
.blog-calendar .fc td, .fc th {
	vertical-align: bottom;
}
.sponsors .local button{
	margin: 15px 50px 15px 0;
	border-radius: 12px 0 12px 0; 
}
.sponsors .local button img{
	width: 22px;
}
.sponsors ul{
	padding: 0px;
}
.sponsors .all-button .ad-item{
	display: inline-block;
}
.sponsors .all-button .active>.ad-link{
	background-color: #fff;
	color:#0cb80c;
	border-radius: 0px 7px;
}
.sponsors .all-button .ad-link {
	border: unset;
	border-radius: 7px 0px;
	padding: 4px 35px;
	text-transform: capitalize;
	font-size: 15px;
	background-color: green;
	color: #fff;
	text-decoration: none;
}
.sponsors .img-sponsors .local-image{
	border: 1px solid red;
	display: inline-block;
	vertical-align: middle;
}
.sponsors .img-sponsors .local-image .spon-img{
	display: flex;
    align-items: center;
    justify-content: center;
	height: 100px;
	width: 100px;
}
.sponsors .img-sponsors .local-image img{
	max-height: 100%;
	max-width: 100%; 
	display: block;
}
.sponsors .img-sponsors .local-image span{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
	width: 100px;
	display: block;
} 
.btn-success:focus{
	box-shadow: unset !important;
}
.form-group .form-control::placeholder{
	color: #fff;
}
.btn:focus {
	box-shadow: none !important;
	outline: none !important;
}
button:focus{
	outline: none;
}
.dropdown .teams::after{
	display: none;
}
.page-count .page-link:focus{
	box-shadow:none;
}
.contact .contact-form .form-control:focus{
	box-shadow:none;
}
.modal.register {
    background-image: url('../image/Register-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	font-family:'Font(font/ttf)';
}
.close-modal {
	height: 40px;
	padding: 40px 50px 0px 0px;
}
.close-modal button.close{
	opacity: unset;
}
.close-modal .close img{
	height: 25px;
}
.register .modal-content{
	border: none;
	border-radius: 20px; 
}
.modal-header h1{
	color: #1EB858;
}
.switch{
	position: relative;
	width: 90px;
	height: 38px;
	float: right;
	overflow: hidden;
} 
.register-switch .slider.round {
	border-radius: 6px;
}
.register-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 8px;
	left: 1px;
	right: 3px;
	bottom: 10px;
	background-color: #1EB858;
	-webkit-transition: .4s;
	transition: .4s;
}
.register-switch .slider.round:before {
	border-radius: 50%;
}
input:checked + .slider:before {
	transform: translateX(65px);
	z-index: 2;
}
.register-switch .slider:before {
	position: absolute;
	content: "";
	height: 25px;
	width: 25px;
	top: -3px;
	left: -1px;
	bottom: 0px;
	background-color: white;
	transition: .4s;
	border: 2px solid #26c426;
	z-index: 2;
}
input:checked + .slider:after {
	left: 16px;
	overflow: hidden;
} 
.register-switch .slider:after{
	position: absolute;
	content: "Login Register";
	left: -31px;
	top: -3px;
	transition: .4s;
	width: 150%;
	color:#fff;
	word-spacing: 20px;
	font-size: 14px;	
}
.hide-show{
	position:absolute;
	background: none;
    border: none;
    right: 0;
	z-index: 2;
	margin-top: 14px;
}
.regis-form{
	border: none;
	border-bottom: 2px solid #1EB858;
	width: 100%;
	outline: none;
	font-size: 25px;
}
input.regis-form{
	color:#1EB858;
} 
.modal-checkbox {
    z-index: 0;
    position: relative;
    display: inline-block;
}
.modal-checkbox > input {
    display: none;
}
.modal-checkbox span{
	color: #1EB858;
	font-size: 18px;
}
.modal-checkbox > span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 2px 11px 5px 0px;
	background-color: #09c009;
    width: 21px;
    height: 20px;
    vertical-align: top;
}
.modal-body .regis-form::placeholder{
	color:rgba(30, 184, 88, 0.5);
}
#modalLoginForm .modal-checkbox > span::after {
    content: "";
    display: none;
    position: absolute;
    top: 11px;
    left: 0px;
    width: 15px;
    height: 6px;
    border: solid 2px #fff;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
} 
#modalLoginForm .modal-checkbox > input:checked + span::after{
	display: block;
	border-color: #fff;
}
.btn-regis,.btn-regis:hover {
	background-color: #1EB858;
	width: 180px;
	color: #fff;
	font-size: 25px;
	padding: 0px;
}
.add-register .btn-regis{
	border-radius: 10px; 
}
.btn-regis img{
	width: 32px;
	margin-right: 10px;
	margin-bottom: 3px;
}
button.close .switch input{ 
	opacity: 0;
	width: 0;
	height: 0;
}
.input-icons { 
	width: 100%; 
	margin-bottom: 10px; 
} 
.psw-remembar{
	color: #1EB858;
	font-size: 19px;
}
.psw-remembar img{
	height: 30px;
}
.psw-remembar input{
	color:#03bc03;
}
.psw-remembar .psw a{
	font-size: 19px;
	text-decoration: none;
	float: right;
	color:#1EB858;
}
.checkbox-me{
	position: relative;
	width: 38px;
	height: 38px;
	top: -5px;
	overflow: hidden;
}
.font-marg{
	position: absolute;
}
.checkbox-me input{
	display: none;
}
input:checked + .remeber-check:before{
	position: absolute;
	content: "";
	background-image: url('../image/remember-me.png');
	background-size: 34px 34px;
	z-index: 2;
} 
.checkbox-me .remeber-check:before{
	position: absolute;
	content: "";
	background-image: url('../image/Remember.png');
	height: 38px;
	width: 38px	;
	z-index: 2;
	left: 0;
	background-position: center;
    background-repeat: no-repeat;
    background-size: 34px 34px;
}
.btn-login {
	color: #fff;
	font-size: 25px;
}
.add-register{
	color: #fff;
	font-size: 25px;
}
.add-register .add-icon img{
	height: 40px;
}
.loginpage-btn{
	width: 125px;
	height: 45px;
	background-color: #1EB858;
	color: #fff;
	font-size: 21px;
	padding: 0px;
	border-radius:10px; 
}
.loginpage-btn img{
	height: 35px;
	margin-right: 5px;
}
.btn-login img {
	height: 30px;
}
.btn-login .fb-icon img{
	height: 40px;
}
.modal.forget {
    background-image: url('../image/Forgot-Password.jpg');
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	font-family:'Font(font/ttf)';
}
.forget .modal-content{
	border: none;
	border-radius: 20px; 
}
.btn-login .btn-send {
	background-color: #1EB858;
	min-width: 85px;
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
	border-radius: 10px; 
}
.input-icons i { 
	position: absolute; 
	right: 30px;
	color: #01c301;
	font-size: 20px;
}  
.close:not(:disabled):not(.disabled):hover{
	opacity: unset;
}
.btn-login .btn:hover{
	color: #fff;
}
.modal-checkbox > input:checked + span::after {
	border-color: #00c100;
}
.clearfix .button-click{
	position: relative;
}
.embed_info {
    position: absolute;
    top: 10;
    left: 160px;
    width: 650px;
    z-index: 1;
    background: #fff;
    border: 3px solid #eee;
    padding: 10px;
    -webkit-box-shadow: -5px 10px 6px 2px rgba(0,0,0,.2);
    box-shadow: -5px 10px 6px 2px rgba(0,0,0,.2);
    display: none;
}
.embed_info:before {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-right: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 5px;
    left: -15px;
    z-index: 1;
}
.embed_detail {
    text-align: left;
}
.embed_colors span {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 2px;
    border: 1px solid #ccc;
    position: relative;
    cursor: pointer;
}
.embed_colors span.active {
    box-shadow: 0 0 0 2px rgba(0,0,0,.2);
}
.embed_colors span.active:before {
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…42NDksMzQuNjVMMjYyLjY4OCwzNzguNTE0TDI2Mi42ODgsMzc4LjUxNHoiLz4NCjwvc3ZnPg0K) center center/60% no-repeat;
    left: 0;
    top: 0;
    z-index: 111111;
    height: 100%;
    width: 100%;
    color: #fff;
}
.embed_copy_success {
    vertical-align: bottom;
    padding: 10px;
    color: #32cd32;
    font-size: 12px;
    font-weight: 700;
}
.embed_copy_btn {
    margin-top: 10px;
}
.green_btn, .green_btn:active, .green_btn:hover {
    background: #009444!important;
    border-color: #009444!important;
}
.embed_image img {
    border: none;
    vertical-align: middle;
	width: 100%;
	height: 100px;
}
.embed_detail .text-size{
	font-size: 12px;
}
.embed_code {
    background: #fbf6ee;
    margin-top: 10px;
	padding: 10px;
	font-size: 12px;
    word-break: break-all;
    color: #666;
}
.embed_info:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-right: 18px solid #eee;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 2px;
    left: -19px;
}
body {
    font-family:"Arial", cursive;
}
#loading {
    display: none;
    position: absolute;
	right: 0;
	bottom: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    background-color: #000;
    background-image: url("../image/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}
.all-ball .cleck-new{
	width: 128px;
	margin: 9px 4px;
	border-radius: 8px;
	font-size: 15px;
	padding: 4px 4px;
	background-image: radial-gradient(#F9F5F6,#E9E9E9);
}
.search-container .search-container {
	text-align: center;
	margin-top: 15px;
}
.search-container input[type=text] {
	padding: 3px;
	margin-top: 8px;
	font-size: 17px;
	border: 1px solid rgba(0,0,0,.1);
}
.search-container input:focus{
	outline: none;
}
.search-container button {
	padding: 8px 18px 5px 18px;
	background: #009444;
	border: none;
	cursor: pointer;
}
.search-container form{
	position: relative;
}
.search-container .address{
	position: absolute;
	top: 0;
	right: 0;
	left: 195px;
	font-size: 12px;
	text-align: left;
	background-color: white;
	width: 80px;
	color: #009444
}
.search-container .address:before{
	content:"";
}
.search-container i.fa.fa-search{
	color: white;
}
.search-container form button{
	margin-left: -5px;
}
.radio-btn{
	text-align: left;
    width: 160px;
    margin: auto;
}
.cleck-new.active{
	background-image: radial-gradient( #5EBD70,#009444);
	color: white;
}
.eventtypeSelection{
	text-align: left;
    width: 160px;
    margin: auto;
    margin-top: 10px;
}
.error{
	font-size: 14px;
    color: #cc0000;
}
.heade-search{
	position: relative;
	top: 30%; 
    left: 25%;
}
.head-gallery form.example input[type=text] {
	padding: 9px;
    font-size: 17px;
    border: none;
    width: 40%;
    background: #f1f1f1;
	border-radius: 8px 0 0 8px;
	border: 1px solid #f60;
}
.head-gallery form.example button {
	width: 10%;
	padding: 10px;
	background: #f60;
	color: white;
	font-size: 17px;
	border: none;
	cursor: pointer;
	margin-left: -5px;
	border-radius: 0px 8px 8px 0px;
}
.check-new .modal-checkbox {
    z-index: 0;
    position: relative;
	display: inline-block;
	margin-left: 20px;
}
.check-new .modal-checkbox > input {
    display: none;
}
.check-new .modal-checkbox span {
    color: #1EB858;
    font-size: 18px;
}
.check-new .modal-checkbox > span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 2px 11px 5px 0px;
	width: 15px;
	border: 1px solid;
    height: 14px;
    background-color: #fff;
    vertical-align: middle;
}
.check-new .modal-checkbox > span::after {
	content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 10px;
    height: 6px;
	border: 2px solid #fff;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
}
.gallery-slider h2{
	color: #000;
	font-size: 50px;
    padding: 0px 30px;
    text-align: left;
}
.gallery-slider #demo-1{
	padding: 50px 8%;
}
.gallery-slider{
	background-image: url("../image/mapgallery/bg-img-2.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.gallery-slider .carousel-item .bg-slide .simple-img{
	background-color: #fff;
	height: 200px;
    border-radius: 10px 10px 0 0;
    /* width: 205px; */
    display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}
.gallery-slider .carousel-item .bg-slide{
	width: 20%;
	float: left;
	margin: 0 2.5%;
}
.gallery-slider .slide-view .user-event, .map-gallery .map-view .user-map{
    /* float: left; */
	display: block;
	color: #fff;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
.gallery-slider .bg-slide .slide-view{
	background-color: #000;
	height: 55px;
    padding: 0px 10px;
	border-radius: 0 0 10px 10px;
}
.map-gallery .map-bg .map-view{
	background-color: #000;
	height: 60px;
    padding: 5px 15px;
	border-radius: 0 0 10px 10px;
}
.gallery-slider .carousel-item .bg-slide img, .map-gallery .map-bg img{
	max-height: 100%;
    max-width: 100%;
}
.gallery-slider .bg-slide .location, .map-gallery .map-bg .location{
	text-align: left;
	color: #fff;
	font-size: 10px;
	display: flex;
	height: 60%;
}
.gallery-slider .bg-slide .location .fa-map-marker, .map-gallery .map-bg .location .fa-map-marker{
	color: #f60;
    font-size: 15px;
	margin-right: 8px;
	float: left;
}	
.gallery-slider .bg-slide .location button, .map-gallery .map-bg .location button{
	background-color: #FF6600;
    padding: 0px 10px;
	color: #fff;
	float: right;
}
.gallery-slider .slide-arrow{
	width: 80%;
}
.gallery-slider .carousel-control-prev{
	left: 10px;
}
.gallery-slider .carousel-control-next{
	right: 10px;
}
.gallery-slider .carousel-control-next, .gallery-slider .carousel-control-prev{
	width: 3%;
}
.single-event .header{
	min-height: 4rem;
	height: 60px;
}
.gallery-slider .carousel-indicators li{
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background-color: #000;
}
.map-gallery{
	background-image: url("../image/mapgallery/bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 0px;
}
.map-gallery h2{
	color: #fff;
	font-size: 50px;
	padding: 0px 30px;
	text-align: left;
}
.map-gallery .img-all .map-bg .main-img{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
}
.map-gallery .img-all .map-bg{
	background-color: #fff;
	margin: 25px 0px;
	border-radius: 10px;
	width: 250px;
    margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.map-gallery .img-all{
	padding: 30px 150px;
}
.map-gallery .all-page{
	padding: 35px 0px;
}
.map-gallery .all-page .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.map-gallery .all-page .page-item .page-link{
	color: #000;
	border-radius: 3px;
}
.ads-map{
	float: left;
    width: 50%;
    background-color: #28a745;
    padding: 10px;
    border-radius: 35px;
}
.selectslide-img .side-text{
	background-color: #28a745;
	float: left;
	width: 50%;
	margin-top: 4%;
	border-radius: 0px 20px 20px 0px;
	padding: 5px 25px;
}
.selectslide-img .side-text .head{
	font-size: 30px;
	color: #fff;
}
.selectslide-img .side-text span, .selectslide-img .side-text ul{
	color: #fff;
	font-size: 15px;
	text-align: left;
}
.selectslide-img .side-text ul li{
	margin: 8px 0;
}
.selectslide-img ul.carousel-indicators li{
	border: none;
	width: 24%;
	height: 35px;
	text-indent: unset;
	font-size: 25px;
	background-color: unset;
	color: #218838;
	font-weight: 600;
    border-bottom: 2px solid #218838;
}
.contact-form .text-center .simpal-button{
	padding: 5px 20px;
}
@media (min-width: 1200px){
	.gallery-slider .slide-view .location span{
		float: left;
		display: block;
		color: #fff;
		white-space: nowrap;
		width: 58%;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
		font-weight: bold;
		font-size: 10px;
	}
}

/* map-viewbutton */

.gallery-map-center .full-map .fullmap-gllery{
    width: 100%;
    height: 100%;
    min-height: 630px;
    position: relative;
}
.gallery-map-center .footer-map{
	background-color: #000;
	padding: 5px;
}
.gallery-map-center .footer-map .map-maintext{
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}
.footer-map .embed{
	text-align: right;
}
.footer-map .embed .emba-button{
    color: #28a745;
    background-color: #fff;
    padding: 4px 10px;
    margin-top: 10px;
    text-align: right;
}
.gallery-map-center .footer-map .foot-img img{
	width: 100%;
}
.gallery-map-center .footer-map .organizia .font-first{
    color: #28a745;
    font-size: 23px;
    /* font-weight: 600; */
    margin-right: 8px;
}
.gallery-map-center .footer-map .organizia .font-next{
    color: #fff;
    font-size: 20px;
}
.gallery-map-center .footer-map .organizia .fa-map-marker{
    margin-right: 20px;
}
.gallery-map-center .footer-map .all-share-btn{
    margin-top: 20px;
}
.gallery-map-center .footer-map .all-share-btn .map-share{
    background-color: #fff;
    padding: 5px 10px;
    font-size: 25px;
	color: #28a745;
	border-radius: 4px;
	margin-right: 5px;
}
.gallery-map-center .footer-map .all-share-btn .share-btn{
	padding: 4px;
    border: none;
    color: #28a745;
    font-size: 18px;
    border-radius: 4px;
    margin-right: 4px;
    background-color: #fff;
    vertical-align: bottom;
}

/* color modal */

.footer-map .modal .modal-dialog{
	width: 650px;
    margin-right: 200px;
    margin-top: 100px;
	/* bottom: 0; */
	/* right: 11%;
	top: 20%;
	left: unset;
	width: 50%;
	height: auto; */
}
.color-popup .modal-dialog{
	max-width: 100%;
	margin: auto;
}
.color-popup .color-map-popup .emabad-eve span{
	color: #000;
    font-size: 28px;
	font-weight: 600;
	text-align: left;
}
.color-popup .color-map-popup .all-color .different-color span{
	border: 1px solid black;
    padding: 10px 10px;
    margin-right: 5px;
    display: inline-block;
}
.different-color {
	width: 290px;
}
.color-popup .color-map-popup .all-color .different-color .on-1{
	background-color: black;
}
.color-popup .color-map-popup .all-color .different-color .on-2{
	background-color: blanchedalmond;
}
.color-popup .color-map-popup .all-color .different-color .on-3{
	background-color: blue;
}
.color-popup .color-map-popup .all-color .different-color .on-4{
	background-color: blueviolet;
}
.color-popup .color-map-popup .all-color .different-color .on-5{
	background-color: brown;
}
.color-popup .color-map-popup .all-color .different-color .on-6{
	background-color: burlywood;
}
.color-popup .color-map-popup .all-color .different-color .on-7{
	background-color: cadetblue;
}
.color-popup .color-map-popup .all-color .different-color .on-8{
	background-color: chartreuse;
}
.color-popup .color-map-popup .all-color .different-color .on-9{
	background-color: chocolate;
}
.color-popup .color-map-popup .all-color .different-color .on-10{
	background-color:coral;
}
.color-popup .color-map-popup .all-color .different-color .on-11{
	background-color:cornflowerblue;
}
.color-popup .color-map-popup .all-color .different-color .on-12{
	background-color:cornsilk;
}
.color-popup .color-map-popup .all-color .different-color .on-13{
	background-color:crimson;
}
.color-popup .color-map-popup .all-color .different-color .on-14{
	background-color:cyan;
}
.color-popup .color-map-popup .all-color .different-color .on-15{
	background-color:darkblue;
}
.color-popup .color-map-popup .all-color .different-color .on-16{
	background-color:darkcyan;
}
.color-popup .color-map-popup .all-color .different-color .on-17{
	background-color:darkgoldenrod;
}
.color-popup .color-map-popup .all-color .different-color .on-18{
	background-color:darkgray;
}
.color-popup .color-map-popup .all-color .different-color .on-19{
	background-color:darkgreen;
}
.color-popup .color-map-popup .all-color .different-color .on-20{
	background-color:darkkhaki;
}
.color-popup .color-map-popup .all-color .different-color .on-21{
	background-color:darkmagenta;
}
.color-popup .color-map-popup .all-color .different-color .on-22{
	background-color:darkolivegreen;
}


.color-popup .color-map-popup .farme-bord{
	font-size: 22px;
	color: #000;
	text-align: right;
}
.color-popup .color-map-popup .code-btn{
	text-align: right;
}
.color-popup .color-map-popup .code-btn .emba-button{
	background-color: #28a745;
	color: #fff;
}
/* .color-popup .color-map-popup .color-map{
	border: 1px solid;
} */
.embedimage img{
	width:100%;
}
.color-popup .color-map-popup .color-map .fullmap-color{
	width: 100%;
	height: 100%;
	max-height: 10rem;
}
.color-popup .modal-dialog .error{
	position: absolute;
    right: -14px;
    top: -3%;
    font-size: 45px;
    color: #fff;
}
.modal-backdrop.show{
	opacity: 0;
}
.color-popup .color-map-popup .thikne{
	text-align: right;
}
select {
	background-color: white;
	border: thin solid grey;
	border-radius: 8px;
	display: inline-block;
	font-size: 18px;
    color: #000;
	padding: 1px 22px 1px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
  }
  select.arrows {
	background-image:    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA3klEQVRIS+3VMU9CMRTF8d8zBL+aizoQFhx0kUk33RzdYMNFXUFnYeGrYYyaJiUxJHDLSxodbNKpfeffc9/pbaPyaCrr+3OA++z4rtT5Pg5GuMnCY9yWQEoBE1xhlUUP8YDrCBIB0vojLvGO0yz4hm4JJAKcYYoPHGOZAUdYoIMBXrc5iQAHeMlzviFygj7O8dkWEJU4XI8chALRhn9AVKHf70VRTHu4wFfbmKZLNKt50dLBnna0imcMd/2I0phWa3Y/D1e1Xa9BCZJG0VuQNpaWKMx72xS1Fl5/WN3BN+AgJhnZQlq4AAAAAElFTkSuQmCC');
	background-position: calc(100% - .0rem), 100% 0;
	background-size:  1.5em 1.5em;
	background-repeat: no-repeat;
  }
/* end */

.map-gallery-page .vid_list_item_qr {
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 3px;
    right: 4px;
    border-radius: 3px;
    overflow: hidden;
}
.map-gallery-page .vid_list_item_qr:hover {
    height: 100px;
    width: 100px;
	cursor: none;
}
.vid_list_item_qr canvas {
    height: 100%;
    width: 100%;
}

@media (max-width: 991px){
	.gallery-map-center .footer-map .map-maintext{
		font-size: 30px;
	}
}
@media (max-width: 767px){
	.gallery-map-center .footer-map .foot-img img {
		width: 25%;
	}
}

@media (max-width: 575px){
	.gallery-map-center .footer-map .foot-img img {
		width: 75%;
	}
	.gallery-map-center .footer-map .map-maintext {
		font-size: 28px;
	}
	.gallery-map-center .footer-map .organizia .font-next {
		color: #fff;
		font-size: 16px;
	}
	.gallery-map-center .footer-map .organizia .font-first {
		color: #28a745;
		font-size: 20px;
	}
	.gallery-map-center .footer-map .all-share-btn .map-share{
		font-size: 20px;
		margin-right: 2px;
	}	
	.gallery-map-center .footer-map .all-share-btn .share-btn{
		font-size: 18px;
		margin-right: 2px;
	}
}
@media screen and (max-width: 767px){
    .footer .contact-head span {
        font-size: 24px !important;
    }
    .footer .copy-right span {
        display: block;
    }
    .footer .copy-right {
        height: 96px;
        padding: 25px;
        text-align: center;
    }
    .header.head-gallery {
        min-height: 10rem;
        height: 264px;
    }
}
@media screen and (max-width: 575px){
    .heade-search {
        top: 62px;
    }
    .map-gallery h2 {
        text-align: center;
    }
    .map-gallery .img-all .map-bg {
        text-align: center;
        margin: auto !important;
        margin-bottom: 30px !important;
    }
    .foot-img {
        text-align: center  !important;
    }
    .footer-map .embed {
        text-align: center;
    }
    .single-event .vid_list_item_qr {
        margin-left: 66px;
    }
    .single-event .vid_list_item_qr {
        height: 120px;
        width: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 7px;
    }
	.homepage-event .header .navbar-expand-lg .navbar-brand{
		padding-left: 12%;
	}
	.header .navbar-brand img {
		width: 120px;
	}
}