/* 	Main Color 		: #e33434 (RED)
                    rgba(227, 52, 52, 1)

    Secondary Color : #222930 (DARK)
                    rgba(34, 41, 48, 1)


	border-radius: 15px;


	Table of Contents:
		- IMPORT FONT LOCALLY
		- CUSTOM GRID
		- PRELOADER
		- GENERAL
		- COMING SOON
		- HEADER SECTION
        - INDEX


*/
/* ============================== *//* ============================== */
/* ============================== *//* ============================== */
/* ============================== *//* ============================== */
/* ============================== *//* ============================== */
/* ============================== *//* ============================== */




/** ****************************************************** */
/** IMPORT FONT LOCALLY
/** ****************************************************** */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/opensans/OpenSans-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/opensans/OpenSans-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('../fonts/opensans/OpenSans-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-BoldItalic'), url('../fonts/opensans/OpenSans-BoldItalic.ttf') format('truetype');
}


@font-face {
	font-family: 'Khausan Script';
	font-style: normal;
	font-weight: 400;
	src: local('Khausan Script'), local('KhausanScript-Regular'), url('../fonts/KaushanScript-Regular.ttf') format('truetype');
}





/** ****************************************************** */
/** CUSTOM GRID
/** ****************************************************** */
@media(max-width: 567px){
    .col-xs-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xs-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }

    .col-xs-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-xs-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }

    .col-xs-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }

    .col-xs-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-xs-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }

    .col-xs-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }

    .col-xs-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-xs-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }

    .col-xs-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }

    .col-xs-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .hidden-xs{
      -webkit-box-flex: 0;
      -ms-flex: 0 0 0%;
      flex: 0 0 0%;
      max-width: 0%;
      display: none;
    }
}
@media(max-width:450px){
	.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
		float: left;
	}
	.col-xxs-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-xxs-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}
	.col-xxs-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}
	.col-xxs-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxs-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}
	.col-xxs-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}
	.col-xxs-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxs-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}
	.col-xxs-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.col-xxs-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxs-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}
	.col-xxs-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}
	.col-xxs-pull-12 {
		right: 100%;
	}
	.col-xxs-pull-11 {
		right: 91.66666667%;
	}
	.col-xxs-pull-10 {
		right: 83.33333333%;
	}
	.col-xxs-pull-9 {
		right: 75%;
	}
	.col-xxs-pull-8 {
		right: 66.66666667%;
	}
	.col-xxs-pull-7 {
		right: 58.33333333%;
	}
	.col-xxs-pull-6 {
		right: 50%;
	}
	.col-xxs-pull-5 {
		right: 41.66666667%;
	}
	.col-xxs-pull-4 {
		right: 33.33333333%;
	}
	.col-xxs-pull-3 {
		right: 25%;
	}
	.col-xxs-pull-2 {
		right: 16.66666667%;
	}
	.col-xxs-pull-1 {
		right: 8.33333333%;
	}
	.col-xxs-pull-0 {
		right: auto;
	}
	.col-xxs-push-12 {
		left: 100%;
	}
	.col-xxs-push-11 {
		left: 91.66666667%;
	}
	.col-xxs-push-10 {
		left: 83.33333333%;
	}
	.col-xxs-push-9 {
		left: 75%;
	}
	.col-xxs-push-8 {
		left: 66.66666667%;
	}
	.col-xxs-push-7 {
		left: 58.33333333%;
	}
	.col-xxs-push-6 {
		left: 50%;
	}
	.col-xxs-push-5 {
		left: 41.66666667%;
	}
	.col-xxs-push-4 {
		left: 33.33333333%;
	}
	.col-xxs-push-3 {
		left: 25%;
	}
	.col-xxs-push-2 {
		left: 16.66666667%;
	}
	.col-xxs-push-1 {
		left: 8.33333333%;
	}
	.col-xxs-push-0 {
		left: auto;
	}
	.col-xxs-offset-12 {
		margin-left: 100%;
	}
	.col-xxs-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-xxs-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-xxs-offset-9 {
		margin-left: 75%;
	}
	.col-xxs-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-xxs-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-xxs-offset-6 {
		margin-left: 50%;
	}
	.col-xxs-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-xxs-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-xxs-offset-3 {
		margin-left: 25%;
	}
	.col-xxs-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-xxs-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-xxs-offset-0 {
		margin-left: 0;
	}
	.hidden-xxs{
		display:none;
	}
}
@media(max-width:360px){
	.col-xxs360-1, .col-xxs360-2, .col-xxs360-3, .col-xxs360-4, .col-xxs360-5, .col-xxs360-6, .col-xxs360-7, .col-xxs360-8, .col-xxs360-9, .col-xxs360-10, .col-xxs360-11, .col-xxs360-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-xxs360-1, .col-xxs360-2, .col-xxs360-3, .col-xxs360-4, .col-xxs360-5, .col-xxs360-6, .col-xxs360-7, .col-xxs360-8, .col-xxs360-9, .col-xxs360-10, .col-xxs360-11, .col-xxs360-12 {
		float: left;
	}
	.col-xxs360-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-xxs360-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}
	.col-xxs360-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}
	.col-xxs360-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxs360-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}
	.col-xxs360-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}
	.col-xxs360-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxs360-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}
	.col-xxs360-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.col-xxs360-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxs360-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}
	.col-xxs360-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}
	.col-xxs360-pull-12 {
		right: 100%;
	}
	.col-xxs360-pull-11 {
		right: 91.66666667%;
	}
	.col-xxs360-pull-10 {
		right: 83.33333333%;
	}
	.col-xxs360-pull-9 {
		right: 75%;
	}
	.col-xxs360-pull-8 {
		right: 66.66666667%;
	}
	.col-xxs360-pull-7 {
		right: 58.33333333%;
	}
	.col-xxs360-pull-6 {
		right: 50%;
	}
	.col-xxs360-pull-5 {
		right: 41.66666667%;
	}
	.col-xxs360-pull-4 {
		right: 33.33333333%;
	}
	.col-xxs360-pull-3 {
		right: 25%;
	}
	.col-xxs360-pull-2 {
		right: 16.66666667%;
	}
	.col-xxs360-pull-1 {
		right: 8.33333333%;
	}
	.col-xxs360-pull-0 {
		right: auto;
	}
	.col-xxs360-push-12 {
		left: 100%;
	}
	.col-xxs360-push-11 {
		left: 91.66666667%;
	}
	.col-xxs360-push-10 {
		left: 83.33333333%;
	}
	.col-xxs360-push-9 {
		left: 75%;
	}
	.col-xxs360-push-8 {
		left: 66.66666667%;
	}
	.col-xxs360-push-7 {
		left: 58.33333333%;
	}
	.col-xxs360-push-6 {
		left: 50%;
	}
	.col-xxs360-push-5 {
		left: 41.66666667%;
	}
	.col-xxs360-push-4 {
		left: 33.33333333%;
	}
	.col-xxs360-push-3 {
		left: 25%;
	}
	.col-xxs360-push-2 {
		left: 16.66666667%;
	}
	.col-xxs360-push-1 {
		left: 8.33333333%;
	}
	.col-xxs360-push-0 {
		left: auto;
	}
	.col-xxs360-offset-12 {
		margin-left: 100%;
	}
	.col-xxs360-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-xxs360-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-xxs360-offset-9 {
		margin-left: 75%;
	}
	.col-xxs360-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-xxs360-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-xxs360-offset-6 {
		margin-left: 50%;
	}
	.col-xxs360-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-xxs360-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-xxs360-offset-3 {
		margin-left: 25%;
	}
	.col-xxs360-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-xxs360-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-xxs360-offset-0 {
		margin-left: 0;
	}
	.hidden-xxs360{
		display:none;
	}
}


