@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900');

/*
Theme Name: Laser Safety Certification
Theme URI: http://demo.com/themes/ssxtheme
Author: the Laser Safety Certification team
Author URI: http://demo.com/
Description: The Laser Safety Certification theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Laser Safety Certification


*/
/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
 
* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 18px; color: #666666; font-family: 'Roboto', sans-serif; background: #fff; }
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.wrapper { max-width: 1300px; position: relative; margin: auto; }

*::-webkit-input-placeholder{ color: #999999; opacity: 1; } 
*::-moz-placeholder{ color: #999999; opacity: 1; } 
*:-ms-input-placeholder{ color: #999999; opacity: 1; }
[href^="tel"] { cursor: default; color: #fff !important; }
[href^="tel"]:hover { text-decoration: none; }
.rounded { border-radius: 6px; -webkit-border-radius: 6px; }
.circle { border-radius: 50%; -webkit-border-radius: 50%; }

/* common */
a { text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; }
ul { margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }
p { padding-bottom: 15px; line-height: 28px; color: #666666; font-size: 18px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 40px; }
h2 { margin-bottom: 10px; color: #212121; font-size: 46px; line-height: 55px; font-family: 'aeroregular'; }
h3 { font-size: 30px; }
h4 { font-size: 26px; }
h5 { font-size: 24px; }
h6 { font-size: 22px; }

input, textarea { font-family: 'Roboto', sans-serif; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }

h2 span { color: #0059b2; }

#back-to-top { position: fixed; bottom: 60px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #2db200 url(images/top_btn1.png) center center no-repeat; }
#back-to-top.show { opacity: 0.8; z-index: 9999; }

a.btn { padding: 11px 54px 11px 24px; color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 500; display: inline-block; border-radius: 22px; background-color: #2db200; background-image: url(images/btn-arrow.png); background-position: 98% center; background-repeat: no-repeat; }
a.btn:hover { background-color: #0059b2; }

/* wrapper */
#wrapper { width: 100%; min-height: 100%; position: relative; overflow: hidden; }

	/* header */
	#header-part { width: 100%; min-height: 140px; float: left; position: absolute; top: 0; z-index: 99; background: #fff; }
	
	@-webkit-keyframes stickyhead{  0%{opacity:0;-webkit-transform:translateY(-100%) } 100%{opacity:1;-webkit-transform:translateY(0)} }	
	@- moz-keyframes stickyhead{ 0%{opacity:0;-moz-transform:translateY(-100%)} 100%{opacity:1;-moz-transform:translateY(0)} }
	@keyframes stickyhead{ 0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)} 100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} }	

	.stickyhead  {-webkit-animation:stickyhead ease-in-out 0.7s 0.1s both;-moz-animation:stickyhead ease-in-out 0.7s 0.1s both;animation:stickyhead ease-in-out 0.7s 0.1s both}
	
	#header-part.stickyhead  { width: 100%; top:0px; left: 0px; z-index: 999; position: fixed; box-shadow: 0 0 7px rgba(0,0,0,.3); }
	
		/* top-bar */
		.top-bar { padding-top: 13px; width: 100%; float: left; position: relative; }
		.top-bar .logo { padding-top: 7px; width: auto; float: left; }
		.top-bar .right { width: 73%; float: right; }
		.top-bar .top { margin-bottom: 10px; width: auto; float: right; }
		.top-bar .top a { padding: 12px 1px 12px 52px; color: #333333; font-size: 18px; line-height: 21px; float: left; }
		.top-bar .top [href^="tel"] { margin-right: 25px; color: #333333 !important; font-size: 22px; font-weight: 500; background: url(images/phone-icon.png) no-repeat left center; }
		.top-bar .top a .fa { display: none; }
		.top-bar .top a.mail { letter-spacing: 0.2px; background: url(images/mail-icon.png) no-repeat left center; }
		.top-bar .top a.mail:hover { color: #0059b2; }
	
		/* nav-bar */
		.nav-bar { width: 100%; float: left; position: relative; }
		.nav-bar ul { list-style: none; }
		.nav-bar li { margin: 0 21px; float: left; font-size: 18px; position: relative; font-weight: 500; text-transform: uppercase; }
		.nav-bar li:last-child { margin-right: 0; }
		.nav-bar li > a { padding-top: 30px; display: block; color: #333333; letter-spacing: 0.2px; }
		.nav-bar a.mobilemenu { display: none; }
		.nav-bar a.close { display: none; }
		.nav-bar #menu { float: right; }
		.nav-bar li.current-menu-item > a, .nav-bar li.current_page_parent > a { color: #0059b2; background: url(images/nav-icon.png) no-repeat top center; }
		.nav-bar li:hover > a { color: #0059b2; }
		.nav-bar .sub-menu { padding: 5px 8px; position: absolute; left: -14px; top: 100%; min-width: 147px; display: none; background: #fff; }
		.nav-bar .sub-menu li { padding: 5px 7px; margin: 0; width: 100%; }
		.nav-bar .sub-menu li a { padding-top: 0px; }
		.nav-bar li:hover .sub-menu { display: block; }
		
	/* content-part */
	#content-part { margin-top: 140px; width: 100%; float: left; position: relative; }
	
		/* banner-bar */
		.banner-bar { width: 100%; float: left; position: relative; text-align: center; }
		.banner-bar .item:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 367px; z-index: 9; background: url(images/banner-shadow.png) no-repeat top center; background-size: cover; }
		.banner-bar .item { width: 100%; display: none; background-repeat: no-repeat; background-size: cover; }
		.banner-bar .slick-initialized .item { display: block; }
		.banner-bar .wrapper { height: 810px;  }
		.banner-bar .slick-dots { position: absolute; bottom: 36px; display: block; width: 100%; padding: 0; margin: 0; z-index: 99; list-style: none; text-align: center; }
		.banner-bar .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
		.banner-bar .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 14px; height: 14px; padding: 5px; cursor: pointer; border-radius: 50%; color: transparent; border: 0; outline: none; background: #635d5e; }
		.banner-bar .slick-dots li.slick-active button { background: #2db200; }
		.banner-bar .text { position: absolute; bottom: 96px; left: 0; width: 100%; z-index: 999; }
		.banner-bar h2 { margin-bottom: 22px; color: #fff; font-size: 46px; line-height: 55px; font-weight: 500; font-family: 'Roboto', sans-serif; text-shadow: 2px 3px 7px rgba(0,0,0,0.6); }
		.banner-bar h2 strong { font-weight: 900; }
		.banner-bar a.btn { padding: 15px 74px 16px 26px; font-size: 24px; border-radius: 32px; background-color: #0059b2; background-image: url(images/btn-arrow2.png); background-repeat: no-repeat; background-position: 98% center; }
		.banner-bar a.btn:hover { background-color: #2db200; }
		.banner-bar.nobanner { height: 500px; position: relative; background-repeat: no-repeat; background-size: cover;  }
		.banner-bar.nobanner:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 367px; z-index: 9; background: url(images/banner-shadow.png) no-repeat top center; background-size: cover; }
		
		/* who-bar */
		.who-bar { padding: 87px 0 99px; width: 100%; float: left; position: relative; text-align: center; }
		.who-bar:before { content: ""; position: absolute; left: 0; top: 152px; width: 302px; height: 615px; background: url(images/whowe-shadow1.png) no-repeat left center; }
		.who-bar:after { content: ""; position: absolute; right: 0; top: 152px; width: 302px; height: 615px; background: url(images/whowe-shadow2.png) no-repeat left center; }
		.who-bar p strong { color: #333333; font-weight: 500; font-size: 22px; line-height: 39px; }
		.who-bar .sub { margin-bottom: 15px; display: inline-block; font-weight: 500; position: relative; letter-spacing: 0.7px; }
		.who-bar .sub:before, .who-bar .sub:after { content: ""; position: absolute; top: 10px; width: 60px; height: 2px; background: #8fd677; }
		.who-bar .sub:before { left: -70px; }
		.who-bar .sub:after { right: -70px; }
		.who-bar h2 { margin-bottom: 10px; }
		.who-bar .video { margin: 39px auto 0; width: 720px; height: 450px; position: relative; }
		.who-bar video { width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: fill; position: relative; background-size: cover; }
		.who-bar .video:before { content: ""; position: absolute; height: 100%; width: 100%; background: url(images/play-btn.png) no-repeat center center; }
		.who-bar video::-webkit-media-controls-fullscreen-button { display: none; }
		
		/* program-bar */
		.program-bar { padding: 99px 0; width: 100%; float: left; position: relative; background: #f4f4f4; }
		.program-bar:after { content: ""; position: absolute; width: 316px; height:375px; right: 0; bottom: 0; background: url(images/program-shadow.png) no-repeat right center; }
		.program-bar .left { padding: 20px; width: 610px; min-height: 520px; float: left; position: relative; background-repeat: no-repeat; background-size: cover; }
		.program-bar .left:before { content: ""; position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #2db200; }
		.program-bar .right { margin-top: 60px; width: 588px; float: right; }
		.program-bar p strong { color: #333333; font-weight: 500; font-size: 22px; line-height: 30px; display: block; }
		.program-bar p { padding-bottom: 21px; }
		
		/* serve-bar */
		.serve-bar { padding: 86px 0 102px; width: 100%; float: left; position: relative; text-align: center; }
		.serve-bar .sub { margin-bottom: 19px; display: inline-block; font-weight: 500; position: relative; letter-spacing: 0.7px; }
		.serve-bar .sub:before, .serve-bar .sub:after { content: ""; position: absolute; top: 10px; width: 60px; height: 2px; background: #8fd677; }
		.serve-bar .sub:before { left: -70px; }
		.serve-bar .sub:after { right: -70px; }
		.serve-bar p strong { color: #333333; font-weight: 500; font-size: 22px; line-height: 30px; display: block; }
		.serve-bar .row { margin-top: 54px; width: 100%; min-height: 538px; float: left; position: relative; }
		.serve-bar .column { margin-bottom: 11px; width: auto; height: 220px; position: absolute; left: 426px; top: 0; }
		
		.serve-bar .column:nth-child(2) { left: 655px; }
		.serve-bar .column:nth-child(3) { top: 230px;  }
		.serve-bar .column:nth-child(4) { top: 230px; left: 655px; }
		.serve-bar .column:nth-child(2) .box { left: 30%; background: url(images/serve-icon2.png) no-repeat top center; }
		.serve-bar .column:nth-child(3) .box { left: 30%; background: url(images/serve-icon3.png) no-repeat top center; }
		.serve-bar .column:nth-child(4) .box { left: 48%; background: url(images/serve-icon4.png) no-repeat top center; }
		
		.serve-bar .column:nth-child(2) .content { text-align: right; left: auto; right: -649px; }
		.serve-bar .column:nth-child(2) h3 { color: #0059b2; }
		.serve-bar .column:nth-child(2) h3:before { right: 0; background: url(images/serve-line2.png) no-repeat top center }
		.serve-bar .column:nth-child(2) .box img { margin-top: 76px; margin-left: 0px; }
		
		.serve-bar .column:nth-child(3) .content { top: 130px; }
		.serve-bar .column:nth-child(3) h3 { padding-bottom: 38px; color: #0059b2; }
		.serve-bar .column:nth-child(3) h3:before { height: 68px; top: -20px; background: url(images/serve-line3.png) no-repeat top center }
		.serve-bar .column:nth-child(3) .box img { margin-top: 48px; margin-left: 33px; }
		
		.serve-bar .column:nth-child(4) .content { text-align: right; left: auto; right: -649px; top: 130px; }
		.serve-bar .column:nth-child(4) h3 { padding-bottom: 38px; color: #2db200; }
		.serve-bar .column:nth-child(4) h3:before { height: 70px; top: -19px; right: 0; background: url(images/serve-line4.png) no-repeat top center }
		.serve-bar .column:nth-child(4) .box img { margin-top: 50px; margin-left: -31px; }
		
		.serve-bar .box { width: 220px; height: 100%; position: absolute; top: 0; left: 34%; z-index: 99; background: url(images/serve-icon1.png) no-repeat top center; }
		.serve-bar .content { width: 337px; position: absolute; text-align: left; left: -424px; top: -10px; }
		.serve-bar .content h3 { padding-bottom: 24px; color: #2db200; font-size: 22px; line-height: 26px; font-weight: 700; position: relative; }
		.serve-bar .content h3:before { content: ""; position: absolute; top: 31px; width: 504px; height: 63px; background: url(images/serve-line.png) no-repeat top center }
		.serve-bar .box img { max-width: 90px; display: inline-block; margin-top: 76px; margin-left: 20px; }
		.serve-bar .content p { line-height: 23px; position: relative; }
		.serve-bar a.btn { padding: 11px 59px 11px 28px; letter-spacing: 0.3px; }
		.serve-bar .center { position: absolute; top: 148px; left: 575px; z-index: 99; }
		
		/* latest-bar */
		.latest-bar { padding: 75px 0 98px; width: 100%; float: left; position: relative; text-align: center; background: #f4f4f4 url(images/blog-bg.jpg) repeat; }
		.latest-bar .sub { margin-bottom: 19px; display: inline-block; font-weight: 500; position: relative; letter-spacing: 0.7px; }
		.latest-bar .sub:before, .latest-bar .sub:after { content: ""; position: absolute; top: 10px; width: 60px; height: 2px; background: #8fd677; }
		.latest-bar .sub:before { left: -70px; }
		.latest-bar .sub:after { right: -70px; }
		.latest-bar strong { color: #333333; font-weight: 500; font-size: 22px; line-height: 30px; display: block; }
		.latest-bar .row { margin: 43px -24px 0; width: auto; overflow: hidden; }
		.latest-bar .column { padding: 0px 24px; width: 33.33%; float: left; text-align: left; }
		.latest-bar .full { width: 100%; overflow: hidden; background: #fff; }
		.latest-bar h3 { margin-bottom: 4px; color: #202020; font-size: 24px; font-weight: 500; }
		.latest-bar h3 a { color: #202020; }
		.latest-bar h3 a:hover { color: #0059b2; }
		.latest-bar .image { width: 100%; overflow: hidden; }
		.latest-bar .image img { width: 100%; height: auto; }
		.latest-bar .text { padding: 27px 21px 28px; width: 100%; overflow: hidden; border: 1px solid #dddddd; }
		.latest-bar .text span { padding: 11px 0; color: #0059b2; font-size: 17px; display: block; }
		.latest-bar .text span i { margin-right: 5px; font-size: 20px; }
		.latest-bar .text p { font-size: 17px; line-height: 22px; display: inline; }
		.latest-bar .read-more { color: #2cb200; }
		
		/* choose-bar */
		.choose-bar { padding: 90px 0 110px; width: 100%; float: left; text-align: center; position: relative; }
		.choose-bar .sub { margin-bottom: 19px; display: inline-block; font-weight: 500; position: relative; letter-spacing: 0.7px; }
		.choose-bar .sub:before, .choose-bar .sub:after { content: ""; position: absolute; top: 10px; width: 60px; height: 2px; background: #8fd677; }
		.choose-bar .sub:before { left: -70px; }
		.choose-bar .sub:after { right: -70px; }
		.choose-bar strong { color: #333333; font-weight: 500; font-size: 22px; line-height: 30px; display: block; }
		.choose-bar strong a { color: #0059b2; }
		.choose-bar .choose { width: 320px; height: 320px; border-radius: 50%; border: 1px solid #c9c9c9; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 99; background: #fff; }
		.choose-bar .choose img { margin-top: 50px; display: inline-block; }
		.choose-bar .row { margin-top: 46px; width: 100%; min-height: 315px; position: relative; overflow: hidden; }
		.choose-bar .text { width: 68%; text-align: right; vertical-align: middle; display: table-cell; }
		.choose-bar .text strong { color: #1f1f1f; line-height: 26px; }
		.choose-bar .circle { margin-left: 17px; width: 120px; height: 120px; border-radius: 50%; border: 2px solid #9a9a9a; float: left; }
		.choose-bar .circle img { max-width: 120px; }
		.choose-bar .hover { display: none; }
		.choose-bar .column { position: absolute; left: 0; top: 3px; width: 380px; display: table; cursor: pointer; }
		.choose-bar .column:before { content: ""; position: absolute; right: -265px; top: 61px; width: 263px; height: 96px; background: url(images/choose-line1.png) no-repeat top center; }
		.choose-bar .text p { padding-bottom: 0; }
		.choose-bar .column:hover .text strong { color: #0059b2; }
		.choose-bar .column:hover .hover { padding: 3px; display: block; }
		.choose-bar .column:hover .circle .hover img { width: 100%; display: inline-block; }
		.choose-bar .column:hover .circle img { display: none; }
		.choose-bar .column:hover .circle { border: 2px solid #2db200; }
		.choose-bar .column:hover:before { background: url(images/choose-iconhover.png) no-repeat top center; }
		
		
		.choose-bar .column:nth-child(2) { right: 0; left: auto; }
		.choose-bar .column:nth-child(2) .text { padding-top: 38px; width: 62%; float: right; text-align: left; }
		.choose-bar .column:nth-child(2) .circle { margin-left: 0; margin-right: 17px; }
		.choose-bar .column:nth-child(2):before { right: auto; top: 54px; left: -264px; transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }
		
		.choose-bar .column:nth-child(3) { top: 186px; }
		.choose-bar .column:nth-child(3):before { right: -263px; top: -34px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; }
		
		.choose-bar .column:nth-child(4) { top: 186px; right: 0; left: auto; }
		.choose-bar .column:nth-child(4) .text { padding-top: 32px; width: 62%; float: right; text-align: left; }
		.choose-bar .column:nth-child(4) .circle { margin-left: 0; margin-right: 17px; }
		.choose-bar .column:nth-child(4):before { right: auto; top: -35px; left: -263px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipH;-ms-filter: "FlipH"; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
		
		.choose-bar .full { width: 100%; position: relative; }
		
		/* inquiry-bar */
		.inquiry-bar { padding: 90px 0 98px; width: 100%; float: left; text-align: center; position: relative; background: #f4f4f4 url(images/blog-bg.jpg) repeat; }
		.inquiry-bar:before { content: ""; position: absolute; left: 11%; top: 13%; width: 460px; height: 420px; background: url(images/form-shadow.png) no-repeat; }
		.inquiry-bar .sub { margin-bottom: 19px; display: inline-block; font-weight: 500; position: relative; letter-spacing: 0.7px; }
		.inquiry-bar .sub:before, .inquiry-bar .sub:after { content: ""; position: absolute; top: 10px; width: 60px; height: 2px; background: #8fd677; }
		.inquiry-bar .sub:before { left: -70px; }
		.inquiry-bar .sub:after { right: -70px; }
		.inquiry-bar .row { margin-bottom: 20px; overflow: hidden; }
		.inquiry-bar .column { padding: 0 16px; width: 33.33%; float: left; }
		.inquiry-bar .column.full { margin-bottom: 20px; width: 100%;  }
		.inquiry-bar input[type="text"], .inquiry-bar input[type="email"], .inquiry-bar input[type="tel"], .inquiry-bar textarea { padding: 10px 40px; margin: 0; width: 100%; height: 50px; border: 1px solid #cccccc; color: #232323; font-size: 16px; border-radius: 3px; background-color: #fff; background-repeat: no-repeat; background-position: 12px center; }
		.inquiry-bar input[type="text"] { background-image: url(images/name-icon.png); }
		.inquiry-bar input[type="email"] { background-image: url(images/email-icon.png); }
		.inquiry-bar input[type="tel"] { background-image: url(images/number-icon.png); }
		.inquiry-bar input.wpcf7-not-valid { border: 1px solid #f00 !important; }
		.inquiry-bar textarea.wpcf7-not-valid { border: 1px solid #f00 !important; }
		.inquiry-bar .wpcf7-not-valid-tip, .inquiry-bar div.wpcf7-validation-errors { display: none !important; }
				
		.inquiry-bar textarea { height: 90px; resize: none; background-image: url(images/message-icon.png); background-position: 12px 10px; }
		.inquiry-bar input[type="submit"] { margin: 0; padding: 11px 61px 11px 24px; color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 500; display: inline-block; border-radius: 30px; cursor: pointer; border: 0; text-transform: uppercase; background-color: #2db200; background-image: url(images/btn-arrow.png); background-position: 97% center; background-repeat: no-repeat; }
		.inquiry-bar input[type="submit"]:hover { background-color: #0059b2; }
		.inquiry-bar .form { padding: 0 48px; margin-top: 36px; width: 100%; overflow: hidden; }
		
		.inquiry-bar  div.wpcf7-mail-sent-ok { border: 0; color: #398f14; }
		
		/* title-bar */
		.title-bar { padding: 28px 0px; width: 100%; float: left; position: relative; background: #f4f4f4; }
		.title-bar h1 { font-family: 'aeroregular'; color: #515151; }
		
		/* content-bar */
		.content-bar { padding: 50px 0px 140px; width: 100%; float: left; position: relative; }

		
	/* footer-part */
	#footer-part { width: 100%; float: left; position: relative; }
		
		/* footer-bar */
		.footer-bar { padding: 99px  0 63px; width: 100%; float: left; position: relative; background: url(images/footer-bg.jpg) no-repeat top center; background-size: cover; }
		.footer-bar h3 { padding-bottom: 14px; margin-bottom: 16px; color: #fff; font-size: 22px; line-height: 26px; font-weight: 700; border-bottom: 1px solid #2e3022; position: relative; }
		.footer-bar h3:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 32px; height: 1px; background: #2db200; }
		.footer-bar .link { margin-right: 138px; width: 145px; float: left; }
		.footer-bar .link li { padding-left: 20px; margin-bottom: 16px; font-size: 17px; line-height: 21px; display: block; position: relative; }
		.footer-bar .link li:before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
		.footer-bar .link li.current_page_item:before { background: #2db200; }
		.footer-bar .link li.current_page_item a { color: #2db200; }
		.footer-bar .link li:hover a { color: #2db200; }
		.footer-bar .link li:hover:before { background: #2db200; }
		.footer-bar .link li a { color: #fff; }
		.footer-bar .details ul { list-style: none; }
		.footer-bar .details { margin-right: 133px; width: 350px; float: left; }
		.footer-bar .details .fa { margin-right: 10px; color: #2db200; font-size: 18px; vertical-align: top; }
		.footer-bar .details li { margin-bottom: 25px; color: #fff; font-size: 17px; line-height: 22px; }
		.footer-bar .details li a { color: #fff; }
		.footer-bar .details li a:hover { color: #2db200; }
		.footer-bar .details li [href^="tel"] { font-size: 20px; line-height: 26px; }
		.footer-bar .details li strong { padding-bottom: 4px; display: inline-block; font-size: 18px; font-weight: normal; font-family: 'aeroregular'; }
		.footer-bar .details .fa-map-marker { font-size: 28px; }
		.footer-bar .details .fa-phone { font-size: 24px; }
		.footer-bar .details li span { display: inline-block; width: 85%; }
		.footer-bar .follow { width: 150px; float: left; }
		.footer-bar .follow ul { list-style: none; }
		.footer-bar .follow li { margin-bottom: 10px; display: block; }
		.footer-bar .follow li a { color: #fff; font-size: 17px; line-height: 22px; }
		.footer-bar .follow li .fa { margin-right: 10px; width: 40px; height: 40px; line-height: 40px; font-size: 23px; text-align: center; border-radius: 50%; border: 1px solid #fff; }
		.footer-bar .follow li a:hover { color: #2db200; }
		.footer-bar .follow li:last-child .fa { font-size: 20px; }
		.footer-bar .f-logo { margin-top: 28px; margin-right: 22px; float: right; }
		
		/* copyright-bar */
		.copyright-bar { padding: 17px 0 14px; width: 100%; float: left; position: relative; text-align: center; background: #0059b2; }
		.copyright-bar p { padding-bottom: 0; color: #fff; font-size: 18px; }
		
		
/* Alignment */ 
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em !important;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1em !important;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
table, th, td {
	border: none
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
}
td {
	border-width: 0 1px 1px 0;
	vertical-align: top;
}
td img {
	width: 100%;
	max-width: 100%;
	vertical-align: top;
	margin: 0px;
	height: auto;
}
th, td {
	padding: 0.4em;
}
th {
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 28px;
}
td img.alignnone {
	margin: 0px
}
blockquote {
	/*font-style: italic;*/ 
	font-weight: normal;
	margin: 0 1em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
#blogWrapper { 
	width: 100%;
	clear: both;
	padding: 35px 0px;
}
/* blog container */ 
.patners_box {
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px
}
#BlogCntr {
	width: 100%;
	position: relative;
	overflow: hidden;
}
/* left blog box */ 
.leftBlogBox {
	width: 72%;
	float: left;
	padding-right: 15px;
	border-right: 1px solid #bebebe;
	min-height: 500px
}
.leftBlogBox ul, .leftBlogBox ol {
	margin-bottom: 20px;
	list-style-position: inside;
}
.leftBlogBox h1 {
	font-size: 35px;
}
.single .leftBlogBox h1 {
	padding-bottom: 5px;
	text-transform: capitalize
}
.single .leftBlogBox p {
	display: block
}
.leftBlogBox ul.dateBar {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0px
}
.single .leftBlogBox ul.dateBar {
	margin: 0 0 15px 0;
	padding-left: 0px
}
.leftBlogBox ul.dateBar li {
	color: #0059b2;
	font-size: 17px;
}
.leftBlogBox ul.dateBar li i {
    margin-right: 5px;
    font-size: 20px; }

.leftBlogBox ul.dateBar li strong {
	color: #000;
}
.leftBlogBox p {
	padding-bottom: 15px;
	display: inline;
	margin-bottom: 0;
}
.leftBlogBox .postLoop {
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
	margin: 0px;
	border-bottom: 1px solid #bebebe;
}
.leftBlogBox .postLoop:last-child, .leftBlogBox .postLoop:last-of-type {
	border-bottom: none;
}
.leftBlogBox .postLoop .image {
	float: left;
	margin: 5px 15px 5px 0;
}
.leftBlogBox .postLoop h2 {
	text-transform: capitalize;
	margin: 0px;
	font-size: 26px;
}
.leftBlogBox .postLoop h2 a {
	color: #202020;
	text-decoration: none
}
.leftBlogBox .postLoop h2 a:hover { color: #0059b2; }
.leftBlogBox .postLoop a.read-more {
	display: inline-block; 
	color: #2cb200;
	text-decoration: none;
	text-transform: capitalize;
	
}
.leftBlogBox .postLoop a.read-more:hover {
	color: #0059b2;
}
.leftBlogBox h4.title {
	font-size: 16px;
	font-weight: normal;
	padding-top: 15px;
	color: #000;
	text-transform: capitalize;
}
/* comment form */ 
.leftBlogBox #commentform {
	width: 100%;
}
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] {
	border: 1px solid #000;
	padding: 7px 10px;
	box-sizing: border-box;
	color: #000;
	font-size: 14px;
	border-radius: 0px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	resize: none;
	margin: 0;
	width: 620px;
}
.leftBlogBox #commentform input[type="submit"] {
	width: auto;
	padding: 5px;
	border: none;
	background: #2db200;
	color: #fff;
	cursor: pointer;
	border-radius: 0;
	font-size: 16px;
}
.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover {
	background: #0059b2;
}
.leftBlogBox #commentform p.form-submit input[type="submit"] {
	width: auto;
	padding: 8px 15px;
	border: none;
	background: #2db200;
	color: #fff;
	cursor: pointer;
	margin-left: 100px;
}
.leftBlogBox #respond h3 {
	padding-bottom: 20px;
}
.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error {
	border: 1px solid #f00!important
}
.leftBlogBox div.error {
	display: none !important
}
.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title {
	border-bottom: 1px solid #000;
	font-size: 24px;
	font-weight: normal;
	line-height: 29px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #000;
}
.leftBlogBox #comments {
	clear: both;
	margin-bottom: 10px
}
.leftBlogBox #comments footer {
	border: none
}
.leftBlogBox .commentlist, .leftBlogBox .comment-list {
	list-style: outside none none;
	margin-top: 10px !important;
	margin-bottom: 10px;
}
.leftBlogBox .commentlist li {
	color: #34343f;
	font-size: 20px;
	line-height: 30px;
	list-style: outside none none;
	overflow: hidden;
}
.leftBlogBox .comment-list li {
	color: #34343f;
	font-size: 20px;
	line-height: 20px;
	list-style: outside none none;
	overflow: hidden;
}
.leftBlogBox img.avatar {
	float: left;
	margin: 3px 10px 10px 0;
	width: 50px;
	border: 1px solid #cccccc;
	max-width: 100%;
	height: auto;
	display: block
}
.leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn {
	color: #2db200;
	font-size: 16px;
}
.leftBlogBox span.says {
	font-size: 16px;
}
.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn {
	font-style: normal;
	text-decoration: none;
	font-size: 20px;
}
.leftBlogBox .comment-awaiting-moderation {
	font-size: 16px;
	line-height: 21px;
	color: #000;
	font-style: normal
}
.leftBlogBox .commentmetadata a {
	color: #000;
	cursor: default !important;
	font-size: 13px;
	line-height: 16px;
}
.leftBlogBox .commentlist p, .leftBlogBox .comment-list p {
	clear: both;
	font-size: 16px;
	line-height: 19px;
}
.comment-content p {
	padding-bottom: 5px;
}
#commentform p {
	padding-bottom: 15px !important;
	font-size: 17px;
	margin-bottom: 0;
}
.leftBlogBox .comment-list .comment-metadata {
	font-size: 16px;
	color: #000;
}
.leftBlogBox .comment-reply-link {
	font-size: 16px;
	text-decoration: none
}
.leftBlogBox .comment-reply-link:hover {
	text-decoration: none;
	color: #02783f;
}
#cancel-comment-reply-link {
	color: #000;
	text-decoration: none;
	font-size: 20px;
	line-height: 25px
}
#cancel-comment-reply-link:hover {
	text-decoration: underline
}
.leftBlogBox .reply {
	padding: 0px 0 15px;
}
.leftBlogBox .reply a {
	color: #000
}
.leftBlogBox #respond {
	margin-top: 10px; /*overflow: hidden;*/
	width: auto;
	padding: 0px
}
.leftBlogBox #cancel-comment-reply-link:hover {
	color: #02783f;
	text-decoration: none
}
.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*/ /*float:left*/
}
.leftBlogBox label.screen-reader-text {
	display: none
}
.leftBlogBox #searchform {
	width: 100%;
	margin: 0 auto;
}
#commentform label {
	float: left;
	width: 100px;
	font-size: 16px;
	line-height: 21px
}
#commentform label.error {
	display: none!important
}
/* pagination */ 
.leftBlogBox .wp-pagenavi {
	margin: 25px 0 50px 0;
}
.leftBlogBox .wp-pagenavi a, .wp-pagenavi span {
	font-size: 16px;
	color: #000;
	border: 1px solid #7b7b7b
}
.wp-pagenavi a, .wp-pagenavi span {
	border-color: #7b7b7b;
	padding: 5px 7px
}
.wp-pagenavi span.current {
	border-color: #0059b2;
	font-weight: normal;
	color: #fff;
	background: #0059b2
}
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover {
	background: #0059b2;
	color: #fff;
	border-color: #0059b2;
}
.wp-pagenavi span.pages:hover {
	border-color: #02783f;
}
/* right blog box */ 
   	 
.rightBlogBox {
	width: 27%;
	float: right;
	padding-top: 0;
	padding-left: 10px;
}
.rightBlogBox ul {
	width: auto;
	padding-left: 20px;
	list-style: disc
}
.rightBlogBox .widget {
	text-align: left;
	margin-bottom: 25px;
	overflow: hidden
}
.rightBlogBox .widget h3 { margin-bottom: 10px; color: #212121; font-size: 25px; }
.rightBlogBox h3.widgettitle {
	margin-bottom: 10px;
	text-align: center;
	color: #0059b2;
	font-size: 25px;
	text-align: left;
	text-transform: capitalize;
	line-height: 40px;
	padding-bottom: 0px
}
.rightBlogBox label.screen-reader-text {
	display: none;
}
.rightBlogBox #searchform {
	width: 100%;
	margin: 0 auto;
}
.rightBlogBox #searchform input#s {
	width: 65%;
	border: 1px solid #7b7b7b;
	height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 5px;
	float: left;
	margin-right: 5px;
	color: #7b7b7b;
	height: 33px;
}
.rightBlogBox #searchform input#searchsubmit {
	width: 27%;
	background: #2db200;
	color: #fff;
	border: none;
	height: 30px;
	text-transform: capitalize;
	font-weight: bold;
	cursor: pointer;
	float: left;
}
.rightBlogBox #searchform input#searchsubmit:hover {
	background: #c70505;
}
.rightBlogBox ul {
	list-style: disc;
	margin-top: 0px
}
.rightBlogBox ul li {
	width: 100%;
	text-align: left;
	padding: 2px 0;
	color: #000;
	font-size: 16px;
	line-height: 19px;
	list-style-position: inside;
}
.rightBlogBox ul li a {
	color: #000;
	text-decoration: none;
	text-transform: capitalize;
	outline: none
}
.rightBlogBox ul li.current-cat a {
	color: #0059b2;
}
.rightBlogBox ul li a:hover {
	text-decoration: none;
	color: #0059b2;
}
.mobilesidebar {
	display: none;
}
.desktopsidebar {
	display: block
}
/* single page */ 
.search-form .screen-reader-text {
	display: none
}
.search-form input[type='Search'] {
	border-radius: 0px;
	padding: 5px;
	font-size: 14px;
	line-height: 19px;
	float: left;
	border: solid 1px #000;
	color: #000;
	width: 62%;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	height: 33px;
}
.search-form input[type='submit'] {
	float: left;
	background: #0059b2;
	border-radius: 0px;
	font-size: 15px;
	line-height: 23px;
	border: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	padding: 4px 15px;
	margin-right: 0px;
	height: 33px;
}
.search-form input[type='submit']:hover {
	background: #2db200;
	border: none!important
}
.search-form input[type='Search']:focus {
	border: solid 1px #000!important
}
.leftBlogBox .singleimage {
	width: 100%;
	margin-bottom: 15px;
}
.leftBlogBox .singleimage img {
	max-width: 100%;
	height: auto;
	width: 100%
}		
	
	
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }	
		
		
		
	@media only screen and (max-width: 1400px) {

		h1 { font-size: 35px; }
		h2 { font-size: 40px; line-height: 49px; }
		
		#header-part { min-height: 128px; }
		
		.top-bar .logo img { max-width: 350px; }
		.top-bar .top a.mail { background-size: 33px; }
		.top-bar .top [href^="tel"] { font-size: 20px; background-size: 33px; }
		.top-bar .top a { padding: 12px 1px 12px 42px; font-size: 17px; }
		.top-bar .top { margin-bottom: 6px; }
		
		.nav-bar li { margin: 0 18px; }
		.nav-bar li a { padding-top: 25px; }
		
		.banner-bar .wrapper { height: 690px; }
		.banner-bar h2 { font-size: 42px; line-height: 48px; }
		.banner-bar a.btn { padding: 14px 68px 15px 22px; font-size: 21px; border-radius: 28px; background-size: 38px; }
		
		#content-part { margin-top: 128px; }
		
		.who-bar { padding: 60px 0 70px; }
		.who-bar .video { margin: 25px auto 0; width: 685px; height: 424px; }
		.who-bar:before, .who-bar:after { width: 207px; height: 480px; background-size: cover; }
		
		.program-bar p strong { font-size: 20px; line-height: 27px; }
		.program-bar .right { width: 49%; }
		.program-bar .left { width: 46%; min-height: 495px; }
		.program-bar { padding: 70px 0; }
		.program-bar { padding: 67px 0; }
		
		.inquiry-bar { padding: 63px 0 46px; }
		.inquiry-bar::before { left: 2%; top: 18%; width: 330px; height: 288px; background-size: cover; }
		.inquiry-bar .form { margin-top: 18px; }
		 
		.serve-bar { padding: 70px 0 70px; }
		.serve-bar .content h3:before { width: 509px; } 
		
		.latest-bar { padding: 60px 0 63px; }
		.latest-bar .column { padding: 0px 15px; }
		.latest-bar .row { margin: 35px -17px 0; }
		
		.choose-bar { padding: 65px 0 80px; }
		.choose-bar strong { font-size: 20px; }
		
		.footer-bar .f-logo img { max-width: 200px; }
		.footer-bar { padding: 60px 0 38px; }
		.footer-bar .details li { font-size: 16px; line-height: 21px; }
		.footer-bar .details li strong { font-size: 17px; }
		.footer-bar .details li [href^="tel"] { font-size: 18px; line-height: 24px; }
		.footer-bar .follow li .fa { width: 37px; height: 37px; line-height: 37px; font-size: 20px; }
		.footer-bar .follow li:last-child .fa { font-size: 17px; }
		.footer-bar .follow li a { font-size: 16px; }
		.footer-bar h3 { padding-bottom: 9px; margin-bottom: 14px; font-size: 20px; }
		.copyright-bar p { font-size: 16px; }
		.copyright-bar { padding: 13px 0 10px; }
		
		
		.title-bar { padding: 23px 0px; }
	 	
		.leftBlogBox .postLoop h2 { font-size: 25px; }
			
	}
	
	
	@media only screen and (max-width: 1330px) {
		
		html, body { font-size: 17px; }
		
		h2 { font-size: 38px; line-height: 46px; }
	
		.wrapper { padding: 0 15px; }
		
		.nav-bar li.current-menu-item a, .nav-bar li.current_page_parent a { background-size: 20px; }
		.nav-bar li { font-size: 17px; }
		
		.top-bar .logo img { max-width: 305px; }
		.top-bar .logo { padding-top: 12px; }
		.top-bar .top { margin-bottom: 4px; }
		.top-bar { padding-top: 11px; }
		
		#header-part { min-height: 118px; }
		
		#content-part { margin-top: 118px; }
		
		.banner-bar .wrapper { height: 650px; }
		.banner-bar h2 { font-size: 38px; line-height: 43px; }
		.banner-bar a.btn { padding: 12px 63px 13px 19px; font-size: 20px; background-size: 37px; }
		.banner-bar .item:after { height: 282px; }
		
		.who-bar p strong { font-size: 20px; line-height: 34px; }
		.who-bar .sub { margin-bottom: 10px; }
		.who-bar { padding: 50px 0 55px; }
		.who-bar .video { margin: 20px auto 0; width: 655px; height: 390px; }
		
		.serve-bar p strong { font-size: 20px; line-height: 25px; }
		.serve-bar .box img { max-width: 80px; }
		.serve-bar .box { width: 205px; background-size: 100%; }
		.serve-bar .column:nth-child(2) .box, .serve-bar .column:nth-child(3) .box, .serve-bar .column:nth-child(4) .box { background-size: 100%; }
		.serve-bar .center { max-width: 128px; }
		.serve-bar .column { left: 432px; }
		.serve-bar .column:nth-child(2) { left: 647px; }
		.serve-bar .column:nth-child(3) { top: 214px; }
		.serve-bar .column:nth-child(4) { top: 214px; left: 647px; }
		.serve-bar .content { width: 300px; left: -410px; }
		.serve-bar .content p { line-height: 21px; font-size: 17px; }
		.serve-bar .content h3 { font-size: 19px; line-height: 23px; }
		.serve-bar .column:nth-child(4) .content { right: -580px; }
		.serve-bar .column:nth-child(2) .content { right: -580px; }
		.serve-bar .row { margin-top: 50px; min-height: 515px; }
		
		.latest-bar .text { padding: 18px 18px 24px; }
		.latest-bar { padding: 50px 0 55px; }
		
		.choose-bar { padding: 50px 0 65px; }
		.choose-bar .choose img { max-width: 200px; }
		.choose-bar .choose { width: 300px; height: 300px; }
		.choose-bar .column { width: 370px; }
		
		.inquiry-bar { padding: 50px 0 40px; }
		.inquiry-bar .form { padding: 0 25px; }
		.inquiry-bar .form { margin-top: 12px; }
		
		.latest-bar strong { font-size: 20px; line-height: 28px; }
		
		
	}
	
	@media only screen and (max-width: 1279px) {
		
		a.btn { font-size: 18px; }
		
		.top-bar .top [href^="tel"] { margin-right: 18px; font-size: 18px; background-size: 28px; }
		.top-bar .top a.mail { background-size: 28px; }
		.top-bar .top a { padding: 9px 1px 9px 36px; font-size: 16px; }
		.top-bar .logo img { max-width: 290px; }
		
		.nav-bar li { margin: 0 13px; font-size: 16px; }
		.nav-bar li.current-menu-item a, .nav-bar li.current_page_parent a { background-size: 17px; }
		.nav-bar li a { padding-top: 22px; }
		
		#header-part { min-height: 112px; }
		
		#content-part { margin-top: 112px; }
		
		.banner-bar .wrapper { height: 550px; }
		.banner-bar.nobanner { height: 410px; }
		
		.who-bar .video { width: 610px; height: 365px; }
		.who-bar { padding: 40px 0 48px; }
		
		.program-bar .right { margin-top: 25px; width: 51%; }
		.program-bar .left { width: 46%; min-height: 458px; }
		.program-bar { padding: 46px 0; }
		.serve-bar .content h3:before { width: 380px; height: 45px; background-size: cover; }
		.serve-bar .column { left: 315px; }
		.serve-bar .column:nth-child(2) { left: 529px; }
		.serve-bar .column:nth-child(4) { left: 529px; }
		.serve-bar .center { max-width: 110px; top: 150px; left: 471px; }
		.serve-bar .content { left: -304px; }
		.serve-bar .column:nth-child(2) .content { right: -450px; }
		.serve-bar .column:nth-child(4) .content { right: -450px; }
		.serve-bar .column:nth-child(4) h3:before { top: -11px; background-size: 100%; }
		.serve-bar .column:nth-child(2) h3:before { background-size: 100%; }
		.serve-bar .column:nth-child(3) h3:before { top: -8px; background-size: 100%; }
		.serve-bar { padding: 50px 0 60px; }
		
		.latest-bar h3 { font-size: 21px; }
		.latest-bar .column { padding: 0px 10px; }
		.latest-bar .row { margin: 28px -10px 0; }
		.latest-bar .text { padding: 16px 15px 21px; }
		
		.choose-bar .circle { width: 106px; height: 106px; }
		.choose-bar .circle img { max-width: 106px; }
		.choose-bar strong { font-size: 18px; line-height: 22px; }
		.choose-bar .column { width: 320px; }
		.choose-bar .column:nth-child(4) .circle { margin-right: 12px; }
		.choose-bar .circle { margin-left: 12px; }
		.choose-bar .column:nth-child(2) .circle { margin-right: 12px; }	
		.choose-bar .choose img { max-width: 170px; }
		.choose-bar .choose { width: 260px; height: 260px; top: 10px; }
		.choose-bar { padding: 45px 0 25px; }
		
		.inquiry-bar input[type="submit"] { padding: 9px 58px 9px 22px; font-size: 18px; line-height: 21px; background-size: 30px; }
		
		.footer-bar .link { margin-right: 50px; }
		.footer-bar .details { margin-right: 42px; }
		.footer-bar .link li { padding-left: 16px; margin-bottom: 13px; font-size: 16px; line-height: 19px; }
		.footer-bar .link li:before { top: 6px; }
		.footer-bar .details li strong { font-size: 16px; }
		.footer-bar .details .fa-map-marker { font-size: 25px; }
		.footer-bar { padding: 40px 0 30px; }
		.footer-bar .details .fa-phone { font-size: 22px; }
		.footer-bar .details .fa { margin-right: 5px; font-size: 17px; }
		.footer-bar .f-logo img { max-width: 175px; }
		.copyright-bar p { font-size: 15px; }
		.copyright-bar { padding: 10px 0 7px; }
		
		.leftBlogBox .postLoop h2 { margin-bottom: 8px; font-size: 24px; line-height: 30px; }
		.leftBlogBox ul.dateBar li { font-size: 16px; }
		.leftBlogBox ul.dateBar li i { margin-right: 3px; font-size: 18px; }
		.rightBlogBox .widget h3 { font-size: 23px; }
		
		
	}
	
	@media only screen and (max-width: 1023px) {
		
		h2 { font-size: 35px; line-height: 42px; }
		h1 { font-size: 32px; }
		
		p  { line-height: 26px; font-size: 17px; }
		
		.top-bar .logo img { max-width: 208px; }
		.top-bar .right { width: 70%; }
		.top-bar .top [href^="tel"] { margin-right: 16px; font-size: 16px; background-size: 25px; }
		.top-bar .top a.mail { background-size: 26px; }
		.top-bar .top a { padding: 9px 0px 9px 33px; }
		.top-bar .logo { padding-top: 17px; }
		
		.nav-bar li { margin: 0 6px; font-size: 15px; }
		.nav-bar li.current-menu-item a, .nav-bar li.current_page_parent a { background-size: 16px; }
		
		#header-part { min-height: 108px; }
		
		#content-part { margin-top: 108px; }
		
		.banner-bar h2 br { display: none; }
		.banner-bar .wrapper { height: 425px; }
		.banner-bar h2 { font-size: 34px; line-height: 37px; }
		.banner-bar a.btn { padding: 12px 58px 11px 18px; font-size: 18px; background-size: 35px; }
		.banner-bar .slick-dots { bottom: 25px; }
		.banner-bar .text { bottom: 75px; }
		.banner-bar.nobanner { height: 370px; }
		
		.who-bar p strong { font-size: 18px; line-height: 25px; }
		.who-bar { padding: 32px 0 41px; }
		.who-bar .video { width: 585px; height: 348px; }
		
		.program-bar .left { padding: 12px; min-height: 370px; }
		.program-bar .left:before { width: calc(100% - 24px); height: calc(100% - 24px); }
		.program-bar p strong { font-size: 18px; line-height: 25px; }
		.program-bar p strong br { display: none; }
		.program-bar p { padding-bottom: 12px; }
		.program-bar .right { margin-top: 0px; position: relative; z-index: 99; }
		.program-bar:after { width: 193px; height: 249px; }
		
		.serve-bar p strong { font-size: 18px; }
		.serve-bar { padding: 40px 0 45px; }
		.serve-bar a.btn { padding: 11px 59px 10px 28px; }
		.serve-bar .box img { margin-top: 60px; max-width: 65px; }
		.serve-bar .box { width: 158px; }
		.serve-bar .column:nth-child(3) .box img { max-width: 57px; }
		.serve-bar .column:nth-child(4) .box img { max-width: 49px; }
		.serve-bar .column:nth-child(3) { top: 165px; }
		.serve-bar .column:nth-child(4) { top: 165px; }
		.serve-bar .column:nth-child(2) { left: 480px; }
		.serve-bar .column:nth-child(4) { left: 480px; }
		.serve-bar .column:nth-child(2) .box img { margin-left: -13px; margin-top: 56px; }
		.serve-bar .column:nth-child(3) .box img { margin-top: 29px; margin-left: 30px; }
		.serve-bar .center { max-width: 80px; top: 123px; left: 339px; }
		.serve-bar .column:nth-child(4) .box img { max-width: 47px; margin-top: 26px; margin-left: -32px; }
		.serve-bar .column:nth-child(2) { left: 383px; }
		.serve-bar .column { left: 218px; }
		.serve-bar .column:nth-child(4) { left: 383px; }
		.serve-bar .sub { margin-bottom: 10px; }
		.serve-bar .content p { line-height: 19px; font-size: 16px; }
		.serve-bar .content { width: 233px; left: -218px; }
		.serve-bar .column:nth-child(3) h3 { padding-bottom: 23px; }
		.serve-bar .column:nth-child(3) h3::before { top: 8px; }
		.serve-bar .column:nth-child(3) .content { top: 91px; }
		.serve-bar .column:nth-child(2) .content { right: -352px; }
		.serve-bar .column:nth-child(4) .content { top: 90px; right: -352px; }
		.serve-bar .column:nth-child(4) h3 { padding-bottom: 16px; }
		.serve-bar .column:nth-child(4) h3:before { top: 5px; height: 62px; }
		.serve-bar .row { margin-top: 43px; min-height: 408px; }
		
		.latest-bar .image img { height: auto; }
		.latest-bar .text span { font-size: 15px; }
		.latest-bar .text span i { margin-right: 2px; font-size: 17px; }
		.latest-bar h3 { font-size: 19px; }
		.latest-bar { padding: 38px 0 38px; }
		.latest-bar strong { font-size: 18px; line-height: 24px; }
		
		.choose-bar .choose, .choose-bar .column::before  { display: none; }
		.choose-bar .column { padding: 0 18px; margin-bottom: 22px; width: 50%; position: static; float: left; }
		.choose-bar .row { margin-top: 18px; min-height: inherit; }
		.choose-bar { padding: 40px 0 18px; }
		.choose-bar .circle { width: 100px; height: 100px; }
		.choose-bar .circle img { max-width: 100px; }
		
		.inquiry-bar .column { padding: 0 6px; }
		.inquiry-bar .row { margin-bottom: 15px; }
		.inquiry-bar { padding: 31px 0 24px; }
		.inquiry-bar .column.full { margin-bottom: 10px; }
		
		
		.footer-bar .details { margin-right: 34px; width: 42%; }
		.footer-bar .link { margin-right: 32px; width: 22%; }
		.footer-bar .follow { width: 24%; float: right; }
		.footer-bar .f-logo { display: none; }
		.footer-bar h3 { padding-bottom: 8px; margin-bottom: 12px; font-size: 18px; }
		.footer-bar .details li { margin-bottom: 15px; font-size: 15px; line-height: 20px; }
		.footer-bar .link li { padding-left: 15px; margin-bottom: 12px; font-size: 15px; line-height: 16px; }
		.footer-bar .follow li a { font-size: 15px; }
		.footer-bar .follow li .fa { width: 35px; height: 35px; line-height: 34px; font-size: 17px; }
		.footer-bar .follow li:last-child .fa { font-size: 15px; }
		.footer-bar .follow li { margin-bottom: 8px; }
		.footer-bar { padding: 35px 0 20px; }
		
		.title-bar { padding: 20px 0px; }
		
		#blogWrapper { padding: 26px 0px; }
		.leftBlogBox ul.dateBar li { font-size: 15px; }
		.search-form input[type="submit"] { padding: 4px 7px; }
		.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { width: 398px; }
		
		
	}
	

	@media only screen and (min-width: 768px) {
		
		.mm-menu.mm-current { display: none !important; }
		html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
		html.mm-opened { overflow: visible !important; }
		html.mm-opened body { overflow: visible !important; }
		#mm-blocker { display: none !important; }
		
	}

	@media only screen and (max-width: 767px) {
		
		h2 { font-size: 32px; line-height: 40px; }
		
		a.btn { font-size: 17px; }
		
		.mm-opened a.close { display: block; }
		.nav-bar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 15px; top: 9px; z-index: 8888; }
		.nav-bar a.close:before, .nav-bar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #ebe9ea; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
		.nav-bar a.mobilemenu { display: block; }
		.nav-bar ul { display: none; }
		.nav-bar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }

		.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #ebe9ea ; display: block; height: 3px; position: absolute; right: 0; top: 15px; }
		.mobilemenu span:before{ top: -10px; transition-property:top,transform; }
		.mobilemenu span:after,.mobilemenu span:before { background-color: #ebe9ea ; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }
		.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }
		.mobilemenu { display: block; font-size: 16px; color: #ebe9ea ; height: 30px; margin-top: 3px; line-height: 32px; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 0px; width: 85px; z-index: 9999; }
		
		#back-to-top { display: block; }
		
		.top-bar .logo { width: 100%; text-align: center; }
		.top-bar .logo img { display: inline-block; }
		.top-bar { padding-top: 0; }
		.top-bar .right { width: 100%; position: absolute; top: 0; left: 0; height: 40px; background: #0059b2; }
		.top-bar .top a span { display: none; }
		.top-bar .top a { padding: 0; width: 23px; height: 36px; background: inherit !important; }
		.top-bar .top { margin-bottom: 0; position: absolute; left: 15px; top: 2px; }
		.top-bar .top [href^="tel"] { margin-right: 8px; }
		.top-bar .logo { padding-top: 58px; padding-bottom: 12px; }
		.top-bar .logo img { max-width: 245px; }
		.top-bar .top a .fa { padding-top: 6px; display: block; color: #fff; font-size: 21px; }
		.mm-opened .top-bar .top { display: none; }
		
		#header-part { position: relative; }
		
		#content-part { margin-top: 0; }
			
		.banner-bar .wrapper { height: 370px; }
		.banner-bar .slick-dots { bottom: 20px; }
		.banner-bar .text { padding: 0 10px; bottom: 54px; }
		.banner-bar h2 { font-size: 32px; line-height: 34px; }
		.banner-bar a.btn { padding: 10px 53px 9px 16px; }
		
		.who-bar .video { width: 570px; height: 339px; }
		
		.program-bar { padding: 30px 0; }
		.program-bar .left { width: 100%; margin-bottom: 20px; }
		.program-bar .right { width: 100%; }
		
		.serve-bar .column { width: 100%; height: auto; float: left; position: static; left: 0; }
		.serve-bar .content h3::before { display: none; }
		.serve-bar .row { margin-top: 30px; }
		.serve-bar .content { margin-top: 20px; width: 100%; left: 0; position: static; text-align: center; }
		.serve-bar .center { display: none; }
		.serve-bar .box { width: 120px; height: 96px; position: static; margin: auto; background: #2db200; }
		.serve-bar .column:nth-child(2) .content { text-align: center; }
		.serve-bar .column:nth-child(4) .content { text-align: center; }
		.serve-bar .column:nth-child(2) .box { background: #0059b2; }
		.serve-bar .column:nth-child(3) .box { background: #0059b2; }
		.serve-bar .column:nth-child(4) .box { background: #2db200; }
		.serve-bar .box img { margin-top: 19px; margin-left: 0px; }
		.serve-bar .column:nth-child(2) .box img { margin-left: 0; margin-top: 16px; max-width: 62px; }
		.serve-bar .column:nth-child(3) .box img { margin-top: 14px; margin-left: 0; }
		.serve-bar .column:nth-child(4) .box img { margin-top: 14px; margin-left: 0; }
		.serve-bar .content h3 { padding-bottom: 10px; }
		
		.choose-bar .text strong { line-height: 20px; font-size: 16px; }
		.choose-bar .circle { width: 90px; height: 90px; }
		.choose-bar .circle img { max-width: 90px; }
		.choose-bar .column { margin-bottom: 18px; }
		.choose-bar .sub { margin-bottom: 12px; }
		
		.inquiry-bar .form { padding: 0; }
		
		.footer-bar .link { display: none; }
		
		.leftBlogBox { width: 100%; border-right: 0; }
		.mobilesidebar{ width: 500px; display: block; }
		.mobilesidebar .search-form{ float:left; width:100%; position:relative; padding-right:90px}
		.mobilesidebar .search-form input[type="Search"]{ width:100%; max-width:100%}
		.mobilesidebar .search-form input[type="submit"]{ position:absolute; right:0px; top:0px}
		
		#blogWrapper { width:100%; padding: 0 0; }
		.leftBlogBox .widget { margin-bottom: 10px; }
		.leftBlogBox { padding-right: 0; width: 100%; float: none; margin-top: 20px; }
		.rightBlogBox { width: 100%; float: none }
		.leftBlogBox .postLoop { padding: 10px 0; }
		.mobilesidebar { display: block; }
		.mobilesidebar h3.widgettitle { display: none }
		.leftBlogBox .widget { margin-bottom: 15px; overflow: hidden; }
		.leftBlogBox h1.pagetitle { padding-bottom: 15px; }
		.leftBlogBox #searchform input#s { border: 1px solid #7b7b7b; box-sizing: border-box; float: left; height: 30px; margin-right: 4px; padding: 5px; width: 200px; color: #7b7b7b; }
		.leftBlogBox #searchform input#searchsubmit { background: #ea0000 none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; float: left; font-weight: bold; height: 30px; text-transform: capitalize; width: 76px; }
		.leftBlogBox #searchform input#searchsubmit:hover { background: #c70505; }
		.desktopsidebar { display: none; }
		.leftBlogBox #cat { padding: 4px 2px; width: 300px; margin-top: 3px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff url(images/drop_arrow.png) no-repeat 98% 7px; -webkit-appearance: none; border-radius: 0; border: 1px solid #000; float: left; width: 100%; color: #000; font-size:14px; line-height:19px; background-size:27px; max-width:100%; font-family:Arial, Helvetica, sans-serif  }
		.leftBlogBox #cat option { padding: 2px 5px; font-size: 13px; color: #000; font-family:Arial, Helvetica, sans-serif }
		.leftBlogBox #cat option { padding: 2px 5px; font-size: 13px; }
		.leftBlogBox #searchform input#s { width: 200px; }
		.wp-pagenavi { margin-bottom: 50px; }
		.leftBlogBox .widget_search h3.widgettitle, .leftBlogBox .widget_categories h3.widgettitle { display: none }
		.leftBlogBox h1.pagetitle { }
		.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea , #commentform input[type="url"] { width:380px; border-radius:0px; padding:7px; resize:none;  font-size:16px; line-height:21px  ;-webkit-appearance:none; -webkit-border-radius:0px;}
		.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title { font-size: 22px; line-height: 23px; font-style:normal }
		.leftBlogBox #commentform { margin-top: 30px; }
		.leftBlogBox p { padding-bottom: 20px; }
		.leftBlogBox h3#comments, .leftBlogBox #respond h3 { font-size: 18px; }
		.leftBlogBox #commentform p.form-submit input[type="submit"] { margin-left: 0px; color:#fff; border-radius:0px; font-size:15px; line-height:20px; margin-left:100px ;-webkit-appearance:none; -webkit-border-radius:0px; }
		.search-form input[type="submit"] { padding: 4px 16px; }
		.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
		.leftBlogBox .widget .widget-title { display: none; }
		.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { width: 100%; }
		.leftBlogBox #commentform p.form-submit input[type="submit"] { margin-left: 0; }
		
		.mobilesidebar *::-webkit-input-placeholder{ color: #000; opacity: 1; } 
		.mobilesidebar *::-moz-placeholder { color: #000; opacity: 1; } 
		.mobilesidebar *:-ms-input-placeholder { color: #000; opacity: 1; }
			
			
		
	}
	
	@media only screen and (max-width: 639px) {
		
		h2 { font-size: 30px; line-height: 38px; }
		
		.banner-bar a.btn { font-size: 17px; }
		.banner-bar h2 { font-size: 30px; line-height: 32px; }
		.banner-bar .wrapper { height: 304px; }
		.banner-bar.nobanner { height: 258px; }
		
		.who-bar { padding: 26px 0 30px; }
		.who-bar .video { width: 100%; height: 300px; }
		
		.program-bar .left { min-height: 330px; }
		
		.serve-bar { padding: 32px 0 35px; }
		
		.latest-bar .column { padding: 0; width: 100%; }
		.latest-bar .row { margin: 15px 0px 0; }
		.latest-bar { padding: 30px 0 34px; }
		.latest-bar strong { font-size: 17px; line-height: 20px; }
		.latest-bar .sub { margin-bottom: 12px; }
		
		.choose-bar .column { padding: 0; margin-bottom: 24px; width: 100%; top: 0; position: relative; }
		.choose-bar .column:nth-child(2) .text, .choose-bar .column:nth-child(4) .text { padding-top: 98px;  width: 100%; float: none; text-align: center; }
		.choose-bar .column:nth-child(2) .circle, .choose-bar .column:nth-child(4) .circle { margin-right: 0; margin-left: 0; }
		.choose-bar .text { padding-top: 98px; width: 100%; text-align: center; }
		.choose-bar .circle { margin-left: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
		.choose-bar .column:nth-child(3) { top: 0; }
		.choose-bar .column:nth-child(4) { top: 0; }
		
		.inquiry-bar .column { margin-bottom: 12px; width: 100%; }
		.inquiry-bar .row { margin-bottom: 0; }
		
		.footer-bar .follow { width: 33%; }
		.footer-bar .details { margin-right: 25px; width: 59%; }
		
		.mobilesidebar { width: 100%; display: block; }
		
		.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, #commentform input[type="url"] { width: 100%; }
		.leftBlogBox #commentform p.form-submit input[type="submit"] { margin-left: 0; }
		
		caption, th, td { float: left; width: 100%; padding-right: 0px; }
		.leftBlogBox .postLoop h2 { font-size: 22px; line-height: 26px; }
		
		
	}

	
	
	@media only screen and (max-width: 479px) {
		
		h1 { font-size: 30px; line-height: 30px; }
		h2 { font-size: 28px; line-height: 36px; }
		
		a.btn { padding: 11px 54px 10px 24px; line-height: 22px; }
		
		.alignleft, .alignnone, .alignright, .aligncenter { float: none; margin: 0 0 10px 0 !important; max-width: 100%; height: auto; display: block; clear: both }
		.wp-caption { width: 98% !important; }
		.wp-caption.alignleft, .wp-caption.alignnone, .wp-caption.lignright, .wp-caption.aligncenter { float: none; margin: 0 0 10px 0 !important; }
		.wp-caption.alignleft img, .wp-caption.alignnone img, .wp-caption.lignright img, .wp-caption.aligncenter img { max-width: 96%; height: auto; width: 96%; }
		.wp-caption img { width: 96%; }
		.wp-caption p { padding: 3px !important }
		
		.banner-bar h2 { font-size: 26px; line-height: 27px; }
		.banner-bar .text { bottom: 46px; }
		.banner-bar.nobanner { height: 172px; }
		
		.top-bar .logo img { max-width: 228px; }
		.top-bar .logo { padding-top: 53px; padding-bottom: 8px; }
		
		.who-bar .sub:before, .who-bar .sub::after, .serve-bar .sub:before, .serve-bar .sub:after, .latest-bar .sub:before, .latest-bar .sub:after , .inquiry-bar .sub:before, .inquiry-bar .sub:after, .choose-bar .sub:before, .choose-bar .sub:after { display: none; }
		.who-bar p strong { display: block; }
		.who-bar .video { height: 215px; }
		.who-bar:before, .who-bar:after { width: 117px; height: 282px; }
		
		.program-bar .left { min-height: 225px; }
		
		.choose-bar { padding: 29px 0 18px; }
		.choose-bar .circle img { max-width: 87px; }
		
		.content-bar { padding: 22px 0px 40px; }
		
		.inquiry-bar input[type="text"], .inquiry-bar input[type="email"], .inquiry-bar input[type="tel"], .inquiry-bar textarea { height: 45px; }
		.inquiry-bar textarea { height: 90px; }
		
		.footer-bar .details { margin-bottom: 10px; margin-right: 0; width: 100%; }
		.footer-bar .follow { width: 100%; }
		.footer-bar .details li { margin-bottom: 9px; }
		.copyright-bar p { font-size: 14px; line-height: 19px; }
		
		.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-size: 18px; }
		.leftBlogBox .comment-awaiting-moderation { line-height: 18px; }
		.leftBlogBox .comment-list .comment-metadata { font-size: 15px; }
		
		.mobilesidebar { width: 100%; display: block; }
		.leftBlogBox .postLoop .image img { width: 100%; max-width: 100%; }
		.leftBlogBox .postLoop .image { margin: 5px 0px 5px 0; width: 100%; }
		.leftBlogBox #commentform textarea { height: 100px; }
		
		
	}