*
{
margin:0;
padding:0;
font-family: 'Poppins', sans-serif;
-webkit-appearance: none;
}
.icon-bar
{
	margin-left:10px;
	float:left;
}
  
	.btn-tag
	{
		border:0px;
		margin:0 5px;
		font-weight:bold;
		cursor:pointer;
	}
	button#grayscale,button#grayscale3,button#grayscale2 {
    background: transparent;
    padding: 0px;
    border: none;
}
	span.bluebox {
    border: 2px solid #dddddd;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 13px;
    width: 13px;
    color: #fff;
    margin-top: 0px;
    background: #115f90;
}


.goog-logo-link {
    display:none !important;
} 
    
.goog-te-gadget {
    color: transparent !important;
}
.goog-te-gadget .goog-te-combo {
    margin: 0 !important;
    padding: 4px !important;
	
    font-size: 10px !important;
}
.goog-te-banner-frame.skiptranslate, .skiptranslate img, .skiptranslate a {
display: none !important;
} 
	span.brownbox {
    border: 2px solid #dddddd;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 13px;
    width: 13px;
    color: #fff;
    margin-top: 0px;
    background:#968523;
}
		span.redbox {
    border: 2px solid #dddddd;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 13px;
    width: 13px;
    color: #fff;
    margin-top: 0px;
    background: #d21212;
}
h1
{
width:100%;
float:left;
text-align:center;
font-size:32px;
margin:1% 0;
font-family: 'Cabin Condensed', sans-serif;
text-transform: uppercase;
}
#content h1
{
	font-size:26px;	
}
h2
{
width:100%;
float:left;
text-align:center;
font-size:25px;
margin:1% 0;
font-family: 'Cabin Condensed', sans-serif;
text-transform: uppercase;
}
h3
{
width:100%;
float:left;
text-align:center;
font-size:21px;
margin:1% 0;

}
h4
{
width:100%;
float:left;
text-align:center;
font-size:19px;
margin-top:2%;
font-weight:400;
}
.text-intro p
{
width:100%;
float:left;
text-align:justify;
font-size:16px;
font-family: 'Mulish', sans-serif;
   line-height: 28px;
color:#313131;
margin: 15px 0;
}
.text-intro p.box-70
{
width:70%;
float:left;
text-align:center;
font-size:16px;
font-family: 'Mulish', sans-serif;
   line-height: 28px;
color:#313131;
margin: 15px 15%;
}
p
{
width:100%;
float:left;
text-align:justify;
font-size:16px;
font-family: 'Mulish', sans-serif;
   line-height: 1.8;
color:#515151;
}
.full-box
{
width:100%;
float:left;
}
.font-bold
{
	font-weight:bold;
}
.font-italic
{
	font-style:italic;
}
.font-underline
{
	text-decoration:underline;
}
a
{
	text-decoration:none;
}

/* Float Boxes */
.col-1
{
width:98%;
float:left;
margin:1%;
}
.col-pad-1
{
width:94%;
float:left;
margin:1% 2%;
padding:1%;
}
.col-2
{
width:48%;
float:left;
margin:1%;
}
.col-pad-2
{
width:46%;
float:left;
margin:1%;
padding:1%;
}

.col-3
{
width:31%;
float:left;
margin:1%;
}
.col-3x
{
width:30%;
float:left;
margin:1%;
}
.col-pad-3
{
width:29%;
float:left;
margin:1%;
padding:1%;
}

.col-4
{
width:23%;
float:left;
margin:1%;
}

.col-pad-4
{
width:21%;
float:left;
margin:1%;
padding:1%;
}
.col-5
{
width:18%;
float:left;
margin:1%;
}
.center-box
{
width:15.5%;
float:left;
margin:1%;
padding:1%;
border:1px solid #e3e3e3;
border-radius:20px;
}
.center-boxx
{
width:21%;
float:left;
margin:1% 0.4%;
padding:1% 1%;
border:1px solid #e3e3e3;
border-radius:20px;
}
.col-pad-5
{
width:16%;
float:left;
margin:1%;
padding:1%;
}
/* Block Position */
.pos-relative
{
position:relative;
}
.pos-absolute
{
position:absolute;
}

/* Text Align */
.text-center
{
text-align:center;
}
.text-left
{
text-align:left;
}
.text-right
{
text-align:right;
}
.text-justify
{
text-align:justify;
}

/* Text Color */

