@font-face {
	font-family: 'Monbaiti';
	src: url('../fonts/monbaiti.eot');
	src: local('☺'), url('../fonts/monbaiti.woff') format('woff'), url('../fonts/monbaiti.ttf') format('truetype'), url('../fonts/monbaiti.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'rockwell';
	src: url('../fonts/rockb.eot');
	src: local('☺'), url('../fonts/rockb.woff') format('woff'), url('../fonts/rockb.ttf') format('truetype'), url('../fonts/rockb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Euphemia';
	src: url('../fonts/euphemia.eot');
	src: local('☺'), url('../fonts/euphemia.woff') format('woff'), url('../fonts/euphemia.ttf') format('truetype'), url('../fonts/euphemia.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.no-pad{padding:0px;}
.no-pad-left{padding-left:0px;}
.no-pad-right{padding-right:0px;}
a:focus{text-decoration:none;}

html{
	max-width:100%;
	overflow:hidden;
}

body{
	overflow:hidden;
	letter-spacing:2px;
}
.transition-effect {
    -webkit-transition: all 300ms ease-out 200ms;
    -moz-transition: all 300ms ease-out 200ms;
    -o-transition: all 300ms ease-out 200ms;
    transition: all 300ms ease-out 200ms;
}

.loader-outer{
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:999;
}

.loader-img{
	position:absolute;
	top:46%;
	left:50%;
	width:120px;
	margin-left:-60px;
}

/* Header Starts */

.main-logo{
	margin:20px auto 5px;
	width:150px;
}

.header-line{
	width:100%;
}

.main-header-ul{
	margin-top:5px;
	list-style:none;
	-webkit-padding-start:0px;	
	-moz-padding-start:0px;
	-o-padding-start:0px;
	padding-start:0px;
	border-top:1px solid #000;
	padding-top:15px;
}

.main-header-ul li{
	width:20%;
	float:left;
	text-align:center;
	font-family:'Euphemia';
}

.main-header-ul li a{
	text-transform:uppercase;
	color:#5a5a5a;
	font-size:12px;
	font-weight:900;
	-webkit-transition: all 300ms ease-out 200ms;
    -moz-transition: all 300ms ease-out 200ms;
    -o-transition: all 300ms ease-out 200ms;
    transition: all 300ms ease-out 200ms;
}

.main-header-ul li a:hover{
	text-decoration:none;
	color:#222;
}

.main-header2{
	height:80px;
	/*background-color:#52a38b;*/
	background: rgba(82,163,139,1);
	background: -moz-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,61,48,1)), color-stop(10%, rgba(82,163,139,1)), color-stop(90%, rgba(82,163,139,1)), color-stop(100%, rgba(5,61,48,1)));
	background: -webkit-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
	background: -o-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
	background: -ms-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
	background: linear-gradient(to right, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053d30', endColorstr='#053d30', GradientType=1 );
	visibility:hidden;
}

.main-header2-show{
	visibility:visible;
}

.main-header2-ul{
	margin-top:10px;
	list-style:none;
	-webkit-padding-start:0px;	
	-moz-padding-start:0px;
	-o-padding-start:0px;
	padding-start:0px;
}

.main-header2-ul li{
	width:20%;
	float:left;
	text-align:center;
	font-family:'Euphemia';
}

.main-header2-ul li a{
	text-transform:uppercase;
	color:#3c3c3c;
	font-size:11px;
	font-weight:900;
	-webkit-transition: all 300ms ease-out 200ms;
    -moz-transition: all 300ms ease-out 200ms;
    -o-transition: all 300ms ease-out 200ms;
    transition: all 300ms ease-out 200ms;
}

.main-header2-ul li a:hover{
	text-decoration:none;
}

.main-header2-sub1-ul, .main-header2-sub2-ul{
	display:none;
}

.main-header2-sub1-ul{
	margin:40px auto 0px;
	width:80%;
	list-style:none;
	-webkit-padding-start:0px;	
	-moz-padding-start:0px;
	-o-padding-start:0px;
	padding-start:0px;
}

.main-header2-sub1-ul li{
	width:25%;
	float:left;
	text-align:center;
	font-family:'Euphemia';
}

.main-header2-sub1-ul li a{
	text-transform:uppercase;
	color:#3c3c3c;
	font-size:11px;
	font-weight:900;
	-webkit-transition: all 300ms ease-out 200ms;
    -moz-transition: all 300ms ease-out 200ms;
    -o-transition: all 300ms ease-out 200ms;
    transition: all 300ms ease-out 200ms;
}

.main-header2-sub1-ul li a:hover{
	text-decoration:none;
}

.main-header2-sub2-ul{
	margin:40px auto 0px;
	width:80%;
	list-style:none;
	-webkit-padding-start:0px;	
	-moz-padding-start:0px;
	-o-padding-start:0px;
	padding-start:0px;
}

.main-header2-sub2-ul li{
	width:16.66667%;
	float:left;
	text-align:center;
	font-family:'Euphemia';
}

.main-header2-sub2-ul li a{
	text-transform:uppercase;
	color:#3c3c3c;
	font-size:11px;
	font-weight:900;
	-webkit-transition: all 300ms ease-out 200ms;
    -moz-transition: all 300ms ease-out 200ms;
    -o-transition: all 300ms ease-out 200ms;
    transition: all 300ms ease-out 200ms;
}

.main-header2-sub2-ul li a:hover{
	text-decoration:none;
}

.black-logo{
	margin-top:30px;
	width:90px;
	position: absolute;
    top: 80px;
    margin-left:-40px;
    left: 50%;
}

/* Header Ends */


/* Footer Starts */

footer{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.7) 40%, rgba(255,255,255, 1) 100%);
	padding-top:10px;
	padding-bottom:10px;
	z-index:99;
}

