/*
 * A Design by Prim
 * Author: Katarina
 * Author URL: http://be.net/katarinajiang
 */

/*
1. General
**********************************************************************/
 body {
    font-family:'GothamBookRegular', Helvetica, Arial, sans-serif;
    color: #575757;
    line-height:1.7em;
    font-size:18px;
}
a {
    color:#26b968;
    text-decoration: none;
	outline:none;
	_noFocusLine: expression(this.hideFocus=true);
}
a:hover {
    color: #1b9a54;
    text-decoration:none;
	-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
}
hr {border-color:#26b968; border-width:2px;}
h1, h2, h3, h4, h5, h6 {
    font-family:'GothamBoldRegular';
}
h1 {
    margin: 10px;
	font-size: 20px;
	text-transform: uppercase;
}
p {
    padding: 10px 0;
    font-weight: 100;
    color: #575757;
}
strong { font-family:'GothamBoldRegular'; font-weight:normal;}
.navbar {
    background: #fff;
    margin-bottom:0;
    /* min-height:70px; */
}

.navbar-fixed-top {
    min-height:60px;
    height:60px;
    padding-top:0;
}
.navbar-inner {
    background: #fff;
    border-radius:0;
    filter: none;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #26b968;
}
.navbar-brand {
height: auto;	
padding: 15px 0;
}
.navbar .nav {padding:21px 0; }
.navbar .nav > li > a {
	font-family: 'GothamBoldRegular', helvetica, arial, sans-serif;
	font-size:14px;
    text-transform:uppercase;
    line-height: auto;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    color: #26b968;
    transition: border-color 1s ease;
	padding: 10px 0px 4px;
	margin-left: 10px;
	margin-right: 10px;
}
.navbar .nav > li:hover> a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover {
    /* border-bottom: 3px solid #26b968; */
    color: #26b968;
    background-color: #fff;
    transition: border-color 1s ease;
	box-shadow: inset 0px -3px 0 #26b968;
}

.navbar .nav > li.current a {
    /* border-bottom: 3px solid #26b968; */
	box-shadow: inset 0px -3px 0 #26b968 !important;
}
.nav-pills {
    margin-bottom: 30px;
}
.nav-pills > li > a {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right:5px;
    padding-left:25px;
    padding-right:25px;
    border: none;
}
.nav-pills > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background: #26b968;
    color: #fff;
}
.navbar-toggle {
    border-radius:0;
    background:#1b9a54;
}
.navbar-toggle .icon-bar { background:#fff;}

/******
2. Layout
**********************************************************************/
.centered {
    margin-left:auto;
    margin-right:auto;
    float: none;
    text-align: center;
}
/* Use this class if you want ceter element with span* class */
 .center {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}
.highlighted-box {
    background:#F4F8F9;
    padding:20px 30px;
}
.highlighted-box h1 {
    margin:0px;
}
.large-text {
    line-height:1.2em;
    font-size: 30px;
    color: #26b968;
    padding:20px;
    margin-bottom:20px;
}
.highlighted-box h1, .highlighted-box p {
    color: #26b968 !important;
}
.circle-border {
    display: inline-block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    -khtml-border-radius: 500px;
    border: 3px solid #fff;
}
.left-align {
    text-align:left;
}
.right-align {
    text-align:left;
}
.error {
    color: #CF0000;
    display: none;
}
.invisible {
    display:none;
    visibility:visible;
}
.triangle {
    margin: 0 auto;
    text-align:center;
    width: 0;
    height: 0;
    border-top: 30px solid #fff;
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    position: relative;
}
/*
2.1 Animations
**********/
 .zoom-in {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}
.zoom-in:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}
/*
2.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
**********/
 .button,  .button:visited, .button:focus {
    display:inline-block;
    background-color:#26b968;
    color:#fff;
    padding:15px 60px;
    font-size:17px;
    line-height:auto;
	text-transform: uppercase;
	font-family: 'GothamBoldRegular', helvetica, arial, sans-serif;
	border: none;
	outline:none;
	_noFocusLine: expression(this.hideFocus=true);
}
.button:hover, .button:active{
    background-color:#1dab57;
    color:#ddd;
}
.button-sp, .button-sp:visited, .button-sp:focus {
    border:none;
    background-color:#1b9a54;
    color:#26b968;
}
.button-sp:hover, .button-sp:active {
    background-color:#26b968;
    color:#1b9a54;
}
.button-ps, .button-ps:visited, .button-ps:focus {
    border:none;
    background-color:#26b968;
    color:#1b9a54;
}
.button-ps:hover, .button-ps:active {
    background-color:#1b9a54;
    color:#26b968;
}
/*
2.3 Thumbnails - Predefined bootstrap's thumbnail class.
**********/
 .thumbnail {
    width:100%;
    height:100%;
    padding:0;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    background: #191a1c;
}
.thumbnail .more {
    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#fff;
    text-decoration:none;
    line-height: 70px;
    text-align: center;
}
.thumbnail:hover .more {
    top:40%;
    margin-top:-40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.thumbnail h3, 
.thumbnail p {
    margin:0;
    padding:0;
    position:relative;
    z-index:4;
}
.thumbnail h3 {
    color: #1b9a54;
    margin-top:10px;
    font-size:20px;
}
.thumbnail > p {
    padding-bottom:20px;
}
.thumbnail .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#181A1C;
    position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.thumbnail:hover .mask {
    top:0;
}

/*
3. Sections 
***************************************************************************/
.section {
    padding-bottom: 50px;
}
.section .container {
    padding-top:50px;
}
.section .title {
    text-align: center;
    padding:10px;
}
.section .title h1 {
    font-weight: normal;
    margin-bottom: 20px;
    padding: 0;
}
.section .title > p {
    font-size: 20px;
    color: #FFF;
    font-weight: lighter;
}
.section .title img {
    display:inline-block;
}
.primary-section {
    background:#fff;
}
.primary-section .triangle {
    border-top: 40px solid #1dab57;
}
.primary-section .title {
	text-transform: uppercase;
}
.primary-section .title p {
	text-transform: none;
}
.primary-section, .primary-section .title p, .primary-section h3 {
    color: #575757;
}
.primary-section h1 {
    color:#575757;
}
.secondary-section {
    background:#1dab57;
}
.secondary-section .title {
	text-transform: uppercase;
}
.secondary-section h1, .secondary-section .title p {
    color: #fff;
}
/* Third section use bacground image */
.third-section {
    padding-bottom: 70px;
    background: #26b968 url(../img/brand-bg.png) no-repeat center;
    border-top:6px solid #1b9a54;
}
.third-section .container {
    padding-top:20px;
    position:relative;
}
.third-section .title {
    border-bottom: 1px solid #A1AAB7;
    color: #1b9a54;
}
.sub-section {
    margin-top:30px;
}
.sub-section .title {
    padding:0;
}
/*******
3.1 Who Are We  
***************************************/
.who{
    margin-top:20px;
}
 .who, .who h2 {
    padding-top:15px;
}
.who h3 {color:#fff;}
.who p {
    padding:0px 50px;
    height:60px;
}
.who-c {background:url(../img/who-c.png) no-repeat; }
.who-m {background:url(../img/who-m.png) no-repeat; }
.who-v {background:url(../img/who-v.png) no-repeat; }
.who-bp {background:url(../img/who-bp.png) no-repeat; }
.who-c, .who-m, .who-v, .who-bp {background-position: top; display:inline-block; width: 199px; height: 199px;}
.who-item {border: 2px solid #fff; box-sizing:border-box; cursor: pointer; display:table; text-align:center; padding: 1em; width:100%;}
.who-item:hover {background:#fff; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-}
.who-item:hover .who-c, .who-item:hover .who-m, .who-item:hover .who-v, .who-item:hover .who-bp {background-position: bottom;}


.errorClass { border: 1px solid red !important; }
.errorClass-captcha { border-bottom-color: red !important; }
/*
3.3 Products
******************************************************************/
#products {padding-bottom:0;}
.products .span6 {margin:0; width:50%;}
.products .product-item-1, .products .product-item-2 {background-size:cover; padding: 55px 0;}
.products .product-item-1 {background:url(../img/prod-bg-1.jpg);}
.products .product-item-2 {background:url(../img/prod-bg-2.jpg);}
.product-item-2 h3 { color:#b1edcc;}
.products .button {margin:40px 0 0;}

/*
3.4 Principals
**********************************************************************/
.principals {background-color:#f4f5f0;padding-bottom:0;}
.principals .principals-map-wrap { position:relative; text-align:left; max-width:858px; width:95%; margin:0 auto; }
.principals-map-wrap {text-align:center;margin-bottom:25px;}
.principals-map {display:inline;}
.principals-map .popover {background-color:#2ea64a;border:2px solid #005c15;}
.principals-map .popover > .arrow {border-top-color: #005c15;}
.principals-map .popover.top > .arrow::after {border-top-color: #2ea64a;}
.principals-map .popover .popover-content {text-align:center;line-height:.8em;font-size:17px; min-width: 125px; }
.principals-map .popover .popover-content span {font-size: 12px;}
.principals-map .popover .popover-content img {position:absolute;top:7px;right:7px;}
.principals-map .popover .popover-content a, .principals-map .popover .popover-content a:focus{color:#fff;font-family: 'GothamBoldRegular', helvetica, arial, sans-serif;}
.principals-map .popover .popover-content a:hover {color:#ddd;}
.principals-map ul li{position:absolute;z-index:1;}
.principals-map ul { top:0; left:0; margin:0; padding:0; height:100%; max-width:858px; /* position:absolute; */ width:100%; }
.principals-map ul li {list-style: outside none none;margin:0;padding:0;}
.principals-map ul li {max-width:18px;}
.principals-map ul li:first-child  { right:12.5%; top:39%; }
.principals-map ul li:nth-child(2) { right:19%; top:58%; z-index: 2; }
.principals-map ul li:nth-child(3) { right:15.6%; top:38%; }
.principals-map ul li:nth-child(4) { right:75.8%; top:42%; }
.principals-map ul li:nth-child(5) { right:28.6%; top:51%; }
.principals-map ul li:nth-child(6) { right:46%; top:27.5%; }
.principals-map ul li:nth-child(7) { left:68.6%; top:52.4%; }
.principals-map ul li:nth-child(8) { left:51%; top:31%; }
.principals-map ul li:nth-child(9) { left:53%; top:31%; }
.principals-map ul li:nth-child(10) { left:53%; top:31%; }
.principals-map ul li:last-child { left:49.9%; top:27.5%; }
.principals-tabs {border:none;margin:0;}
.principals-tabs > li {background-color:#1b9a54;margin:0;width:50%;text-align:center;}
.principals-tabs .active {background-color:#26b968;}
.principals-tabs > li > a {border:none;border-radius:0;color:#fff;font-family: 'GothamBoldRegular', helvetica, arial, sans-serif;font-size:22px; line-height:22px; text-transform:uppercase;}
.principals-tabs > li.active > a, .principals-tabs > li.active > a:focus, .principals-tabs > li.active > a:hover { color:#fff;background-color:#26b968;border:none;}
.principals-tabs > .active > a:after {border:none;content:'';display:block;background:transparent url(../img/principals-arrow-down.gif) no-repeat; height:20px;width:61px;position:absolute; margin-top:10px; margin-left:40%;}
.principals-tabs > .nursings.active> a:after { margin-top:21px; }
.principals-tabs > li > a:hover, .principals-tabs > li > a:focus {background-color:#26b968; border:none;}
.principals-tab-content {background:#fff; padding: 20px; text-align:center;}

/*
3.5 What's New
******************************************************************/
#new {background:url(../img/new-bg.png); border-top:2px solid #36cc79; border-bottom:2px solid #36cc79;}
.new .thumbnail {background:#26b968;}
.new .thumbnail h3 {color:#fff;margin:20px 0;}
#new-grid .mix {
    opacity: 0;
    display: none;
}
.new {list-style: none;padding:0;}
/*
3.6 Map
********************************************************************/
.map {background:#f4f5f0;padding-bottom:0;}
.map-wrapper {
    position:relative;
    height:650px;
}
.map-canvas {
    position:absolute;
    margin-bottom:20px;
    width:100%;
    height:650px;
    color: #29383F;
    left:0;
    top:0;
    right:0;
}
.map-info {	border: 1px solid #26b968;box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.map-info .map-title h3 {color:#fff;background:#26b968;font-size:45px;padding:15px 0;margin:0;text-align: center;}
.map-content {
    background:#fff;
    background: rgba(255, 255, 255, 0.9);
    z-index:110;
    position:relative;
    padding:20px;
}
.map-content .map-label {color:#26b968;font-family:'GothamBoldRegular';}
.map-content span {font-size: 16px;}
.map-content .col-xs-12 img {display:inline-block;}
.map-content .col-xs-12 {text-align:center;padding-top:20px;padding-bottom:20px;}


.acf-map {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/*
3.7 Contact
********************************************************************/
.contact {background:#f4f5f0;}
label {font-weight:normal; font-family: 'GothamBookRegular', helvetica, arial, sans-serif; text-transform:uppercase;}

.contact textarea, .contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact select {
    padding: 10px;
    line-height: 20px;
    height: auto;
	font-size: 18px;
}

.form-control { padding:10px; height:auto;  }
.contact select {padding: 10px;}
.contact .form-group {padding: 0 15px;}
.contact .form-control {border-radius:0;}
.contact .captcha .captchaTxt {font-size: 40px;font-family: 'GothamBookRegular', helvetica, arial, sans-serif; line-height:51px; color:#d64040;}
.captcha .col-md-6 { padding:0; }
.captcha .form-control { border-top:none; border-right:none; border-left:none; background:#f4f5f0; box-shadow:none; }

/*
3.8 Footer
********************************************************************/
 .footer {
    margin-top:30px;
    text-align:left;
    background: #fff;
}
.footerInner { border-top:2px solid #26b968; }
.footer .container p {
    color: #272727;
    margin:0;
	font-family:'GothamBoldRegular';
	font-size:16px;
}
.scrollup {
	background: #1b9a54 url(../img/scroll-up.png) center center no-repeat;
    text-align:center;
    cursor:pointer;
    vertical-align:middle;
    width:62px;
    height:62px;
    position:fixed;
    bottom:30px;
    right:20px;
    display:none;
	z-index:999;
}
.scrollup:hover {background-color: #26b968;}
/*
4 Responsible
********************************************************************/
 @media (min-width: 1200px) {
    .thumbnail .more {
        margin-left:-41px;
        width:80px;
        height:80px;
        border-radius:40px;
        line-height: 80px;
    }
	
	
	
}
@media (max-width: 979px) {
    body {
        padding-left:0;
        padding-right:0;
    }
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
    }
    .navbar .nav > li > a {
        line-height: 20px;
        vertical-align: middle;
    }
    .section {
        /* padding-left:20px;
        padding-right:20px; */
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0px;
        margin-right: 0px;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav > li {
        float: none;
    }
    .nav-collapse, .nav-collapse.collapse {
        width: 100%;
        display: inherit;
    }
    .thumbnail .more {
        margin-left:-21px;
        width:40px;
        height:40px;
        border-radius:30px;
        line-height: 40px;
    }
    .thumbnail:hover .more {
        margin-top:-20px;
    }
    .newsletter form {
        text-align:center;
    }
	.navbar .nav > li > a {padding:10px 0; font-size:12px; margin: 0 5px;}
	
/* .principals-map ul li:first-child {left:34em;top:6em;}
.principals-map ul li:nth-child(2) {left:33em;top:7em;}
.principals-map ul li:nth-child(5) {left:32em;top:12em;}
.principals-map ul li:nth-child(6) {left:31em;top:11em;}
.principals-map ul li:nth-child(3) {left:29em;top:9em;}
.principals-map ul li:nth-child(4) {left:28em;top:10em;}
.principals-map ul li:nth-child(7) {left:22em;top:3em;}
.principals-map ul li:nth-child(8) {left:21em;top:4em;}
.principals-map ul li:nth-child(9) {left:22em;top:5em;}
.principals-map ul li:nth-child(10) {left:22em;top:6.5em;}
.principals-map ul li:last-child {left:9em;top:7.5em;}		 */
.principals-map ul li a > img { width:100%; height:auto; }
.principals-map ul li { width:2%; height:auto; }

}
@media ( max-width: 768px) {
    .info-mail {
        width:90%;
        padding:15px 0px;
    }
    .project-description {
        padding-left:20px;
    }
    .price-column, .testimonial {
        margin-top:30px;
    }
	.products .span6 {margin:0; width:100%;}
	..principals-tabs > li {width:100%;}
	.map-info .map-title h3 {font-size: 30px;}
	.button, .button:visited, .button:focus {padding:12px 15px;}
	.map-canvas, .carousel-indicators, .triangle, .principals-tabs > .active > a:after, #carousel2 .carousel-control {display:none;}
	.navbar-brand {padding:3px;}
	.who-popup img {padding:0;}
	
/* .principals-map ul li:first-child {left:25em;top:4em;}
.principals-map ul li:nth-child(2) {left:24em;top:4.5em;}
.principals-map ul li:nth-child(5) {left:23em;top:8em;}
.principals-map ul li:nth-child(6) {left:22.5em;top:7.5em;}
.principals-map ul li:nth-child(3) {left:21em;top:6.5em;}
.principals-map ul li:nth-child(4) {left:20em;top:6em;}
.principals-map ul li:nth-child(7) {left:16em;top:2em;}
.principals-map ul li:nth-child(8) {left:15em;top:3em;}
.principals-map ul li:nth-child(9) {left:16em;top:4em;}
.principals-map ul li:nth-child(10) {left:16em;top:5.5em;}
.principals-map ul li:last-child {left:6.5em;top:4.5em;} */	
		
}

@media only screen and (max-width: 479px) {
.principals-map {display:none;}
.map-wrapper {height:710px;}
.navbar-brand {width:70%;padding: 3px 0px;}
	}

/** CUSTOM **/
.whoBg { background: url(../img/who-bg.jpg); }
.secondary-section h3, .primary-section h3 {text-transform: uppercase;}
.who-popup {
  position: relative;
  background: #FFF;
  padding: 20px 40px 40px 40px;
  width:auto; 
  max-width: 650px;
  margin: 20px auto;
}
..who-popup img {padding: 1em 2em;}

/** CAROUSEL **/
.carousel {background:url(../img/Slider.jpg) center center;}
.carousel-control {width:10%;}
.carousel-indicators li {border:none;width:50px;height:3px;margin:0 5px 0 0;background:#17683f;}
.carousel-indicators .active {background:#fff;width:50px;height:3px;}
.right.carousel-control {background:url(../img/Right.png) no-repeat center center;}
.left.carousel-control {background:url(../img/Left.png) no-repeat center center;}
#carousel2 {background:none;}
#carousel2 .carousel-control {width:2%;}
#carousel2 .right.carousel-control {background: url(../img/principals/green-arrow-right.gif) no-repeat center center;}
#carousel2 .left.carousel-control {background: url(../img/principals/green-arrow-left.gif) no-repeat center center;}