/** ****************************************************** */
/** PRELOADER
/** ****************************************************** */

#preloader{
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #eeeeee 85%, #b6cad8 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#eeeeee 85%,#b6cad8 100%);
    background: radial-gradient(ellipse at center, #ffffff 0%,#eeeeee 85%,#b6cad8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6cad8',GradientType=1 );
}
.inner {
	width: 200px;
	height: 200px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.inner img.preloader-ajs-logo{
    width: 125px;
    height: 125px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
@keyframes loader-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loader-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loader-spinner_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes loader-spinner_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.loader-spinner {
    position: relative;
}
.loader-spinner div {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    border: 12px solid #000;
    border-color: #e33434 transparent #e33434 transparent;
    -webkit-animation: loader-spinner 1.6s linear infinite;
    animation: loader-spinner 1.6s linear infinite;
}
.loader-spinner div:nth-child(2) {
    width: 172px;
    height: 172px;
    top: 14px;
    left: 14px;
    border-color: transparent #222930 transparent #222930;
    -webkit-animation: loader-spinner_reverse 1.6s linear infinite;
    animation: loader-spinner_reverse 1.6s linear infinite;
}
.loader-spinner {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}


/** ****************************************************** */
/** GENERAL
/** ****************************************************** */
.hidden{
	display: none;
}


html * {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body{
	font-family: 'Open Sans', Arial, sans-serif;
}

.dropdown-backdrop {
	background: rgba(25,25,25,0.35);
}
#toTop {
	font-size:38px;
	line-height:33px;
	background-color: rgba(72, 112, 122, 0.5);
	color: #dff7fe;
	position: fixed;
	height: 50px;
	width: 50px;
	padding:6px;
	right: 6px;
	bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration:none;
	display:none;
	z-index: 1000;
	-webkit-border-radius: 100px !important;
	   -moz-border-radius: 100px !important;
	         border-radius:100px !important;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#toTop:hover {
	background-color: rgba(72, 112, 122, 1.0);
}
#toTop:before {
	font-family: "fontawesome";
	content: "\f102";
}
.has-error{
	border:1px solid;
	border-color:#f55 !important;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		 -o-transition: all 0.3s;
		 	transition: all 0.3s;
}
#dummySubmitBtn, #dummySubmitBtn1, #dummySubmitBtn2, #dummySubmitBtn3, #dummySubmitBtn4{
	display:inline;
}
/* WHITE TOOLTIP */
.whitetooltip + .tooltip > .tooltip-inner {
	font-family: 'Open Sans', Arial, sans-serif;
    background-color: #fff;
    color: rgb(78, 80, 78);
	font-size:11px;
	font-weight:100;
    border: 1px solid #CCCCCC;
}
.whitetooltip + .tooltip.top > .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #CCC
}
.whitetooltip + .tooltip.left > .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #CCC;
}
.whitetooltip + .tooltip.bottom > .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #CCC;
}
.whitetooltip + .tooltip.right > .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #CCC;
}
.flex{
	display:flex;
}
.flex.mid, .flex.center{
	justify-content:center;
}
.flex.left{
	justify-content:left;
}
.flex.right{
	justify-content:right;
}

