/*================DESIGNER==================*/
body{
		font-family: 'Roboto','Lucida Grande',sans-serif;
		/*"Montserrat", sans-serif;*/
		line-height: 1.5;
	}

.head-topmar-2, .head-topmar-3{
	margin-top: 5px;
}
.img-fluid{
  /*  max-width: 240px;*/
    height: 240px;
    width:auto!important;
	width: -webkit-fill-available;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	background-color: #1c273e;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	text-align:center;
  }

  .sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;

  }

  .sidenav a:hover{
	color: #f1f1f1;
  }

  .sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }

  /*.mob-icon-class{
	  padding: 20px;
  }*/
  
  
.banner-box-1 h1 {
    font-size: 2em;
    color: #fff;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    padding: 0;
    text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.nav-linkbg{
	margin: 0px 4px;
    background: #cb2532;
    color: #fff!important;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    min-width: 120px;
    text-align: center;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #000!Important;
    background: #f8f9fa;
}

@media screen and (max-width: 480px){
.nav-linkbg{
	background: #fff;
    color: #000!important;
}
}
.banner-box-1 p {
    font-size: 1.25em;
    margin-bottom: 1.75em;
    color: #fff;
	text-align: left;
}

.section-1 {
    /*padding: 6em 0 4em 0;*/
}

.box-main {
  /*  border: solid 1px #dee1e3;
    margin-bottom: 2em;*/
    overflow: hidden;
}

.content-box {
    padding: 1.0em;
		background-color: #fff;
    color: #cb2633;
    height: 64px;
    max-height: 100px;
    position: relative;
}

#one h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    color: #cb2532;
	font-weight: bold;
    margin: 0px 0px 11px 0px;
}

#one .headersub {
    text-align: center;
    font-size: 18px;
}

p {
    margin: 0 0 1em 0;
}

.button{
	background-color: #cb2532;
    border-radius: 35px;
	height: 3em;
    line-height: 3em;
	padding: 0 1.5em;
	text-transform: uppercase;

    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #000  inset;
}
.button:hover{
    -webkit-box-shadow: -290px 0 0 #000 inset;
}


.left-colum {
	width: 50%;
	float: left;
	/*background: #aafed6;*/
}


.right-colum {
	float: none; /* not needed, just for clarification */
	background-color: #1c273e;
	/* the next props are meant to keep this block independent from the other floated one */
	width: auto;
	overflow: hidden;

    border: solid 2px #eb1f2f;
}
.catlogdownload{
	background:#eb1f2f;
}
.w-back-box-2 {
    padding-right: 0px;
   /* background-color: #1c273e;
    padding: 188px 100px 188px 30px !important;*/
	padding:10%;
    color: #fff;
    font-size: 18px;
    line-height: normal;
}

.w-back-box-2 h3 {
    font-size: 35px;
    color: #fff;
    line-height: normal;
	font-weight: bold;
	margin: 0 0 1em 0;
}

.container-new-2 {
	height: auto;
	overflow: hidden;
	background-color: #1c273e;
 }

 .right-colum-2 {
	 width: 50%;
	 float: right;
	 background: #aafed6;
 }

 .left-colum-2 {
	 float: none; /* not needed, just for clarification */
	 background-color: #1c273e;
	 /* the next props are meant to keep this block independent from the other floated one */
	 width: auto;
	 overflow: hidden;
 }

 .section-event {
  /*  background: #ae2a36;*/

    color: #fcdcd6;
   /* margin-top: 20px;*/
	padding: 3em 0 3em 0;
}

.section-event h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    color: #eb1f2f;
    margin: 0px 0px 11px 0px;
	font-weight: bold;
}

.card-custom, .card{
	background-color: #161f31;
}

.card-custom, .sidenav a{
	color: #000;
	font-size: 1rem;
}

.card-body {
    padding: 0rem;
}

.card-body a{
	border-bottom:1px solid #d8d8d8;
	padding: 12px;
    background-color: #fff;
}

.card-body a:hover{
    background-color: #000;
}

.card-custom h6{
	color: #fff;
}