.text-color-red
{
color:#C70039;
}
.text-color-red2
{
color:#B03A2E;
}
.text-color-red3
{
color:#D35400;
}

.text-color-green
{
color:#1E8449;
}
.text-color-green1
{
color:#229954;
}
.text-color-green2
{
color:#196F3D;
}
.text-color-orange
{
color:#F39C12;
}
.text-color-orange1
{
color:#F5B041;
}
.text-color-orange2
{
color:#E67E22;
}

.text-color-blue
{
color:#115f90;
}
.text-color-blue1
{
color:#2C3E50;
}
.text-color-blue2
{
color:#283747;
}
.text-color-gray
{
color:#717D7E;
}
.text-color-gray1
{
color:#515A5A;
}
.text-color-gray2
{
color:#B2BABB;
}
.text-color-gray3
{
color:#CCD1D1;
}
.text-color-white
{
color:#FFFFFF;
}
.text-color-white1
{
color:#F2F4F4 ;
}
.text-color-white2
{
color:#F8F9F9;
}
.text-color-yellow
{
color:#F1C40F;
}
.text-color-yellow1
{
color:#F4D03F;
}
.text-color-yellow2
{
color:#F7DC6F;
}
.text-color-black
{
color:#000;
}
.text-color-black1
{
color:#454545;
}
.text-color-black2
{
color:#313131;
}
.text-color-black3
{
color:#999999;
}
/* Background Color */
.bg-color-black
{
background-color:#000;
}
.bg-color-black1
{
background-color:#454545;
}
.bg-color-black2
{
background-color:#313131;
}
.bg-color-black3
{
background-color:#999999;
}
.bg-color-red
{
background-color:#C70039;
}
.bg-color-red2
{
background-color:#B03A2E;
}
.bg-color-red3
{
background-color:#D35400;
}
.bg-color-primary
{
	background-color: #25591f;
}
.bg-color-primary
{
	background-color: #25591f;
}
.bg-color-green
{
background-color:#1E8449;
}
.bg-color-green1
{
background-color:#229954;
}
.bg-color-green2
{
background-color:#196F3D;
}
.bg-color-orange
{
background-color:#F39C12;
}
.bg-color-orange1
{
background-color:#F5B041;
}
.bg-color-orange2
{
background-color:#E67E22;
}

.bg-color-blue
{
background-color:#115f90;
}
.bg-color-blue1
{
background-color:#2C3E50;
}
.bg-color-blue2
{
background-color:#283747;
}
.bg-color-gray
{
background-color:#717D7E;
}
.bg-color-gray1
{
background-color:#515A5A;
}
.bg-color-gray2
{
background-color:#B2BABB;
}
.bg-color-gray3
{
background-color:#CCD1D1;
}
.bg-color-white
{
background-color:#FFFFFF;
}
.bg-color-white1
{
background-color:#F2F4F4 ;
}
.bg-color-white2
{
background-color:#F8F9F9;
}
.bg-color-yellow
{
background-color:#F1C40F;
}
.bg-color-yellow1
{
background-color:#F4D03F;
}
.bg-color-yellow2
{
background-color:#F7DC6F;
}
.bg-color-alpha
{
	background-color:rgba(255,255,255,0.8);
}
/* Wrap Blocks */

#wrapper
{
width:100%;

}
.wrap-in
{
width:1250px;
margin:0 auto;
}
.wrap-fluid
{
width:100%;

}
#header-top,#header,#banner,#content,#footer,#feature,#add-on,#menu,#notice
{
width:100%;
float:left;
}
#notice
{
	border-top:3px solid #C70039;
}
.notice-list
{
	width:100%;
	float:left;
	
    display: inline;
}
.notice-list li
{
	
	
	
    display: inline;
	margin-right: 20px;
}
.notice-list li a
{
	padding:0 10px;
}
.notice-list li a,.notice-list li 
{
	color:#313131;
}
.notice-list li .new-icon
{
	height:14px;
}
.logo
{
	height:80px;
}
.name-header
{
	font-family: 'Cabin Condensed', sans-serif;
    text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 0px;
	margin-top: 2px;;
}
.text-uppercase
{
	text-transform: uppercase;
}
.name-header1
{
	font-family: 'Cabin Condensed', sans-serif;
    text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 0px;
}
.main
{
width:70%;

}
.sidebar
{
width:30%;

}
.block-10
{
width:10%;
}
.block-20x
{
width:19.5%;
}
.block-20
{
width:20%;
}
.block-30
{
width:30%;
}
.block-40
{
width:40%;
}
.block-50
{
width:50%;
}
.block-60
{
width:60%;
}
.block-70
{
width:70%;
}
.block-80
{
width:80%;
}
.block-90
{
width:90%;
}
.box-50
{
	width:50%;
	margin:1% 25%;
}
.box-60
{
	width:60%;
	margin:1% 20%;
}
.box-70
{
	width:70%;
	margin:1% 15%;
}
.box-80
{
	width:80%;
	margin:1% 10%;
}
.box-90
{
	width:90%;
	margin:1% 5%;
}

