/* GSM-PRO Demo Styles
================================================== */

	/* Page Fonts */
	@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

	/* Body Options */
	body{ font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: -0.4px;}
	body *{outline:none;}

/* GSM-PRO COLORS
================================================== */

	/* Colored */
	.colored, .colored-hover:hover{ color:#da0009 !important; }
	.bg-colored, .bg-colored-hover:hover{background-color:#da0009 !important; }
	.border-colored, .border-colored-hover:hover{ border-color:#da0009 !important;}

	/* Colored1 */
	.colored1, .colored1-hover:hover{ color:#ff333a !important; }
	.bg-colored1, .bg-colored1-hover:hover{ background-color:#ff333a !important; }
	.border-colored1, .border-colored1-hover:hover{ border-color:#ff333a !important; }

	/* Colored2 */
	.colored2, .colored2-hover:hover{ color:#ff666b !important; }
	.bg-colored2, .bg-colored2-hover:hover{ background-color:#ff666b !important; }
	.border-colored2, .border-colored2-hover:hover{ border-color:#ff666b !important; }

	.bg-soft-colored2, .bg-soft-colored2:hover{background-color: rgba(255, 102, 107, 0.1) !important;}

	/* Colored3 */
	.colored3, .colored3-hover:hover{ color:#d3d3d3 !important; }
	.bg-colored3, .bg-colored3-hover:hover{ background-color:#d3d3d3 !important; }
	.border-colored3, .border-colored3-hover:hover{ border-color:#d3d3d3 !important; }

	/* Colored4 */
	.colored4, .colored4-hover:hover{ color:#dcdcdc !important; }
	.bg-colored4, .bg-colored4-hover:hover{ background-color:#dcdcdc !important; }
	.border-colored4, .border-colored4-hover:hover{ border-color:#dcdcdc !important; }

	/* Colored5 */
	.colored5, .colored5-hover:hover{ color:#e8e8e8 !important; }
	.bg-colored5, .bg-colored5-hover:hover{ background-color:#e8e8e8 !important; }
	.border-colored5, .border-colored5-hover:hover{ border-color:#e8e8e8 !important; }

	/* Colored6 */
	.colored6, .colored6-hover:hover{ color:#000 !important; }
	.bg-colored6, .bg-colored6-hover:hover{ background-color:#000 !important; }
	.border-colored6, .border-colored6-hover:hover{ border-color:#000 !important; }

	.bg-soft-colored6, .bg-soft-colored6-hover:hover{background-color:rgba(0,0,0,0.6) !important; }

	/* Colored7 */
	.colored7, .colored7-hover:hover{ color:#fff !important; }
	.bg-colored7, .bg-colored7-hover:hover{ background-color:#fff !important; }
	.border-colored7, .border-colored7-hover:hover{ border-color:#fff !important; }

	.bg-soft-colored7, .bg-soft-colored7-hover:hover{background-color: rgba(255,255,255,0.7) !important;}

	/* Colored8 */
	.colored8, .colored8-hover:hover{ color:#990005 !important; }
	.bg-colored8, .bg-colored8-hover:hover{ background-color:#990005 !important; }
	.border-colored8, .border-colored8-hover:hover{ border-color:#990005 !important; }

	/* Colored9 */
	.colored9, .colored9-hover:hover{ color:#303030 !important; }
	.bg-colored9, .bg-colored9-hover:hover{ background-color:#303030 !important; }
	.border-colored9, .border-colored9-hover:hover{ border-color:#303030 !important; }

	::selection{ background-color:#990005 !important; }

	.colored-okay{color: #00ff00;}
	.colored-error{color: #ff0000;}

	.bg-gradient{
		background: #ff666b; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #ff666b 0%, #da0009 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #ff666b 0%,#da0009 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #ff666b 0%,#da0009 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-gradient1{
		background: #da0009; /* Old browsers */
		background: -moz-linear-gradient(45deg,  rgba(218, 0, 9, 0.8) 0%, rgba(255, 51, 58, 0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  rgba(218, 0, 9, 0.8) 0%,rgba(255, 51, 58, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  rgba(218, 0, 9, 0.8) 0%,rgba(255, 51, 58, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-gradient2{
		background: #d2d1d7; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #d2d1d7 0%, #fff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #d2d1d7 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #d2d1d7 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-gradient3{
		background: #990005; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #990005 0%, #da0009 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #990005 0%,#da0009 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #990005 0%,#da0009 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-soft-gradient:before{
		opacity: 0.9;
		background: #5642d1; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #5642d1 0%, #6f5bed 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #5642d1 0%,#6f5bed 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #5642d1 0%,#6f5bed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-soft-gradient1:before{
		opacity: 0.9;
		background: #4264d1; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #4264d1 0%, #819ff5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #4264d1 0%,#819ff5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #4264d1 0%,#819ff5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-soft-gradient2:before{
		opacity: 0.9;
		background: #5642d1; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #5642d1 0%, #5bc2ed 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #5642d1 0%,#5bc2ed 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #5642d1 0%,#5bc2ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.border-1{ border-width: 1px !important; border-style: solid !important; }
	.border-2{ border-width: 2px !important; border-style: solid !important; }
	.border-3{ border-width: 3px !important; border-style: solid !important; }
	.border-4{ border-width: 4px !important; border-style: solid !important; }
	.border-5{ border-width: 5px !important; border-style: solid !important; }

	.sup{
		vertical-align: super;
	}

	.sub{
		vertical-align: sub;
	}

	.loading_page{
		z-index: 1001;
		background-color: rgba(0, 0, 0, 0.1);
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	
	.cloader_container{
		background-color: rgba(0, 0, 0, 0);
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 800px;
	}
	
	.cloader{
		border: 7px solid rgba(0, 0, 0, 0.2);
		border-top: 7px solid rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		width: 50px;
		height: 50px;
		animation: spin 1s linear infinite;
		background-color: rgba(0, 0, 0, 0);
	
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	.loading_container{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		padding-top: 50px;
	}
	
	.loading_text{
		font-size: 16px;
		font-weight: bold;
		margin-top: 300px;
		text-align: center;
	}

	@keyframes spin{
		0%{
		  transform: rotate(0deg);
		}
		100%{
		  transform: rotate(360deg);
		}
	}

/* Page Styles */

/* Home */

/* Home Container Options For Small Screens */
		@media only screen and (max-width: 1500px){.home .container-md{ padding-left: 50px; } }
		@media only screen and (max-width: 768px){.home .container-md{ padding-left: 15px; } }

/* Home Title Options */
	.home .home-title{ font-size: 57px; line-height: 63px; font-weight: 700; letter-spacing: -3px; }

	.home .text-slider-container{ bottom:0; width: 70%; width: calc(100% - (100% - 740px) / 2); max-height: 100px; position: absolute; right: 0; z-index: 100; cursor: default; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); padding: 10px 15px;}
	.home .text-slider-container.active{ -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}
	.home .text-slider-container .home-vertical-texts{width:100%; position: relative; padding-left: 5px; height: auto; left: 0; }
	.home .text-slider-container .home-vertical-texts h3{font-size: 20px; font-weight: 400; margin: 0; padding: 0;}
	.home .text-slider-container .home-vertical-texts p{font-size: 17px; font-weight: 400;}
		/* Responsive Options for home */
		@media only screen and (max-width: 1200px){
			.home .home-title{ font-size: 50px; line-height: 55px; letter-spacing: -2px; }
			/* .home .text-slider-container .slick-arrow{right: 3%;} */
			.home .text-slider-container{ width: 80%; }
		}
		@media only screen and (max-width: 991px){
			.home .text-slider-container{ width: 100%;}
		}
		@media only screen and (max-width: 768px){
			.home .details{ padding-top:100px; }
			.home .home-title{ font-size: 34px; line-height: 39px; letter-spacing: -2px; }
		}
		@media only screen and (max-width: 702px){
			.home .home-title{ font-size: 27px; line-height: 32px; letter-spacing: -1px; }
			.home .text-slider-container .home-vertical-texts h3{font-size: 18px;}
			.home .text-slider-container .home-vertical-texts p{font-size: 16px;}
		}
		@media only screen and (max-width: 640px){
			.home .text-slider-container .home-vertical-texts h3{font-size: 16px;}
			.home .text-slider-container .home-vertical-texts p{font-size: 13px;}
		}
		@media only screen and (max-width: 565px){
			.home .text-slider-container .home-vertical-texts h3{font-size: 16px;}
			.home .text-slider-container .home-vertical-texts p{font-size: 13px;}
		}
		@media only screen and (max-width: 560px){
			.home .page-note .left-note{display: none;}
			.home .page-note .home-socials{width: 100%; text-align: center; padding:0 !important;}
			.home .text-slider-container .home-vertical-texts h3{font-size:15px; margin:0;}
		}
		@media only screen and (max-width: 500px){
			.home .home-title{ font-size: 22px; line-height: 26px; letter-spacing: -1px; }
			.home .details .home-title + p{ line-height: normal; margin-top:6px !important; }
			.home .details p + div{ margin-top: 15px !important; }
			.home .page-note .left-note{ padding:0 0 0 40px !important; font-size: 12px !important; line-height: 15px !important; margin-top: 50px; }
			.home .page-note .home-socials{ margin-top: 14px; }
			.home .text-slider-container{ display: none; }
		}

	
/* Next&Prev Arrows */
	.home .slick-arrow{ width: 65px; height: 150px; position: absolute; right: 0px; top:50%; margin-top:-75px; z-index: 5; padding: 0; background: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.home .slick-arrow span{ width: 0px; height: 1px; background: white; position: absolute; display: block; left:20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
	.home .slick-arrow:before, .home .slick-arrow:after{ width: 18px; height: 1px; background: white; content:''; position: absolute; left:10px; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
	/* Next rotate options */
	.home .slick-arrow.slick-next:before{ margin-top:-6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.home .slick-arrow.slick-next:after{ margin-top:6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }
	/* Reverse - Previous settings */
	.home .slick-arrow.slick-prev{ right: auto; left:0px; }
	.home .slick-arrow.slick-prev span{ left: auto; right: 20px; }
	.home .slick-arrow.slick-prev:before, .home .slick-arrow.slick-prev:after{ left:auto; right:10px; }
	.home .slick-arrow.slick-prev:before{ margin-top:6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.home .slick-arrow.slick-prev:after{ margin-top:-6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }
	/* Hover for desktops */
	@media only screen and (min-width: 640px){
		.home .slick-arrow:hover{ background-color:rgba(0,0,0,0.17); }
		.home .slick-arrow:hover span{ width: 50px; left:-15px; opacity: 1; visibility: visible; }
		.home .slick-arrow:hover:before, .home .slick-arrow:hover:after{ left:23px; }
		/* Hover to prev */
		.home .slick-arrow.slick-prev:hover span{ left:auto; right:-15px; }
		.home .slick-arrow.slick-prev:hover:before, .home .slick-arrow.slick-prev:hover:after{ left:auto; right:23px; }
		/* Texts to arrows when mouse over */
		.home .slick-arrow span:before{ position: absolute; content:'Next'; display: block; right:16px; top:-30px; opacity: 0; width:0px; white-space: nowrap; overflow: hidden; font-family: 'Playfair Display', serif; font-style: italic; font-size: 17px; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
		.home .slick-arrow.slick-prev span:before{ left:16px; right: auto; content:'Previous'; }
		/* to previous */
		.home .slick-arrow:hover span:before{ right:22px; width: 40px; opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
		.home .slick-arrow.slick-prev:hover span:before{ left:22px; width: 70px; }
	}

	@media only screen and (max-width: 640px){
		.home .slick-arrow{ width: 35px; height: 60px; margin-top:-30px; opacity: .5;}
		.home .slick-arrow:active{ background-color:#333; opacity: 1; }
	}

/* Category Tabs */
	.categories .tab-item{ padding:80px 15px; }
	/* Visible items options */
	.categories .tab-item .visible-item{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.categories .tab-item:hover .visible-item{ -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; }
	/* Hidden items options */
	.categories .tab-item .hidden-item{ opacity: 0; padding-top:10px; -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.categories .tab-item:hover .hidden-item{ opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }


	/* MEDUSA ABOUT DETAILS */
	#about-details{ position: relative; }
	#about-details #about_slider{ position: relative; z-index: 5; }
	#about-details #about_slider .carousel-inner{width: 68%; height: 700px; background:url(../images/index/about-01.jpg) left top no-repeat; background-size: cover; }
	#about-details #about_slider .carousel-inner .item{top:50%; position: absolute; padding:0 60px 0 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	#about-details #about_slider .carousel-inner .item h1{ font-size:45px; text-transform: uppercase; margin:0; }
	#about-details #about_slider .carousel-inner .item p{ font-size:17px; font-weight: 400; margin:30px 0; }
	#about-details #about_slider .carousel-inner .item a{ text-transform: uppercase; padding:8px 20px; }
	/* Image slider */
	#about_image_slider{position: absolute; float: right; right: 0; top:0; left: auto; width: 470px; height: 690px; z-index: 0; }
	#about_image_slider img{width: 100%; height: auto; }
	#about-details .carousel-control.image_slider_controls{position: absolute; top: auto; bottom: 3px; left: 68%; right: -65px; width: 60px; height: auto; line-height: 20px; padding:7px 0; text-align: center; text-shadow:none; background-image: none; opacity: 1; }
	#about-details .carousel-control.image_slider_controls.left{bottom:45px; }
	#about-details .carousel-control.about_slider_controls{position: absolute; top: -38px; bottom:auto; right:470px; left:auto; width: 60px; height: auto; line-height: 20px; padding:7px 0; text-align: center; text-shadow:none; background-image: none; opacity: 1; }
	#about-details .carousel-control.about_slider_controls.left{top:-74px; }
	#about-details:hover .carousel-control.image_slider_controls{background-color:rgba(44,44,44,0.2);}
	/* Topbox Icon */
	#about-details .topbox .topbox-icon{ float:left; width: 100px; height: 100px; line-height: 95px; font-size:35px; text-align: center; padding:0; margin:0;}
	#about-details .topbox .topbox-details{ padding-left:30px; }
	#about-details .topbox .topbox-title{ padding:0; margin:0 0 15px; }
	#about-details .topbox .topbox-description{ padding:0; margin:0; max-width: 500px; font-size:12px; line-height: 21px; }

		@media only screen and (max-width: 1000px){
			#about-details .topbox .description p{max-width: 290px !important; font-size:15px !important;}
			#about-details .topbox .description p{max-width: 290px !important; font-size:15px !important;}
		}
		@media only screen and (min-width: 860px) and (max-width: 1440px){
			#about-details .topbox .topbox-details{ max-width: 33%; }
		}
		@media only screen and (max-width: 860px){
			#about-details #about_slider .carousel-inner{width: 100%; background-size:cover !important;}
			#about-details #about_image_slider{position: relative; margin:20px auto 0; float: none; display: block !important;}
			#about-details .topbox{width: 70% !important; margin:0 auto !important;}
			#about-details .topbox .topbox-icon{float:none; margin:0 auto 20px;}
			#about-details .topbox .topbox-details{ text-align: center; padding-left:0; float:none !important;}
			#about-details .topbox .description{text-align: center; margin:0 auto; float: none; padding: 0 !important;}
			#about-details .topbox .description p{max-width: 100% !important;}
			#about-details .carousel-control{display: none;}
		}
		@media only screen and (max-width: 600px){
			#about-details #about_slider h1{font-size:35px !important;}
			#about-details #about_slider p{font-size:15px !important;}
			#about-details #about_slider a{font-size:12px;}
			 #about_image_slider{width: 100%; height: auto;}
			#about-details #about_slider .carousel-inner .item{padding:0 15px 0 25px;}
			#about-details .carousel-item .list-icons {font-size: 14px !important;}
			#about-details .carousel-item ul.nav-list {font-size: 14px !important;}
		}
		@media only screen and (max-width: 480px){
			#about-details .carousel-item ul.nav-list {font-size: 12px !important;}
		}
		@media only screen and (max-width: 420px){
			#about-details .carousel-item ul.nav-list {font-size: 10px !important;}
		}
		@media only screen and (max-width: 360px){
			#about-details #about_slider h1{font-size:27px !important;}
			#about-details .carousel-item ul.nav-list {font-size: 9.5px !important;}
			#about-details #about_slider .carousel-inner .item{padding: 0 15px 0 10px;}
		}
		@media only screen and (max-width: 320px){
			#about-details .carousel-item .list-icons {font-size: 12px !important;}
		}


/* OINONE TEAM */
	.team-type-2{ text-align: center; }
	.team-type-2 .custom-slider, .team-type-2.custom-slider{ margin-top: 50px; }
	.team-type-2 .member{ margin:0 15px; height: auto; position: relative; }
	.team-type-2 .member img{ width: 100%; height: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
	.team-type-2 .member:hover img{ opacity: 0.35; }
	.team-type-2 .member .member-body{ background-color:#000; position: relative; }
	/* Progress Bars */
	.team-type-2 .member .team-progress{ position: absolute; bottom:25px; left:0; width: 100%; opacity: 0; overflow: hidden; }
	.team-type-2 .member .team-progress .prg-bg{ width: 100%; background-color:#e8e8e8; padding: 0; margin: 0; }
	.team-type-2 .member .team-progress .progress-bar{ height: 5px; padding:0; float: none; margin-top:15px; position: relative; left:0; min-width: 40%; box-shadow: none; }
	.team-type-2 .member:hover .team-progress{ opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
	/* Progress Texts */
	.team-type-2 .member .team-progress h3{ font-size:16px; color:#666; margin-top: 30px; white-space: nowrap; font-weight: normal; text-transform: uppercase; padding: 0;}
	/* Member Description Texts */
	.team-type-2 .member .member-description h2{font-size: 22px; margin:0; padding:0; text-transform: uppercase;}
	.team-type-2 .member .member-description h4{font-size: 16px; margin:17px auto 14px; padding:0; text-transform: uppercase;}
	.team-type-2 .member .member-description p{font-size: inherit; line-height: 22px; margin:0; padding: 0;}
	/* Member Description Styles and hover */
	.team-type-2 .member .member-description{color:#858585; position: relative; width: 100%; height: auto; left:0; padding:20px 25px; opacity: 1; top: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
	.team-type-2 .member:hover .member-description{ color: white; }
	/* Member Socials */
	.team-type-2 .member .member-socials{ position: absolute; bottom:0; height: 60px; left:0; width: 100%; text-align: center; overflow: hidden; }
	.team-type-2 .member .member-socials a{ display: block; width: 37px; height: 37px; line-height: 37px; color:#949596; margin:0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.team-type-2 .member .member-socials div{ top:100%; position: relative; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.team-type-2 .member:hover .member-socials div{ top:0; }
	.team-type-2 .member .member-socials a:hover{ color:white; }
	/* Member Social Delays */
	.team-type-2 .member:hover .member-socials div:nth-of-type(1){ -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
	.team-type-2 .member:hover .member-socials div:nth-of-type(2){ -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
	.team-type-2 .member:hover .member-socials div:nth-of-type(3){ -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
	.team-type-2 .member:hover .member-socials div:nth-of-type(4){ -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
	.team-type-2 .member:hover .member-socials div:nth-of-type(5){ -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
	.team-type-2 .member:hover .member-socials div:nth-of-type(6){ -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

/* CONTACT */
.contact{ position: relative; }
/* Contact Form */
.contact-container{ position: relative; width: 600px; max-width: 86%; left:7%; padding:120px 40px 150px; z-index: 2; box-shadow: 2px 25px 65px 5px rgba(0,0,0,0.1); }
/* Google Map */
.google-map{ height: 720px; position: absolute; top: 100px; width: 100%; z-index: 1; }
.google-map > div{ height: 720px; width: 100%; }
	/* Responsive Contact */
	@media only screen and (max-width: 1025px){
		.contact-container{ width: 100%; padding:0; box-shadow: none; background: transparent; }
		.google-map,
		.google-map > div{ height: 500px; position: relative; }
	}

/* LANGUAGE SELECT */
	.lang-side-panel-select{display: inline-block; margin: -7.5px 0 0 10px !important; vertical-align: text-top; max-width: 200px;}
	.lang-form-control{border: none; font-size: 14px; padding: 0px; cursor: pointer; width: 120px;}
	.lang-form-control:hover, .lang-form-control:active{box-shadow: none; -webkit-box-shadow: none; border: none;}
	.lang-form-control:disabled{background-color: transparent; cursor: not-allowed;}
	ul.lang-form-control{border: none; font-size: 14px; cursor: pointer; position: fixed; line-height: 1.5;}
	ul.lang-form-control:disabled{background-color: transparent; cursor: not-allowed;}
	ul.lang-form-control li{display: inline-block; width: 100%; padding: 5px !important; background-color: #fff;}
	ul.lang-form-control li div{display: inline-block;}
	ul.lang-form-control li:hover{background-color: #f0f0f0;}
	ul.lang-form-control li.init{cursor: pointer;}
	ul.lang-form-control li img{height: 24px; width: 24px; margin-right: 10px; border: 1px solid #e8e8e8; border-radius: 50%;}
	ul.lang-form-control li span{display: inline-block; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 125%; text-transform: uppercase; color: #000;}
	ul.lang-form-control #bg-image{display: inline-block;}

	/* Responsive language select */
		@media only screen and (max-width: 900px){
			#mobile-navigation .nav-el .lang-side-panel-select{display: block; margin: 0 !important; margin-top: 5px !important;}
			#mobile-navigation .nav-el .lang-form-control{height: auto; width: 100%;}
			#mobile-navigation .nav-el .lang-form-control:hover, .lang-form-control:active{box-shadow: none; -webkit-box-shadow: none; border: none;}
			#mobile-navigation .nav-el .lang-form-control:disabled{background-color: transparent; cursor: not-allowed;}
			#mobile-navigation .nav-el ul.lang-form-control{border: none; font-size: 14px; cursor: pointer; position: fixed; line-height: 1.5;}
			#mobile-navigation .nav-el ul.lang-form-control:disabled{background-color: transparent; cursor: not-allowed;}
			#mobile-navigation .nav-el ul.lang-form-control li{display: inline-block; width: 100%; background-color: #4d0003; padding: 5px 15px !important;}
			#mobile-navigation .nav-el ul.lang-form-control li div{display: inline-block;}
			#mobile-navigation .nav-el ul.lang-form-control li:hover{background-color: #181919;}
			#mobile-navigation .nav-el ul.lang-form-control li.init{cursor: pointer;}
			#mobile-navigation .nav-el ul.lang-form-control li img{height: 24px; width: 24px; margin-right: 10px; border: none;}
			#mobile-navigation .nav-el ul.lang-form-control li span{display: inline-block; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 125%; text-transform: uppercase; color: #fff;}
		}

.mt-38{margin-top: 38px;}
.m-auto{margin-top: auto; margin-bottom: auto;}
#maintenanceAlert,#maintenance{width: 30%; top: 27%; float: right; margin-right: 30px; display: none;}
	@media only screen and (max-width: 960px){
		#maintenanceAlert,#maintenance{top:22%;}
	}
	@media only screen and (max-width: 902px){
		#maintenanceAlert,#maintenance{top:27%;}
	}
	@media only screen and (max-width: 802px){
		#maintenanceAlert,#maintenance{top:22%;}
	}
	@media only screen and (max-width: 827px){
		#maintenanceAlert,#maintenance{width:40%; float: right;  margin-top: 25px !important; padding: 5px 10px !important;}
	}
	@media only screen and (max-width: 768px){
		#maintenanceAlert,#maintenance{width:60%; float: none; margin: auto;  margin-top: 25px !important; padding: 5px 10px !important; top: unset !important;}
	}
	@media only screen and (max-width: 532px){
		#maintenanceAlert,#maintenance{width:70%; float: none; margin: auto;  margin-top: 25px !important; padding: 5px 10px !important;}
	}
	@media only screen and (max-width: 476px){
		#maintenanceAlert,#maintenance{width:80%; float: none; margin: auto;  margin-top: 35px !important; padding: 5px 10px !important;}
	}
.square{list-style-type: square; padding-left: 30px;}
.icon-img{height: 40px;}
#footer .container .logo a img{width: auto; max-height: 120px;}
.price-top-box{height: 210px;}
.price-list{height: 640px;}

.newsletter-email{padding: 0 15px; margin: 5px 0; display: inline-block; max-width: 200px;}
.newsletter-submit{font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 15px; margin: 5px 0 5px 15px; display: inline-block; max-width: 200px; height: 38px;}
	@media only screen and (max-width: 927px){
		.newsletter-email{max-width: 300px; margin: 5px;}
		.newsletter-submit{max-width: 300px; margin: 5px;}
	}
	@media only screen and (max-width: 575px){
		.newsletter-email{max-width: 300px; margin: 30px 0 5px 0;}
		.newsletter-submit{max-width: 300px; margin: 5px 0;}
	}

.index-container{background-color: #fffc; border: 1px solid #dcdcdc; width: 70%; margin-left: 50px; color: #000; padding: 25px; text-align: left;}
.index-welcome{margin-bottom: 20px;}
.index-welcome h5{font-size: 20px;}
.index-welcome h5 span{font-weight: bold;}
.index-title h1{line-height: 40px; font-weight: 800; font-size: 35px; color: #da0009;}
.index-text{margin-top: 15px;}
.index-text p{font-size: 18px; line-height: 25px; text-align: justify;}
.index-button{margin-top: 25px;}
@media only screen and (max-width: 900px){
	.index-welcome{margin-bottom: 15px;}
	.index-welcome h5{font-size: 16px;}
	.index-title h1 {font-size: 28px}
	.index-text p{font-size: 16px;}
}
@media only screen and (max-width: 768px){
	.index-container{width: 80%; margin: auto !important;}
}
@media only screen and (max-width: 492px){
	.index-welcome{margin-bottom: 5px;}
	.index-welcome h5{font-size: 14px;}
	.index-title h1 {font-size: 20px; line-height: 32px;}
	.index-text{margin-top: 5px;}
	.index-text p{font-size: 12px; line-height: 20px;}
	.index-button{margin-top: 15px;}
}

#navigation.scrolled .columns .nav-elements ul .menu-tag {background-color: #da0009; position: absolute; right: 0px; top: 5px; line-height: normal; padding: 1px 7px; z-index: 99; border-radius: 3px; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase;}
#navigation .columns .nav-elements ul .menu-tag{background-color: #da0009; position: absolute; right: 0px; top: 12px; line-height: normal; padding: 1px 7px; z-index: 99; border-radius: 3px; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase;}
#navigation.scrolled .columns .nav-menu ul .menu-tag {background-color: #da0009; position: absolute; right: -5px; top: 5px; line-height: normal; padding: 1px 7px; z-index: 99; border-radius: 3px; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase;}
#navigation .columns .nav-menu ul .menu-tag{background-color: #da0009; position: absolute; right: -5px; top: 12px; line-height: normal; padding: 1px 7px; z-index: 99; border-radius: 3px; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase;}
#mobile-navigation ul.nav .menu-tag{background-color: #da0009; display: inline-block; line-height: normal; padding: 1px 7px; z-index: 99; border-radius: 3px; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase;}
#mobile-navigation ul.nav li a{display: inline-block;}

.contact-data{margin: 30px auto 150px 15px;}
.tracker-info{padding: 15px 25px; background-color: rgba(255,255,255,0.9); margin: auto; max-width: 600px;}
.cta{width: 94%; margin: 0px auto 80px auto;}
.error{color: #d9534f; font-size: 13px;}
.error-border{border: 2px solid #d9534f !important;}
#empty-all{color: #d9534f;}
.w-150{width: 150px;}
.w-100{width: 100px;}
.w-80{width: 80%;}
.flash-bg{background-color: rgba(255, 102, 107, 0.2) !important;}
.pl-141{padding-left: 141px;}
.right{float: right;}
.left{float: left;}
.form-elems-padding{padding: 0 15px;}
.calc-magassag{height: 92px;}
.e{margin: 10px 0;}
@media only screen and (max-width: 472px){
	.piros-cim{letter-spacing: 0 !important;}
}
.mb-app-qr{
	height: 120px;
	border: 3px solid white;
}
.btn{
	padding: 10px 15px;
	font-size: 16px;
}

.mobile-app-title{
	color: #da0009;
	font-size: 36px;
	font-weight: 900;
	line-height: 1em;
}

.mobile-app-text{
	font-weight: 600;
	font-size: 18px;
}

.mobile-app-content{
	margin: 30px 0;
}

.mobile-app-qr-img{
	height: 120px;
}

.mb-app-ul{
	list-style: disc;
	padding-left: 30px;
}

a.link{
	display: inline-block;
	color: #da0009 !important;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	line-height: normal;
}

a.link:hover{
	display: inline-block;
	color: #990005 !important;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
}

.devider1{
	display: inline-block;
	width: 50px;
	border: 3px solid #bebebe;
	border-radius: 3px 0 0 3px;
	background-color: #bebebe;
}

.devider2{
	display: inline-block;
	width: 50px;
	border: 3px solid #da0009;
	border-radius: 0 3px 3px 0;
	background-color: #da0009;
}

.devider3{
	width: 100%;
    height: 1px;
    background: #ddd;
}

.cbp img{
	height: auto !important;
	width: auto !important;
}

.shop-grid-img{
	max-width: 200px !important;
	max-height: 200px !important;
	margin: auto;
}

.lg-object{
	background-color:white !important;
}

.shop-single-img{
	max-width: 350px !important;
	margin: auto;
}

.lh-25{
	line-height: 25px;
}

.no-hover:hover{
	box-shadow: none !important;
}

.square-25{
	height: 25px;
	width: 25px;
}

.window-container{
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.popup-window{
    padding: 15px 0;
    margin-bottom: 20px;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 6px 8px rgba(0,0,0,0.12);
    box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 6px 8px rgba(0,0,0,0.12);
}

.message-window{
    position: absolute;
    width: 550px;
    height: 200px;
    top: calc(50% - 135px);
    left: calc(50% - 275px);
    padding: 15px !important;
}

.message-window-content{
    position: absolute;
    top: 60px;
    width: calc(100% - 30px);
    height: calc(100% - 75px);
    overflow: none;
}

.circle-loader{
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.3);
    animation: cloader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.checkmark{
    display: none;
}

.checkmark.draw:after{
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}

.checkmark:after{
    opacity: 1;
    height: 28px;
    width: 15px;
    transform-origin: left bottom;
    border-right: 7px solid #00aa00;
    border-top: 7px solid #00aa00;
    content: "";
    left: 24px;
    bottom: 36px;
    position: absolute;
}

.cross{
    display: none;
}

.cross.draw:after{
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: cross;
    transform: rotate(360deg);
}

.cross:after{
    position: absolute;
    left: 7px;
    bottom: 8px;
    font-family: monospace;
    content: "x";
    color: #da0009;
    font-weight: 900;
    font-size: 47px;
    line-height: 29px;
    text-align: center;
}

.questionmark{
    display: none;
}

.questionmark.draw:after{
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: questionmark;
    transform: rotate(360deg);
}

.questionmark:after{
    position: absolute;
    left: 8px;
    bottom: 1px;
    font-family: monospace;
    content: "?";
    color: #ff9933;
    font-weight: bolder;
    font-size: 42px;
    line-height: 34px;
    text-align: center;
}

@keyframes cloader-spin{
    0%{
      	transform: rotate(0deg);
    }
    100%{
      	transform: rotate(360deg);
    }
}

@keyframes checkmark{
    0%{
		height: 0;
		width: 0;
		opacity: 1;
    }
    20%{
		height: 0px;
		width: 28px;
		opacity: 1;
	}
    40%{
		height: 28px;
		width: 15px;
		opacity: 1;
    }
    100%{
		height: 28px;
		width: 15px;
		opacity: 1;
    }
}

@keyframes cross{
    0%{
      	opacity: 0;
    }
    100%{
      	opacity: 1;
    }
}

.symbol-position{
    position: absolute;
    bottom: 10px;
    left: 0px;
	margin:20px;
}

.bottom-right-corner{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.unclickable{
	pointer-events: none;
}

.notallowed{
	cursor: not-allowed !important;
}

.no-border-row td{
	border: none;
}

.pointer{
	cursor: pointer;
}

.scroll-auto-y{
	overflow-y: auto;
}

.t-transform-none{
	text-transform: none;
}

.vert-align-middle{
	vertical-align: middle;
}

.menu-profile{
	padding: 25px;
	margin-top: 0px;
	width: 400px;
	border: none;
}

.classic_form{
	font-size: inherit;
    outline: none !important;
    width: 100%;
    height: auto !important;
    padding: 10px 13px !important;
    border: 1px solid #ddd !important;
    margin-bottom: 15px;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	transition: all 0.3s;
}

.classic_form:not(.bs-focus):focus,
.classic_form:not(.bs-lg-focus):focus,
.classic_form:not(.bs-light-focus):focus,
.classic_form:not(.bs-inset-focus):focus{ box-shadow: none;}

#cars_disc, 
#years_disc,
#price, 
#price-per-car, 
#sporol{
	background-color: #f5f5f5 !important;
}

/* Cégválasztó */

.cbp a:hover{
	background-color: #f8f8f8;
}

.side-panel-select{
    display: inline-block;
    margin: 0 !important;
    width: 350px;
	vertical-align: text-top;
	height: 38px;
}

.side-panel-select *{
	max-width: 100%;
	z-index: 200 !important;
	text-align: left;
}

select.form-control{
    border: none;
    border: 1px solid #ddd;
    font-size: 14px;
	padding: 0px;
    cursor: pointer;
    height: 30px !important;
    background-color: #f1f1f1;
	color: black;
}

select.form-control::placeholder{
	color: #808080;
}

select.form-control > option{
    background-color: #f1f1f1;
}

select.form-control:hover,
select.form-control:active{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border: 1px solid #ddd;
}

select.form-control:disabled{
    background-color: transparent;
    cursor: not-allowed;
}

.form-control:focus,.form-control:active{
    border-color: #e8e8e8 !important;
    box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.06) !important;
    outline-color: #e8e8e8;
    background-color: #f1f1f1;
    color: #555;
}

ul.form-control{
    position: absolute !important;
    border: 1px solid #ddd;
	font-size: 14px;
	font-weight: 900;
	padding: 0;
	margin: 0;
	z-index: 200;
    cursor: pointer;
    background-color: #f1f1f1;
	color: #555;
	width: 350px;
	height: auto !important;
}

ul.form-control:focus-within{
	border-radius: 5px;
}

ul.form-control:hover:not(.disabled),
ul.form-control:active:not(.disabled){
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border: 1px solid #ddd;
    background-color: #f1f1f1;
    box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.06) !important;
}

ul.form-control li{
    list-style-type: none !important;     
    padding: 5px 10px !important;
    width: 100%;
}

ul.form-control li.inside-dropdown-container{
	padding: 0px !important;
}

ul.form-control li:not(.init){ 
    float: left; 
    display: none; 
    background: white; 
}

ul.form-control li:not(.init):not(.unclickable):hover,
ul li.selected:not(.init):not(.unclickable){ 
    background: #ffeff0;
    color: #000; 
}

ul.form-control li.init{ 
    cursor: pointer; 
	overflow: hidden;
	padding: 8px 18px !important;
}

li.unclickable{
    cursor: default;
	background-color: rgb(31, 24, 24);
	pointer-events: all;
}

li.unclickable:hover{
    background-color: white;
}

p.dropdown-title{
    display: block;  
    padding: 0px;    
    margin: 4px;
    white-space: normal;
    font-size: 14px;
}

.init p.dropdown-inline-title,
p.dropdown-inline-title{
    display: inline-block;  
    padding: 0px;    
    margin: 4px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 225px;
}

p.dropdown-comment{
    display: block;
    font-size: 10px;
    margin: 0px;
    white-space: normal;
}

.init p.dropdown-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.init p.dropdown-comment{
    display: none;
}

input.dropdown-search{
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 5px;
    outline-color: #808080;
    background-color: #f0f0f0;
}

div.inside-dropdown{
    border: none;
    overflow: auto;
	max-height: 450px;
	height: auto;
	padding: 0px;
}

div.inside-dropdown div.dropdown-item{
    padding: 5px 10px;
    background-color: white;
    color: black;
}

div.inside-dropdown div.dropdown-item:hover{
	background: #ffeff0;
}

div.inside-dropdown div.dropdown-item.selected{
    background: #ffeff0;
}

div.inside-dropdown div.dropdown-item.inactive p{
    color: #ccc;
}

#company_select_footer{
	background-color: #f1f1f1;
	border-radius: 0 0 5px 5px;
}

#choose_company_container{
	margin: -30px 0 20px 0;
}

.orderDetailTableHead{
	display: none;
	font-weight: bold;
}

@media only screen and (max-width: 515px){
	#orderDetailTable tr{
		display: grid;
	}
	#orderDetailTable tr td{
		padding: 5px 15px !important;
	}
	#orderDetailTable th{
		display: none;
	}
	.orderDetailTableHead{
		display: block;
	}
}

.order-hover:hover{
	background-color: #f0f0f0;
}

.company-select-container{
	width: 350px;
	margin: auto;
}

    /* Scrollbar   -------------------------------------------------------------------------------------------------------------------------------------- */

/* width */
::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track{
    background: rgba(255,255,255,0.5);
}

/* Handle */
::-webkit-scrollbar-thumb{
    background: #ccc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
    background: #aaa;
}

    /* END Scrollbar   -------------------------------------------------------------------------------------------------------------------------------------- */

.shop-table td{
	padding: 0;
	vertical-align: middle;
	border: none;
	height: 24px;
}

.shop-table td.item-price{
	vertical-align: bottom;
}

.product-filter button.dropdown-toggle:hover {
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2) !important;
}

.quantity{
	height: 50px;
}

.w-60p{
	width: 60%;
}

.product-image {
	height: 200px !important;
	display: inline-grid;
}

.button-link {
	background: none!important;
	border: none;
	padding: 0!important;
	cursor: pointer;
}

.lang-img {
	width:20px;
	height:20px;
	margin-right: 10px;
}

.strikethrough-h3 {
	position: relative;
}

.strikethrough-h3:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 3px solid;
	border-color: inherit;

	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
}

.strikethrough {
	position: relative;
}

.strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 1px solid;
	border-color: inherit;

	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
}

.product-quantity {
	min-width: 190px;
}

.product-name {
	min-width: 210px;
}

.product-total {
	min-width: 150px;
}

.feedback-btn {
	width: 36px;
	max-width: 36px;
	height: 36px;
	max-height: 36px;
	padding: 2px 7px;
	z-index: 30;
	cursor: pointer;
	background-color: #da0009;
}
.feedback-btn:focus {
	background-color: #da0009;
	outline: 0;
}
.feedback-btn:hover {
	background-color: #ff333a !important;
}
.feedback-btn img {
	display: block;
}

.feedback-container {
	position: fixed;
    bottom: 0;
    right: 15px;
    height: 60px;
    padding: 0;
    z-index: 30;
}

#back-to-top{
	right: 60px !important;
	bottom: 20px !important;
}

@media screen and (min-width: 426px) {
#manual,
#group,
#upload,
#editor {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 6px 8px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 6px 8px rgba(0, 0, 0, 0.12);
	color: #000;
	background-color: #fff;
	position: relative;
	width: 600px;
	height: 600px;
	top: calc(50% - 300px);
	left: calc(50% - 300px);
	z-index: 10000;
	border-bottom: 7px solid #da0009;
}

#manual.draggable,
#group.draggable,
#upload.draggable,
#editor.draggable {
	padding: 15px 0;
	min-width: 350px;
	min-height: 150px;
}
}
@media screen and (max-width: 425px) {
#manual,
#group,
#upload,
#editor {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 6px 8px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 6px 8px rgba(0, 0, 0, 0.12);
	/*display:none;*/
	color: #000;
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 10000;
	border-bottom: 7px solid #da0009;
}

#manual.draggable,
#group.draggable,
#upload.draggable,
#editor.draggable {
	padding: 15px 0;
}
}

.red-btn {
	margin: 3px 4px 3px 4px !important;
	width: 32px;
	max-width: 32px;
	height: 32px;
	line-height: 0 !important;
	max-height: 32px;
	padding: 2px 7px;
	z-index: 20;
	cursor: pointer;
	background-color: #da0009;
	border: none;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-in-out;
}
.red-btn:focus {
	background-color: #da0009;
	outline: 0;
}
.red-btn:hover {
	background-color: #ff333a !important;
}

.red-btn-2 {
	margin: 3px 12px 3px 4px !important;
	width: 32px;
	max-width: 32px;
	height: 32px;
	line-height: 0 !important;
	max-height: 32px;
	padding: 2px 7px;
	z-index: 1001;
	cursor: pointer;
	background-color: #da0009;
	border: none;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
}
.red-btn-2:focus {
	background-color: #da0009;
	outline: 0;
}
.red-btn-2:hover {
	background-color: #ff333a !important;
}

.popup-header {
	padding: 10px 0;
	margin: 0 15px;
	z-index: 1000;
	background-color: #f0f0f0;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	letter-spacing: -0.8px;
	width: calc(100% - 40px);
}

.popup-header:hover {
	cursor: move;
}

.mui-btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: rgba(0,0,0,.87);
    background-color: #FFF;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: 36px;
    padding: 0 26px;
    margin: 6px 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-image: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: inherit;
    letter-spacing: .03em;
    position: relative;
    overflow: hidden;
}

.mui-btn--primary {
    color: #fff;
    background-color: #da0009;
}
.right {
    float: right;
}

.open-newtab {
	position: absolute;
	left: 19px;
	top: 19px;
}

.manual-exit {
	position: absolute;
	right: 19px;
	top: 19px;
}

.popup-content {
	font-size: 14px;
	overflow-y: scroll;
	height: calc(100% - 50px);
	width: 100%;
	text-align: justify;
	font-weight: 300;
	padding: 2px 15px;
}

.colored-box {
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px;
	border: 2px solid white;
}

.colored-box-color1 {
	background-color: #fc9595;
	opacity: 0.5;
}

.colored-box-color2 {
	background-color: #a80007;
	opacity: 0.5;
}

.margin-top-bottom-auto {
	margin-top: auto;
	margin-bottom: auto;
}

.contact-sales-content-left{
	float: left;
	width: 200px;
}

.contact-sales-content-right{
	float: right;
	width: max-content;
	text-align: right;
	max-width: 80%;
}

.contact-sales-content{
	float: left;
}

.landing-bg{
	background-image: url("../images/landing-bg.png");
	background-size: cover;
	width:1200px;
	height:2900px;
	margin:auto;
}

.landing-text {
    position: relative;
	font-size: 90%;
}

.landing-heading-1 {
	font-weight: bold;
    font-size: 300% !important;
}

.landing-heading-2 {
    font-size: 200% !important;
}

.landing-heading-3 {
    font-size: 130% !important;
}

.landing-color-w {
    color: white;
}

.landing-color-b {
    color: black;
}

.landing-color-r {
    color: #ff333a;
}

.landing-bold {
	font-weight: bold;
}

.landing-logo {
	position: relative;
    top: 1%;
    left: 4%;
    width: 180px;
}

a.landing-link{
    display: inline-block;
    color: #ff333a !important;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}

a.landing-link:hover{
	display: inline-block;
	color: #a80007 !important;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	cursor: pointer
}