/* owl nav */
.owl-prev span, .owl-next span {
	color: #FFF;
}

.owl-prev span:hover,
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}

.owl-prev {
	left: 7px;
}

.owl-next {
	right: 7px;
}

.col-half-box{
	margin: auto;
	position: relative;
	z-index : 1;
	margin-top: 40px;
 }

 .col-half-box:before {
	content : "";
	position: absolute;
	left: -12px;
    top: -12px;
    height: 50%;
	width : 50%;  /* or 100px */
	border-top:10px solid #eb1f2f;
	border-left:10px solid #eb1f2f;

  }

  .col-half-box:after {
	content : "";
	position: absolute;
	right    : -12px;
	bottom  : -12px;
	height : 50%;
	width : 50%;  /* or 100px */
	border-bottom:10px solid #eb1f2f;
	border-right:10px solid #eb1f2f;

  }


  .w-back-box-3 {
    padding-right: 0px;
   /* background-color: #ae2a36;*/
   /* padding: 119px 30px 119px 30px !important;*/
   padding:5%;
    color: #fff;
    font-size: 18px;
    line-height: normal;
	text-align: center;
	background-color: #fff;
    height: 100%;
}

.w-back-box-3 h3 {
    font-size: 35px;
    color: #eb1f2f;
    line-height: normal;
	font-weight: bold;
    text-transform: uppercase;
	margin: 0 0 1em 0;
}

.simpleCircle [class*="fa fa-"] {
    background-color: #fff;
    border-radius: 50%;
    color: #1c273e;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: auto 3px;
    width: 40px;
    font-size: 20px !important;
    text-align: center;
}

/* Footer */