.footer-list{
	-webkit-padding-start:0px;	
	-moz-padding-start:0px;
	-o-padding-start:0px;
	padding-start:0px;
	margin-left:40px;
}

.footer-list li:first-child{
	list-style:none;
}

.footer-list li{
	color:#8c8c8c;
	float:left;
	text-align:center;
	font-family:'Euphemia';
	padding-left:5px;
	margin-left:15px;
    margin-right:15px;
	font-size:10px;
}

.footer-list li a{
	color:#8c8c8c;
}

.footer-list li a:hover{
	text-decoration:none;
}

.footer-logos{
	position:absolute;
	right:30px;
	bottom:0px;
	list-style:none;
	vertical-align:baseline;
	-webkit-padding-start:0px;
	-moz-padding-start:0px;
	padding-start:0px;
}

.footer-logos li{
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

.footer-logos li img{
	width:36px;
}

.modal {
  	text-align: center;
}

@media screen and (min-width: 768px) { 
  	.modal:before {
    	display: inline-block;
	    vertical-align: middle;
	    content: " ";
	    height: 100%;
  	}
}

.modal-dialog {
  	display: inline-block;
  	text-align: left;
  	vertical-align: middle;
}

#contact_us_modal .modal-content{
	border-radius:0px;
	background-image:url('../imgs/bg-pattern.png');
	background-repeat:repeat;
	border:5px solid #ababab;
	border-color:rgba(171,171,171,0.6);
	height:300px;
}

.contact-us-modal-inner{
	width:360px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:30px;
}

.contact-us-modal-inner p{
	font-family:'Euphemia';
	font-size:16px;
}

.contact-us-modal-input-box{
	border:none;
	background:transparent;
	border-bottom:1px dashed #000;
}

.contact-us-modal-input-box:focus{
	outline:0;
}

#contact_us_name{
	width:256px;
}

#contact_us_email{
	width:258px;	
}

#contact_us_message{
	width:230px;
}

#contact_us_btn{
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	cursor:pointer;
}

#contact_us_btn img{
	width:100%;
}

#contact_us_btn p{
	margin-top:2px;
	margin-bottom:2px;
}

#contact_us_btn .down-arrow{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#contact_us_thank_you{
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

#contact_us_thank_you img{
	width:100%;
}

#contact_us_sorry{
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

#contact_us_sorry img{
	width:100%;
}

#contact_us_modal .down-arrow{
	margin-top:-8px;
}

.thank-you-text{
	margin-top:18%;
	display:none;
}