.flex.vertical-mid, .flex.vertical-center{
	align-items: center;
}
.flex.vertical-top{
	align-items: start;
}
.flex.vertical-bottom{
	align-items: end;
}
.overflow-x, .scroll-x{
	overflow-x:auto;
}
.overflow-y, .scroll-y{
	overflow-y:auto;
}
.left-radius{
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.right-radius{
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}



/* Logo */
@media(max-width: 778px){
    #header.fixed #topNav a.logo {
        display: flex;
        margin: 0 auto;
    }
    #header.fixed #topNav a.logo > img {
        position: relative;
        margin: 0 auto;
        left: 3vh;
    }
}



/* Forms */
.form-control::-moz-placeholder {
	color: #b6b6b6;
	opacity: 1;
}
.form-control[readonly], .form-control[disabled]{
    background: rgba(255,255,255,.98);
    cursor: not-allowed;
}
::-moz-placeholder {
	color: #b6b6b6;
}
input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
select.form-control:not([size]):not([multiple]){
    color: #767676;
    -webkit-appearance: none;
	   -moz-appearance: none;
		 -o-appearance: none;
            appearance: none
}





/* Buttons */
button i.fa{
    padding: 0 !important;
    margin-right: 6px;
}




/* badge */






/* Default Section */
body.modal-open {
    overflow: hidden;
}
body.modal-open #wrapper{
    -webkit-filter: blur(5px);
        -ms-filter: blur(5px);
            filter: blur(5px);
    overflow: hidden;
}
.modal.show{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    top: -10vh;
}

