/* Font */
@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
@import "compass/css3";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,700,900');

@font-face {
    font-family: MonotypeCorsiva;
    src: url(../fonts/MonotypeCorsiva.ttf);
    font-weight: normal;
}

/* ------------------------------------
   CSS Prefix
   -----------------------
   <div> - layer
   <table> - table
   <tr> - row
   <td> -column
   <h1>~<h6> - header
   <span> - style
   <a> - link
   <ul>/<ol> - listing
   <li> - list
   <img> - img
   <p> - panel
---------------------------------------*/

@media all{
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 16px;
	font-weight:400;
	color: #444444;
}
a {
	color: #538eaa;
	text-decoration:none;
	-webkit-transition: color .25s ease-out;
	-moz-transition: color .25s ease-out;
	-ms-transition: color .25s ease-out;
	transition: color .25s ease-out;
	-webkit-user-modify: read-only;
	-moz-user-modify: read-only;
}
a:hover{
	color: #356f8b;
	text-decoration:none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity:0.75;
}

	h1{
		font-size: 31px;
		font-weight: 700;
		color: #18325b;
		margin: 0 auto 40px;
		padding-bottom: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

h4 {
    font-size: 31px;
	font-weight: 700;
	color: #18325b;
	letter-spacing: 1px;
    margin:0 auto 40px;
    text-align: center;
    text-transform: uppercase;
}

h4.background {
    position: relative;
    z-index: 1;
    }

h4.background::before {
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 45%; left: 0; right: 0; bottom: 0;
        width: 95%;
        z-index: -1;
height:6px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#613a17+0,d4a648+35,d4a648+75,613a17+100 */
background: #613a17; /* Old browsers */
background: -moz-linear-gradient(left, #613a17 0%, #d4a648 35%, #d4a648 75%, #613a17 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #613a17 0%,#d4a648 35%,#d4a648 75%,#613a17 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #613a17 0%,#d4a648 35%,#d4a648 75%,#613a17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#613a17', endColorstr='#613a17',GradientType=1 ); /* IE6-9 */
    }

	h4.background span {
        /* to hide the lines from behind the text, you have to set the background color the same as the container */
        background:#f5f5f5;
        padding: 2px 10px;
		font-size: 31px;
		font-weight: 700;
		color: #18325b;
		letter-spacing: 1px;
    }


	h3{
		font-size: 26px;
		color: #15195d;
    	font-weight: 700;
		text-transform: uppercase;
		margin: 0 0 10px;
		padding: 0;
		border-bottom: 0px solid #00a6b2;
		display: inline-block;
	}
	h2{
		font-size: 18px;
		color: #333;
    	font-weight: 700;
		margin: 0;
    	padding: 0;
	}
p{
	font-size:16px;
	font-weight:300;
	color:#2e2e2e;
	margin:10px 0;
	padding:0;
	line-height:24px;
	text-align:left;
}
.remark{
	font-size:13px;
	color:#444;
	margin: 5px 0 15px;
	font-weight: 300;
}

.font-14px, .font-14px p, .font-14px li{
	font-size:14px!important;
	color:black!important;
}
hr{
	height: 0.5px;
    background: #eee;
    margin: 15px 0;
    padding: 0;
	}

a.toggle{
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}

/*
::-webkit-scrollbar {width: 6px; height: 4px; background: white; }
::-webkit-scrollbar-thumb { background-color: #333; -webkit-border-radius: 1ex; }*/

/* Text Style*/
.white{color:white}
.red {color:#e90000!important;}
.dark-red {color:#c1292e;}
.orange {color:#f9a603!important;}
.grey {color:#666666!important;}
.light-grey {color:#aaaaaa!important}
.green {color:#18325b;}
.blue {color:#15195d!important;}
.black {color:#000000!important;}
.blackbold {color:#000000; font-weight:bold;}
.white {color:#ffffff!important;}
.gold {color:#b8a252;}
.brown{color:#f4c0b5}
.bgRed {background:#FF0000;}
.bgOrange {background:#FF6600;}
.bgGrey {background:#666666;}
.bgGreen {background:#18325b;}
.bgBlue {background:#2d95d1;}
.bgLightBlue {background:#ccdef8;}
.bgLightRed{background:#f8d3d3;}
.bgLightGrey{background:#eeeeee;}
.bgBlack {background:#000000;}
.bgWhite {background:#ffffff!important;}
.bgBlue{background:#9ac9bf!important;}
.style-greentext {display:block;color:#18325b;margin:0 0 20px;}
.grey-remark{font-size:13px;color:#9ac9bf;}
.border-black{border:1px solid black}
.lightblue{color: #15195d!important;font-weight: 700}
.mediumblue{color: #00bff3;font-weight: 700;}
.bronze{color:#82331a}
.silver{color:#808282}
.gold{color:#bd9235}
.platinum{color:#15123e}
	.bg-black{background:#222;}
	.bg-pink{background:#cc377a;}
	.bg-darkgrey{background:#333;}
	.bg-lemongreen{background:#99b713;}

/* reusable classes */
.floatLeft {float:left;width:auto;}
.floatRight {float:right;width:auto;}
.right, .input-right {text-align:right!important;}
.left {text-align:left!important}
.center {text-align:center;}
.justify {text-align:justify}
.blank {border:1px solid #bbb;padding:0;margin:0;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#9ac9bf;}
.alert {color:#CC0000;font-size:15px;}
.spacer {line-height:1px;}
small {color:#999;font-size:60%;}
.line {border-top: 1px solid #9ac9bf;height: 1px;margin-top:6px;margin-bottom:6px;padding:0px;clear:both;}
.dotted {border-top: 1px dotted #9ac9bf;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.imgFloatLeft {float:left;padding:0 20px 20px 0;display:block;}
.imgFloatRight {float:right;padding:0 0 20px 20px;display:block;width:auto;}
.img-responsive {max-width:100%;}
.img-responsive2 {max-width:90%;margin: 0 auto;text-align: center;}
img.img-responsive{width:100%;height: auto}
.img-responsive3{width:240px; height:200px;}

select{
	font-size:14px;
	padding:5px 10px;
	background:white;
}
.bg-grey{background:#eee;}
.bg-lightgrey{background:#f7f7f7;}
.bg-orange{background: #ef9b2f!important;}
.bg-blue{background: #2ec1eb}
.bg-lightblue{background: #00a6b2;}
	.bg-home{
		background: url(../img/bg-home.jpg) no-repeat;
    	background-size: cover;
    	background-position: top center;
	}
.divider {
    height: 40px;
    display: block;
}

/*general*/
.clear{clear:both;}

.clearfloat:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfloat {
    height: 1%;
}
.clearfix {
    display: block;
}

.hide {
	display: none;
}

.center{
		text-align: center;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


input, textarea {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease;
  opacity: 0;
}

input[type=checkbox], input[type=radio] {
	display:inline-block;
	width:auto;
	margin-left: 5px!important;
}

input [placeholder]{
	color:#bbbbbb;
}


label .label-red {
	color:#c75c5c!important;
	font-size:16px!important;
	font-family: 'Lato'!important;
}

table { border-collapse: collapse; border-spacing: 0; }

.background-white{background:white;}
.background-grey{background:#eeeeee;}
.background-grey2{background:#e6e6e6;}
.background-red{background:#e49392;}

ol li{
	margin-bottom:15px;
}

ul.list-tick{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
   margin-bottom:10px;
}
ul.list-tick li:before{
    content: '✔';
    margin-right: 10px;
}

	.btn-hotline{
		display: inline-block;
		padding: 10px 25px;
		line-height: 22px;
		font-weight: 400;
		font-size: 12px;
		letter-spacing: 1px;
		color: white;
		background: #00a6b2;
		border-radius: 60px;
		text-transform: uppercase;
		margin-top: 40px;
		border: none;
	}
	a:hover.btn-hotline{
		background: #eeeeee;
	}

.margin-bottom {
    margin-bottom: 35px;
}

.btn-back{
	background: #eeeeee;
    border: 2px solid #dddddd;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 18px;
    margin: 15px 0 0 0;
    display: inline-block;
}
.btn-book a span{
	background: #d97805;

    color: white;
    border: none;
    padding: 8px 20px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
}
	.btn-demo a{
		background:#acacac;
		padding: 10px 15px;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		    width: 100%;
	}
	.btn-open a{
		background: #f9a603;
		padding: 10px 15px;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		    width: 100%;
	}
	.btn-grey{
		background:#acacac!important;
		padding: 10px 15px!important;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		width: auto!important;
		border: 0px!important;
	}
	.btn-orange{
		background: #f9a603!important;
		padding: 10px 15px!important;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		width: auto!important;
		border: 0px!important;
	}
	.btn-login2 {
		padding: 12px 15px!important;
		color: #444;
		opacity: 1.0;
		margin-top: 5px!important;
		font-weight: 700;
		background: #f9a603;
		border-radius: 0;
	}
	.btn-login {
		padding: 10px 6px!important;
		color: #444;
		border-radius: 3px;
		opacity: 1.0;
		margin-top: 5px!important;
		font-weight: 700;
	}

	.btn-login:hover, .btn-login2:hover{
		opacity: 0.9;
	}

.fa {height: auto!important;}
input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #bbbbbb;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
	    box-shadow: 0px 0px 5px #cccccc;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #da5555;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
 	box-shadow: 0px 0px 5px #cccccc;
}
	.input-white{
		background: #fff;
		border: 1px solid black;
		padding: 5px 10px;
		border-radius: 0px;
		margin-left: 5px;
	}
.form-input{
	border:1px solid #eeeeee;
	padding:6px 10px;
	display:block;
	width:100%;
	height: 32px;
	margin:0 0 10px!important;
}
.form-input2{
	padding:6px 10px;
	display:block;
	width:100%;
	height: 32px;
	margin:0 0 10px!important;
	border-radius:3px;
	border:none;
}
textarea.form-input2{height: auto;}
.form-inputCampaign{
	border:1px solid #eeeeee;
	padding:6px 10px;
	display:inline-block;
	width:50%;
	height: 32px;
	margin:0 0 10px!important;
}
.form-inputTotal{
	padding:6px 10px;
	display:inline-block;
	width:55%;
	margin:0 0 10px!important;
	color:black!important;
	font-weight: bold;
	font-size:15px!important;
}
.form-remark{
	font-size: 13px!important;
	color:#b0b0b0!important;
	font-style: italic!important;
	display: inline-block!important;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    background: white;
    border: 1px solid #dddddd;
    padding: 6px 10px;
}
.form-control-mobile {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    background: white;
    border: 1px solid #dddddd;
    padding: 6px 10px;
}
form label{
	font-size:14px;
	color:#4d4d4d;
	margin:0!important;
	padding:0;
	width:100%;
	text-align:left;
}
form span{
	display:block;
}

.top-48px{
	margin-top:48px;
	padding:40px 0;
	border-bottom: 1px solid #cccccc;
}
.layer-page{
	margin-top:48px;
	padding:40px 15px;
	min-height:700px;
}
.layer-myacpage{
	padding:25px 15px 0;
	min-height:700px;
}
.search { position: relative; }
.search .fa-search {
  position: absolute;
    top: 7px;
    right: 8px;
    font-size: 16px;
    color: #777777;
}
.btn-lyc{
	background: #18325b;
	color: white;
	font-weight:700;
	border: none;
}
.btn-register{
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	background: #d97805;
	border-radius: 0 0 15px 15px;
	padding: 35px 70px;
}
a:hover .btn-register{
	opacity: 0.7;
}
.inline-block{
	display:inline-block;
}

.btn a{
		display: inline-block;
		padding: 10px 25px;
		line-height: 22px;
		font-weight: 400;
		font-size: 12px;
		letter-spacing: 1px;
		color: black;
		background: #18325b;
		border-radius: 60px;
		text-transform: uppercase;
		margin-top: 40px;
	}
	.btn a:hover{
		background: #eeeeee;
	}


/* Alignment Style */
body {
	width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
	background: #ffffff;
    overflow-x: hidden;
    display: block!important;
}
	html{
		width: 100%;
		overflow-x: hidden;
		display: block!important;
	}

	section{
		padding: 45px 0 0;
	}

/*Controls Section*/
.layer-container{
	max-width:1400px;
	width:95%;
	margin:0 auto;
	padding:15px 0px;
	position: relative;
}
.layer-insidepage{
	width:100%;
	min-height:400px;
	padding: 0px 0;
}

/* Header */
	.bar-top{
		background: #d9ac50;
		height: 0px;
		width: 100%;
	}
	.bar-btm{
		background: #d9ac50;
		height: 6px;
		width: 100%;
		position: relative;
	}
	.layer-top{
   		display: block;
		position: relative;
		background: url("../img/bg-top2.jpg") no-repeat center #ef9b2f;
		background-size: cover;
		padding: 25px 0;
		border-right: 6px solid #00a6b2;
	}
	.layer-top h2{
		color: white;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		margin: 0 auto;
		text-transform: uppercase;
		letter-spacing: 1.5px;
	}


/*Slider*/
.owl-carousel .item{
	width: 100%;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: top right!important;
	opacity: 1;
	visibility: inherit;
	height: 700px;
	display: flex;
    align-items: center;
    justify-content: center;
}
	.owl-carousel .layer-overlap{
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.0);
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
	}
.owl-carousel .layer-slogan{
    max-width: 1400px;
    text-align: center!important;
    margin: 0 auto;
    padding: 0 15px;
    display: inline-block;
    /* position: relative; */
    /* top: 25%; */	
    /*left: 0;
    margin-right: -50%;
    transform: translate(-50%, -50%);*/
}
		.owl-carousel .layer-slogan h3, .owl-carousel .layer-slogan h3 span{
			margin: 0;
			padding: 0;
			font-family: 'Raleway', Arial, sans-serif;
			font-weight: 300;
			color: black;
			font-size: 40px;
			text-transform: uppercase;
			line-height: 62px;
		}

		.owl-carousel .layer-slogan p, .owl-carousel .layer-slogan p a{
			font-size: 18px;
			line-height: 24px;
			text-transform: none;
			color: black;
			font-family: 'Raleway', Arial, sans-serif;
			font-weight: 400;
		}

    .owl-carousel .layer-slogan h3 .font-mono, .font-mono {font-family: 'MonotypeCorsiva', Arial, sans-serif;}
    .owl-carousel .layer-slogan h3 .font-mono {font-size: 58px;}

		.owl-carousel .layer-slogan ul{
			margin: 20px 0;
			padding: 0;
			list-style-type: none;
		}
		.owl-carousel .layer-slogan ul li{
			margin: 5px 0;
			padding: 0;
			font-size: 16px;
			color:#333333;
			font-weight: 300;
		}
		.owl-carousel .layer-slogan ul li i{
			color: #777777;
			margin: 0 10px 0 0;
			border: 1px solid #777777;
			border-radius: 50%;
			padding: 4px;
			width: 22px;
			height: 22px!important;
			font-size: 12px;
		}
		.owl-carousel .layer-slogan ul li.white i{
			color: white;
			margin: 0 10px 0 0;
			border: 1px solid white;
			border-radius: 50%;
			padding: 4px;
			width: 22px;
			height: 22px!important;
			font-size: 12px;
		}
		.owl-carousel .layer-slogan .icon-fb{
			font-size: 30px;
			width: 58px;
			height: 58px!important;
			border-radius: 50%!important;
			background: #18325b;
			color:white;
			text-align: center;
			padding: 13px;
			margin: 0 10px 0 0;
		}
		.owl-carousel .layer-slogan .icon-email{
			font-size: 28px;
			width: 58px;
			height: 58px!important;
			border-radius: 50%!important;
			background: #8c8c8c;
			color:white;
			text-align: center;
			padding: 14px;
		}

/* Slider Bottom */
	.layer-iconbutton{
		/*background: #15195d;*/
		background-color: rgba(21, 25, 93, 0.7);
		width: 100%;
		padding: 12px 0;
		z-index: 10;
		display: block;
		position: absolute;
    top: 682px;
    height: 85px;
	}
	.layer-iconbutton ul{
		max-width: 1400px;
		list-style-type: none;
		margin: 0 auto;
	}
	.layer-iconbutton ul li{

	}
	.layer-iconbutton ul li i{
		font-size: 50px;
		vertical-align: middle;
		padding-right: 10px;
		float: left;
		display: inline-block;
		color:#00a6b2;
	}
	.layer-iconbutton ul li span{
		float: left;
		display: inline-block;
		font-weight: 400;
		font-size: 14px;
		color:#00a6b2;
		text-transform: uppercase;
		vertical-align: middle;
    	padding-top: 5px;
	}

	.layer-iconbutton2{
		background: rgba(21, 25, 93, 0.7);
		width: 100%;
		padding: 7px 0;
		z-index: 2;
		display: block;
		position: absolute;
    top: 487px;
    height: 80px;
	}
	.layer-iconbutton2 ul{
		max-width: 1400px;
		list-style-type: none;
		margin: 0 auto;
	}
	.layer-iconbutton2 ul li{

	}
	.layer-iconbutton2 ul li i{
		font-size: 50px;
		vertical-align: middle;
		padding-right: 10px;
		float: left;
		display: inline-block;
		color:white;
	}
	.layer-iconbutton2 ul li span{
		float: left;
		display: inline-block;
		font-weight: 400;
		font-size: 14px;
		color:white;
		text-transform: uppercase;
		vertical-align: middle;
    padding-top: 5px;
	}


/* Homepage - Section */
.layer-platforms{
	text-align: left;
}
	.layer-platforms .right span{
		text-align: right;
	}
	.layer-platforms .right p{
		text-align: right;
	}
	.layer-platforms .left span{
		text-align: left;
	}
	.layer-platforms .left p{
		text-align: left;
	}
	.layer-platforms span{
		font-weight: 700;
		color: #15195d;
		font-size: 22px;
		margin: 0;
		display: inline-block;
	}
	.layer-platforms P{
		line-height: 26px;
		font-weight: 400;
		margin: 5px 0;
		color: #444;
	}
	.layer-platforms img{
		    margin-right: 5px;
	}

.layer-tradingCondition{

}
	.layer-tradingCondition p{
		color:white;
		font-weight: 300;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 16px;
	}
	.layer-tradingCondition i{
		color:white;
		font-size: 70px;
	}
	.layer-tradingCondition .layer-bullet{
		border-radius: 50%;
		width: 190px;
		height: 190px;
		text-align: center;
		padding: 45px 10px;
		margin: 5px auto;
		background: rgba(255,255,255, 0.10);
	}
	.btn-download{
		text-align: left;
	}
	.btn-download img{
		margin-bottom: 6px;
		margin: 10px 0 0;
	}
.layer-calculator{
	color: #18325b;
	text-transform: uppercase;
	}
	.layer-calculator i{
		font-size: 60px;
		color: #18325b;
	}
	.layer-calculator a{
		display: inline-block;
		color: #18325b;
	}
	.layer-calculator .center{
		 background: #ddd;
    	padding: 20px;
		margin-bottom: 6px;
		min-height: 142px;
	}
	.layer-calculator p{
		text-align: center;
		font-weight: 700;
		font-size: 14px;
		color: #18325b;
		\margin: 0px auto 8px;
	}



section, .layer-title{
	text-align: center;
}
	section.bg-highlight{
		background: url(../img/bg01.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 800px;
		padding: 80px 0;
	}
	section h2, .layer-title h2{
		color:#a4a4a4;
		font-size: 16px;
		font-weight: 300;
		margin: 0 0 10px;
		padding: 0;
	}
	section h1, .layer-title h1{
		font-size: 32px;
		color: #333333;
		margin: 0 0 35px;
		padding: 0;
	}
	section h1 i, .layer-title h1 i{
		color: #00a6b2;
		font-size: 9px;
		vertical-align: middle;
		display: inline-block!important;
		margin: 0 5px;
	}
	section h6{
		font-size:15px;
		font-weight: 300;
		color:#333333;
		text-transform: uppercase;
		margin: 0 auto 10px;
		    display: none;
	}
	section h6 a{
		font-size:15px;
	}


	/*
	section h2::after{
		content: "";
    width: 50px;
    height: 20px;
    background: transparent url(../img/deco.png) no-repeat;
    background-position: center top;
    position: relative;
    top: 5px;
    display: block;
    text-align: center;
    margin: 0 auto;
	}*/
	section .item-highlight{
		background: white;
		border: 1px solid #18325b;
		margin-top: 20px;
	  min-height: 260px;
		padding: 0 10px;
		border-radius: 25px;
	}
	section .item-highlight a{
		display:block;
		padding: 25px;
	}

	section .item-highlight h4{
		font-size: 24px;
		font-weight: 400;
		color:#333333;
		text-transform: uppercase;
	}
	section .item-highlight p{
		height: 160px;
		overflow-y: hidden;
		font-size: 16px;
		line-height: 28px;
		font-weight: 300;
	}
	section .item-highlight h4::after{
		content: "";
		width: 100px;
		height: 3px;
		background: #18325b;
		background-position: center top;
		position: relative;
		top: 5px;
		display: block;
		text-align: center;
		margin: 8px auto 20px;
	}
	section p{
    font-size: 16px;
    color: #444;
    line-height: 22px;
    font-weight: 300;
	}
	section .item-highlight i.i-right{
		font-size: 60px;
		color: #333333;
	}
	section .item-highlight span{
		background: white;
		border: 1px solid #18325b;
		padding: 6px;
		display: inline-block;
		margin: -100px auto 15px;
		    border-radius: 50%;
	}
	section .item-highlight span i{
		background: #18325b;
		padding: 24px;
		font-size: 40px;
		color: white;
		width: 90px;
		height: 90px!important;
		text-align: center;
		display: inline-block;
		    border-radius: 50%;
	}
	section.bg-news{
		background: url(../img/bg02.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 1200px;
		padding: 50px 0;
	}
	section .item-news{
	}
	section .item-news h4{
		font-size: 20px;
		font-weight: 400;
		color:#333333;
	}
	section .item-news span{
		padding: 15px;
    	background:white ;
    	display: block;
		border-top:7px solid #f4c0b5;
		border-bottom: 1px solid #eeeeee;
		border-left: 1px solid #eeeeee;
		border-right: 1px solid #eeeeee;
	}
	section .item-news a:hover span{
		background: #f6f6f6;
	}
	section .item-news img{
		width: 100%;
		/*border-radius:50% 50% 0 0;*/
		border: 1px solid #eeeeee;
		border-bottom: none;
	}
	section h5{
		font-size: 24px;
		font-weight: 300;
		color: #555;
		margin: -10px 0 40px;
	}


/* Inside Page */
.layer-banner{
    text-align: center;
    padding: 15px;
    position: relative;
    min-height: 400px;
    margin: 0;
    background: url(../img/banner01.jpg) top center no-repeat;
    background-size: cover;

}
.layer-banner2{
    text-align: center;
    padding: 15px;
    position: relative;
    min-height: 400px;
    margin: 0;
    background: url(../img/banner02.jpg) top center no-repeat;
    background-size: cover;

}
.layer-banner-leaderboard{
    text-align: center;
    padding: 15px;
    position: relative;
    min-height: 400px;
    margin: 0;
    background: url(../img/banner-trade01.jpg) bottom center no-repeat;
    background-size: cover;

}

	.layer-banner img, .layer-banner2 img{
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.layer-banner h2, .layer-banner2 h2, .layer-banner-leaderboard h2{
		font-size: 44px;
		font-weight: 700;
		color: #f9a603;
		text-shadow: 0px 0px 20px #000;
		text-transform: uppercase;
		margin: 100px auto;
		padding: 0;
	}
	.layer-banner h2 small, .layer-banner2 h2 small, .layer-banner-leaderboard h2 small{
		font-weight: 300;
		line-height: 28px;
		display: inline-block;
	}

.feature-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    border-left: 5px solid #f9a603;
    padding-right: 23px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 30px 0px rgba(115, 115, 115, 0.1);
    /* width: 323px; */
    margin:20px 25px 20px 0;
}
	.feature-title-heading {
		position: relative;
	}
	.feature-title-heading img{
		height: 75px;
		width: auto;
		margin-bottom: 18px;
	}
	.feature-title-heading h3 {
		font-size: 20px;
		color: #002147;
		font-weight: 700;
		margin: 0;
		line-height: 1;
		display: block;
			border:none;
		text-transform: capitalize;
	}
	.feature-title-heading span {
		position: absolute;
		top: -4px;
		right: 0;
		font-size: 30px;
		color: #8a8a8a;
		opacity: 0.25;
		font-weight: 600;
		font-family: 'Open Sans', sans-serif;
		line-height: 30px;
	}
	.feature-text p {
		font-size: 14px;
		color: #8a8a8a;
		margin-bottom: 0;
		line-height: 28px;
		margin-top: 16px;
	}

/* Loyalty Program */
	.layer-loyalty{
		width: 100%;
	}
	.layer-loyalty .item-loyalty{
		float: left;
		width: 20%;
		display: inline-block;
		padding: 0 20px;
	}
	.layer-loyalty .item-next{
		float: left;
		width:6.5%;
		display: inline-block;
		padding: 7% 10px 0;
	}
	.layer-loyalty .item-next-mobile{
		display: none;
	}
	.layer-loyalty .item-info{
		margin: 20px auto 0;
		font-size: 18px;
		font-weight: 300;
	}
	.layer-loyalty .item-info hr{
		height: 0.5px;
		background: #ccc;
		border-top: 1px solid #ccc;
		margin: 10px 0;
		padding: 0;
	}
	.layer-reward{
		background: #15123e;
		padding: 15px;
		color:white;
		width: 40%;
	}
	.layer-reward .col-xs-9{
		color:white;
		font-size: 16px;
	}
	.layer-reward hr{
		border-top:1px solid white;
	}
	.layer-step{
		padding-bottom: 40px;
	}
	.layer-step .floatLeft span{
		display: block;
		margin-top: 15px;
		text-align: center;
		font-size: 17px;
		color: black;
	}
	.layer-step .floatLeft{
		width: 16%;
		display: inline-block;
		padding: 15px;
		text-align: center;
	}
	.layer-step .item-number{
		color: #2b286d;
		border:6px solid #2b286d;
		border-radius: 50%;
		font-size: 72px;
		font-weight: 900;
		width: 116px;
		height: 116px;
		text-align: center;
		    margin: 0 auto;
	}
	.layer-step .item-next{
		float: left;
		width: 4%;
		display: inline-block;
		padding: 5% 10px 0;
	}
	.layer-step .item-next-mobile{
		display: none;
	}
	.table-loyalty{
		width: 1320px;
		overflow: auto;
		margin: 0 auto;
		text-align: center;
	}
	.table-loyalty thead tr td{
		border:1px solid #2b286d;
		background:#2b286d;
		color: white;
		text-align: center;
	}
	.table-loyalty tbody tr td{
		border:1px solid #ccc;
		background: white;
		text-align: center;
	}


/* Gifts & Services */
	.layer-services{
		
	}
	.layer-services .item-service{
		float: left;
		width: 16.65%;
		height: auto;
		position: relative;
	}
	.layer-services .item-service img{
		width: 100%;
		height: auto;
		z-index: 1;
		position: relative;
		text-align: center;
	}
	.layer-services .item-service a{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.layer-services .item-service a span {
		position: absolute;
		z-index: 2;
		width: 92%;
		height: 92%;
		padding: 20px;
		background: rgba(255, 255, 255, 0.75);
		/* margin: 10px; */
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.layer-services .item-service a:hover span {
		background: rgba(255, 255, 255, 0.8);
	}
	.layer-services .item-service a span h4{
		font-size: 20px;
		color: #333333;
		font-weight: 700;
		text-transform: capitalize;
		padding: 0 0 5px;
		margin: 0 auto 5px;
		border-bottom: 2px solid #00a6b2;
		display: block;
	}
	.layer-services .item-service a span p{
		font-size: 13px;
		color: #838383;
		font-weight: 500;
		margin: 0;
		padding: 0;
		text-align: center;
		display: block;
	}

/* Contact Us */
	.contact-item{
		border-radius: 50%;
		border: 1px solid #00a6b2;
		width: 210px;
		height: 210px;
		text-align: center;
		padding: 48px 15px;
		margin: 0 auto 10px;
	}
	.contact-item i{
		display: block;
		font-size: 70px;
		color: #00a6b2;
	}
	.contact-item p, .contact-item p a{
		display: block;
		font-size: 13px;
		text-align: center;
		font-weight: 400;
		margin: 15px 0 0;
		line-height: 16px;
		color: #00a6b2;
	}
	.layer-form {
		background: #eeeeee;
		padding: 45px 25px;
		border-radius: 10px;
		margin: 0 auto 15px;
	}
	
/* Product Page */
	.layer-top-product{
		padding: 40px 0;
	}
	.layer-top-product h2{
		color: white;
		font-size: 48px;
		font-weight: 700;
		margin: 40px 0 20px;
	}
	.layer-top-product p{
		color: white;
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 22px;
		font-weight: 300;
	}
	.layer-top-product img{
		float: right;
	}
	.product-item{
		width: 100%;
		background: white;
		padding: 15px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.product-item img{
		display: inline-block;
	}
	.product-info{
		background: #d9d9d9;
    	padding: 15px 5px;
		margin: 0 0 20px;
		text-align: center;
	}
	.product-info h6{
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 700;
		text-align: center;
	}
	.product-info p{
		margin: 0;
		padding: 0;
		font-size: 11.5px;
		font-weight: 300;
		text-align: center;
	}


	.printing_method{
		/*width: 250px;*/
		background: white;
		padding: 15px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		border:10px solid #eeeeee;
		/*float:left;
		border:2px solid black;
		box-shadow: 7px 7px 4px black;
		margin-top:5px;*/
	}
	.printing_method img{
		display: inline-block;
	}
	.printing-info{
		/*width: 360px;
		height:250px;*/
    	padding: 15px 15px 15px 20px;
		text-align: center;
		display: inline-block;
	}
	.printing-info h2{
		text-transform:uppercase;
		font-size:18px;
		text-align: left;
	}
	.printing-info p{
		/*margin-left: 15px;*/
		padding:0px 5px;
		font-size: 16px;
    	line-height: 26px;
	}
	.item-print{
		min-height: 260px;
		margin: 0 0 20px 0;
	}
	.breakline{
		height: 4px;
		width: 80px;
		background: #00a6b2;
		display: block;
		margin: 20px 0;
	}
	
/* Footer */
footer{
	padding: 60px 15px 30px;
    margin: 0;
	background: #00a6b2;
	position: relative;
}
	footer p{
		font-size: 15px;
		color: #afe2e6;
		font-weight: 300;
		line-height: 28px;
	}
	footer p a{
		font-size: 12px;
		color: #eee;
		font-weight: 300;
	}
	footer p a:hover{
		color: white;
	}

	footer span{
		font-size: 34px;
		color: white;
		background: #223f98;
		width: 80px;
		height: 80px;
		padding: 12px;
		border-radius: 50%;
		margin: 0 auto;
		position: absolute;
		display: inline-block;
		top: -30px;
		z-index: 10;
		text-align: center;
		left: 0;
		right: 0;
	}
	footer .left{
		border-right: 1px solid #40526d;
	}
	footer b{
		color: white;
		font-weight: 700;
		font-size: 18px;
		/* text-transform: uppercase; */
		text-align: center;
		margin: 20px 0 8px;
		display: inline-block;
		letter-spacing: 0.5px;
	}
	footer ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	footer ul li, footer ul li a{
		padding: 0;
		color: #afe2e6;
		font-size: 15px;
		line-height: 22px;
		font-weight: 300;
		margin: 4px auto;
		display: block;
		opacity: 1.0;
		cursor: pointer;
	}
	footer ul li a:hover{
		opacity: 0.5;
		color: #eee;
	}
	footer hr{
		background: #ef9b2f;
		margin: 35px 0 15px;
		padding: 0;
		height: 5px;
		border: none;
		border-radius: 5px;
	}
	footer ul li i{
		margin-right: 5px;
		display: inline-block;
	}
	.layer-copyright{
		margin: 0;
		padding: 18px 0;
		background: #00858e;
	}
	.layer-copyright p{
		font-size: 12px;
		font-weight: 300;
		color:#fff;
		margin: 0;
		padding: 0;
	}

}

@media (min-width: 1921px){
	section.bg-news{
		min-height: 1600px;
	}
}

@media (min-width: 1401px){
}

@media (max-width: 1401px){
.layer-book{
	top:160px;
}
}

@media (max-width: 1200px){
	.layer-facilities .fac-info h4{
		padding: 8px 25px;
	}
	.btn-cart a{
		padding: 17px 25px;
	}
	.layer-facilities .fac-info ul li{
		padding: 6px 15px;
	}
		.product-info{
		min-height: 65px;
	}
}

@media (max-width: 1116px){

}

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

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

@media (max-width: 991px){
	.item-testimonial{
	height:auto;
}
	.item-testimonial p{
		height: auto;
		overflow-y: none;
	}
	.layer-iconbutton, .layer-iconbutton2{
		display: none;
	}
	.layer-platforms .right span{
		text-align: left;
		display: block;
	}
	.layer-platforms .right p{
		text-align: left;
	}
	.btn-download{
		text-align: center;
		margin: 20px 0;
	}

	.
	 {
    	width: 100%!important;
		padding: 0;
		display: block;
	}
	.layer-services .item-service a span h4{
		font-size: 16px;
	}
}

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

@media (max-width: 768px){
	.layer-homeblock{
		min-height: 0;
	}
	.layer-homeblock h6{
		font-size: 20px;
		line-height: 30px;
	}
	.layer-homeblock p, section p{
		font-size: 15px;
	}

	h1, footer h2{
		font-size: 28px;
	}
	footer .layer-mobile div{
		font-size: 17px;
	}
	.layer-homeblock i{
		margin-top: 0;
	}
	.owl-carousel .layer-slogan{
		text-align: center!important;
		width: 95%;
	}
	.owl-carousel .layer-slogan p{
		text-align: center;
		font-size: 12px;
	}
	.owl-carousel .layer-slogan h3, .owl-carousel .layer-slogan h3 span{
		font-size: 30px;
		line-height: 40px;
	}

	.owl-carousel .layer-overlap{
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
		position: absolute;
	}
	.layer-banner h2, .layer-banner2 h2{
		font-size: 36px;
	}
	.layer-banner, .layer-banner2, .layer-banner-faq {
		min-height: 280px;
	}
	.img-responsive2 {max-width:100%;margin: 0 auto;text-align: center;}
	.product-info{
		min-height: 80px;
	}
}

@media (min-width: 767px){
	.services-row2{
		margin-top: 35px;
	}

}

@media (max-width: 767px){
	section.bg-highlight{
		padding: 0px 0 50px!important;
		margin-top: -40px;
	}
	section .item-highlight{
		margin-top: 70px;
	}
	section .item-news{
		margin-bottom: 20px;
	}
	.layer-fac .row-1 .banner-img, .layer-fac .row-2 .banner-img{
		position: relative;
		text-align: left;
		width: 100%;
		margin:0 0 15px;
	}
	.layer-copyright p, .layer-copyright .layer-social{
		text-align: center;
		line-height: 14px;
		margin: 15px 0;
	}
section h6{
	font-size: 14px;
}
.layer-banner, .layer-banner-faq{
    margin: 0;
}
.layer-insidepage{
	padding: 10px 15px 50px;
}

.layer-appointment{
	padding:15px;
}
.layer-appointment .floatLeft, .layer-appointment .floatRight{
	float: none;
	text-align: center;
	margin: 5px 0;
}
.layer-mission{
	background:#aecdfa;
	height: 250px;
	padding: 30px 20px;
}
.layer-vision{
	background:#18325b;
	height: 250px;
	padding: 30px 20px;
}
.layer-mission h3, .layer-vision h3{
	color: white;
	font-size: 20px;
	text-transform: uppercase;
}
.layer-mission p, .layer-vision p{
	font-size: 14px;
	color: white;
	text-align: center;
	line-height: 19px;
}
.layer-facilities .fac-info span{
	padding: 35px 0;
	display: block;
	height: auto;
}
.layer-facilities .fac-info .btn-item{
	position: relative;
}
.table-discount tr td.table-top{
	color:white;
	font-size:15px;
}
.btn-visit{
	float:none!important;
	text-align:center!important;
	margin:0 auto!important;
	display: block;
}

.divider-mobile {
    height: 40px;
    display: block;
}

	.layer-services-ped{
		padding: 40px 15px;
	}
	footer .left{
		border-right: 0px solid #424a93;
	}
	footer .right{
		text-align: center!important;
	}
	footer .layer-copyright{
		text-align: center!important;
	}
	.btn-demo a{
		background:#acacac;
		padding: 6px 8px;
		font-size: 10.5px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		width: 100%;
		margin-bottom: 3px;
	}
	.btn-open a{
		background: #f9a603;
		padding: 6px 8px;
		font-size: 10.5px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		width: 100%;
		margin-bottom: 3px;
	}
	.layer-top .text-right{
		text-align: center;
	}
	.layer-top .text-right p{
		text-align: center;
		margin-bottom: 5px!important;
	}
	.layer-loyalty .item-loyalty{
		float: none;
		width: 60%;
		display: block;
		margin: 20px auto;
		text-align: center;
	}
	.layer-loyalty .item-next{
		float: none;
		display: none;
	}
	.layer-loyalty .item-next-mobile{
		float: none;
		width:15%;
		display: block;
		padding: 0;
		margin: 30px auto;
	}
	.layer-reward{
		width: 100%;
	}
	.layer-step .floatLeft{
		width: 100%;
		display: block;
		padding: 15px;
		text-align: center;
		margin: 0 auto;
	}
	.layer-step .item-next{
		float: none;
		display: none;
	}
	.layer-step .item-next-mobile{
		display: block;
		width: 15%;
		margin: 20px auto;
	}
	ul.list-tradingbonus li{
		width: 100%;
		float: none;
		margin: 8px 0;	
	}
		.trading-bonus-s1 .btn-login2{
		width: 100%;
	}
	
	.layer-services .item-service{
		width: 100%;
	}
	.layer-services .item-service a span {
		background: rgba(255, 255, 255, 0.7);
	}
	.layer-top{
   		display: block;
		position: relative;
		background: url("../img/bg-top.jpg") no-repeat center #ef9b2f;
		background-size: cover;
		padding: 25px 0;
		border-right: 6px solid #00a6b2;
	}
	.layer-top-product{
		text-align: center;
		padding: 30px 15px;
	}
	.layer-top-product h2{
		color: white;
		font-size: 42px;
		font-weight: 700;
		margin: 0 0 10px;
		text-align: center;
	}
	.layer-top-product p{
		color: white;
		margin: 0 auto 20px;
		padding: 0;
		font-size: 14px;
		line-height: 22px;
		font-weight: 300;
		text-align: center;
	}
	.layer-top-product img{
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 95%;
		height: auto;
	}
}

@media (max-width: 480px){
	.layer-callnow{
		position: fixed;
		top:110px;
		right:0;
		z-index: 10;
		display: inline-block;
	}
	.owl-carousel .item{
		height: 500px;
	}
}