/* Padding */
.pad-1
{
padding:1%;
}
.pad-tb-1
{
padding:1% 0;
}
.pad-lr-1
{
padding:0 1%;
}
.pad-2
{
padding:2%;
}
.pad-tb-2
{
padding:2% 0;
}
.pad-lr-2
{
padding:0 2%;
}
.pad-tb-3x
{
padding:3px 0;
}
.pad-tb-5x
{
padding:5px 0;
}
.pad-tb-8x
{
padding:8px 0;
}
.pad-tb-10x
{
padding:10px 0;
}
.pad-tb-20x
{
padding:20px 0;
}
.pad-tb-30x
{
padding:30px 0;
}
.pad-tb-40x
{
padding:40px 0;
}
.pad-tb-50x
{
padding:50px 0;
}



/* Margin */


.mar-1
{
margin:1%;
}
.mar-tb-1
{
margin:1% 0;
}
.mar-lr-1
{
margin:0 1%;
}
.mar-2
{
margin:2%;
}
.mar-tb-2
{
margin:2% 0;
}
.mar-lr-2
{
margin:0 2%;
}
.mar-tb-5x
{
margin:5px 0;
}
.mar-tb-10x
{
margin:10px 0;
}
.mar-tb-20x
{
margin:20px 0;
}
.mar-tb-30x
{
margin:30px 0;
}
.mar-tb-40x
{
margin:40px 0;
}
.mar-tb-50x
{
margin:50px 0;
}
.mar-left-1
{
margin-left:1%;
}
.mar-left-2
{
margin-left:2%;
}

.mar-left-5
{
margin-left:5%;
}
.mar-left-10
{
margin-left:10%;
}
.mar-right-1
{
margin-right:1%;
}
.mar-right-2
{
margin-right:2%;
}

.mar-right-5
{
margin-right:5%;
}
.mar-right-10
{
margin-right:10%;
}



/* List */
.list
{
list-style:none;
width:100%;
}
.list-2
{
list-style:none;
width:50%;
margin:1% 25%;
}
.list-li
{

width:100%;
}
.list-li-2
{

width:50%;
}
.list-li-3
{

width:33%;
}
.list-li-4
{

width:25%;
}


/* Float */

.float-left{
float:left;
}
.float-right{
float:right;
}


/* Border */

.border-1{
border:1px solid;
}
.border-2{
border:2px solid;
}
.border-3{
border:3px solid;
}
.border-4{
border:4px solid;
}
.border-5{
border:5px solid;
}
.border-dotted-top-1{
border-top:1px dotted;
}
.border-dotted-bottom-1{
border-bottom:1px dotted;
}
.border-dotted-1{
border:1px dotted;
}
.border-dotted-2{
border:2px dotted;
}

.border-dotted-3{
border:3px dotted;
}
.border-dotted-4{
border:4px dotted;
}

.border-dotted-5{
border:5px dotted;
}
.border-dashed-1{
border:1px dashed;
}

.border-dashed-2{
border:2px dashed;
}
.border-dashed-3{
border:3px dashed;
}
.border-dashed-4{
border:4px dashed;
}
.border-dashed-5{
border:5px dashed;
}

.border-white
{
border-color:#fff;
}

.border-white1
{
border-color:#f7f7f7;
}
.border-black
{
border-color:#000;
}