.thank-you-text .down-arrow{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sorry-text{
	margin-top:15%;
	display:none;
}

.sorry-text .down-arrow{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.thank-you-inner-text{
	margin-top:3px;
	margin-bottom:3px;
	font-size:18px;
}

.sorry-inner-text{
	margin-top:3px;
	margin-bottom:3px;
	font-size:14px;
}

/*.thank-you-inner-text:before{
    content:"\A";
    width:8px;
    height:8px;
    border-radius:50%;
    background: #000;
    display:inline-block;
    margin-right:8px;
}

.thank-you-inner-text:after{
	content:"\A";
    width:8px;
    height:8px;
    border-radius:50%;
    background: #000;
    display:inline-block;
	margin-left:6px;
}*/

.has-err{
	border-color:#c00;
}

/* Footer Ends */

header{
	display:block !important;
}

nav{
	display:none !important;	
}

.web-view{
	display:block;
}

.mob-view{
	display:none;	
}

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

	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
		background-color:transparent;
	}

	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
		background-color:transparent;
	}
	.modal {
	  	text-align: center;
	  	padding: 0!important;
	}
	
	#contact_us_modal .modal-content{
		height:auto;
	}

	.contact-us-modal-inner{
		width:100%;
		padding-left:10px;
		padding-right:10px;
	}

	#contact_us_name, #contact_us_email, #contact_us_message{
		width:100%;
	}

	.thank-you-text{
		margin-bottom:18%;
	}
	
	.web-view{
		display:none;
	}

	.mob-view{
		display:block;	
	}

	.dropdown-menu{
		width:100%;
		color:#fff;
		text-align:center;
		position:static;
	}

	.dropdown-menu li a{
		color:#fff !important;
		line-height:20px !important;
		padding:5px 15px !important;
	}

	header{
		display:none !important;
	}

	nav{
		display:block !important;	
	}

	.main-logo-mob{
		margin-top:-30px;
		width:50px;
	}

	#navbar{
		position:absolute;
    	width:100%;
	}

	.navbar-nav{
		margin-top:0px;
		margin-bottom:0px;
		text-align:center;
		color:#fff;
		font-family:'Euphemia';
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color:transparent;
		color:#fff;	
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color:transparent;
		color:#fff;	
	}

	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
		color:#fff;	
	}

	.navbar-nav .open .dropdown-menu{
		color:#fff;
		text-align:center;
	}

	.navbar-default .navbar-nav>li>a{
		color:#fff;	
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color:#fff;	
	}

	.navbar-header, .navbar-nav{
		background: rgba(82,163,139,1);
		background: -moz-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,61,48,1)), color-stop(10%, rgba(82,163,139,1)), color-stop(90%, rgba(82,163,139,1)), color-stop(100%, rgba(5,61,48,1)));
		background: -webkit-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
		background: -o-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
		background: -ms-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
		background: linear-gradient(to right, rgba(5,61,48,1) 0%, rgba(82,163,139,1) 10%, rgba(82,163,139,1) 90%, rgba(5,61,48,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053d30', endColorstr='#053d30', GradientType=1 );	
	}

	.dropdown-menu{
		background: rgba(54,127,106,1);
		background: -moz-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(54,127,106,1) 10%, rgba(54,127,106,1) 90%, rgba(5,61,48,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,61,48,1)), color-stop(10%, rgba(54,127,106,1)), color-stop(90%, rgba(54,127,106,1)), color-stop(100%, rgba(5,61,48,1)));
		background: -webkit-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(54,127,106,1) 10%, rgba(54,127,106,1) 90%, rgba(5,61,48,1) 100%);
		background: -o-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(54,127,106,1) 10%, rgba(54,127,106,1) 90%, rgba(5,61,48,1) 100%);
		background: -ms-linear-gradient(left, rgba(5,61,48,1) 0%, rgba(54,127,106,1) 10%, rgba(54,127,106,1) 90%, rgba(5,61,48,1) 100%);
		background: linear-gradient(to right, rgba(5,61,48,1) 0%, rgba(54,127,106,1) 10%, rgba(54,127,106,1) 90%, rgba(5,61,48,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053d30', endColorstr='#053d30', GradientType=1 );		
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color:transparent;
	}

	.navbar-default .navbar-toggle{
		border-color:#fff;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color:#fff;
	}

	.main-container{
		background-size:auto 100% !important;
    	background-position:center center !important;
	}

	footer{
		background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.7) 20%, rgba(255,255,255, 1) 100%);
	}

	.footer-logos{
		position:static;
		list-style:none;
		vertical-align:baseline;
		-webkit-padding-start:0px;
		-moz-padding-start:0px;
		padding-start:0px;
		display:inline-block;
		margin-left:32%;
		display:none;
	}

	.footer-logos li{
		display:inline-block;
		padding-left:5px;
		padding-right:5px;
		text-align:center;
	}
}