@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;600;700;800;900&display=swap');

@font-face {
font-family: 'FreestyleScript-Regular';
src: url('fonts/FreestyleScript-Regular.eot'); /* IE9 Compat Modes */
src: url('fonts/FreestyleScript-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/FreestyleScript-Regular.woff') format('woff'), /* Modern Browsers */
     url('fonts/FreestyleScript-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('fonts/FreestyleScript-Regular.svg#svgFontName') format('svg') /* Legacy iOS */
}



/* ------------------------------------
   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{

@charset "utf-8";
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: 'Poppins',sans-serif!important;
	font-size: 15px;
    line-height: 1.8em;
	font-weight:300;
}

a, p a{
	color: black!important;
	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, p a:hover{
	opacity: 0.9;
	color: black!important;
	text-decoration:none;
}

	.navbar-nav > li > a:hover{
		opacity: 0.7;
		color: black!important;
	}


/* Text Style*/
h1 {
	font-size: 32px;
	font-weight:300;
	color:#000000;
	margin:0;
	padding:0 0 10px;
	border-bottom:1px solid #dddddd;
}
h2 {
	font-size: 24px;
	font-weight:300;
	color:#333333;
	margin:0;
	padding:0;
}
	h5{
		font-size: 16px!important;
	}
p, span, li {
    margin: 0;
    padding: 0;
	word-wrap: break-word;
}

span.red{color:#ff0000;}
.layer-title{
    width: 85%;
    margin: 50px auto 35px;
    text-align: center;
}
	.layer-title h2{
		display: block;
		font-size: 35px;
		color: #222;
		font-weight: 600;
		letter-spacing: 2px;
		margin: -12px auto 0;
		padding: 0;
	}
	.layer-title h3{
		display: block;
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 1px;
		color:#00aeff;
		margin: 0;
		padding: 0;
	}

.red {color:#FF0000;}
.orange {color:#f5ac1c;}
.yellow {color:#fdc107!important;}
.pink{color:#ca3958!important;}
.grey {color:#666666;}
.green {color:#99c403!important;}
.greenblue{color: #5ebbc0!important}
.blue {color:#0069b3;}
.black {color:#000000;}
.blackbold {color:#000000; font-weight:bold;}
.white {color:#ffffff!important;}
.gold {color:#b8a252;}
.bgRed {background:#FF0000;}
.bgOrange {background:#FF6600;}
.bgGrey {background:#f5f5f5;}
.bgWhite{background:white;}
.bgGreen {background:#99c403!important;}
.bdGreen {border-color:#99c403!important;}
.bgBlue {background:#2d95d1;}
.bgBlack {background:#000000;}
.bgWhite {background:#ffffff;}
.bgYellow {background:#fdc107!important;}
.bdYellow {border-color:#fdc107!important;}
.bgPink{background:#ca3958!important;}
.bdPink{border-color:#ca3958!important;}
.lightBlue {color:#51a0c8!important;}
.bgBlue{background:#51a0c8!important;}
.bdBlue{border-color:#51a0c8!important;}

/* reusable classes */
.floatLeft {float:left;width:auto;}
.floatRight {float:right;width:auto;}
.right {text-align:right;}
.left {text-align:left}
.center {text-align:center;margin:0 auto;}
.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:#999999;}
.alert {color:#CC0000;font-size:15px;}
.spacer {line-height:1px;}
small {color:#999;font-size:80%;}
.line {border-top: 1px solid #999999;height: 1px;margin-top:6px;margin-bottom:6px;padding:0px;clear:both;}
.dotted {border-top: 1px dotted #999999;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;}

.divider-large{height:80px}
.divider-medium{height:50px}
.divider-small{height:20px}

/*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;
}
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

/* Alignment Style */
body {
	padding:0;
	margin:0 auto;
	background: #ffffff;
}
.wrap{
	margin:0 auto;
	width:80%;
}
	.margin-btm{
		margin-bottom: 15px;
	}

/*Controls Section*/
.layer-wrapper {
	width: 100%;
	margin: 0 auto;
	padding:0;
	position:relative;
}
.layer-container{
	width: 100%;
    margin: 0 auto;
    padding: 0;
}
.layer-container-background{
    background-color: #e9e9e9;
	width: 100%;
	margin: 0 auto;
}
.layer-content-background{
	width:85%;
	margin:0 auto;
    padding: 30px 0px;
}
.layer-content-background h1{
	margin: 50px 0 30px;
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    border-bottom: 1px solid #cccccc;
}
/*.layer-content-background h1:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  border-right: 28px solid #6687a0;
  position: absolute;
  left: -28px;
  top: 0px;
}
.layer-content-background h1:after{
  content: '';
  width: 0;
  height: 0;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 28px solid #6687a0;
  position: absolute;
  right: -28px;
  top: 0px;
}
.layer-content-background h1{
  position: relative;
  padding: 16px 0px;
  text-align: center;
  background: #6687a0;
  color:#ffffff;
  margin: 10px 35px 20px 35px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
} */

.layer-content{
	width:85%;
	margin:0 auto;
        padding:30px 0px;
}
	.layer-content h1{
		margin: 50px 0 30px;
		font-size: 34px;
		font-weight: 600;
		text-transform: uppercase;
		padding: 0;
	}
.layer-content h2{
        font-size:28px;
        color:#000000;
        font-weight:300;
        margin:0 0 20px;
        line-height:35px;
}
.layer-content .divider-line{
	display: block;
    width: 60px;
    height: 3px;
    background: #1dc8cd;
    margin: 0 auto;
    margin-bottom: 20px;
}
.layer-content .layer-paragraph{
  padding: 0 0 40px;
  margin: 0 0 40px;
  border-bottom: 1px solid #dddddd;
}
.layer-content .last{
	margin:0;
	border-bottom:0!important;
}


/* Project Detail */
.list-projecTitle{
	font-size:24px;
	font-weight:bold;
	color:#444444;
	margin:0px;
	display:block;
}

.style-url{
	color:#999999;
	display:block;
	margin:0 0 15px;
}
.style-url a{
	color:black;
}


/* form */
.layer-form {
    color:#444444;
    padding: 20px 0;
    border-top:1px solid #dddddd;
    background: none;
}
.layer-form label{
    display:block;
    font-weight: normal;
}
.layer-form input, .layer-form textarea, .layer-form select {
    padding:5px 10px;
    border:1px solid #ccc;
    background:none;
    width:100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    clear:both;
}
.layer-form textarea{
     width:100%;
 }

.layer-form input[type="submit"], .layer-form input[type="reset"]{
    background: #428bca;
    color:#fff;
    border: 1px solid #428bca;
    width:220px;
    margin: 5px 8px;
}
.layer-form input[type="submit"]:hover, .layer-form input[type="reset"]:hover{
   background: #fff;
    color:#428bca;
    transition: all 0.2s ease;
}

.layer-form input[type="text"]:focus, .layer-form textarea:focus, .layer-form select:focus{
    background: #fff;
    color:#428bca;
    transition: all 0.2s ease;
    cursor: pointer;
	/*
    -webkit-box-shadow:0px 0px 5px 0px #6687a0 inset, 0px -1px 5px 4px #6687a0 inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px #fff, 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px #6687a0 inset, 0px -1px 5px 4px #6687a0 inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px #fff, 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px #6687a0 inset, 0px -1px 5px 4px #6687a0 inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px #fff, 0px 0px 0px 9px #fff;*/
}
.layer-form img#captcha
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin:5px 0px;
    border:1px solid #ccc;
}

/* form */

/*clienteles*/
.layer-content-background .projectshowcase {height:auto;margin:0 0 30px;display:inline-block;}
.layer-content-background .projectshowcase ul{clear:both; list-style: none; margin:0; padding:0;}
.layer-content-background .projectshowcase ul li{
  float:left;
  padding: 0px 5px;
 /*  background: url(../img/button_circle_white.png) center left no-repeat; */
}
.layer-content-background .projectshowcase ul li.selected{
	float:left;
  /* background: url(../img/button_circle_lightblue.png) center left no-repeat; */
}
.layer-content-background .projectshowcase ul li.selected a{
    color:white;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	background:#428bca;
	border-radius:30px;
	padding:8px 22px;
	border:none!important;
}
.layer-content-background .projectshowcase ul li.selected a:hover{
	background:#5ca2df;
	text-decoration:none!important;
	border:none!important;
}
.layer-content-background .projectshowcase ul li span{
    padding-left:0;
    color:#000;
    display: block;
}
.layer-content-background .projectshowcase ul li span a{
	font-size:12px;
    font-weight:700;
	color:#555555;
	padding:8px 22px;
	text-transform:uppercase;
	border:2px solid transparent;
}
.layer-content-background .projectshowcase ul li span a:hover{
    text-decoration:none!important;
	border-radius:28px;
	border:2px solid #ccc;
}

.layer-image {
    position:relative;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    overflow:hidden;
}
.layer-image:hover {
    background: #343434;

}
.layer-image img {
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.layer-image:hover img {
	opacity: .7;
}
.layer-image .bt-url{
	display: block;
	position: absolute;
	top: 40%;
	left: 45%;
	width: 38px;
	height: 38px;
	border: 2px solid rgba(255,255,255,0.75);
	border-radius: 50%;
	text-indent: -23em;
	overflow: hidden;
}
.layer-image .bt-url:before {
	font-family: 'Glyphicons Halflings';
	content: "\e003";
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	text-indent: 0;
	text-decoration: none;
	line-height: 32px;
	color: rgba(255,255,255,0.75);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;

}
.projectlist{clear:both;}
.box {
/*    width:260px;
    margin: 8px;
    padding: 0px; */
    font-size: 11px;
    line-height: 1.4em;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.box img.projectimg{
    width:100%;
    border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    -o-border-radius:5px 5px 0px 0px;
/*    -moz-opacity: 0.9 !important;
    -khtml-opacity: 0.9 !important;
    -webkit-opacity: 0.9 !important;
    opacity: 0.9 !important;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
    filter: alpha(opacity=90) !important;
}
.box img.projectimg:hover{
/*-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);*/


}
.layer-info{
    padding-top: 12px;
    /* background-color:#00325d; */
	background:white;
    text-align:center;
    margin:0px;
    border-top:1px solid #e0e0e0;
    border-radius:0px 0px 6px 6px;
    -webkit-border-radius:0px 0px 6px 6px;
    -moz-border-radius:0px 0px 6px 6px;
    -o-border-radius:0px 0px 6px 6px;

}
.box .layer-space{
    height:20px;
}
.box p{
    font-size:13px;
    text-align:center;
    line-height:16px;
    color:#444444;
}
.box p a{
    font-size:12px;
    font-weight:400;
    color:#aaaaaa;//#6687a0
    text-decoration:none;
}
.box p a:hover{
    color:#428bca;
    text-decoration:none;
    -webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -ms-transition: color .25s ease-out;
}

	/* Services Link */
	.box .layer-services{
            background-color:#f2f2f2;
            border-top: 1px solid #e7e7e7;
            margin:0 auto;
            padding:10px 5px;

    border-radius:0px 0px 5px 5px;
    -webkit-border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    -o-border-radius:0px 0px 5px 5px;
	}
	.box .layer-services a{
		font-size:11px;
		font-weight:700;
		color:#888888;
		text-decoration:none;
		display:block;
		line-height:13px;
	}
	.box .layer-services a:hover{
		color:#000000;
		text-decoration:none;
	}

	/* Tag */
	.box span.layer-tag{
        background-color:#ffffff;
        border-top: 1px solid #e0e0e0;
        padding: 12px 10px;
		margin:0px;
		font-size:0;
		display:block;
	}
        .box span.layer-tag a{
		display:inline-block;
		margin:0 4px 4px 0;
		padding:3px 6px;
		background:#e5e5e5;
		border-radius:4px;
		font-size:11px;
		color:#333333;
		line-height:14px;
	}
	.box span.layer-tag a:hover{
		 text-decoration:none;
		 background:#e6e6e6;
	}
	.box span.layer-tag img{
		float:left;
		margin:1px 4px 0 0;
	}

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.transitions-enabled.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}

/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}
/*clienteles*/

/* header */
header {
	width:100%;
	position:absolute;
	z-index:10;
}
	header .layer-header{
		width: 100%;
		margin: 0 auto;
		z-index: 10;
		position: fixed;
	}
	header .layer-logo{
		padding:15px 0 0 20px;
	}
	header .layer-logo{
		width: 150px;
		height: auto;
	}
	header nav{
		position:relative;
		text-align:right;
		top:-30px;
		right:5px;
	}
	header nav a{
		color:black;
		font-weight:400;
		margin: 0 20px 0 0;
		padding:0 15px 0 0;
		background:url(../img/nav-arrow.png) center right no-repeat;
	}
	header nav a:hover{
		color: #00497e;
		text-decoration:none;
	}

	/* Search */
	header .layer-search{
		width:85%;
		margin:10px auto 0;
		text-align:right;
		position:relative;
		z-index:0;
	}
	header .layer-search input{
		width:200px;
		background:transparent;
		color:white;
		border:none;
		padding:0 5px;
		z-index:15;
		position:absolute;
		right:30px;
	}
	header .layer-search .layer-bg{
		position:absolute;
		top:18px;
		right:30px;
		width:200px;
		height:6px;
		border-left:1px solid white;
		border-right:1px solid white;
		border-bottom:1px solid white;
		z-index:20;
	}
	header .layer-search img{
		margin-left:5px;
		cursor:pointer;
	}

/* header - Inside Page*/
.header-inside {
	width:100%;
	z-index:10;
}
	.header-inside .layer-header{
		width: 100%;
		margin: 0 auto;
		z-index: 10;
		position: fixed;
		/* height: 47px; 
		background-color: rgba(255, 255, 255, 0.9);
		box-shadow: 0px 0px 5px #cccccc;*/
	}
	.header-inside .layer-logo{
		padding:15px 0 0 15px;
		width: 150px;
    	height: auto;
	}
	.header-inside nav{
		position:relative;
		text-align:right;
		top:-30px;
		right:5px;
	}
	.header-inside nav a{
		color:black;
		font-weight:400;
		margin: 0 20px 0 0;
		padding:0 15px 0 0;
		background:url(../img/nav-arrow.png) center right no-repeat;
	}
	.header-inside nav a:hover{
		color: #00497e;
		text-decoration:none;
	}

	/* Search */
	.layer-searchWrapper{
		background: #d5d5d5;
		padding: 5px 0;
		width: 100%;
		height: 35px;
		margin: 0px;
		position: relative;
		top: 50px;
	}
	.layer-searchWrapper .layer-search{
		width:85%;
		margin:0 auto;
		text-align:right;
		position:relative;
		z-index:0;
	}
	.layer-searchWrapper .layer-search input{
		width:200px;
		background:transparent;
		color:#777777;
		border:none;
		padding:0 5px;
		z-index:0;
		position:absolute;
		right:30px;
	}
	.layer-searchWrapper .layer-search .layer-bg{
		position:absolute;
		top:18px;
		right:30px;
		width:200px;
		height:6px;
		border-left:1px solid #aaaaaa;
		border-right:1px solid #aaaaaa;
		border-bottom:1px solid #aaaaaa;
		z-index:20;
	}
	.layer-searchWrapper .layer-search img{
		margin-left:5px;
		cursor:pointer;
	}

/* Article */
.navbar-toggle2{
	width:100%;
	background:#428bca;
	color:white;
	padding:8px 10px;
	border:0;
	border-radius:3px;
	margin:0;
}
.navbar-toggle2 i{
	font-size:24px;
	vertical-align:middle;
	margin:0 5px;
}
.thum-art{
	color:white;
	padding:60px 0;
	text-align:center;
	font-size:46px;
	min-height:150px;
	font-weight: 300;
}
.art01{
	background:#588c7e;
}
.art02{
	background:#f2e394;
}
.art03{
	background:#f2ae72;
}
.art04{
	background:#d96459;
}
.art05{
	background:#8c4646;
}
.btn-more{
	background: transparent;
    color: black;
    border: 1px solid black;
    padding: 6px 15px;
	    margin: 0 auto;
	font-size: 13px;
}
.layer-filter{
	padding: 8px 15px;
    margin: 0 0 20px!important;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.btn-filter{
	padding: 1px 10px;
    color: white;
    background: #003861;
    text-align: center;
    margin: 0 5px;
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
    border-radius: 3px;
}
	.btn-download{
		background: white;
		color: black;
		padding: 9px 0;
		border-radius: 50%;
		display: inline-block;
		margin: 0 5px 5px 0;
		font-size: 18px;
		border: 1px solid black;
		width: 38px;
		height: 38px;
		text-align: center;
	}
	.btn-download:hover{
		text-decoration: none;
	}
	.btn-view{
		display: inline-block;
		font-size: 16px;
		color: #00aeff!important;
		padding: 6px 30px;
		border-radius: 100px;
		border: 1px solid #00aeff;
		margin: -15px auto 40px;
		letter-spacing: 1px;
	}
	.btn-view:hover{
		color: #00aeff!important;
		text-decoration: none;
	}
.select-filter{
	border:1px solid #ccc;
	height: 26px;
    padding: 3px 10px;
	font-size: 12px;
}
.layer-detail{
	padding:20px 25px!important;
	border:1px solid #dddddd!important;
	position: relative;
}
.icon-close{
	background: #428bca;
    color: white;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    padding: 3px 0;
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.layer-breadcrumb{
	font-size:12px;
	margin:0 0 5px;
}
.layer-breadcrumb a{
	font-size:12px;
}
.layer-breadcrumb i{
	margin:0 5px;
	font-size:14px;
}

/* About Us - New */
.layer-objective{
}
.layer-objective .carousel-caption{
	width: 75%;
    margin: 50px auto;
    border: 1px solid #aaa;
    padding: 30px;
}
.layer-objective .carousel-caption i{
	font-size:10px;
	margin-right:10px;
}
.layer-objective .carousel-caption h3{
	margin:0 auto 20px;
}


/*** HOMEPAGE ***/
/* Small Banner */
.layer-sbanner{
	min-width:100%;
	text-align:center;
	padding: 5px;
	margin: 0!important;
}
	.layer-sbanner .col-sm-6, .layer-sbanner .col-xs-12{
		padding: 5px;
	}
	.layer-sbanner a img{
		opacity: 1;
	}
	.layer-sbanner a img:hover{
		opacity: 0.9;
		transform:scale(1.03);
		-moz-transform:scale(1.03);
		-webkit-transform:scale(1.03);
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		z-index: 100;
	}
	.layer-sbanner ul{
		width:100%;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	.layer-sbanner h2 {
		font-size: 24px;
		font-weight:300;
		color:#000000;
		margin:0;
		padding:0;
	}
	.layer-sbanner p {
		font-size:14px;
		color:#000000;
		line-height:24px;
		font-weight:400;
		margin:0;
		padding:0;
	}
	.layer-sbanner ul h2 a, .layer-sbanner ul p a{
		color:black;
	   -webkit-user-modify: read-only;
	   -moz-user-modify: read-only;
	}
	.layer-sbanner ul a{
		opacity:1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
	}
	.layer-sbanner ul a:hover{
		opacity:0.85;
		filter: alpha(opacity=85); /* For IE8 and earlier */
	}
	.layer-sbanner ul li{
		width:50%;
		padding:0;
		float:left;
		text-align:center;
	}

	.layer-sbanner ul li.list-sbanner1{
		/*background: url(../img/banner-webdesign.jpg) top center no-repeat;
		padding:15px 0 0;
		background-size:cover;
		position: relative;*/
	}
	.layer-sbanner ul li.list-sbanner2{
		/*background: url(../img/banner-cms.jpg) top center no-repeat;
		padding:15px 0 0;
		background-size:cover;
		position: relative;*/
	}
	.layer-sbanner ul li.list-sbanner3{
		/*background: url(../img/banner-datacenter.jpg) top center no-repeat;
		padding:15px 0 0;
		background-size:cover;
		position: relative;*/
	}
	.layer-sbanner ul li.list-sbanner4{
		/*background: url(../img/banner-mobileapps.jpg) top center no-repeat;
		padding:15px 0 0;
		background-size:cover;
		position: relative;*/
	}
	.layer-sbanner ul li.list-sbanner1 a, .layer-sbanner ul li.list-sbanner2 a, .layer-sbanner ul li.list-sbanner3 a, .layer-sbanner ul li.list-sbanner4 a{
		width:100%;
		display:block;
		text-decoration:none;
	}


	/* For Bootsrap */
	.layer-sbanner .sbanner1{
		background: url(../img/banner-webdesign.jpg) top center no-repeat;
		height:200px;
	}
	.layer-sbanner .sbanner2{
		background: url(../img/banner-cms.jpg) top center no-repeat;
		height:200px;
	}
	.layer-sbanner .sbanner3{
		background: url(../img/banner-datacenter.jpg) top center no-repeat;
		height:200px;
	}
	.layer-sbanner .sbanner4{
		background: url(../img/banner-seo.jpg) top center no-repeat;
		height:200px;
	}
	/* end For Bootstrap */

	/* Showcase */
	figure {
		position: relative;
		display: block;
		top:10px;
		left:9px;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 40px;
		-webkit-margin-end: 40px;
	}
	figure:after {
		content: '';
		display: block;
		clear: both;
	}
	figure img {
		float: left;
		width: 256px;
		max-width: 256px;
		height: auto;
		text-align:center;
	}

	.rollover {
		width:256px;
		height:143px;
		-webkit-transition: all .25s ease-out;
		-moz-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
                overflow:hidden;
	}
	.rollover:hover {
		background: #343434;
	}
	.rollover img {
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-o-transition: all .25s linear;
		transition: all .25s linear;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}
	.rollover:hover img {
		opacity: .7;
	}
	.rollover.site .bt-url {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .25s ease-out;
		-moz-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
	.rollover .bt-url {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 38px;
		height: 38px;
		margin: -21px 0 0 -21px;
		border: 2px solid rgba(255,255,255,0.75);
		border-radius: 50%;
		text-indent: -23em;
		overflow: hidden;
	}
	.rollover .bt-url:before {
		font-family: 'Glyphicons Halflings';
		content: "\e003";
		display: block;
		width: 32px;
		height: 32px;
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-variant: normal;
		text-indent: 0;
		text-decoration: none;
		line-height: 32px;
		color: rgba(255,255,255,0.75);
		-webkit-transition: all .25s ease-out;
		-moz-transition: all .25s ease-out;
		-ms-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
	.rollover.site:hover .bt-url {
		visibility: visible;
		opacity: 1;
	}
	/** end Showcase **/

	/* Showcase Banner */
	ul.layer-showcase-banner{
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		width: 85%;
		border-bottom: 1px solid #dddddd;
		clear: both;
		display: inline-block;
	}
	ul.layer-showcase-banner li{
		/*height:222px;
		margin:0 auto 40px;*/
		padding: 40px 0;
		text-align:center;
		-webkit-transition: all .50s ease-out;
		-moz-transition: all .50s ease-out;
		-o-transition: all .50s ease-out;
		transition: all .50s ease-out;
	}
	ul.layer-showcase-banner li:hover{
		-webkit-transition: all .50s linear;
		-moz-transition: all .50s linear;
		-o-transition: all .50s linear;
		transition: all .50s linear;
	}
	ul.layer-showcase-banner li p{
		font-size: 18px;
    	margin: 5px auto;
	}
	ul.layer-showcase-banner li i{
		font-size:50px;
	}
	ul.layer-showcase-banner li.layer-cms{
		background:url(../img/btn-cms01.png) top center no-repeat;
	}
	ul.layer-showcase-banner li.layer-cms a.3col{
		width:100%;
		height:100%;
		display:block;
	}
	ul.layer-showcase-banner li.layer-cms:hover{
		background:url(../img/btn-cms02.png) top center no-repeat;
	}
	ul.layer-showcase-banner li.layer-emmerce{
		background:url(../img/btn-ecommerce01.png) top center no-repeat;
	}
	ul.layer-showcase-banner li.layer-emmerce:hover{
		background:url(../img/btn-ecommerce02.png) top center no-repeat;
	}
	ul.layer-showcase-banner li.layer-webdesign{
		background:url(../img/btn-webdesign01.png) top center no-repeat;
	}
	ul.layer-showcase-banner li.layer-webdesign:hover{
		background:url(../img/btn-webdesign02.png) top center no-repeat;
	}
	/** end Showcase Banner **/

	/** New Showcase Banner **/
	ul.layer-showcase-banner2{
		list-style-type:none;
		margin:0 auto;
		padding:0;
		text-align:center;
	}
	ul.layer-showcase-banner2 li{
		position:relative;
	}
	ul.layer-showcase-banner2 li a img{
		position:absolute;
		right:15px;
		bottom:50px;
	}
	ul.layer-showcase-banner2 li a{
		height:222px;
		margin:0 auto 40px;
		padding:1px 0;
		text-align:center;
		-webkit-transition: all .50s ease-out;
		-moz-transition: all .50s ease-out;
		-o-transition: all .50s ease-out;
		transition: all .50s ease-out;
		display:block;
	}
	ul.layer-showcase-banner2 li:hover{
		-webkit-transition: all .50s linear;
		-moz-transition: all .50s linear;
		-o-transition: all .50s linear;
		transition: all .50s linear;
	}
	ul.layer-showcase-banner2 li.layer-cms2 a{
		background:url(../img/icon-cms01.png) 100px center no-repeat #ffffff;
	}
	ul.layer-showcase-banner2 li.layer-cms2 a:hover{
		color:white;
		text-decoration:none;
		background:url(../img/icon-cms02.png) 100px center no-repeat #84b2c1;
	}
	ul.layer-showcase-banner2 li.layer-cms2 a h3{
		font-family:'FreestyleScript-Regular', sans-serif;
		color:#333333;
		font-size:22px;
	}
	ul.layer-showcase-banner2 li.layer-cms2 a:hover h3{
		color:white;
	}
	/** end New Showcase Banner **/

/* Section - Partner */
.layer-partner{
	padding:0;
}
.layer-partner .layer-partner-slide{
	position:relative;
	background:url(../img/brands-btm.png) center bottom no-repeat;
	padding: 0 0 62px;
}


/* Content - About us */
.layer-chart{
	margin:0 auto 15px;
}
.layer-chartHead{
	width:265px;
	font-weight:bold;
	color:#777777;
	padding:35px 70px;
	margin:5px auto 10px;
	border:1px solid #cccccc;
	border-radius:3px;
	text-align:center;
}
.layer-chartSub{
	width:24%;
	font-weight:bold;
	color:#777777;
	padding:35px 10px;
	margin:10px 0.5% 10px;
	background:#eeeeee;
	border:1px solid #cccccc;
	border-radius:3px;
	text-align:center;
	float:left;
}


/* Bottom */
.layer-bottom{
	width:100%;
	background:#e9f1f5;
	padding:40px 0 30px;
	margin:0 auto;
}
	.layer-bottom h3{
		font-size: 19px;
		font-weight: 300;
		color: #5b6f75;
		margin: 0 0 15px 0;
		padding: 0;
		letter-spacing: 1px;
	}
	.layer-bottom h3.h3-hide{
		display:none;
	}
	.layer-bottom ul{
		width:100%;
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
	}
	.layer-bottom ul li, .layer-bottom p{
		color: #97abb2!important;
		font-size: 13px;
		letter-spacing: 0.5px;
		line-height: 28px;
	}
	.layer-bottom ul li a{
		color: #97abb2!important;
		cursor: pointer;
		font-size: 13px;
		letter-spacing: 0.5px;
		line-height: 28px;
	}
	.layer-bottom ul li a:hover{
		color:#333333;
		text-decoration:none;
	}
	.layer-bottom .layer-col3{
		border-left:4px solid #cccccc;
		padding-left:30px;
	}
	.layer-bottom .btn-tel{
		float:left;
		width:49%;
		padding:5px 10px;
		margin-right:2%;
		color:white;
		background:#0069b3;
		text-align:center;
	}
	.layer-bottom .btn-fax{
		float:left;
		width:49%;
		padding:5px 10px;
		color:white;
		background:#003861;
		text-align:center;
	}
	.layer-bottom .layer-map{
		width:30%;
		float:left;
		margin-right:5%;
	}
	.layer-bottom .layer-map a:hover img{
		opacity: 0.8;
    	filter: alpha(opacity=80); /* For IE8 and earlier */
	}
	.layer-bottom .layer-address{
		width:65%;
		float:left;
		font-size:12px;
		line-height:17px;
	}
	.layer-bottom .layer-keyword-btm{
		margin: 30px 0 0;
		line-height: 15px;
		background: #fff;
		padding: 8px 10px;
		border-radius: 0px;
		color: #777777;
		opacity: 0.5;
	}
	.layer-bottom .layer-keyword-btm a{
		font-size: 12px;
		color: #777777;
		line-height: 15px;
	}
	.layer-bottom .layer-keyword-btm a:hover{
		color:#000000;
		text-decoration:none;
	}
/* end Bottom */


/* About Us */
.bg-aboutus{
	background:url(../img/banner-aboutus-d.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:700px;
	position:relative;
}
.layer-slogan{
	position:absolute;
	left:0;
	right:0;
	top:20%;
	text-align:center;
}
	.layer-slogan h5{
		font-size:34px!important;
		font-weight:600;
		text-align:center;
		margin: 0 auto;
	}
	.layer-slogan h6{
		font-size:46px;
		font-weight:300;
		line-height:50px;
	}
	.layer-number{
		width:80%;
		margin:0 auto;
	}
		.layer-number h3{
			font-size:56px;
			margin:40px 0 0;
			font-weight:300;
			color:#2ccece;
		}
		.layer-number p{
			font-size:16px;
			line-height: 18px;
			text-transform:uppercase;
			color:#999999;
		}
	.layer-objective{
		background: url(../img/banner-aboutus02.jpg) center center no-repeat fixed;
		background-size: cover;
		padding: 10px;
		margin-bottom: 0;
		position: relative;
		text-align: center;
		height:400px;
		width:100%;
	}
	.layer-callAction{
		/*background: url(../img/banner-aboutus02b.jpg) center center no-repeat fixed;*/
		background-color: #02162f;
		background-size: cover;
		padding: 50px 10%;
		margin: 0!important;
		position: relative;
		width:100%;
	}
	.layer-objective a{
		color:#aaa;
	}
	.bg-aboutus03{
		background:url(../img/banner-aboutus03-b.jpg) center center no-repeat;
		background-size:cover;
		width:100%;
		height:500px;
	}
	.bg-aboutus04{
		background:url(../img/banner-aboutus04.jpg) center center no-repeat;
		background-size:cover;
		width:100%;
		height:505px;
	}
	.layer-mission .left{
	    padding: 50px 90px!important;
    	text-align: center;
	}
	.layer-mission .right{
		padding: 50px 90px!important;
    	text-align: center;
	}
	.layer-mission h5{
		font-size:32px!important;
		font-weight:100;
		text-transform:uppercase;
		margin-bottom:30px;
		line-height: 42px;
	}
	.layer-mission p{
		color:#555;
		font-size: 13px;
	}
	.layer-callAction h5{
		font-size:30px;
		font-weight:700;
		margin-bottom:10px;
		line-height: 42px;
	}
	
	
	
	
	.layer-highlight{
		background:#2ccece;
		padding:25px 15%;
		color:white;	
	}
	.layer-highlight i {
		border:1px solid white;
		width:120px;
		height:120px;
		border-radius:50%;
		text-align:center;
		padding:40px 0;
		font-size:40px;
		margin:5px;
		display:inline-block;
	}
.box-aboutus {
    padding: 30px 40px;
    margin: 0 0 30px!important;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fff;
    transition: 0.4s;
	width: 100%;
	text-align:left;
}
	.box-aboutus i{
		font-size: 9px;
    	margin-right: 5px;
	}
	.box-aboutus p{
		margin-bottom:0;
		font-size:13px;
		color:#777777;
	}
	.box-aboutus h4{
		font-size: 17px;
    	font-weight: 700;
    	margin: 0 0 15px;
	}
	.box-aboutus .icon i {
		color: #2ccece;
		font-size: 76px;
		transition: 0.5s;
		text-align:center;
		margin-bottom:15px;
	}

/* Services - New */
.bg-services{
	background:url(../img/banner-services.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:700px;
	position:relative;
}
.bg-services01{
	background: url(../img/bg-services01.jpg) bottom center no-repeat #ffffff;
	height:650px;
	background-size:contain;
}
.bg-services02{
	background: url(../img/bg-services02b.jpg) bottom center no-repeat #e5e5e5;
	height:650px;
	background-size:contain;
}
.bg-services03{
	background: url(../img/bg-services03.jpg) bottom center no-repeat #f5f5f5;
	height:650px;
	background-size:contain;
}
.bg-services04{
	background: url(../img/bg-services04.jpg) bottom right no-repeat;
	height:650px;
	background-size:contain;
}
.bg-services05{
	background: url(../img/bg-services05.jpg) bottom center no-repeat;
	height:650px;
	background-size:contain;
}
.bg-services06{
	background: url(../img/bg-services06.jpg) bottom center no-repeat #c2dcdb;
	height:650px;
	background-size:contain;
}
.bg-services-design{
	background: url(../img/bg-service-design.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 700px;
    position: relative;
}
.bg-services-apps{
	background: url(../img/bg-service-appsdesign.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 700px;
    position: relative;
}
.bg-services-webDev{
	background: url(../img/bg-service-webDev.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 700px;
    position: relative;
}
.bg-services-hosting{
	background: url("../img/bg-service-hosting.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 700px;
    position: relative;
}
.bg-services-software{
	background: url("../img/bg-service-software.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 700px;
    position: relative;
}
.bg-services-professional{
	background: url("../img/bg-service-seo.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 700px;
    position: relative;
}


/* Web Hosting */
	.layer-plan{
		background: white;
		padding: 25px 15px;
		width: 100%;
		text-align: center;
		box-shadow: 0px 0px 5px #cccccc;
		margin-bottom: 20px;
	}
	.layer-plan .list-info{
		padding: 35px 20px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin: 10px 0;
	}
	.layer-plan .list-info li{
		text-align: left!important;
		margin-left:15px;
	}
	.layer-plan h3{
		color: black;
    	font-size: 38px;
	}
	.layer-plan h5{
		
	}
	.layer-plan h6{
		margin: 0 0 30px;
	}
	.btn-order{
		background: #51a0c8!important;
		display: block;
		padding: 10px;
		border-radius: 40px;
		color: white!important;
		margin-top: 20px;
	}
	
	/* Software Development */
	.item-module{
		background: white;
		padding: 15px;
		border-radius: 25px;
		margin-bottom: 15px;
	}
	.item-module i{
		font-size: 50px;
    	margin: 10px auto;
	}
		

/*Footer */
footer{
	width: 100%;
    background: #e9f1f5;
    color: #97abb2;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 25px 10px;
    border-top: 1px solid #d0dce1;
	line-height: 16px;
}
	footer a{
		color: #97abb2!important;
    	font-size: 12px;
	}
	footer a:hover{
		text-decoration: none;
	}
footer .layer-icon{
	display:inline-block;
}
footer a img{
	margin-right:5px;
	opacity:1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
footer a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
	.tag_bg{
		padding: 10px 0!important;
		border: none!important;
	}
	.wordcloud{
		text-align: justify!important;
	}
	.wordcloud a{
		font-size: 11.5px!important;
		color: #bbbbbb!important;
		font-weight: 300!important;
		line-height: 14px!important;
	}
}

@media (max-width: 1023px) {
	/* Search */
	header .layer-search input{
		width:96%;
	}
	header .layer-search .layer-bg{
		width:96%;
	}
	.layer-searchWrapper .layer-search input{
		width:96%;
	}
	.layer-searchWrapper .layer-search .layer-bg{
		width:96%;
	}

	/*Clienteles*/
	.layer-content-background .projectshowcase ul li{
		float:none;
	}
	.layer-content-background .projectshowcase ul li.selected{
		float:none;
	}
	.layer-content-background .projectshowcase ul li span a{
		display:block;
		margin:0 0 5px;
	}
	.layer-highlight{
		background:#46c5b1;
		padding:20px 10%;
		color:white;	
	}
	.layer-highlight i {
		border:1px solid white;
		width:100px;
		height:100px;
		border-radius:50%;
		text-align:center;
		padding:25px 0;
		font-size:50px;
		margin:5px;
		display:inline-block;
	}
}

@media (max-width: 800px) {
	header .layer-search{
		width:83%;
	}
	.layer-searchWrapper .layer-search{
		width:83%;
	}
/* Content - About us */
.layer-chartSub{
	width:100%;
	float:none;
}
.bg-aboutus03, .bg-aboutus04{
	height:300px;
}
.layer-highlight{
		padding:20px 5%;
}
}

@media (max-width: 768px) {
/*** HOMEPAGE ***/
/* Small Banner */
	.layer-sbanner ul li{
		width:50%;
	}
	.layer-bottom{
		padding:40px 20px;
	}
	.layer-bottom .layer-col3{
		border-left:0px solid #cccccc;
		padding:0;
	}
	.layer-bottom .btn-tel{
		width:100%;
		margin:0 0 10px 0;
	}
	.layer-bottom .btn-fax{
		width:100%;
	}
	.layer-bottom .layer-map{
		width:15%;
	}
	.layer-bottom h3.h3-hide{
		display:none;
	}
	footer .layer-icon{
		display:block;
	}

	header .layer-logo{
		padding:8px 0 0 15px;
	}
	.layer-objective .carousel-caption{
		width:90%;
	}
	.layer-objective .carousel-caption p{
		line-height:16px;
	}
	.layer-callAction{
		text-align:center;
	}
	.layer-number{
		width:100%;
		margin:0 auto;
	}
	.layer-number p{
			font-size:12px;
			line-height: 18px;
			text-transform:uppercase;
			color:#222;
		}
	.layer-number h3 {
		font-size: 48px;
		margin: 20px 0 0;
		}
}

@media (max-width: 768px) {
	.layer-bottom .layer-col3{
		border-left:0px solid #cccccc;
		padding:0;
		margin:10px 0 0;
	}
  .col-md-3 {
    width: 49%;
  }
  .layer-highlight{
		padding:10px;
		text-align:center;
}
	.layer-highlight i{
		width:50px;
		height:50px;
		font-size:24px;
		padding:12px 0;
		margin:2px;
	}
	.layer-highlight span{
		display:none;
	}
	.feature-box-9{
		min-height: unset!important;
		height: auto;
	}
}

@media (min-width: 769px) {
.navbar-toggle2{
	display:none;
}
}

@media (max-width: 600px) {
	.layer-bottom .layer-map{
		width:25%;
	}
	header .layer-search{
		width:80%;
	}
	.layer-searchWrapper .layer-search{
		width:80%;
	}
	.layer-objective .carousel-caption{
		width:98%;
		margin:15px auto;
	}
	.layer-mission .left, .layer-mission .right{
		padding: 50px 30px!important;
	}
	.bg-services01, .bg-services02, .bg-services03, .bg-services04, .bg-services05, .bg-services06{
		height: 500px;
	}

}

@media (max-width: 450px) {
	header .layer-search{
		width:75%;
	}
	.layer-searchWrapper .layer-search{
		width:75%;
	}
.col-md-3 {
    width: 100% !important;
  }
  .layer-content{
	  width:90%;
  }
  .layer-content h2{
	  font-size:24px;
  }
  .layer-content h1{
	  font-size:28px;
  }
  .layer-detail{
	padding:15px!important;
	border:1px solid #dddddd!important;
	position: relative;
}
.layer-content .layer-paragraph {
    padding: 0 0 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid #dddddd;
}
.bg-aboutus03, .bg-aboutus04{
	height:200px;
}
	.layer-highlight i{
		width:40px;
		height:40px;
		font-size:20px;
		padding:10px 0;
		margin:2px;
	}
}

@media (max-width: 360px) {
/*** HOMEPAGE ***/
/* Small Banner */
	.layer-sbanner ul li{
		width:100%;
	}
	.layer-bottom .layer-map{
		width:30%;
	}

.col-md-3 {
    width: 100% !important;
  }

}

/*** Left Menu ***/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f107";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #428bca;
    font-size: 20px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105";    /* adjust as needed, taken from bootstrap.css */
}

/* Overwrite main.css */
.tab-style-9 .nav-tabs>li>a{
	font-size: 13px!important;
	padding: 10px!important;
}
.tab-style-9 .nav-tabs>li>a:hover{
	color: black!important;
}
.tab-style-9 .nav-tabs>li.active>a, .tab-style-9 .nav-tabs>li.active>a:focus, .tab-style-9 .nav-tabs>li.active>a:hover{
	color: black!important;
	border-color: black!important;
	padding: 10px!important;
}
.tab-style-9 .nav-tabs>li.active>a .icon, .tab-style-9 .nav-tabs>li.active>a:focus .icon, .tab-style-9 .nav-tabs>li.active>a:hover .icon{
	border-color: black!important;
}
.feature-box-9 .feature-title{
	line-height: 24px;
	letter-spacing: 0.5px;
}
.feature-desc li{
	font-size: 15px;
    line-height: 18px;
    margin-bottom: 12px;
}
.feature-box-9{
	min-height: 320px;
    margin-bottom: 25px;
}
.mb20 {
    margin-bottom: 20px!important;
    color: #111111;
    letter-spacing: 0.5px;
    line-height: 29px;
    text-transform: none;
    font-size: 19px!important;
}
.content-section .section-header{
	margin-bottom: 50px!important;
}


.layer-benefit .feature-box-9{
	min-height: 400px;
    margin-bottom: 25px;
}
@media (max-width: 990px) {
	.layer-benefit .feature-box-9{
		min-height: 360px;
		margin-bottom: 25px;
	}
	.feature-box-9 .feature-desc{
		font-size: 13px;
		line-height: 20px
	}
	.feature-desc li{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 12px;
	}
}