.modal-header{
    position: relative;
}
.modal-header .close {
	margin: 0;
	padding: 3px;
	position: absolute;
	top: 50%;
	right: 20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
    z-index: 100;
}

.modal .modal-dialog{
    width: 550px;
    margin: 0 auto;
}
@media(max-width: 548px){
    .modal .modal-dialog{
        max-width: 90vw;
    }
}
@media(max-width: 400px){
    .modal .modal-dialog{
        max-width: 95vw;
    }
}
.modal .modal-body{
    max-height: 60vh;
    overflow: auto;
}



section{
    border-bottom: none;
}
p{
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .8px;
    line-height: 1.7;
    color: #676767;
}





/** ****************************************************** */
/** COMING SOON
/** ****************************************************** */
section#slider{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;


}
section#slider .content-box{  /* RESPONSIVE */
	width: 75%;
	padding: 40px;
	background: rgba(0,0,0,.4);
	box-shadow: 0 0 12px 2px rgba(255,255,255,.13);
	-webkit-border-radius: 25px;
			border-radius: 25px;
	margin: auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #f3f3f3;
}
section#slider .content-box .title{ /* RESPONSIVE */
	font-size: 32px;
	font-weight: 500;
	color: #fff;
}

section#slider .content-box .title > span {  /* RESPONSIVE */
	font-size: 44px;
	font-weight: 600;
	font-family: "Khausan Script", cursive;
	letter-spacing: 0.8px;
}
section#slider .content-box .title > .space{
	display: inline;
	margin: 0 8px;
}


section#slider .content-box > .other-description{ /* RESPONSIVE */
	font-size: 22px;
	font-weight: 300;
	letter-spacing: .76px;
	font-family: 'Open Sans', Helvetica, Arial;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #f3f3f3;
}



section#slider .content-box .countdown-container {
	margin-top: 30px;
	margin-bottom: 15px;
}



@media(max-width: 1200px){

}
@media(max-width: 991px){

}
@media(max-width: 768px){

}
@media(max-width: 576px){
	section#slider .content-box{
		width: 85%;
		padding: 30px 15px;
	}
    section#slider .content-box .title{
    	font-size: 24px;
    	font-weight: 400;
    }
    section#slider .content-box .title > span {
    	font-size: 28px;
    }

	section#slider .content-box > .other-description{
		font-size: 14px;
	}
}
@media(max-width: 450px){

}
@media(max-width: 400px){
	section#slider .content-box{
		width: 88%;
	}
}
@media(max-width: 350px){
	section#slider .content-box{
		width: 92%;
		padding: 20px 10px;
	}
}



/** ****************************************************** */
/** HEADER SECTION
/** ****************************************************** */
#topMain.nav-pills > li.active > a{
    border-bottom: 3px solid #e33434;
    color: #222930;
}



/** ****************************************************** */
/** INDEX
/** ****************************************************** */
section#home_slider{
    padding: 0;
}




section#about {}
section#about img.home-image{
    width: 250px;
}
@media(max-width: 768px){
    section#about img.home-image{
        width: 450px;
    }
}
@media(max-width: 567px){
    section#about img.home-image{
        width: 400px;
    }
}
@media(max-width: 400px){
    section#about img.home-image{
        width: 350px;
    }
}
@media(max-width: 350px){
    section#about img.home-image{
        width: 250px;
    }
}
section#about div.description{
    position: relative;
    display: block;
    margin: 40px 0;
}