.footer{
	background:#1c273e;
	padding:30px 0px;
	/*font-family: 'Play', sans-serif;*/
	}

	.footer .column{
	width:20%;
	margin:0% 1%;
	display:inline-block;
	vertical-align: top;
	}

	.footer .column2{
		width:30%;
		margin:0% 1%;
		display:inline-block;
		vertical-align: top;
	}

	.footer .column ul{
	width:100%;
	}

	.footer .column ul li{
	list-style:none;
	padding:5px 0px;
	color:#fff;
	}

	.footer .column ul li a{
	text-decoration:none;
	font-size:0.9em;
	color:#fff;
	transition:0.5s;
	}

	.footer .column ul li a:hover{
	color:#ae2a36;
	}

	.footer .column ul .title{
	/*font-family: 'Fredoka One', cursive;*/
	font-size:1.0em;
	color:#fff;
	font-weight: bold;
	}

	.footer .column ul li input{
	padding:10px 5px;
	outline:none;
	border:0;
	width:70%;
	height:40px;
	color:#1e1e1e;
	}

	.footer .column ul li .btn1{
	background:;
	outline:none;
	border:0;
	padding:5px;
	color:#fff;
	height:44px;
	position:relative;
	top:1px;
	font-size:0.5em;
	background:#f7bd00;
	}

	.footer .column ul li i{
	font-size:2em;
	margin:0px 3px;
	}

	.sub-footer{
	background:#1e1e1e;
	padding:5px 0px;
	text-align:center;
	color:gray;
	font-size:12px;
	font-family: 'Play', sans-serif;
	}

	@media (max-width:720px){
	.footer .column{
		text-align:center;
	width:90%;
	display:block;
	margin:0% 0%;
	}

	.footer .column:nth-child(2),.footer .column:nth-child(3){
	/*width:40%;*/
	display:inline-block;
	}
	}

	@media (max-width:1200px){
	.footer .column ul li input{
	padding:5px 5px;
	outline:none;
	border:0;
	width:70%;
	height:34px;
	color:#1e1e1e;
	}
	.footer .column ul li .btn1{
	position:relative;
	top:2px;
	}
	}

	@media (max-width:940px){
	.footer .column ul li input{
	padding:5px 5px;
	outline:none;
	border:0;
	width:60%;
	height:34px;
	color:#1e1e1e;
	}
	.footer .column ul li .btn1{
	position:relative;
	top:2px;
	}
	}

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

			#footer {
				padding: 3em 0 1em 0;
			}

				#footer ul li {
					display: block;
					padding: .25em 0;
				}

				.logo img{
					width: 60px;
					height: 39px;
				}

				#header .logo {
					text-decoration: none;
					padding: 10px 0px 0px 0px;
				}

				.banner-box-1 h1 {
					font-size: 3em;
					color: #fff;
					line-height: 1em;
					margin: 0 0 0.5em 0;
					padding: 0;
					text-transform: uppercase;
					font-weight: bold;
				}

				.banner-box-1 p {
					font-size: 1.5em;
					text-align: left;
				}

				#one h2 {
					font-size: 24px;
				}

				#one .headersub {
					font-size: 16px;
				}

				.left-colum {
					width: 100%;
				}

				.right-colum {
					width: 100%;
				}

				.left-colum-2 {
					width: 100%;
				}

				.right-colum-2 {
					width: 100%;
				}

				.w-back-box-2 {
					padding-right: 0px;
					background-color: #1c273e;
					padding: 38px 30px 60px 30px !important;
					color: #fff;
					font-size: 18px;
					line-height: normal;
				}

				.section-event h2 {
					text-align: center;
					text-transform: uppercase;
					font-size: 24px;
				}

				.col-half-box {
					margin: 20px;
				}

				.w-back-box-3 h3 {
					font-size: 42px;
				}

				.w-back-box-3 {
					padding: 50px 30px 50px 30px !important;
				}

				.content-box {
					height: 26vh;
				}


		}

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

			#footer .copyright {
				padding: 2em 5em;
			}

			.banner-box-main{
				/*top: 80px;*/
			}


			.banner-box-1{
				top: 70px;
			}

			.banner-box-1 h1 {
				font-size: 2.2em;
				color: #fff;
				line-height: 1em;
				margin: 0 0 0.5em 0;
				padding: 0;
				text-transform: uppercase;
				font-weight: bold;
			}

			.banner-box-1 p {
				font-size: 1em;
				text-align: left;
			}

			#one h2 {
				font-size: 24px;
			}

			#one .headersub {
				font-size: 16px;
			}

			.left-colum {
				width: 100%;
			}

			.right-colum {
				width: 100%;
			}

			.left-colum-2 {
				width: 100%;
			}

			.right-colum-2 {
				width: 100%;
			}

			.w-back-box-2 {
				padding-right: 0px;
				background-color: #1c273e;
				padding: 38px 30px 60px 30px !important;
				color: #fff;
				font-size: 18px;
				line-height: normal;
			}

			.section-event h2 {
				text-align: center;
				text-transform: uppercase;
				font-size: 24px;
			}

			.col-half-box {
				margin: 20px;
			}

			.w-back-box-3 h3 {
				font-size: 26px;
			}

			.w-back-box-3 {
				padding: 50px 30px 50px 30px !important;
			}

		}

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

			#footer {
				padding: 2em 0 0.1em 0;
			}

				#footer ul li {
					font-size: .9em;
				}

					#footer ul li .icon:before {
						margin-left: -1em;
					}

				#footer .copyright {
					padding: 2em 0;
				}

				.banner-box-main{
					/*top: 80px;*/
				}

				.section-1{
					padding: 1em 0 4em 0;
				}

				.banner-box-1{
					top: 33px;
				}

				.banner-box-1 h1 {
					font-size: 0.8em;
					color: #fff;
					line-height: 1em;
					margin: 0 0 0.5em 0;
					padding: 0;
					text-transform: uppercase;
					font-weight: bold;
				}

				.banner-box-1 p {
					font-size: .8em;
					text-align: left;
				}

		}

		/*=======DEVELOPER==============*/
		.carousel-item{
			max-height: 600px;
		}

		.carousel-caption {

	    bottom: 20%;
	    left: 10%;
	    padding: 20px;
	    color: #fff;
	    background: rgba(56, 61, 65, 0.6);
	    border-radius: 10px;
	    border: solid 3px rgba(248, 249, 250, 0.26);
	    max-width: 60%;
	}

	.show{
		display:block !important;
	}
	.hide{
		display: none !important;
	}