@charset "utf-8";
/* CSS Document 
*/

html, body { font-family: 'Open Sans', sans-serif; color:#505050; font-size:14px; font-weight:400; background:#fff; position:relative; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased;}
body {padding-top:110px;}


html {
  position: relative;
  min-height: 100%;
}


img { max-width:100%; height:auto; }
ul {list-style:none;}
a { color:#686464;}
a, button, input[type=submit] { -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s; }
.btn-outline { color:#555; border:solid 1px #b9b9b9; text-transform:uppercase;}
.btn-outline:after {width:0; height:0; display:inline-block; border:solid; border-width:4px 0 4px 6px; border-color:transparent transparent transparent #333; content:''; vertical-align:middle; margin:-2px 0 0 5px; }
.btn-outline:hover, .btn-outline:focus {border-color:#000; color:#000;}
.btn-lg, .btn-group-lg > .btn { padding:10px 25px; font-size:16px;}
.title-lg {font-size:30px !important; margin-bottom:20px;}

p {font-family: 'Open Sans', sans-serif;}
a:hover, a:focus { color:#0f846d; }
a:hover, a:focus, button, .btn, input[type=checkbox] { text-decoration:none; outline:0 !important; outline-offset:0px !important; }
label { font-weight:normal; }
h1, a h1, h2, a h2, h3, a h3, h4, a h4 { line-height:normal; font-weight:normal; font-family: 'Open Sans', sans-serif; font-weight:700; }
h2 { font-size:35px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.radius { -webkit-border-radius:50%; border-radius:50%; background-clip:padding-box; }
.table {margin-top:20px;}
.table-block { display:table; width:100%; height:100%; }
.table > tbody > tr > td {border:1px solid #ddd;}
.table > thead > tr > th {border-bottom: none;}
.cell-block { display:table-cell; vertical-align:middle; float:none; }
.error { font-size:14px; color: #f90; clearfix:both; display: block; }
.red-text { color:#f17a7b; display:block; padding:5px 0; }
.btn-more {padding:0 20px; color:#fff; text-align:left; text-transform:uppercase; background:#000; border-radius:0; min-width:185px; height:43px; line-height:43px; letter-spacing:1.2px;}
.btn-more:after { content:''; width:25px; height:18px; display:inline-block; background:url(../images/cate-arrow.png) no-repeat 0 0; padding: 0; margin: 0 0 5px 35px; vertical-align: middle; }
.btn-more:hover, .btn-more:focus {color:#fff; background-color:#ff9204;}
.btn-yellow { background-color:#fcd846; border:none; color:#000; }
.btn-yellow:hover, .btn-yellow:focus { background-color:#fcf660; color:#000; }
.btn-red { background-color:#bd2020; border:none; color:#fff; }
.btn-red:hover, .btn-red:focus { background-color:#d23a3a; color:#fff; }
/* Slider */

.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display:inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-dots { width:auto; position:absolute; bottom:10px; right:10px; list-style:none; margin:0; padding:10px; }
.slick-dots li { float:left; margin-right:6px; }
.slick-dots li button { width:12px; height:12px; background:#908e8f; border-radius:100%; text-indent: -9999px; border:none; }
.slick-dots li.slick-active button { background:#fff; }
.slick-next, .slick-prev { background:#cfcfcf; border:none; font-size:20px; width:30px; height:30px; text-align:center; line-height:30px; position:absolute; top:230px; right:35px;}
.slick-next { right:0;}
.slick-left { left:0; }
.slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus { background:#333; color:#fff;}
/* Slider */


#header {background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 110px; padding-left: 164px; box-shadow: 0 -2px 8px 0 #000; z-index: 100;}
.top-header {background:#0f243f; line-height: 54px; padding-left: 20px;}
.logo-text {float:left; padding:5px 0;}
.logo {display:block; position: absolute; top: 0; left: 0; width:164px; height:110px; z-index:5555555;}

.social-links {float:right; margin:0 35px 0 0; padding:0; list-style:none;}
.social-links li {float:left;}
.social-links li a {padding:0 10px; color:#fff;}
.social-links li a:hover {color:#dddddd;}
.social-links > li {margin:0;}

.btn-donate {float:right; color:#0f243f; font-size:12px; display:block; line-height:54px; border-radius:0; text-transform:uppercase; padding:0 23px; width:170px; text-align:center; text-align:left; background:url(../images/donate-arrow.png) no-repeat 90% center #e7c50c; letter-spacing:2px; display:block;}
.join-bg {background:#f8db3b;}
.btn-donate:hover, .btn-donate:focus {background-color:#fce045; color:#000;}
.btn-donate:after {content:''; position:absolute; right:0; top:0; height:19px;}

.nav-panel {background: #449fc4; width: 100%; line-height: 56px; position: relative; float:left; padding-left: 20px;}

#navbar .nav {float:left;}
#navbar .nav > li { position:relative; float:left;}
#navbar .nav > li > a { color:#fff; font-size:15px; font-weight:400; padding:0 15px; display:block;}
#navbar .nav > li > a:hover, #navbar .nav > li > a:focus, #navbar .nav > li:hover > a, .search > a:hover, .search > a:focus {background-color:#3e94b7;}
/*#navbar .nav > li > a:before { height:1px; background:#0f243f; position:absolute; bottom:8px; left:0; content:''; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}*/
#navbar .nav > li > a:hover:before {width:100%; left:0;}
#navbar .dropdown-menu li a { padding:8px 20px; color:#fff; transition:none;}
#navbar .dropdown-menu li+li a {border-top:1px solid #3182a3;}
#navbar .dropdown-menu li a:hover, #navbar .dropdown-menu li a:focus{ background-color:#236682;}
#navbar .dropdown-menu {background:#3e94b7; border:none; border-radius: 0; box-shadow: none; color: #fff; padding:0; margin:0; width: 250px;}
#navbar .nav > li:hover > ul.dropdown-menu {display: block;}
#navbar .nav > li.donate {display:none;}

.toggle-btn { width:70px; height:50px; margin:0; display:block; padding:0; border:none; background:0 0; position:absolute; top:7px; right:0px; z-index:99999; -webkit-transition-duration:.4s; transition-duration:.4s; display:none;}
.toggle-btn.is-active {right:280px; top:0;}
.toggle-btn span, .toggle-btn:after, .toggle-btn:before { content:""; display:block; height:2px; right:10px; opacity:1; position:absolute; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; width:40px; background-color:#fff; -webkit-transition-duration:.4s; transition-duration:.4s}
.toggle-btn span { top:10px; }
.toggle-btn.is-active span { right:-30px; opacity:0; color:#000;}
.toggle-btn.is-active:after { top:22px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); background-color:#fff; }
.toggle-btn:after { top:30px }
.toggle-btn.is-active:before { top:22px; -webkit-transform:rotate(135deg); transform:rotate(135deg); background-color:#fff;}
.toggle-btn:before { top:20px }

.search {float:right; line-height:0;}
.search > a {display:inline-block; width:70px; height:56px; color:#000; background:url(../images/search.png) no-repeat center; padding:0;}
#search { background: #fff; position: absolute; right: 0; top:100%; width: 400px; z-index:9999;}
.search-form { padding:10px;}
.search-form input {border-color:#5889ce; border-radius:0; height:40px; }
.search-form .btn { background:#002e5b; border:none; font-family: FontAwesome; color:#fff; font-size:18px; border:none; height:40px; line-height:40px; padding:0; width:50px; text-align:center; }
.search > a .fa:before {content:"\f002";}
/*.search > a .fa.active:before {content:""; background:url(../images/close.png) no-repeat;}*/


.home-slider.slick-slider { margin-bottom:0; overflow:hidden;}
.home-slider {width:100%; position:relative; text-align:center;}
.home-slider .item { width:100%; background-repeat:no-repeat; background-size:cover; background-position:top center; height:518px; overflow:hidden; position:relative;}
.caption {color:#000; margin:0 auto; position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.8); padding:30px; width:700px; text-align:left;}
.caption h3 {font-size:18px; font-weight:300; margin:0; color:#fff; font-weight:300;}
.caption strong {font-size:18px; font-weight:600; color:#fff; margin-top:10px; display:inline-block; }
.icon {position:absolute; top:0; left:-85px;}
.home-slider .slick-next, .home-slider .slick-prev {width:54px; height:43px; text-align:center;}
.home-slider .slick-next .fa, .home-slider .slick-prev .fa {display:none;}
.home-slider .slick-next {background:url(../images/slide-arrow-right2.png) no-repeat center #323232; right:40px;}
.home-slider .slick-prev {background:url(../images/slide-arrow-left2.png) no-repeat center #323232; left:40px;}
.home-slider .slick-prev:hover, .home-slider .slick-next:hover {background-color:#000;}

.padder {padding-bottom:40px;}
.title-header {text-align:center; color:#93999d; padding: 30px 0;}
.title-header .title {font-weight:700; margin:0 0 4px; font-size:24px; color:#000; padding:0; position:relative; text-transform:uppercase;}
.title-client .title {color:#fff;}
.title-header .title:before { content:''; width:50px; height:3px; background:#ff9204; position:absolute; left:50%; bottom:-7px; margin-left:-20px; }

.title-client .border {background:#fff !important; width:70px; height:2px; text-align:center; display:inline-block; margin-bottom:5px;}
.title-header .border {background:#ffcc31; width:70px; height:2px; text-align:center; display:inline-block; margin-bottom:5px;}
.title-header p {margin:0; font-weight:400; font-family: 'Open Sans', sans-serif; color:#8b8b8b; font-size:16px;}

.why-icd {text-align:center; padding:20px 0;}
.why-title {font-size:24px; text-transform:uppercase; font-weight:400; color:#666666;}
.why-icd p {padding:5px 15%; color:#666666; font-weight:300; font-size:18px;}

.col-achivement {background:#f2f2f2;}
.data-figure { text-align:center; padding:0; }
.data-figure .row {margin:0 -20px;}
.count { font-size:14px; color:#666666; float:left; width:20%; padding:0 30px; min-height:110px;}
.count+.count { background:url(../images/gray-arrow.png) no-repeat 0 center;}
.count strong { display:block; color:#69b552; font-size:40px; font-weight:700; }

.gallery-title {text-align:left; padding: 30px 0 30px;}
.gallery-title .title:before { left:20px;}

.row-pd {margin:0 -5px;}
.col-pd { padding:0 5px}
.panel-service {background-repeat:no-repeat; background-position:center; background-color:#f2f2f2; height:250px; background-size:cover; margin-bottom:10px; position:relative;}
.panel-service .panel-footer {background:none; border:none; border-radius:0; text-align:center;}
.panel-service .panel-footer {position:absolute; bottom:0; left:0; padding:60px 0 15px; width:100%; background:linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); border:none; color:#fff;border-radius:0;}
.panel-service .panel-footer h3 {margin:0; padding:0 0 5px; font-size:14px; font-weight:700; text-align:center; text-transform:uppercase; position:relative; display:inline-block;}
.panel-service .panel-footer h3:before { content:''; width: 20px; height: 2px; background:#ff9204; position:absolute; left: 50%; bottom:0; margin-left: -10px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.panel-service:hover .panel-footer h3:before {width:100%; left:0; margin:0;}

.data-start {background:url(../images/support-bg.jpg) no-repeat top center #283c4a; background-size:cover; padding:132px 0; color:#eedd1f; font-size:22px; margin-bottom:40px;}
.data-start small {font-size:14px; font-weight:700; color:#fff; margin:0; padding:0;}
.data-start h3 {margin:0; padding:0; text-transform:uppercase; font-size:44px; font-weight:300; color:#fff;}
.data-start p {font-size:15px; color:#fff;}
.data-start strong {font-weight:700;}

.section {margin-bottom:20px;}
.test-slider {padding:0 220px;}
.test-slider .img-circle {margin-bottom:0;}
.test-slider .author, .testi-block .author {margin:20px 0 0; font-size:16px; color:#323232;}
.test-slider .author span, .testi-block .author span {display:block; font-size:16px; color:#505050; font-weight:400;}
.test-slider p {font-size:16px; color:#323232; font-weight:300;}
.test-slider a {font-size:12px; color:#000; text-transform:uppercase; text-decoration:underline; letter-spacing:1px;}
.test-slider .fa-quote-left{font-size:30px; color:#ddd; margin:10px 0 0;}
.test-slider .slick-next, .test-slider .slick-prev { background:#cfcfcf; border:none; font-size:20px; width:42px; height:30px; text-align:center; line-height:30px; position:absolute; top:50%;}
.test-slider .slick-next .fa, .test-slider .slick-prev .fa {display:none;}
.test-slider .slick-next, .test-slider .slick-next:hover, .test-slider .slick-next:focus {background:url(../images/cate-arrow-right.png) no-repeat top center;}
.test-slider .slick-prev, .test-slider .slick-prev:hover, .test-slider .slick-prev:focus {background:url(../images/cate-arrow-left.png) no-repeat top center;}
.test-slider .slick-prev { left:0;}
.test-slider .slick-next { right:0;}

#footer {background:#666666;}
.sec-contact { background:#282727; padding:20px 0 10px; color:#ddd; }
.sec-contact h4 {color:#989898; font-size:16px; margin:0 0 20px; font-family: 'Lato', sans-serif; font-weight:400;}
.sec-contact a {color:#ddd;}
.sec-contact address {margin:0 0 20px; min-height:60px; font-family: 'Lato', sans-serif; font-size:16px; color:#d4d4d4;}
address.phone {background:url(../images/phone.png) no-repeat left center; padding:20px 0 0 65px;}
address.email {background:url(../images/email.png) no-repeat left center; padding:7px 0 0 65px;}
address.place {background:url(../images/map.png) no-repeat left center; padding:10px 0 0 65px;}
.footer {padding:20px 130px 20px;}
.footer-title {font-size:13px; margin:10px 0 10px 0; text-transform:uppercase; text-decoration:underline; font-weight:400; color:#fff;}
.f-nav .nav li a {padding:5px 0; font-size:12px; color:#b3b3b3; display:inline-block; text-transform:uppercase;}
.footer a:hover, .footer .nav li a:hover, .footer .nav li a:focus {color:#fff; background:none;}

.footer a {position:relative; display:inline-block; color:#fff;}
.footer a:before { height:1px; background:#fff; position:absolute; bottom:0; left:0; content:''; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
.footer a:hover:before{width:100%; left:0;}
.footer-bottom {font-size:13px; color:#999; padding:15px 0 0; margin-top:15px; clear:both;}
.copyright {margin-top:15px; text-align:center; color:#b3b3b3; text-transform:uppercase;}
.copyright a {color:#b3b3b3;}
.footer .social a:before {background:none;}
.social {padding:0;}
.social .fa {margin-right:10px; font-size:15px; color:#fff; background:#525252; width:25px; height:25px; vertical-align:middle; text-align:center; line-height:30px; border-radius:5px;}
.social a {color:#333; margin:0; padding:4px; font-size:12px; display:block; color:#b3b3b3;}

.breadcum-link {background:#f6f8f7;}
.breadcrumb { background:none; padding:10px 0; margin:0;}
.breadcrumb > li { font-size:13px;}
.breadcrumb > li a {color:#2258b1;}


.page-header { background:#f6f8f7; padding:0 30px; background-size:100%; color:#fff; margin:0 0 30px; border:none; height:60px; line-height:60px;}
.page-header .title { margin:0; font-size:24px; line-height:60px; color:#555; text-transform:uppercase;}
.page-header .breadcrumb { float:right; background:none; margin:0; padding:0; font-size:12px; color:#0f243f;}
.page-header .breadcrumb li {position:relative;}
.page-header .breadcrumb li a { color:#f90; }

.page { padding-top:30px;}
.page h3 {color:#666666; font-size:22px; font-weight:400; text-transform:uppercase;}
.page h4 {color:#666666; font-weight:600;}
.page p, .page li {color:#666666; font-size:16px; font-weight:400; line-height:28px; position:relative;}
.page ul {margin-bottom:25px; list-style:disc;}
.page li {padding:0; font-size:15px;}
.page p {margin-bottom:20px;}
.page strong {color:#000; font-weight:400;}

.col-join { background:url(../images/about-bg.jpg) no-repeat #000; color:#dedede; padding:30px 0 150px 0; background-size:cover; background-attachment:fixed;}
.col-join .title-header .title { color:#fff; }
.about-title .title {font-size:40px;}
.about-title p  {color:#fff; padding:13px 0;}

.col-circle {margin-top:50px;}
.col-circle  .panel {margin-bottom:70px; border-radius:0; background-color:transparent;}
.col-circle a:hover {background:#000;}
.feature h3 {color:#5c5c5c; font-size:20px; text-align:center; font-weight:300; background:#f6f8f7; margin:0; padding:10px 0; text-transform:uppercase; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.feature h3:hover {background:#449fc4; color:#fff;}
.feature img {width:100%;}

.static-banner {background-color:#000; height:350px; background-repeat:no-repeat; background-position:top center; background-size:cover; position:relative; background-attachment:fixed;}
/*.tea-banner {background-color:#000; height:100%; background-repeat:no-repeat; background-position:top center; background-size:cover;}*/
.tea-banner img {width:100%;}
.static-banner .banner-caption {position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#fff; height:100%; background:rgba(0,0,0,0.4);}
.banner-caption header {position:absolute; left:0; bottom:0; width:100%; padding-bottom:120px;}
.banner-caption header:before {content:''; width:12px; height:12px; position:absolute; left:50%; bottom:100px; border:solid 2px #93c54a; border-radius:100%; margin-left:-6px;}
.banner-caption header:after {content:''; position:absolute; left:50%; bottom:0; width:2px; height:100px; border-left:dotted 2px #93c54a; margin-left:-1px;}
.banner-caption header h1 { margin:0;}

.para {background:#f2f2f2; padding:50px 0;}
.para p {font-size:18px; color:#666666; text-align:center; font-weight:300; padding:0 70px;}

.panel-item {width:20%; float:left; padding:0 5px;}
.panel-item .panel {border-radius:0;}

.bottom-nav {background:#747474; color:#fff;}
.bottom-nav .nav li {-webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.bottom-nav .nav li a {display: block; padding: 4px 15px; font-size:16px; color:#fff; font-weight: 400;}
.bottom-nav .nav li span {display: block;}
.bottom-nav .nav li.active, .bottom-nav .nav li a:hover { background:#0f243f;}
.bottom-nav .nav li:focus, .bottom-nav .nav a:focus { background:#0f243f;}

.contact-info {background-color: #fff; border:10px solid #f9f8f4; padding: 13px 20px; margin-bottom:20px; height:228px;}
.cnt-info {margin-top:30px;}
.address .address-panel h3 {color:#000; margin:0; padding:0; font-size:18px;}
.address .address-panel p {color:#000; margin:0; font-size:15px; font-weight:300; line-height:25px;}
.address .address-panel strong {color:#000; font-weight:600;}
.contact-form .form-control {height:40px; border-radius:0; box-shadow:none;}
.contact-form textarea.form-control {height:100px;}
.contact-form .form-group {margin-bottom:13px;}
.form-title {padding:0 20px; margin:0;}
.form-title .fa {color:#777; margin-right:10px; font-size:30px;}
.map {margin-top:20px; padding:10px;}

.pro-detail .pro-img {padding: 60px;}
.popup-gallery a { position:relative; display:block; overflow:hidden; }
.popup-gallery a:before { content:''; opacity:0; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; -webkit-transition-duration:0.4s; transition-duration:0.4s; }
.popup-gallery a:after { content:'\f00e'; font:normal normal normal 20px/1 FontAwesome; color:#fff; font-weight:300; position:absolute; top:50%; left:50%; z-index:11; -webkit-transition-duration:0.6s; transition-duration:0.6s; opacity:0; }
.popup-gallery a:hover:before { opacity:1; }
.popup-gallery a:hover:after { opacity:1; transform:scale(1.4);}
.popup-gallery > div {margin-bottom:10px;}

.product-panel {background:#fff; padding:30px; text-align:left; color:#8b8b8b;}
.pd h3 {padding-top:15px;}
.status-bar {margin:10px 0 0 0; font-size:13px; color:#979797;}
.status-bar span+span {margin-left:15px;}
.status-bar .fa {margin-right:5px;}

.sectors .slick-next, .sectors .slick-prev {position: absolute; top: -40px;}
.sectors .slick-next {right:5px;}

.event {padding:0 20px;}
.event img {width:100%;}
#sidebar {padding:20px 15px; background:#f7f7f7; border-top:5px solid #439fc4;}
#sidebar h3 {margin:0 0 20px 0; padding:10px; font-size:22px; color:#000; font-weight:600; background:#f0f0f0;}
.post-thumb-xs figure {float: left; width: 70px; background: #ea100f; margin-right: 15px;}
.post-thumb-xs {display:table; width:100%;}
.post-thumb-xs .post-desc {display: table-cell; vertical-align: middle; width: 100%;}
.post-thumb-xs .title { font-size: 14px; font-weight:400;}
.post-thumb-xs + .post-thumb-xs {padding-top: 10px; margin-top: 10px; border-top: solid 1px #ddd;}

.btn-submit  {min-width:inherit;}

.grey-bg {background: url(../images/bg.jpg); width: 100%; padding:60px 0;} 
.join-form {background:#fff; padding:20px 20px 30px 20px; border-radius: 10px;}
.join-form h3 {text-align:center; color:#333;}
.form-wrapper {margin:0 auto; max-width: 700px; text-align: left;}
.join-form .form-control {border-radius:0; box-shadow:none; font-size:14px;}
.form-control:focus {border-color: #449fc4;}
.join-form .form-group {margin-bottom:15px;}

.volunteer {background:#f6f6f6; padding-bottom:20px;}
.feedback {margin-bottom:40px;}
.testi-block+article {border-top:solid 1px #ddd; padding:30px 0 0; margin:30px 0 0;}
.testi-block .img-circle { float:left; margin:0 15px 0 0;}
.testi-block .text {overflow:hidden;}
.testi-block .author { position:relative; padding-left:50px;}
.testi-block .author:before { content:'\f10d'; font-family:FontAwesome; color:#ddd; position:absolute; left:0; top:0; font-size:30px;}

.new-gallery img {border:1px solid #636363;}

.soon {padding:8% 0; text-align:center;}

.tsm-client {padding:30px 0;}
.tsm-client-text {padding-left:20px;}
.tsm-client+.tsm-client {border-top:1px solid #d6d6d6; padding:30px 0;}
.tsm-client img {padding:5px;}
/*.img-circle { border: 2px solid #bdc1cb; border-radius: 50%; background: #fff;}*/
.tsm-client .img-circle {border-radius:0;}
.tsm-client-text {overflow:hidden; margin-left:120px;}
.tsm-client-title h3 {color:#0f243f; margin:0; text-transform:capitalize;}
.tsm-client-title p {font-size:14px;}

.news {margin:30px 0 30px 0;}
.media-kit .fa {font-size:20px; margin-left:15px;}
.media-kit .table tr td {font-size:15px;}
.media-kit .table tr td a:hover, .media-kit .table tr td a:focus {color:#000;}
.media-kit .table > tbody > tr > td {border:none;}

.vision p {padding:40px 0; text-align:center; font-weight:700; text-transform:uppercase;}

.tea-panel {padding:50px 0;}
.tea-panel h3 {text-align:right; padding-right:20px; font-size:19px; line-height:30px; margin-top:12px;}
.tea-panel h3 strong {font-size:35px; font-weight:700;}
.tea-panel p {font-size:15px; line-height:23px;}
.benefits-content {background:#f5f5f5; padding:30px 35px; margin-left:-70px; margin-top:30px;}
.benefits-content h3 {font-weight:600; color:#333; position:relative; padding-bottom:5px;}
.benefits-content h3:after {content:''; background:#000; width:25px; height:3px; position:absolute; left:0; bottom:0;}
.benefits-content p strong {color:#000;}
.form-bg {background:url(../images/form-bg.jpg) no-repeat; background-size:cover; background-position:top center; padding:25px 0; border-radius:5px; margin-top:8%;}
.form-bg .contact-form {background:#fff; -webkit-box-shadow: 0px 0px 18px 0px rgba(166,166,166,1);
-moz-box-shadow: 0px 0px 18px 0px rgba(166,166,166,1);
box-shadow: 0px 0px 18px 0px rgba(166,166,166,1); padding:15px 25px;  margin-top:-80px;}

.red-ginseng h3 {text-align:left; padding-left:0; display:inline-block;}
.red-ginseng h3 strong {font-size:25px;} 
.col-list1, .col-list2 {float: left; width: 50%; margin-top: 10px;}
.col-list1 {padding-left: 12px;}
.red-ginseng strong {font-weight: 700; font-size: 18px;}
.tea-panel {padding-bottom: 0;}

.order-title {font-size: 25px !important; font-weight: 600;}

.work-frame img{width:100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-transition-duration:0.5s;-o-transition-duration:0.5s;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.work-frame a:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.work-frame a .overlay{opacity:0;position:absolute;top:0;text-align:center;background:rgba(0, 0, 0, 0.8);width:100%;height:100%;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.work-frame a:hover .overlay{opacity:1;overflow:hidden;}
.work-frame a .overlay .thumb-info{top:67%;left:44%;position:relative;opacity:0;}
.work-frame a:hover .overlay .thumb-info{-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s;position:relative;bottom:20%;margin-top:-26px;opacity:1;}
.work-frame .thumb-info .fa{font-size:25px;color:#d6d6d6;display:table-cell;vertical-align:middle;}

.gallery-title {display: block;}
.col-product .panel-title {text-align: center; padding: 0 0 20px 0;}
.col-product .panel-title h3 {font-size: 16px; text-align: center;}
.panel-title .price {font-size: 17px; text-align: center; background-color: #0f243f; padding: 3px 25px; border-radius:100px; color: #fff;}

.video-thumb {position: relative; background-color: #222; height: 100px; padding-bottom: 70%; display: block; background-position: center; background-size: cover}
.video-btn {position: absolute; left: 50%; top: 50%; background: url(../images/video-ico.png) no-repeat; background-size: 100%; margin: -39px 0 0 -39px; height: 78px; width: 78px; -webkit-transition-duration: .6s; transition-duration: .6s; border-radius: 100%}
.video-thumb:hover .video-btn {box-shadow: 0 0 0 10px rgba(255, 255, 255, .5); background-image: url(../images/video-ico-red.png); background-color: #fff}

.video-modal .modal-dialog {width: 100%; margin:0; position:relative; padding:80px 10% 80px 10%;}
.video-modal .modal-content {padding:0; border-radius:0; border:none; background-color:#000 !important;}
.video-modal .close {position: absolute; top: -42px; right: -60px; color: #fff; width: 50px; height: 50px; font-weight: 300; text-shadow: none; opacity: 1; font-size: 50px;}
.video-modal .close:hover, .video-modal .close:not(:disabled):not(.disabled):focus, .video-modal .close:not(:disabled):not(.disabled):hover {opacity:0.8; color:#fff;}
.hp-videos {position:relative;}
.hp-videos .title {font-size:30px; color: #000; font-weight:900; text-transform:uppercase; display: inline-block;  margin: 0 0 0 30px;  transform: rotate(-90deg); transform-origin: left; text-align: left; white-space: nowrap; color: #000; position: absolute;bottom: 0; left: 0; padding-left:34px;}
.hp-videos .title:before { content: ''; width:2px; height: 50px; border-left: dotted 2px #93999d;  border-color: linear-gradient(0deg, rgba(240,134,45,1) 0%, rgba(0,153,220,1) 100%); position: absolute; bottom: -8px; left: 119%; transform: rotate(-90deg); transform-origin: left;} 


.thank-block {width:50%;margin:6% auto; padding:100px 0; text-align:center;}
.back-btn {background:url(../images/back-btn.png) no-repeat center center; width:175px; height:31px; line-height:30px; display:inline-block; text-align:center; color:#000; font-family: 'Open Sans', sans-serif; margin-top:20px;}
.back-btn .fa {margin-right:5px; font-size:13px;}
.back-btn:hover {color:#6e1d37;}
.thank-block h3 {color:#000;text-transform:uppercase;font-size:60px;font-weight:500;margin:0;}
.thank-block span{font-size:20px;color:#191919;border:dotted 1px #191919;margin-top:20px;text-transform:capitalize;padding:6px 20px;}


@media (max-width: 1200px) {
.col-focus .panel {height:285px;}
 #navbar {display:block !important;}
 #navbar .nav > li > a {padding:0 10px;}
}
 @media only screen and (max-width:1199px) {

	 .toggle-btn { display:block;}
	 .nav-panel {line-height:48px;}
	  #navbar {display:none; margin:0;}
	  #navbar{position:fixed; overflow:scroll; top:0; right:-280px; width:280px; background:url(../images/nav-bg.png) repeat #212121; height:100%; z-index:99999; -webkit-transition-duration:0.4s; transition-duration:0.4s;}	 
	 #navbar.open{ right:0;}
	 #navbar .nav { float:none;}
	 #navbar .nav > li {float:none;}
	 #navbar .nav > li > a {color:#dedede; padding:0 20px;}
	 #navbar .nav > li + li a {border-top:solid 1px #303030;}
	 #navbar .nav > li + li {border:none;}
	 .caret {display:none;}
	 .toggle-btn.is-active {top:5px;}
	 .data-bottom {top:0; bottom:inherit;}
	 #navbar .nav > li:hover > ul.dropdown-menu, #navbar .dropdown-menu {position:relative; left:0; width:100%; float:none;}
	 #navbar .nav > li > a::after {display:none;}
	 #navbar .dropdown-menu {background:#000;}
	 #navbar .nav > li > a.dropdown-toggle:after { content:'\f067'; font-family:'FontAwesome'; font-size:12px; display:block; position:absolute; width:40px; text-align:center; top:0; right:0;}
	 #navbar .nav > li.open > a.dropdown-toggle:after{content:'\f068';}
	 #navbar .nav > li.open > a {background:#3e94b7; color:#fff;}
	 #navbar .nav > li.donate {display:block;}
	 body {-webkit-transition-duration:0.4s; transition-duration:0.4s; position:relative; left:0;}
	 body.no-scroll {overflow:hidden; left:-280px;}
	 .search {margin-right: 60px;}
	 .count strong {font-size:30px;}
	 
 }

@media only screen and (max-width:767px) {
	.toggle-btn.is-active {right:0; top:12px;}
	.search {height: 66px;}
	.search > a {height: 66px;}
	.toggle-btn {top:13px;}
	.nav-panel {height:66px;}
	body {padding-top:0;}
	#header {position:inherit;}
	.top-header {display:none;}
	#header {padding-left: 100px; height:66px;}
	.logo {width:100px; height:auto;}
	.social-links {display:none;}
     #search { position:fixed; top:58px; width:100%; background:#fff;}
    .search .btn { background-color:#002e5b;}
    .nav-panel {line-height:40px;}
	.home-slider .item {padding-top:13%; padding-bottom:4%;}
	 .caption {padding:15px; position:inherit; right:0; width:inherit; height:155px;}
	 .caption h3 {font-size: 16px;}
	 .caption small {font-size: 14px;}
	 .home-slider .slick-next, .home-slider .slick-prev {display:none !important;}
	 .icon {display: none;}
	 .video {background-size: cover; background-position: center;}
	 .data-start {text-align:center; padding: 5% 0;}
	 .data-start h3 {font-size: 25px;}
	 .test-slider {padding:0;}
	 .test-slider .slick-next, .test-slider .slick-prev {display:none !important;}
	 .footer {padding: 40px 0 20px;}
	 .data-figure .row {margin:0;}
	 .count {width:100%; padding:12px 30px; text-align:left; min-height:inherit;}
	 .count+.count {border-top: solid 1px #fff; background:inherit;}
	 .why-icd p {padding:5px 0;}
	 .panel-service {padding-bottom: 75%; min-height: 100px; height:auto;}
	 .sectors .slick-next, .sectors .slick-prev {display:none !important;}
	 .static-banner {background-attachment:inherit; height:250px;}
	 .banner-caption header h1 {font-size:25px;}
	 .title-lg {font-size:22px;}
	 .about-title .title {font-size:30px;}
	 .about-title p {font-size:13px;}
	 .col-join {padding-bottom:50px;}
	 .f-nav {margin-bottom:20px;}
	 .copyright {font-size:12px;}
	 .bottom-nav .nav li {display:inline-block;}
	 .bottom-nav .nav-justified > li > a {margin-bottom:0;}
	 .testi-block .img-circle {width:80px;}
	 .testi-block p {font-size:14px;}
	 .tsm-client figure {float:none !important;}
	 .tsm-client-text {margin-left:0; margin-top:15px; padding:0 10px 0 10px;}
	 .benefits-content {margin-left: 0; display: inline-block;}
	 .col-list1, .col-list2 {float: none; width: inherit;}
	 .col-list2 {padding-left: 12px;}
	 .col-benefit ul {margin: 0;}
	 .page-enquire .pull-right {float: inherit !important;}
	 .col-benefit {display:block !important;}
	 	}


@media only screen and (max-width:640px) {
.why-title {font-size: 18px;}
.why-icd p {font-size: 14px;}
.data-start br {display:none;}
.btn-more {min-width:inherit; text-align:center;}
.btn-more::after {display:none;}
.nav > li > a > img {display:none;}
.bottom-nav .nav li a {font-size:12px;}
.pannel-nav {padding:0;}
.page p {text-align:justify;}


}

@media only screen and (max-width:480px) {
	.title-header .title {font-size: 18px;}
	.data-start h3 {font-size:20px;}
	.data-start p {font-size:13px;}
	.bottom-nav .nav li a {padding: 10px 7px;}
	.caption h3 {font-size:13px;}
	
		
}

@media only screen and (max-width:360px) {
	
		
}