section#about .about-mission-vision {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
section#about .about-mission-vision > i{
    width: 45px;
    height: 45px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 20px;
    line-height: 43px;
    color: #e33434;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e33434;
    -webkit-border-radius: 45px;
            border-radius: 45px;

    -webkit-transition: all .3s;
        -ms-transition: all .3s;
            transition: all .3s;
}
section#about .about-mission-vision > i:hover, section#about .about-mission-vision > i:focus, section#about .about-mission-vision > i:active, section#about .about-mission-vision > i.active {
    background-color: #e33434;
    color: #f9f9f9;
    -webkit-transition: all .3s;
        -ms-transition: all .3s;
            transition: all .3s;
}
section#about .about-mission-vision > p {
    font-size: 13px;
    font-weight: 300;
    line-height: 2.1;
    letter-spacing: normal;
    text-align: justify;
    margin-top: 15px;
}

@media(max-width: 992px){
    section#about .about-mission-vision > i{
        width: 60px;
        height: 60px;
        font-size: 24px;
        line-height: 58px;
        -webkit-border-radius: 60px;
                border-radius: 60px;
    }
}




section#about_feature{
    padding: 40px 0;
}
section#about_feature .box-icon.box-icon-content { /* RESPONSIVE */
	height: 275px;
	background-color: #222930;
	padding: 45px 15px 15px 15px;
	display: block;
	margin-top: 60px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
section#about_feature .box-icon.box-icon-large .box-icon-title > i { /* RESPONSIVE */
    /* background-color: #eef6fe !important; */
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 48px;
    color: #e33434;
    box-shadow: 0 2px 6px 1px rgba(0,0,0,.23);
}
section#about_feature .box-icon .box-icon-title > h2 {
    text-align: center !important;
	font-size: 18px;
	line-height: 1.6;
    color: #f3f3f3;
}
section#about_feature .box-icon.box-icon-center .box-icon-more, .box-icon.box-icon-center .box-icon-title, .box-icon p {
    padding: 5px 30px;
	color: #eaeaea;
}

@media(max-width: 768px){
    section#about_feature .box-icon.box-icon-content {
        margin-top: 40px;
    }
    section#about_feature .box-icon.box-icon-large .box-icon-title > i {
        width: 75px;
    	height: 75px;
        margin-top: 37.5px;
        line-height: 75px;
        font-size: 39px;
    }
}
@media(max-width: 567px){
    section#about_feature .container{
        width: 90%;
    }
    section#about_feature .box-icon.box-icon-content {
        height: auto;
    }
}
@media(max-width: 350px){
    section#about_feature .container{
        width: 95%;
    }
}





section.parallax{ /* RESPONSIVE */
    padding: 150px 0;
}
section.parallax .btn.btn-default.btn-lg{ /* RESPONSIVE */
    width: 200px;
    height: 75px;
    line-height: 73px !important;
    text-align: center;
    padding: 0 !important;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}
section.parallax .btn-default:hover, section.parallax .btn-default:focus, section.parallax .btn-default:active, section.parallax .btn-default.active{
    border-color: #233;
    background: #222930;
    color: #fff;
}
@media(max-width: 768px){
    section.parallax{
        padding: 125px 0;
    }
}
@media(max-width: 567px){
    section.parallax{
        padding: 100px 0;
    }
    section.parallax .btn.btn-default.btn-lg{
        width: 150px;
        height: 60px;
        line-height: 58px !important;
    }
}




section#products .nav.nav-pills{
    display: block;
    text-align: center;
}
section#products #portfolio.portfolio-gutter .item-box{ /* RESPONSIVE */
    height: 300px;
    border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 0 2px 7px 1.5px rgba(0,0,0,.13);
}