.border-black1
{
border-color:#515151;
}
.border-black2
{
border-color:#313131;
}
.border-gray
{
border-color:#e3e3e3;
}
.border-gray1
{
border-color:#f7f7f7;
}
.border-red
{
border-color:#d21212;
}
.border-green
{
border-color:#27AE60;
}
.bor-right
{
border-right: 1px solid #e3e3e3;	
}
/* Background */
.background-1
{
	background-color: #f6f6f6;
    background: url(xasset/img/bg1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	min-height:350px;
}
.background-2
{
	background-color: #f6f6f6;
    background: url(xasset/img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	min-height:550px;
}
.background-3
{
	background-color: #f6f6f6;
    background: url(xasset/img/explore-img1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Font Size */

.font-11
{
	font-size:11px;
}
.font-12
{
	font-size:12px;
}
.font-14
{
	font-size:14px;
}
.font-16
{
	font-size:16px;
}
.font-19
{
	font-size:19px;
}
.font-20
{
	font-size:20px;
}
.font-21
{
	font-size:21px;
}
.font-23
{
	font-size:23px;
}
.font-25
{
	font-size:25px;
}
.font-27
{
	font-size:27px;
}
.font-29
{
	font-size:29px;
}
.font-30
{
	font-size:30px;
}
.font-32
{
	font-size:32px;
}
.font-34
{
	font-size:34px;
}
.font-36
{
	font-size:36px;
}
.font-38
{
	font-size:38px;
}
.font-40
{
	font-size:40px;
}
.font-44
{
	font-size:44px;
}
.font-48
{
	font-size:48px;
}
.font-51
{
	font-size:51px;
}

/* anchor button */
.but-about
{
	float:right;
	margin:10px 0;
	padding:15px 25px;
	color:#115f90;
	background: #e3e3e3;
	font-weight: bold;
}
.but-about1
{
	float:right;
	margin:10px 0;
	padding:10px 25px;
	font-size:12px;
	border-radius:10px;
	color:#fff;
	background-color:#115f90;
}
.but-about1:hover
{
	color:#fff;
	background: #313131;
}
.hvr-icon-forward:before {
    
    right: 0.9rem !important;
}
.but-about1.hvr-icon-forward:before {
    
    right: 0.5rem !important;
}
/* Menu Custom */

.nav-borx
{
	border:0px !important;
}
nav.primary-navigation {
	width:100%;
	float:right;
	display: block;
	padding: 0 0 0 0;
	text-align: left;
	font-size: 16px;
  }
  nav.primary-navigation ul li {
	list-style: none;
	margin: 0 auto;
	border-right: 2px solid #e3e3e3;
	display: inline-block;
	padding:  10px 20px;
	position: relative;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
  }
  nav.primary-navigation li a {
	color: #fff;
	font-weight: 500;
  }
  nav.primary-navigation li a:hover {
	color: #fff;
  }
  nav.primary-navigation li:hover {
	cursor: pointer;
  }
  nav.primary-navigation ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	padding-left: 0;
	left: 0;
	display: none;
	background: white;
	font-size: 15px;
  }
  nav.primary-navigation ul li:hover > ul,
  nav.primary-navigation ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
	min-width: 250px;
	text-align: left;
	padding-top: 7px;
	box-shadow: 0px 3px 5px -1px #ccc;
	z-index: 999999;
  }
  nav.primary-navigation ul li ul li {
	clear: both;
	width: 100%;
	text-align: left;
	margin-bottom: 2px;
	border-style: none;
  }
  nav.primary-navigation ul li ul li a {
	color:#313131;
	font-size: 15px;
  } 
  nav.primary-navigation ul li ul li a:hover {
	padding-left: 10px;
	border-left: 2px solid #115f90;
	transition: all 0.3s ease;
	font-size: 15px;
	color:#313131;
  }
  
  


/*  Custom CSS */

.abt-img
{
	width:90%;
	float:left;
}
.abt-img::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 100%;
    height: 100%;
    background-color: #cc8c18;
    z-index: -1;
}
#feature .white-shape img:nth-child(1),#add-on .white-shape img:nth-child(1) {
    bottom: -1px;
    left: 0;
	position: absolute;
	width:100%;
}
#feature .white-shape  img:nth-child(2),#add-on .white-shape  img:nth-child(2) {
    top: 0;
    left: 0;
	position: absolute;
	width:100%;
}

#contact {
	background:#F9F9F9;
	padding:25px;
	margin:5px 0;
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], textarea,select {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
}

input[type="text"]:hover, input[type="email"]:hover,input[type="tel"], input[type="number"]:hover, input[type="url"]:hover,  textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

 textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#0CF;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

 button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

