/*	Title:		AutoSoft Systems Limited

	Date:		Sept 17, 2017
-------------------------------------
*/

/*=========== BEGIN COMMON ============*/
html{ background:#ffffff; padding:0px!important;}
html.wp-toolbar{ padding:0px!important; }
html,body { width: 100%; height: 100%;}
body {
	font-size: 1.4em;
	line-height: 1.6;
	color: #666;
  font-family: 'Open Sans', sans-serif;
  background:#ffffff;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
	font-weight: 400;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, samp, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, object, iframe{ margin:0; padding:0; border:0; }
a,input,select,textarea {outline: none}
input[type="checkbox"], input[type="radio"] { margin: 2px 0 0; }
input::-moz-focus-inner{ border:0px; padding:0px; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, summary, audio, video, details, address{
	display:block;
}

a {
	color: #3696ed;
	outline: none !important;
}
a:active, a:focus, a:hover { outline: none !important; text-decoration: underline; color: #3696ed; }
.btn-default:hover { background: #fff; }
.form-control { box-shadow: none; }
.form-control:focus { box-shadow: none; }

img { width: auto; height: auto; max-width: 100%; display: inline-block; vertical-align: top}
a img{ border:0px; outline: none;}
.clear:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.align-left { text-align: left;}
.align-right { text-align: right;}
.align-center { text-align: center;}
hr, p { margin-bottom: 1.2em; }
h1,h2,h3,h4,h5,h6 { color: #7c5e38; font-family: 'Montserrat', sans-serif; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase;}

h1 { font-size: 3.4em; font-weight: 300; line-height: 1;}
h2 { font-size: 4.3em; line-height: 1; font-weight: 700;}
h3 { font-size: 2.6em; font-weight: 600;}
h4 { font-size: 1.7em; line-height: 1.2; font-weight: 500; text-transform: none;}
h5 { font-size: 1.4em; line-height: 1.6; font-weight: 500;}
h6 { font-size: 1.2em; line-height: 1.4; font-weight: 500; text-transform: none;}

.yellowBg { background-color: #f8d381 !important; }
.blueBg { background-color: #3696ed !important; }
.whiteBg { background-color: #fff !important; }
.lightYellow { background-color: #fefbf2 !important; }
.darkBlueBg { background-color: #011a30 !important; }
.greyBg { background-color: #eff3f7 !important;}
.lightBlue { background-color: #9acbf7 !important;}

.upperTxt { text-transform: uppercase; }
.boldTxt, strong { font-weight: 700;}

.rowIn { clear: both; max-width: 100%; }
.customBtn {
	padding: 1px 0 0;
	border: 0;
	width: 150px;
	height: 36px;
	margin-top: 20px;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	text-align: center;
	border: 0px;
	font-size: 1.2em;
	padding-top: 7px;
	padding-bottom: 6px;
	box-shadow: none;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	background: url(../img/sky_blue_bg.png) repeat;
	display: inline-block;
	font-weight: 400;
	text-transform:  uppercase;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.customBtn:focus,
.customBtn:hover { color: #6a4e2a; text-decoration: none; background: url(../img/yellow_bg.png) repeat;}

.marginAuto { margin-left:auto; margin-right: auto; }
.HLine { width: 100%; line-height: 1px; height: 1px; border-bottom: 1px solid #ddd; }

.txtField,
.selectBx,
textarea.txtArea {
	border: 1px solid #ddd !important;
	background: #fff !important;
	font-size: 12px !important;
	height: 40px;
	padding: 8px 0 6px 10px !important;
	color: #999 !important;
  font-family: 'Montserrat', sans-serif;
	box-shadow: none;
  border-radius: 0px;
	position: relative;
	z-index: 4;
}
textarea.txtArea { height: 160px; resize: none; padding-left: 8px !important;}
.selectBx-row { position: relative;}
.selectBx-row:after {
  content:'';
  right:0;
  top:0px;
  width:16px;
  height:34px;
  background: url(../img/dropdown-arrowDark.png) no-repeat center;
  position:absolute;
  pointer-events:none;
  display:block;
}
.selectBx { height: auto; line-height: normal; padding: 7px 0 5px 0px !important; font-size: 14px !important; color: #868888 !important; font-family: 'proxima_nova_softmedium';-webkit-appearance: none; -moz-appearance: none; appearance: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome,.selectBx {
			line-height: 1.45;
    }
}
.txtField:focus,
.selectBx:focus,
.txtArea:focus { border: 1px solid #bbb !important; box-shadow: none; background: #fafbfc !important;}
.txtArea::-webkit-input-placeholder { color: #bbbbbb; font-size: 14px;}
.txtArea:-moz-placeholder { color: #bbbbbb; font-size: 14px; }
.txtArea::-moz-placeholder { color: #bbbbbb; font-size: 14px; }
.txtArea:-ms-input-placeholder { color: #bbbbbb; font-size: 14px; }

label { font-weight: normal; }
.form-group label { position: absolute; left: 0; top: 10px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.w200 { width: 200px;}
.w174 { width: 174px; }
.w168 { width: 168px; }
.w100 { width: 100px; }
.w80 { width: 80px;}
.w50 { width: 50px;}

.maxWidth900 { max-width: 900px; }
.maxWidth800 { max-width: 800px; }
.maxWidth460 { max-width: 460px; }

.main-container { clear: both; margin: 0; padding: 0; min-height: 100%; height: 100%; max-width: 100%; position: relative;}
.wrapper { clear: both;  min-width: 100%; position: relative;	overflow: hidden;}
.container-fluid {padding: 0;}

.banner-container { padding-top: 140px; padding-bottom: 20px; background: #031f38;}
.banner-container h3 { color: #f8d381;}
.banner-container h4 { color: #6cabd5; font-weight: 300; margin-bottom: 0;}

.common-list-style { margin: 0 0 40px; padding: 0;}
.common-list-style li { margin-bottom: 10px; list-style: none; padding-left: 30px; background: url(../img/tick.png) no-repeat 0 6px;}
/*=========== END COMMON ============*/

/***** BEGIN HEADER *****/
.header-container {width: 100%; position: absolute; top: 0; z-index: 999; margin: 0 auto; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.top-container {background: #000f1b; min-height: 36px;}
.top-nav-container { background: rgba(0,0,0, 0.3); min-height: 50px;}
.top-nav-content { padding:0 30px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0;}
.navbar-header { padding-top: 5px; padding-bottom: 5px;}
.top-content { position: relative; padding-top: 6px; max-width: 700px;}
.top-nav-container > .container { position: relative;}
.top-social { float: right; color: #999; position: relative; top: -3px;}
.top-social > span { display: inline-block; margin-right: 5px; vertical-align: top; position: relative; top: 3px;}
.top-social > a { display: inline-block; vertical-align: top; margin-right: 5px; margin-left: 5px; font-size: 1.2em; color: #f8d381;}
.top-social > .fa { vertical-align: top;}
.top-email,
.top-phone { float: left; margin-right: 10px; color: #999}
.top-email > .fa { margin-right: 5px; font-size: 1.2em; color: #f8d381; top: 2px; position: relative;}
.top-email a { color: #94cff6;}
.top-phone > .fa { margin-right: 5px; font-size: 1.4em; color: #f8d381; top: 3px; position: relative;}
.logo { padding: 0; width: 386px; height: 60px; margin: 0; z-index: 9; background: url(../img/logo.png) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.top-nav { background: none; border-radius: 0px; margin: 0; border: 0;}
.navbar-nav > li > a { padding-top: 25px; padding-bottom: 25px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.top-nav .navbar-right .dropdown-menu { right: auto; left: 0px;}
.top-nav .navbar-right > li > a { text-transform: uppercase; font-weight: 600; }
.navbar-inverse.top-nav .navbar-nav > li > a {color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}

.navbar-inverse.top-nav .navbar-nav > li.dropdown:hover > a,
.navbar-inverse.top-nav .navbar-nav > li.dropdown:hover > a:hover,
.navbar-inverse.top-nav .navbar-nav > li.dropdown:hover > a:focus {	background: #3696ed;}
.navbar-inverse.top-nav .navbar-nav > li > a:focus { background: none;}
.navbar-inverse.top-nav .navbar-nav > li > a:hover { background: #3696ed; }
.top-nav .navbar-nav > li > .dropdown-menu { border-radius: 0; padding-top: 10px; padding-bottom: 10px; }
.top-nav .dropdown-menu { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.176); background: #f6f6f6; border: 0; min-width: 260px; max-width: 280px; }
.top-nav .dropdown-menu > li { padding-top: 3px; padding-bottom: 3px; padding-left: 15px}
.top-nav .dropdown-menu > li > a { padding: 0 15px 0 10px; font-size: 1em; display: inline; background: url(../img/small_arrow.png) no-repeat 0 7px;}
.top-nav .dropdown-menu > li > a:hover { text-decoration: underline;}

/*.sticky-header .top-container { display: none;}*/
.sticky-view { position: absolute; max-width: 400px; display: none; left: 50%; margin-left: -320px; top: 15px;}
.sticky-header .sticky-view { display: block;}
.sticky-header {	position: fixed;	top: -45px;}
.sticky-header .top-nav-container { background:#031f38;}
.sticky-header .logo { width: 280px; height: 44px;}
.sticky-header .navbar-nav > li > a { padding-top: 17px; padding-bottom: 17px;}
.sticky-header .top-container {
	-webkit-animation-name: top_cont; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	animation-name: top_cont;
	animation-duration: 2s;
	-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
	animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes top_cont {
	0% {opacity: 0; -webkit-transform: translateY(-100px);}
	100% {opacity: 1; -webkit-transform: translateY(0);}
}

/* Standard syntax */
@keyframes top_cont {
	0% {opacity: 0; -webkit-transform: translateY(-100px);}
	100% {opacity: 1; -webkit-transform: translateY(0);}
}

.home-slide-container { float: left; width: 100%; overflow: hidden; position: relative; }
.home-slide{ clear:both; max-width: 100%; position:relative; overflow: hidden; background: #011a30}
.home-slide ul{ margin:0; padding:0; list-style:none; }
.home-slide li{ margin:0; padding:0; list-style:none; position: relative; background: none; display: block; }
.home-slide li.slide { display: none;}

.home-slide .slide-caption .wrap { max-width: 900px; margin: 11% auto 0; text-align: center;}
.home-slide .slide-caption{ position: absolute; left: 0; top:0; margin: 0; width:100%; color: #fff; overflow: hidden; }
.home-slide .slide-caption h1 { margin-bottom: 5px; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); text-transform: none;}
.home-slide .slide-caption h2 { margin-bottom: 20px; color: #f8d381; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.home-slide .slide-caption h2 span { font-weight: 300; color: #6cabd5; text-transform: none;}
.home-slide .slide-caption p { font-size: 1.4em; color: #fff; margin-bottom: 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}

.home-slide .slide-caption .customBtn { margin: 0; width: 300px; height: 60px; border: 0px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; font-size: 24px; padding-top: 12px; padding-bottom: 12px;}
.home-slide .slide-caption .button-wrap { margin: 20px auto 0; width: 346px; height: 100px; padding-top: 20px; background: rgba(0,0,0, 0.3); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.home-slide .slide-caption .customBtn:focus,
.home-slide .slide-caption .customBtn:hover { color: #3696ed; text-decoration: none; background: url(../img/white-bg.png) repeat;}

.home-slide .flex-control-nav { position:absolute; left:50%; max-width:600px; padding: 0; list-style:none; bottom: 40px; margin: 0 0 0 -300px; z-index: 99; height: 11px; border-bottom: 1px solid #6cabd5;}
.home-slide .flex-control-nav li{ list-style:none; margin:0; padding:0; background: none; display: inline-block; vertical-align: top; }
.home-slide .flex-control-nav li a { display: block; width: 200px; cursor: pointer; color: #6cabd5; padding-top: 11px;}
.home-slide .flex-control-nav li a:hover { text-decoration: none;}
.home-slide .flex-control-nav li a.flex-active { background: url(../img/slide_control_arrow.png) no-repeat center bottom; cursor: default; height: 10px; border-bottom: 5px solid #6cabd5; }

/***** BEGIN HOME PAGE *****/
.about-section { padding-top: 100px; padding-bottom: 100px; clear: both;}
.about-section > .row { margin-left: -30px; margin-right: -30px;}
.about-info li { margin-bottom: 10px; list-style: none; padding-left: 30px; background: url(../img/tick.png) no-repeat 0 6px;}
.about-info h3 { font-weight: 700;}
.about-info h4 { margin-bottom: 0;}
.about-info h3, .about-info h4 { text-transform: none; font-family: 'Open Sans', sans-serif;}

.service-container { padding-top: 100px; padding-bottom: 100px; clear: both; background: #fefbf2}
.service-container h3 { margin-bottom: 40px;}
.title-desc { clear: both; max-width: 840px; margin: 0 auto; font-size: 1.7em; font-weight: 300; overflow: hidden;}
.service-section { margin-left: -30px; margin-right: -30px;}
.service-content { width: 100%; background: #fff; box-shadow: 1px 1px 1px #ddd; padding: 20px 15px; text-align: center; margin-top: 20px;}
.service-content .icon { background: #f8d381; width: 80px; height: 80px; border-radius: 4px; position: relative; margin: -40px auto 20px;}
.service-content h6 { text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal;}
.service-content .icon .fa { font-size: 48px; color: #fff; position: relative; top: 17px;}
.read-more { display: block; width: 92px; border-top: 3px solid #e5dfd7; margin: 0 auto; text-align: center;}
.read-more .fa-long-arrow-right { top: 2px; left: 5px; position: relative;}

.products-container { padding-top: 100px; padding-bottom: 100px; clear: both; background: #eff3f7;}
.products-section { margin-left: -30px; margin-right: -30px; display: table;}
.products-section .item-col { width: 20%; /*padding-left: 20px; padding-right: 20px;*/ float: none; display: table-cell;}
.products-section .read-more { margin-left: 0; margin-right: 0; position: absolute; position: absolute; left: 15px; bottom: 20px;}

.products-content { position: relative; width: 100%; background: #fff; box-shadow: 1px 1px 1px #ddd; min-height: 320px; margin-bottom: 30px;}
.products-content .thumb { background: #91969b; width: 100%;}
.products-content .thumb img { width: 100%;}
.products-content .info { padding: 20px 15px 45px;}
.products-content h6 { text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal; font-size: 1em;}

/* Temp Code Support Section */
.hcs-image{
	float: left;
	margin: 0 auto
}
.hcs-text{
	float: left;
	margin-left: 12px;
	padding-top:12px;
	font-size:40px;
	color:#f8d381;
}

.hcs-text2{
	float: left;
	margin-left: 6px;
	padding-top:12px;
	font-size:36px;
	color:#f8d381;
}

#hcs-textslide {
  margin: 0 auto;
  position: relative;
}

#hcs-textslide > div {
  position: absolute;
}


.support-container { padding-top: 100px; clear: both; background: #eff3f7;}
.support-content { position: relative; width: 100%; min-height: 320px; margin-bottom: 30px; }
.support-content .info { padding: 20px 15px 45px;}
.support-content h5 { text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal; font-size: 1.16em; }
.support-content .support1{ display:block; margin: auto; height: 120px; width: 120px; border-radius: 60px;}



.support-container { padding-top: 100px; clear: both; background: #eff3f7;}
.support-content { position: relative; width: 100%; min-height: 320px; margin-bottom: 30px; }
.support-content .info { padding: 20px 15px 45px;}
.support-content h5 { text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal; font-size: 1.16em; }
.support-content .support2{ display:block; margin: auto; height: 200px; width: 200px; border-right:5px solid black}


.support-content .support3{ display:block; margin: auto; height: 300px; width: 350px;}

.clients-container { padding-top: 100px; padding-bottom: 100px; clear: both; background: #fff}
.clients-section { text-align: center;}
.clients-section img { margin: 20px 15px;}
/*.clients-section img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%);}*/

.partners-container { background:url(../img/partner_bg.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.partners-container > .container > .row { margin-left: -30px; margin-right: -30px;}
.partners-container h2 { font-size: 10em; color: #fff; text-transform: none; margin-top: 100px;}
.partners-content { min-height: 100px; background: #f8d381; padding: 30px 40px; font-style: italic; font-size: 1.4em; color: #6a4e2a; position: relative;}
.partners-content .fa { position: relative; margin-right: 10px;}
.partners-content p { margin: 20px 0;}
.partners-content a { color: #6a4e2a;}
.indicate-arrow { width: 0;  height: 0;  border-top: 40px solid transparent;  border-bottom: 40px solid transparent;  border-right:40px solid #f8d381; position: absolute; left: -39px; top: 40px;}

.testimonial-container { padding-top: 120px; padding-bottom: 120px;}
.testimonial-title { margin-bottom: -70px; position: relative;}
.testimonial-title h4 { text-transform: uppercase;}
.testimonial-title .fa-quote-right { font-size: 7em; color: #e3e4e4; position: absolute; left: 0; bottom: 6px; padding-left: 185px;}
.testimonial-slide { clear:both; max-width: 100%; position:relative; background:url(../img/testimonial_bg2.jpg) no-repeat center 70px;}
.testimonial-slide .flex-viewport { padding-top: 70px;}
.testimonial-slide ul{ margin:0; padding:0; list-style:none;}
.testimonial-slide li{ margin:0; padding:0; list-style:none; position: relative; background: none; display: block; }
.testimonial-slide li.slide { display: none;}
.testimonial-slide .thumb { position: absolute; right: 30px; top: -50px; width: 200px; height: 200px;}
.testimonial-slide .thumb img { width: 100%; border-radius: 50%; border: 8px solid #fff;}
.testimonial-slide .slide-caption { margin: 0; width:100%; padding: 30px 300px 30px 40px; font-style: italic; font-size: 1.2em;}
.testimonial-name { color: #c39255; line-height: 1.2;}
.testimonial-name h6 { color: #3696ed; margin-bottom: 0;}
.testimonial-name span { display: block;}
.testimonial-slide .slide-caption p { margin-bottom: 10px;}
.testimonial-slide .flex-control-nav { position:absolute; padding: 0; list-style:none; left: 0; bottom: -30px; z-index: 99; height: 12px; }
.testimonial-slide .flex-control-nav li{ list-style:none; margin:0; padding:0; background: none; display: inline-block; vertical-align: top; margin: 0 10px 0 0; }
.testimonial-slide .flex-control-nav li a { text-indent: -99999px; display: block; width: 12px; height: 12px; cursor: pointer; background: url(../img/bullet.png) no-repeat; }
.testimonial-slide .flex-control-nav li a.flex-active { background-position: 0 -32px; cursor: default; }

.management-container { padding-top: 100px; padding-bottom: 110px; clear: both; background: #eff3f7}
.management-slide { clear:both; max-width: 900px; position:relative; margin: 0 auto;}
.management-slide .flex-viewport { padding-bottom: 5px;}
.management-slide ul{ margin:0; padding:0; list-style:none;}
.management-slide li{ margin:0; padding:0; list-style:none; position: relative; background: none; display: block; }
.management-slide li.slide { display: none;}
.management-slide .slide-img { position: absolute; top: 0; top: 0; width: 100%; min-height: 300px;}
.management-slide .slide-img img { width: 100%;}
.management-slide .slide-caption { float: right; margin: 160px 80px 0 0; max-width:560px; padding: 35px; position: relative; z-index: 9; background: #fff; box-shadow: 1px 1px 1px #ddd}
.management-name { color: #7c5e38; line-height: 1.2;}
.management-name h6 { font-size: 1.8em; margin-bottom: 5px;}
.management-name span { display: block; font-size: 1.2em}
.management-name p { font-style: italic;}
.management-slide .slide-caption p { margin-bottom: 0; font-style: italic;}
.management-slide .flex-direction-nav { position:absolute; padding: 0; list-style:none; left: 0; bottom: 4px; z-index: 99; height: 52px;}
.management-slide .flex-direction-nav li{ list-style:none; margin:0; padding:0; background: none; display: inline-block; vertical-align: top; margin: 0 20px 0 0; }
.management-slide .flex-direction-nav li a { text-indent: -99999px; display: block; width: 42px; height: 52px; cursor: pointer; background: url(../img/slide_arrow.png) no-repeat; }
.management-slide .flex-direction-nav li a.flex-next { background-position: -60px 0; }

.tools-container { padding-top: 70px; padding-bottom: 100px; clear: both;}
.tools-content .icon { margin-bottom: 10px;}
.tools-content .icon,
.tools-content .info { width: 100%; text-align: center; clear: both;}
.tools-content h6 { text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal; color: #7c5e38;}
.tools-content .col-xs-6,
.tools-content .col-sm-4 { padding-bottom: 20px;}

.call-to-action { margin-top: 30px; margin-bottom: 30px;}
.action-content { background: #3696ed; width: 100%; padding: 30px; overflow: hidden; }
.action-content p { float: left; margin: 0; font-family: 'Lobster Two', cursive; font-size: 2em; line-height: 1.2; color: #fff; font-style: italic;}
.action-content .customBtn { float: right; width: 220px; height: 44px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; margin: 0; background: #fff; color: #3696ed; padding-top: 11px; padding-bottom: 8px; font-weight: 600;}
.action-content .customBtn:hover { background: #f8d381; color: #7c5e38;}
/***** END HOME PAGE *****/

/***** BEGIN MANAGEMENT & TEAM PAGE ***/
.management-page { padding-top: 100px; padding-bottom: 100px; clear: both;}
.management-page > .row { margin-left: -30px; margin-right: -30px;}
.management-info { padding-left: 30px;}
.management-info.left { padding-left: 0; padding-right: 30px;}
.management-info h3 { font-weight: 700;}
.management-info h4 { margin-bottom: 0;}
.management-info h3, .management-info h4 { text-transform: none; font-family: 'Open Sans', sans-serif;}

.team-title { padding-top: 60px; padding-bottom: 60px; clear: both; background: url(../img/team_bg.png) no-repeat center; background-color: #f8d381}
.team-container { padding-top: 100px; padding-bottom: 100px; clear: both; background: #eff3f7}
.team-section { margin-left: -35px; margin-right: -35px;}
.team-section .col-md-4 { padding-left: 20px; padding-right: 20px;}
.team-content { width: 100%; background: #fff; box-shadow: 1px 1px 1px #ddd; overflow: hidden; position: relative; margin-bottom: 30px;}
.team-content .thumb { float: left; background: #91969b; width: 40%;}
.team-content .thumb img { float: left; width: 100%;}
.team-content .info { float: left; width: 60%; padding: 15px 15px 25px 20px; font-size: 0.9em;}
.team-content .info span { display: block; margin-bottom: 8px; color: #e0ad3d;}
.team-content .info h6 { text-transform: uppercase; margin-bottom: 0; letter-spacing: normal; font-size: 1.1em;}
.team-content .info p { margin-bottom: 10px;}
.personal-network { clear: both; overflow: hidden; width: 100%; display: table; position: absolute; left: 0; bottom: 0; }
.personal-network a { display: table-cell; width: 25%; text-align: center; padding: 5px 3px 2px 3px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.personal-network .fa { font-size: 1.2em; color: #fff;}
.team-content .yellowBg:hover { background-color: #edc162 !important; }
.team-content .lightBlue:hover { background-color: #62abec !important;}

/***** END MANAGEMENT & TEAM PAGE ***/

/***** BEGIN PRODUCT PAGE *****/
.productsPage-container { padding-top: 100px; padding-bottom: 100px; clear: both; background: #eff3f7}
.productsPage-section { margin-left: -30px; margin-right: -30px; display: table;}
/*.productsPage-section .item-col { width: 25%; float: none; display: table-cell;}*/
.productsPage-content { width: 100%; background: #fff; box-shadow: 1px 1px 1px #ddd; margin-bottom: 30px; position: relative;}
.productsPage-content .thumb { background: #91969b; width: 100%;}
.productsPage-content .thumb img { width: 100%;}
.productsPage-content .info { padding: 20px 15px 45px;}
.productsPage-content h6 { text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal;}
.productsPage-content .read-more { margin-left: 0; margin-right: 0; position: absolute; position: absolute; left: 15px; bottom: 20px;}

/*
.products-container { padding-top: 100px; padding-bottom: 100px; clear: both; background: #eff3f7;}
.products-section { margin-left: -30px; margin-right: -30px; display: table;}
.products-section .item-col { width: 20%; float: none; display: table-cell;}
.products-section .read-more { margin-left: 0; margin-right: 0; position: absolute; position: absolute; left: 15px; bottom: 20px;}
*/

.product-detail-img { clear: both; max-width: 900px; overflow: hidden; margin: 0 auto 40px;}
.product-detail-content { clear: both; max-width: 840px; margin: 0 auto; overflow: hidden;}
.backBtn { max-width: 900px; margin: 0 auto; clear: both; text-align: right;}
.backBtn .customBtn { width: 200px; text-transform: none; margin-top: 40px;}


.product-detail-img2 {clear: both; height: 300px; max-width: 900px; overflow: hidden; margin: 0 auto 40px;}
.product-detail-img3 {clear: both; height: 350px; max-width: 900px; overflow: hidden; margin: 0 auto 40px;}
.product-detail-img5 { clear: both; height:500px; max-width: 1100px; overflow: hidden; margin: 0 auto 40px;}
/***** END PRODUCT PAGE *****/

/** HCS page**/
.hcsPage-container { padding-top: 30px; padding-bottom: 100px; clear: both; background: #eff3f7}
.hcsPage1-container { padding-top: 40px; padding-bottom: 70px; clear: both; background: #fefbf2}
.hcsPage2-container { padding-top: 40px; padding-bottom: 70px; clear: both; background: #fff}
.hcs-detail-img { clear: both; width: 400px; overflow: hidden; margin: 0 auto 40px;}



/***** BEGIN BLOG PAGE ***/


.blog-container { padding-top: 100px; padding-bottom: 100px; clear: both; background: #eff3f7;}
.blog-container > .container > .row { margin-left: -30px; margin-right: -30px;}
.blog-section { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; }
.blog-section .item-col {}
.blog-right { padding-left: 20px; width: 100%; clear: both; overflow: hidden;}

.blog-section .read-more { margin-left: 0; margin-right: 0; position: absolute; position: absolute; left: 15px; bottom: 20px;}
.blog-content { width: 100%; background: #fff; box-shadow: 1px 1px 1px #ddd; margin-bottom: 30px; position: relative; min-height: 340px;}
.blog-content .thumb { background: #91969b; width: 100%;}
.blog-content .thumb img { width: 100%;}
.blog-content .info { padding: 20px 15px 45px; font-size: 1em;}
.blog-content h6 { margin-bottom: 10px; letter-spacing: normal; font-size: 1.1em;}
.blog-content h6 a { color: #3696ed; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.blog-content h6 a:hover { text-decoration: none; color: #7c5e38;}
.blog-content .post-info { display: block;	width: 60px;	padding: 4px 0;	background: #f8d381; position: absolute; left: 15px; top: -15px; z-index: 9; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #7c5e38; font-size: 12px; line-height: 16px; }
.blog-content .post-info span { display: block; font-size: 16px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; }

.right-block { clear: both; width: 100%; overflow: hidden; padding-bottom: 30px; }
.right-block h4 { font-size: 16px; line-height: 20px; text-transform: uppercase; margin-bottom: 5px; }
.post-list { list-style: none; margin: 0; padding: 0; }
.post-list li { list-style: none; margin: 0; padding: 4px 15px; background: url(../img/blue-bullet.png) no-repeat 0 11px; }
.post-list li span { color: #a5a7aa; display: block; font-size: 12px; line-height: 16px; }
.post-list li a { color: #66676a; }
.post-list li a:hover { text-decoration: none; color: #3696ed; }

.blog-pagination { clear: both; width: 100%; overflow: hidden; margin-top: 20px; padding: 0 15px 30px; text-transform: uppercase; }
.blog-pagination .rowIn { overflow: hidden; border-top: 1px solid #ddd; padding-top: 15px; }
.blog-pagination .left { float: left; }
.blog-pagination .right { float: right; }
.blog-pagination a { color: #c4c5c7; font-weight: 600; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.blog-pagination a:hover { text-decoration: none; color: #3696ed; }

.blog-content-detail:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.blog-content-detail { clear: both; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 40px; }
.blog-content-detail ul { margin: 0 0 20px; padding: 0; list-style: none; }
.blog-content-detail li { list-style: none; margin: 6px 0 6px 0; padding: 0 0 0 15px; background: url(../img/disc-bullet.png) no-repeat 0 10px; }
.blog-article { clear: both; width: 100%; overflow: hidden; margin-bottom: 40px; padding-bottom: 40px; background: url(../img/grey-line.png) no-repeat left bottom; }
.blog-article h3 { text-transform: lowercase; font-weight: 400; font-size: 2.2em;}
.blog-article p { margin-bottom: 30px; }
.post-date { clear: both; width: 100%; overflow: hidden; margin-bottom: 30px; font-size: 1.2em;}
.blog-img { clear: both; width: 100%; overflow: hidden; margin-bottom: 30px; }
.blog-img img { width: 100%;}
.blog-comment-field { clear: both; width: 100%; overflow: hidden; margin-bottom: 40px; background: #fff; box-shadow: 1px 1px 1px #ddd; padding: 20px;}



/***** END BLOG PAGE *****/

/***** BEGIN CONTACT PAGE ***/
.contact-container {padding-top: 100px; padding-bottom: 100px; clear: both; background: #eff3f7;}
.gogle-map { width: 100%; max-height:400px; overflow: hidden;}
.contact-content > .row { margin-left: -30px; margin-right: -30px;}
.contact-form .form-group { margin-bottom: 25px;}
.contact-form h5 { text-transform: none;}
.contact-info { padding-left: 30px; padding-bottom: 30px; font-size: 1.2em;}
.contact-info h6 { margin-bottom: 10px; }
.contact-info .email {padding-left: 26px; padding-bottom: 7px; background: url(../img/icon-email.png)no-repeat 0 10px; display: block;}
.contact-info .tel {padding-left: 23px; padding-bottom: 6px; background: url(../img/icon-tel.png)no-repeat 0 8px; display: block;}
.contact-info .addres {padding-left: 23px; background: url(../img/icon-map.png)no-repeat 0 8px; display: block;}
.contact-info .top-social { float: none; overflow: hidden; max-width: 80%; clear: both; background: #f8d381; margin-top: 20px; padding-left: 22px;}
.contact-info .top-social span { color: #7c5e38;}
.contact-info .top-social .fa { color: #7c5e38;}

/***** END CONTACT PAGE ***/

/***** BEGIN FOOTER ***/
.footer-container { clear: both; width: 100%; margin: 0 auto; min-height: 200px; background: url(../img/footer_bg.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.footer-content {  padding: 80px 0; color: #fff;}
.footer-content > .row { margin-left: -30px; margin-right: -30px;}
.footer-content > .row > .col-md-6 { padding-left: 30px; padding-right: 30px; }
.footer-left { width: 100%; clear: both;}
.subscriber-form { width: 100%; background: #edf1f2; padding: 60px 30px; }
.subscriber-form > .rowIn { text-align: center; }
.subscriber-form > .rowIn h4 { margin-bottom: 5px;}
.subscriber-form > .rowIn p { color: #666; margin-bottom: 30px;}
.subscriber-form .input-group { max-width: 420px; margin-left: auto; margin-right: auto;}
.subscriber-form .txtField { width: 298px; padding-left: 15px !important; border: 1px solid #ddd !important; background: #fff !important; height: 36px; border-radius: 18px 0 0 18px; -webkit-border-radius: 18px 0 0 18px; -moz-border-radius: 18px 0 0 18px;}
.subscriber-form .customBtn { margin-top: 0; margin-left: -20px; display: table-cell; width: 120px; position: relative; z-index: 9;}
.subscriber-form .txtField:focus { border-color: #ccc !important;}
.footer-content h6 { color: #fff; font-size: 1em; text-transform: uppercase; margin-bottom: 5px;}
.footer-links { margin: 0; padding: 0;}
.footer-links li {list-style: none; padding: 0 0 0 15px; background: url(../img/small_arrow_yellow.png)no-repeat 0 6px; font-size: 0.9em; line-height: 1.5; margin-bottom: 6px;}
.footer-links li a { color: #3696ed;}

.copyright-container { clear: both; width: 100%; margin: 0 auto; min-height: 100px; background: #011a30; font-size: 0.9em;}
.copyright-content { padding: 40px 0; color: #6cabd5; text-align: center;}
.copyright-content p { margin: 0;}
.copyright-links { max-width: 100%; clear: both; padding-top: 5px; padding-bottom: 5px;}
.copyright-links a { color: #f8d381;}
.copyright-content .top-social { float: none; margin-left: auto; margin-right: auto;}

/***** END FOOTER *****/

.TPadd60 { padding-top: 60px;}
.TPadd40 { padding-top: 40px;}
.TPadd20 { padding-top: 20px;}
.BMargin40 { margin-bottom: 40px;}