section#products #portfolio.portfolio-gutter .item-box .item-box-desc p{ /* RESPONSIVE */
    height: 55px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    color: #777;
    text-align: justify;
    margin: 10px 0;
}
section#products #portfolio.portfolio-gutter .item-box .item-box-desc ul.categories > li > a{
    font-size: 12px;
    font-weight: 400;
    color: #aaa;
}
@media(max-width: 767px){
    section#products #portfolio.portfolio-gutter .item-box{
        height: 300px;
    }
    section#products #portfolio.portfolio-gutter .item-box .item-box-desc p{
        height: 55px;
    }
}
@media(max-width: 567px){
    section#products #portfolio.portfolio-gutter .item-box{
        height: 325px;
    }
    section#products .nav-pills{
        background: transparent;
    }
}
@media(max-width: 450px){
    section#products #portfolio.portfolio-gutter .item-box{
        width: 80%;
        margin: 0 auto;
        height: auto;
    }
    section#products #portfolio.portfolio-gutter .item-box .item-box-desc ul.categories{
        margin-bottom: 30px !important;
    }
}
@media(max-width: 360px){
    section#products #portfolio.portfolio-gutter .item-box{
        width: 90%;
    }
}



.modal .product-item-description h4{
    font-size: 24px;
    font-weight: 600;
    color: #565656;
    line-height: 1.92;
}
.modal .product-item-description p.description{
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .75px;
    line-height: 1.67;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.modal .product-item-description ol {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .75px;
	line-height: 1.67;
	-webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.modal .product-item-description ul{
    list-style: none !important;
}
.modal .product-item-description table{
    width: 100%;
    border: 0;
}
.modal .product-item-description table > thead{
    font-size: 16px;
    font-weight: 400;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.modal .product-item-description table > thead > tr {
    height: 50px;
    border-bottom: 1px solid #ddd;
}
.modal .product-item-description table > tbody {
    font-size: 14px;
    font-weight: 300;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.modal .product-item-description table > tbody > tr {
    height: 45px;
    border-bottom: 1px solid #eee;
}

#modal_contactResponse.modal p {
    margin-bottom: 10px;
}
#modal_contactResponse.modal b {
    color: #ff0000;
}





section#contact{
    background-size: 1600px 1067px;
    background-attachment: fixed;
}
section#contact .form.container > div.row > div{
    background: rgba(255,255,255,.95);
    padding: 40px 20px;
    -webkit-box-shadow: 1px 2px 7px 1px rgba(0,0,0,.23);
            box-shadow: 1px 2px 7px 1px rgba(0,0,0,.23);
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
            border-radius: 15px;
}
@media(max-width: 567px){
    section#contact .form.container > div.row > div {
        max-width: 90%;
    }
}
@media(max-width: 350px){
    section#contact .form.container > div.row > div {
        max-width: 90%;
    }
}





section#contact .row table.content {
    width: 100%;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .75px;
    text-align: left;
    line-height: 2;
}
section#contact .row table.content tr > td:first-child {
    text-align: center;
}
section#contact .row table.content i{
    font-size: 20px;
}



section#contact table.content i.fa.fa-whatsapp{
    font-size: 14px;
}
section#contact table.content.emailInfo{
    letter-spacing: normal;
}



section#contact div.row > div {
    margin-bottom: 20px;
}

@media(max-width: 768px){
    section#contact .row table.content {
        font-size: 12px;
    }
    section#contact .row table.content i{
        font-size: 16px;
    }
}
@media(max-width: 567px){
    section#contact .row table.content {
        font-size: 14px;
    }

    section#contact .row table.content i{
        font-size: 20px;
    }
    section#contact table.content.emailInfo{
        font-size: 14px;
    }
}
@media(max-width: 350px){
    section#contact .row table.content {
        font-size: 13px;
    }
    section#contact .row table.content i{
        font-size: 18px;
    }

    section#contact table.content.emailInfo{
        font-size: 12px;
    }
}



#footer{
    color: rgba(255,255,255,.9);
    background: #363636 !important;
}
#footer .wmbcolor{
    color: #38A5DB;
}