input:focus, textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}
.svg
{
height:60px;
color:#d21212;

}
.fac-box,.fac-box1
{
	padding:40px 0;

}
.fac-box:hover
{
	background:#196F3D;
}
.fac-box1:hover
{
	background:#C70039;
}
.fac-box:hover .svg,.fac-box1:hover .svg
{
	 filter: invert(1);
}
.fac-box:hover h3,.fac-box:hover p,.fac-box1:hover h3,.fac-box1:hover p
{
	 color:#fff;
}
.room-fac
{
	width:27%;
	float:left;
	margin:1% 2%;
	padding:2.5% 1%;
}
.room-fac h3
{
	font-family: 'Roboto Condensed', sans-serif;
}
.room-fac i,.room-fac h3,.room-fac h4
{
	color:#fff;
}
.room-fac:hover
{
	background-color:#515151;
}
[class^="flaticon-"]:before
{
	font-size:25px !important;
}
#add-on,#feature
{
	margin:4% 0;
		position:relative;
}
#add-on
{
	padding-top:100px;

}

#add-on h4
{
	font-size:30px;
}




/* Image Hover CSS */


.grid {
	position: relative;



	text-align: center;
}


.grid figure {
	position: relative;
	float: left;
	overflow: hidden;


	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 10px 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.9;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	text-align:center;
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	top: 40% !important;
	width: 80% !important;
	padding: 5px 10%;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	color:#fff;
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
#footer
{
	margin-top:4%;
	float:left;
}

#footer .logo
{
	height:50px;
}

#footer .footer-top
{
	width:100%;
	float:left;
	background-color: #115f90;
	min-height: 230px;
}
#footer .footer-top-inner
{
	width:100%;
	float:left;
	position: relative;
}

#footer .footer-top-hover
{
	left:0;
	top:-120px;
	height:220px;
	width:24%;
	padding: 120px 6%;
	position:absolute;
	background: #e3e3e3;
	text-align: center;
}

.col-bar 
{
	border-right:1px solid rgba(255, 255, 255, 0.25);
	min-height: 160px;

}
.footer-bar
{
	border-top:1px solid rgba(255, 255, 255, 0.25);
	padding:15px 0;
}
#footer .footer-bottom
{
	width:100%;
	float:left;
	background-color:#383838;
	padding:50px 0;
}
#footer .footer-bottom p ,#footer .footer-bottom a, #footer  .footer-bottom li
{
	color:#d9d6d6;
}
#footer .footer-bottom ul
{
	width:100%;
	float:left;
	list-style: none;
}
#footer .footer-bottom ul li
{
	float:left;
	width:100%;
	margin:10px 0;
	text-align: center;
}
#footer .footer-base
{
	width:100%;
	float:left;
	background-color:#404040;
	
}
/* Social Icon */

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-facebook:hover {

}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-github {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-github:hover {
    background-color: #5a32a3;
}
.con-form
{
width:66%;
float:right;
padding: 1% 2%;
background:#fff;
border:1px solid #e3e3e3;
}
.header-link-list
{
width:100%;
float:left;
list-style: none;	
}
.header-link-list li
{

float:left;

margin-right: 16px;
}
.header-link-list li a.btn-x
{
	padding:4px 20px;
	float:left;
	color:#fff;
	font-size: 12px;
	border-radius:5px;
	
}
.header-link-list li a.btn-x:hover
{
	background:#313131;
	
}
.header-link-list li i
{
	
	float:left;
	margin-right:10px;
	
}
.atal-box
{
	
	text-align: center;
	background-color: #e3e3e3;
	border-radius:20px;
	overflow: hidden;
	margin-top:30px;
}

.course-box
{
  position: relative;
}
.course-box .block
{
  position: absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:47px;
  padding: 30px 10px;
  color:#fff;
  background-image: linear-gradient(
    to bottom,

    rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.6) 20%,
    rgba(0, 0, 0, 1) 100%
);
}
.course-box .block h2
{
  font-size:22px;
  text-transform: uppercase;
}
.course-box .block h5
{
  font-size:14px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.course-box .block h3
{
  font-size:20px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.course-box .block h3 span
{
  color:#e2602c;
    font-weight: bold;
}
.course-box .block h3 span i
{
  font-size: 17px;
}

.course-box .blockx
{
  position: absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:16px;
  padding: 30px 10px;
  color:#fff;
  background-image: linear-gradient(
    to bottom,

    rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.6) 20%,
    rgba(0, 0, 0, 1) 100%
);
}
.course-box .blockx h2
{
  font-size:19px;
  text-transform: uppercase;
}
.course-box .blockx h5
{
  font-size:14px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.course-box .blockx h3
{
  font-size:20px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.course-box .blockx h3 span
{
  color:#e2602c;
    font-weight: bold;
}
.course-box .blockx h3 span i
{
  font-size: 17px;
}
.course-but
{
	width:70%;
	float:left;
	margin:1% 15%;
	border:1px solid #fff;
	padding:3px 0;
	text-align:center;
	font-size: 13px;
	color:#fff;
	margin-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.course-box:hover .course-but
{
	background: #fff;
	color:#C70039;
}
.course-box .course-icon
{
  position: absolute;
  top:10px;
  right:10px;
  height:60px;
 
}
.course-box:hover .course-icon
{
	-webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
 
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
#feature-block
{
	width:100%;
	float:left;
	padding:50px 0;
	position: relative;
	background: #f7f7f7;
	background-image: url(img/line_bg.png);
	margin:40px 0;
}
.compass
{
	position:absolute;
	left:-220px;
	width:520px;
	top:20px;
	bottom:20px;
	z-index:2;
}

.compass img
{
	width:85%;
	float:left;
	-webkit-animation: radialAnimation 25s infinite linear;
	animation: radialAnimation 25s infinite linear;
	z-index:2;
	opacity: 0.4;
}

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

.desk-box
{
background-color: #f7f7f7;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.desk-box h3
{
	width:100%;
	float:left;
	background: #115f90;
	color:#fff;
	margin: 0px;
	text-align: center;	
	text-transform: uppercase;
	font-size:15px;
	padding: 10px 0;;
}
.desk-box p
{
	font-size: 14px;
}
.notice-box
{
	overflow:hidden;
	width:97%;
	float:left;
	border:3px solid #f7f7f7;
	padding:10px  1%;
	height:440px;
}
.notice-box h3
{
	margin:0px;
	text-transform: uppercase;
}

.notice-listx
{
	width:96%;
	float:left;
	list-style: none;
	margin:1% 2%;
}
.notice-listx li
{
	width:90%;
	float:left;	
	margin:2% 0%;
	padding: 3% 5%;
	background:#f7f7f7;
	border-bottom:2px solid #115f90;
}
.notice-listx li i
{
	color:#115f90;
}
.notice-listx li a,.notice-listx li 
{
	color:#313131;
}
.notice-listx .new-iconx
{
	height:20px;
}
.marq
{
min-height: 410px;
}
.bor-x
{
	border:1px solid #e3e3e3;
	padding: 20px 5px;
	background: #f7f7f7;
	border-radius:10px;
}
.sidebarx
{
	width:28%;
	float:left;
	margin-left: 2%;
}
.quick-links
{
	width:100%;
	float:left;
	border:1px solid #e3e3e3;
	margin-bottom:30px;
}
.quick-links h2
{
	width:100%;
	float:left;
	margin:0px;
	background: #115f90;
	color:#fff;
	font-size:18px;
	padding: 10px 0;
}
.quick-links ul
{
	width:100%;
	float:left;
	list-style: none;
}
.quick-links ul li
{
	width:94%;
	float:left;
	border-bottom:1px solid #e3e3e3;
	padding: 10px 3%;
}
.quick-links ul li a i
{
	color:#C70039;
	margin-right: 15px;
}
.quick-links ul li a 
{
	color:#313131;
}


.quick-links ul li:hover a i
{
	color:#313131;
	margin-right: 15px;
}
.marx1
{
	margin-right:25px;
}
.objective-list
{
	width:80%;
	float:left;
	margin:5% 10%;
	
}

.objective-list li
{
	width:100%;
	float:left;
	margin:2% 0;
	list-style: none;
	color:#313131;
	line-height: 28px;
}
.objective-list li:before {    
    font-family: 'FontAwesome';
    content: '\f35d';
	
    margin:0 5px 0 -21px;
    color: #C70039;
}
.campus-info
{
	width:90%;
	float:left;
	padding:15px 5%;
	margin-bottom:6px;
	color:#fff;
}
.campus-info i
{
	font-size:21px;
	color:#fff;
	float:left;
	margin-right:30px;
}
.campus-info span
{
	font-size:18px;
	color:#fff;
	float:left;
}
.campus-contact-box
{
	width:96%;
	float:left;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	margin:20px 0;
	padding: 15px 2%;
	background: #f3f3f3;

}
.campus-contact-box h2
{
	width:90%;
	float:left;
	margin:50px 5%;
	text-align: center;
	font-size:21px;
}
.center-contact-box
{
	width:31%;
	float:left;
	border:1px solid #e3e3e3;
	margin:20px 1%;

}
.center-contact-box h3
{
	width:100%;
	float:left;
	background:#115f90 ;
	padding: 10px 0;
	font-size: 17px;
	color:#fff;
	margin-top: 0px;
	margin-bottom: 15px;

}
table {
	border-collapse: collapse;
	width: 100%;
	float:left;
	margin:10px 0;
  }
  
  tr th {
	font-size: 15px;
	padding: 12px;
	border: 1px solid #eeeeee;
	text-align: left;
	background-color: rgba(217, 221, 146, 0.2);
  }
  
  tr td {
	border: 1px solid #eeeeee;
	text-align: left;
	padding: 12px;
	font-size: 14px;
  }
  tr td:nth-child(2) {
	color:#C70039;
  }
  input {
	
  }

  .join-list
  {
	width:90%;
	float:left;
	margin:10px 5%;
  }
  .join-list li
  {
	width:100%;
	float:left;
	margin:10px 0;
	line-height: 28px;
    color: #313131;
  }

  .slideshow {
	position: relative;
	z-index: 1;
	width: 100%;
	float:left;
	height:fit-content;
	overflow: hidden;
  }
  .slideshow .slider-track {
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  }

  
  .slideshow .item {
	height: 100%;
	position: relative;
	z-index: 1;
  }
  .slideshow .item img {
	width: 100%;
	float:left;
  }
.course-block
{
	width:31%;
	float:left;
	margin:20px 1%;
	border:1px solid #e3e3e3;
	background: #f7f7f7;	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	overflow: hidden;
	position: relative;

}

.course-block .course-icon
{
  position: absolute;
  top:50px;
  left:10px;
  height:60px;
 width:auto;
}
.course-block h3
{
	width:100%;
	float:left;
	padding:10px 0;
	margin:0;
	text-align:center;
	color:#fff;
	background: #115f90;
	font-size: 17px;
	text-transform: uppercase;
}
.course-block i
{
	margin-bottom:10px;
	color:#115f90;
}  

.course-block .but-coursex
{
	width:80%;
	float:left;
	margin:10px 5%;
	padding:5px 5%;
	color:#fff;
	background: #C70039;
	font-weight: bold;
	font-size: 14px;
}
.book-btn
{
	width:80%;
	float:left;
	margin:15px 10%;
	border:1px solid #C70039;
	color:#C70039;
	font-size:16px;
	text-align: center;
	padding: 10px 0;
	font-weight:bold;
	text-transform: uppercase;
}
.book-btn:hover
{
	
	background:#C70039;
	color:#fff;
}
.form-box
{
	width:56%;
	float:left;
	padding:1% 2%;
	margin:2% 20%;
	border:1px solid #e3e3e3;
}
.summary-box
{
	width:85%;
	float:left;
	padding:1% 2%;
	margin:2% 5%;
	border:2px solid #e3e3e3;
	background:#f7f7f7;
}
.summary-box .summary-box-in
{
	width:46%;
	float:left;
	padding:1% 1%;
	margin:0% 1%;
	
}
.booking-block-1
{
	width:51%;
	float:left;
	padding:0 2%;
	margin:1% 2%;
	border-right:1px solid #e3e3e3;
}
.booking-block-2
{
	width:40%;
	float:left;
	margin:1% 0;
}
.filex + label {
    background: #206bc4;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: inherit;
    font-weight: 600;
    margin-bottom: 1rem;
		text-align: center;
    outline: none;
    padding: 1rem 0;
		width:80%;
    float:left;
    margin:1% 10%;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: middle;
}
.filex {
    height: 0;
    overflow: hidden !important;
    width: 0;
}	
		 input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
		 .pre-view-box
		 {
			 width:41%;
			 float:left;
			 padding:2% 3%;
			 margin:1%;
			 border:1px solid #e3e3e3;
		 }
 .pre-view-box1
		 {
			 width:27%;
			 float:left;
			 padding:2% 2%;
			 margin:1%;
			 border:1px solid #e3e3e3;
		 }
		 .switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color:#115f90;
	color:#fff;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}
	#invoiceholder{
  width:100%;
  float: left;
  padding: 50px 0;
}
#invoice{
  width:90%;
  float: left;
	margin:1% 5%;
  background: #f7f7f7;
}

[id*='invoice-']{ /* Targets all id with 'col-' */
/*  border-bottom: 1px solid #EEE;*/
  padding: 20px;
}

#invoice-top{border-bottom: 2px solid #00a63f;}
#invoice-mid{min-height: 110px;}
#invoice-bot{ min-height: 240px;}

.logox{
    display: inline-block;
    vertical-align: middle;
	width: 200px;
    overflow: hidden;
}
.info{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.logox img,
.clientlogo img {
    width: 100%;
}
.clientlogo{
    display: inline-block;
    vertical-align: middle;
	width: 50px;
}
.clientinfo {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}
.title{
  float: right;
}
.title p{text-align: right;}
#message{margin-bottom: 30px; display: block;}
#invoice h2 {
    margin-bottom: 5px;
    color: #444;
}
.col-right td {
    color: #666;
    padding: 10px 15px;
    border: 0;
    font-size:13px;
    border-bottom: 1px solid #eeeeee;
}
.col-right td label {
    margin-left: 5px;
    font-weight: 600;
    color: #444;
}
.cta-group a {
    display: inline-block;
    padding: 7px;
    border-radius: 4px;
    background: rgb(196, 57, 10);
    margin-right: 10px;
    min-width: 100px;
    text-align: center;
    color: #fff;
    font-size: 0.75em;
}
.cta-group .btn-primary {
    background: #00a63f;
}
.cta-group.mobile-btn-group {
    display: none;
}

footer {
    border-top: 1px solid #eeeeee;;
    padding: 15px 20px;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 95%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
@media screen and (max-width: 767px) {
    h1 {
        font-size: .9em;
    }
	.logox{
    display: inline-block;
    vertical-align: middle;
	width: 100% !important;
		text-align:center !important;
    overflow: hidden;
}
	.logox img,
.clientlogo img {
    height:50px;
	width:auto !important;
}
    #invoice {
        width:96% !important;
  float: left;
	margin:1% 2% !important;
    }
	.pre-view-box1
		 {
			 width:41% !important;
			 float:left;
			 padding:2% 3% !important;
			 margin:1% !important;
			 border:1px solid #e3e3e3;
		 }
	.pre-view-box1 h4
		 {
			font-size:11px !important;
		 }
    #message {
        margin-bottom: 20px;
    }
    [id*='invoice-'] {
        padding: 20px 10px;
    }
    .logox {
        width: 140px;
    }
    .title {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin-left: 40px;
    }
    .title p {
        text-align: left;
    }
    .col-left,
    .col-right {
        width: 100%;
    }
    .table {
        margin-top: 20px;
    }
   
    footer {text-align: center;}
}
.table {
  width: 98%;
  border-spacing: 0;
  text-align: left;
		float:left;
}
.table th {
  font-weight: 300;
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  padding: 18px 5px;
	text-align:center;
}
.table thead tr {
  background: #2b2d32;
}
.table td {
 padding: 10px 5px;
  font-weight: 300;
  font-size: 13px;
  color: black-2;
  line-height: 26px;
	
	text-align:center;
}
.table tbody tr:nth-child(odd) {
  background: #f7f7f7;
}
.table tbody tr:nth-child(even) {
  background: #f8fbfc;
}
.table__wrapper {
  padding-top: 40px;
}
.btn {
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  text-transform: uppercase;
  
  text-align: center;
  padding: 10px 20px;
  border-radius: 3px;
  transition: background 0.3s ease;
  text-decoration: none;
}
.btn:hover {
  color: $white;
}
.btn__active {
  color: #4ed99c;
  border: 2px solid #4ed99c;
}
.btn__active:hover {
	color: #fff;
  background: #4ed99c;
}
.btn__pledged {
 color: #fff;
	 background: #d21212;
  border: 2px solid #d21212;
	 
}
.btn__pledged:hover {
  color: #d21212;
	 background: #fff;
  border: 2px solid #d21212;
}
@media (max-width: 768px) {
	.table {
  width: 90%;
		margin:1% 5%;
  border-spacing: 0;
  text-align: left;
}
	  .table thead {
    display: none;
  }
  .table td {
    display: block;
    text-align: right;
  }
  .table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
  .table thead display none tr {
    margin-bottom: 50px;
    display: block;
  }
	.table tbody tr:nth-child(even) {
  background-color: #d1e8f5;
}
	.table td {
  padding: 10px 10px 15px;
  font-weight: 300;
  font-size: 13px;
  color: black-2;
  line-height: 26px;
  text-transform: uppercase;
}
}