@font-face {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Avenir-Black.eot');
    src: url('../fonts/Avenir-Black.eot%3F') format('embedded-opentype'),
    /*url('https://magellan-net.com/emmausmedical/fonts/Avenir-Black.woff2') format('woff2'),
    url('https://magellan-net.com/emmausmedical/fonts/Avenir-Black.woff') format('woff'),*/
    url('../fonts/Avenir-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Avenir-Book.eot');
    src: url('../fonts/Avenir-Book.eot%3F') format('embedded-opentype'),
    /*url('https://magellan-net.com/emmausmedical/fonts/Avenir-Book.woff2') format('woff2'),
    url('https://magellan-net.com/emmausmedical/fonts/Avenir-Book.woff') format('woff'),*/
    url('../fonts/Avenir-Book.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Avenir-Light.eot');
    src: url('../fonts/Avenir-Light.eot%3F') format('embedded-opentype'),
    /*url('https://magellan-net.com/emmausmedical/fonts/Avenir-Light.woff2') format('woff2'),
    url('https://magellan-net.com/emmausmedical/fonts/Avenir-Light.woff') format('woff'),*/
    url('../fonts/Avenir-Light.ttf') format('truetype');
}

/**** essential elements ****/
html                                    { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after                    { box-sizing: inherit; }
html, body                              { font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; height: 100%; width: 100%; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.clearfix:after                         { content: ""; display: table; clear: both; }

::-webkit-input-placeholder             { color: #4d4d4d; }
:-moz-placeholder                       { color: #4d4d4d; }
::-moz-placeholder                      { color: #4d4d4d; }
:-ms-input-placeholder                  { color: #4d4d4d; }

input[type=text]::-ms-clear             { display: none; }

a, a:visited                            { color: #005a2d; text-decoration: none; }
a:hover                                 { color: #333; text-decoration: underline;}

.overflow-hidden                        { overflow: hidden;}


/* & Columns : 12  & Gutter %: 20%  & MaxWidth: 1280px */
.row                                    { display:block; overflow:hidden; clear:both; }

*[class*="col_"].alpha                  { margin-left:0; }
*[class*="col_"].omega                  { margin-right:0; }

.col_1                                  { width: 6.6666666666667%; }
.col_2                                  { width: 15%; }
.col_3                                  { width: 23.333333333333%; }
.col_4                                  { width: 31.666666666667%; }
.col_5                                  { width: 40%; }
.col_6                                  { width: 48.333333333333%; }
.col_7                                  { width: 56.666666666667%; }
.col_8                                  { width: 65%; }
.col_9                                  { width: 73.333333333333%; }
.col_10                                 { width: 81.666666666667%; }
.col_11                                 { width: 90%; }
.col_12                                 { width: 98.333333333333%; }

*[class*="col_"]                        { margin-left: 0.83333333333333%; margin-right: 0.83333333333333%; margin-top:0.5em; margin-bottom:0.5em; float: left; display: block; }
*[class*="col_"].visible                { background:#eee; border:1px dotted #ccc; }


.container                              { width: 100% !important; max-width: 1200px !important; margin: 0 auto;}


.sectionTitle                           { font-size: 60px; color: #000; line-height: 80px; margin-bottom: 20px; text-align: center;}
.sectionSubTitle                        { font-size: 18px; color: #000; line-height: 24px; margin-top: 20px; text-align: center;}

.separator                              { width: 220px; position: relative; height: 1px; background-color: #cccccc; margin: 0 auto; border: none; display: block;}
.separator span                         { content: ""; width: 80px; height: 3px; background-color: #e00e45; position: absolute; margin: 0 auto; left: 0; top:-1px; right: 0;}
.leftSeparator                          { width: 150px; position: relative; height: 1px; background-color: #cccccc; margin: 0; border: none; display: block;}
.leftSeparator span                     { content: ""; width: 80px; height: 3px; background-color: #e00e45; position: absolute; margin: 0 auto; left: 0; top:-1px;}


/* HEADER FIXED */
.headerWrapper                          { position: relative; float: left; width: 100%; }
.headerWrapper.navShadow .innerBox      { transition: all 0.1s ease; background-color: #fff; position: fixed; width: 100%; max-width: 100%; box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); height: 75px; z-index: 2;}
.headerWrapper.navShadow .innerBox .logo img { max-width: 130px;}
.headerWrapper.navShadow .innerBox .stellarnav li a { padding: 25px 10px 25px; color: #333; transition: none;}
.headerWrapper.navShadow .innerBox .stellarnav li li a { padding: 8px 10px;}
.headerWrapper.navShadow .innerBox .stellarnav li a:before { background-color: #005a2d;}
.headerWrapper.navShadow .innerBox .stellarnav.mobile > ul > li > a { color: #fff; padding: 8px 10px;}
.headerWrapper.navShadow .innerBox .stellarnav.mobile ul ul a { color: #fff; padding: 6px 10px 6px 20px;}
.headerWrapper.navShadow .innerBox .stellarnav.mobile ul ul ul a { padding: 6px 10px 6px 30px;}
.headerWrapper.navShadow .innerBox .searchIcon { top: 27px;}
.headerWrapper.navShadow .innerBox .searchIcon .active-icon { color: #000;}


.headerWrapper.fixed                    { z-index: 999; max-width: 100%; position: relative; top: 0; padding: 0; box-shadow: 0 2px 4px rgba(0,0,0,.1); -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;}
.headerWrapper.fixed header             { position: relative; top: 0; padding: 0; height: 75px; }
.headerWrapper.fixed header .logo img   { max-width: 130px;}
.headerWrapper.fixed header .stellarnav li a { padding: 25px 10px 25px; color: #333;}
.headerWrapper.fixed header .stellarnav li li a { padding: 8px 10px;}
.headerWrapper.fixed header .stellarnav li a:before { background-color: #005a2d;}
.headerWrapper.fixed header .stellarnav.mobile > ul > li > a { color: #fff; padding: 8px 10px;}
.headerWrapper.fixed header .stellarnav.mobile ul ul a { color: #fff; padding: 6px 10px 6px 20px;}
.headerWrapper.fixed header .stellarnav.mobile ul ul ul a { padding: 6px 10px 6px 30px;}
.headerWrapper.fixed header .searchIcon { top: 27px;}
.headerWrapper.fixed header .searchIcon .active-icon { color: #000;}


/* HEADER */
header                                  { z-index: 2; height: 95px; bottom: 0; max-width: 1200px; margin: 0 auto; left: 0; right: 0; top: 0; position: absolute; transition: all 0.3s;}

.headerWrapper.fixed.navShadow          { transition: all 0.1s ease; background-color: #fff; position: fixed; width: 100%; max-width: 100%; box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); height: 75px;}


/* LOGO */
.logo                                   { position: absolute; left: 10px; top: 12px;}
.logo img                               { width: 100%; height: auto; max-width: 200px;}


/* CAMERA SLIDER */
.camera_wrap a, .camera_wrap img,
.camera_wrap ol, .camera_wrap ul,
.camera_wrap li,
.camera_thumbs_wrap a, .camera_thumbs_wrap img,
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul,
.camera_thumbs_wrap li{ background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none }
.camera_wrap                            { margin-bottom: 0!important; width: 100%; overflow: hidden; direction: ltr; max-height: 634px!important; display: none; float: left; position: relative; z-index: 0; /*: none!important;*/ border-bottom: solid 5px #008e45;}
.camera_wrap img                        { max-width: none!important;}
.camera_fakehover                       { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1;}
.camera_src                             { display: none;}

.cameraCont, .cameraContents            { height: 100%; position: relative; width: 100%; z-index: 1;}
.cameraSlide                            { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%;}
.cameraContent                          { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%;}
.camera_target                          { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0;}
.camera_overlayer                       { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0;}
.camera_target_content                  { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2;}
.camera_target_content .camera_link     { background: url(../images/blank.gif); display: block; height: 100%; text-decoration: none;}
.camera_loader                          { background: #fff url(../images/camera-loader.gif) no-repeat center; background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center; border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3;}
.camera_bar                             { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3;}
.camera_thumbs_wrap.camera_left .camera_bar,
.camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto;}
.camera_thumbs_wrap.camera_bottom .camera_bar,
.camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; }
.camera_nav_cont                        { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4;}

.camerarelative                         { overflow: hidden; position: relative;}
.imgFake                                { cursor: pointer;}
.camera_command_wrap .hideNav           { display: none;}
.camera_command_wrap                    { left: 0; position: relative; right:0; z-index: 4;}

.camera_clear                           { display: block; clear: both;}
.showIt                                 { display: none;}
.camera_clear                           { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative;}

/* thumbs */
.camera_thumbs_cont                     { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);}
.camera_commands_emboss .camera_thumbs_cont { -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2);}
.camera_thumbs_cont > div               { float: left; width: 100%;}
.camera_thumbs_cont ul                  { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center;}
.camera_thumbs_cont ul li               { display: inline; padding: 0 4px;}
.camera_thumbs_cont ul li > img         { border: 1px solid #000; cursor: pointer; margin-top: 5px; vertical-align:bottom;}
.camera_prevThumbs                      { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);}
.camera_prevThumbs div                  { background: url(../images/camera_skins.png) no-repeat -160px 0; background-position: -160px -1000px; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px;}
.camera_nextThumbs                      { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);}
.camera_nextThumbs div                  { background: url(../images/camera_skins.png) no-repeat -190px 0; background-position: -190px -1000px; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px;}

/* commands play - pause */
.camera_commands                        { right: 41px; cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);}
.camera_commands > .camera_play         { background: url(../images/camera_skins.png) no-repeat -80px 0; height: 40px; width: 40px; background-position: -80px -1000px;}
.camera_commands > .camera_stop         { background: url(../images/camera_skins.png) no-repeat -120px 0; display: block; height: 40px; width: 40px; background-position: -120px -1000px;}

/* previous - next */
.camera_prev                            { left: 20px; cursor: pointer; height: 70px; width: 70px; position: absolute; top: 40%; text-align: center; padding-top: 10px; padding-right: 4px; z-index: 2; background: rgba(0,0,0,0.5); -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }
.camera_prev span:before                { content: "\e904"; color: #fff; font-size: 48px; font-family: 'icomoon', Arial, Helvetica, sans-serif; display: inline-block; }
.camera_next                            { right: 20px; cursor: pointer; height: 70px; width: 70px; position: absolute; top: 40%; text-align: center; padding-top: 10px; padding-left: 4px; z-index: 2; background: rgba(0,0,0,0.5); -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.camera_next span:before                { content: "\e907"; color: #fff; font-size: 48px; font-family: 'icomoon', Arial, Helvetica, sans-serif; display: inline-block; }
.camera_prev:hover, .camera_next:hover  { background: rgba(0,0,0,0.8);}

/* hide arrows if only one slide*/
.camera_src.paused.hovered+.camera_prev,
.camera_src.paused.hovered+.camera_pnext { display: none!important; opacity: 0!important;}

/* dots pagination */
.camera_wrap .camera_pag                { position: absolute; bottom: 0; width: 100%; max-width: 1200px; margin: 0 auto; left: 0; right: 0; padding: 0 10px;}
.camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: left;}
.camera_wrap .camera_pag .camera_pag_ul li { background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 10px; margin: 20px 5px; position: relative; text-align: left; text-indent: 9999px; width: 10px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background-color: rgba(255, 255, 255, 0.3);}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #b7b7b7; }
.camera_wrap .camera_pag .camera_pag_ul li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 4px; left: 3px; overflow: hidden; position: absolute; top: 3px; width: 4px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { display: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: #434648;}
.camera_wrap .camera_pag .camera_pag_ul li img { display: none; position: absolute; border: 4px solid #e6e6e6; -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); box-shadow: 0 3px 6px rgba(0,0,0,.5);}
.camera_wrap .camera_pag .camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute;}
.camera_commands_emboss .camera_pag .camera_pag_ul li { -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2);}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2);}

/* caption */
.camera_wrap .camera_caption            { height:auto; top:50%; transform:translateY(-50%); display:block; position:absolute; width:100%; color: #fff;}

/* slide with only text */
.camera_wrap .camera_caption .wrapp.text { float: right; position: relative; left: -50%;}
.camera_wrap .camera_caption .wrapp.text h2 { text-align: left; display: block; color:#a59889; padding: 8px; font-size: 18px; position: relative; left: 50%; text-transform: uppercase; max-width:750px; margin:25px auto 0;}
.camera_wrap .camera_caption .wrapp.text p { text-align: center; max-width: 750px; display: block; color:#fff; font-size: 16px; line-height: 22px; margin:30px auto 0; padding: 8px; position: relative; left: 50%;}
.camera_wrap .camera_caption .wrapp.text a { font-size: 16px; left: 50%; font-weight: 700; line-height: 44px; width:230px; text-transform: uppercase; text-align:center; background:#f6b60b; display:block; text-shadow:none; margin:50px auto 0; outline:none!important; box-shadow:none; border:0; color:#000; position:relative; z-index:2; padding:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; transition: all 0.3s ease;}
.camera_wrap .camera_caption .wrapp.text a:hover { background:#E6A70B;}

/* slide with text + image */
.camera_wrap .camera_caption .wrapp.text-image { position: relative; max-width: 1200px; margin: 0 auto;}
.camera_wrap .camera_caption .wrapp.text-image .inner { max-width: 500px; float: left; display: inline-block; width: 48%; }
.camera_wrap .camera_caption .wrapp.text-image .inner h2 { color: #a59889; text-align: left; max-width: 500px; font-weight: 700; display: block; font-size: 18px; line-height: 28px; position: relative; text-transform: uppercase; margin:25px 0 10px;}
.camera_wrap .camera_caption .wrapp.text-image .inner h2 span { color: #a59889;}
.camera_wrap .camera_caption .wrapp.text-image .inner p { text-align: left; max-width: 500px; display: block; color:#fff; font-size: 40px; font-weight: 300; line-height: 40px; margin:10px 0 30px; position: relative;}
.camera_wrap .camera_caption .wrapp.text-image .inner a { font-size: 16px; line-height: 44px; font-weight: 700; width:230px; text-transform: uppercase; text-align:center; background:#f6b60b; display:block; text-shadow:none; margin:50px 0; outline:none!important; box-shadow:none; border:0; color:#000; position:relative; z-index:2; padding:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; transition: all 0.3s ease;}
.camera_wrap .camera_caption .wrapp.text-image .inner a:hover { background:#E6A70B;}
.camera_wrap .camera_caption .wrapp.text-image .imgBox { float: right; width: 48%; max-width: 500px; text-align: right; display: inline-block;}
.camera_wrap .camera_caption .wrapp.text-image .imgBox img { max-width: 500px!important; max-height: 300px; width: 100%; height: auto;}

/************* NAVIGATION **************/
.navigation                             { position: absolute; right: 15px; top: 0;}


/************** search ************/
.searchIcon                             { position: absolute; right: 0; top: 35px; }
.searchIcon .active-icon                { color: #fff; font-size: 20px; }
.searchIcon .active-icon:hover          { text-decoration: none; color: #005a2d;}
.searchIcon .switch                     { background: #ffffff; width: 250px; margin: 20px 0 0 0; _margin: 0; opacity: 0; visibility: hidden; position: absolute; top: 40px; z-index: 1; right: -15px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-shadow: 0px 2px 6px #aaa; -webkit-box-shadow: 0px 2px 6px #aaa; -moz-box-shadow: 0px 2px 6px #aaa; -o-box-shadow: 0px 2px 6px #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.searchIcon.expanded .switch            { opacity: 1; visibility: visible; margin: 0; z-index: 9999; }
.searchIcon .switch                     { opacity: 0; padding: 5px; }
.searchIcon .switch:before              { content: ''; position: absolute; right: 18px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f0f0f0;}
.searchIcon .switch .txtField           { padding: 8px 35px 8px 8px; height:34px; line-height: 16px; float: left; width: 100%; color: #5f5f5f; font-size: 12px; border: none; }
.searchIcon .switch .searchBTN          { z-index: 2; top:0; right:0px; padding: 0px; position:absolute; height: 44px; width: 36px; background-color: transparent; border-style: none; cursor: pointer; }

.searchIcon .switch:after               { content: '\e907'; font-family: icomoon; color: #666; position: absolute; right: 14px; font-size: 22px; top: 10px; z-index: 1; }


/* INTRO ARTICLES */
.articlesIntroBox                       { clear: both; overflow: hidden; }
.articlesIntroBox .article.alignLeft    { display: flex; flex-direction: row; min-height: 500px; clear: both;}
.articlesIntroBox .article.alignLeft .articleImage { flex: 1; order:1; background-position: center center; background-repeat:no-repeat; background-size:cover; }
.articlesIntroBox .article.alignLeft .articleText  { flex: 1; order:2;}
.articlesIntroBox .article.alignLeft .articleText .inner   { width: 65%; padding: 100px 15px 100px 70px; float: left;}
.articlesIntroBox .article.alignLeft .articleText .inner h2 { font-size: 36px; line-height: 44px; color: #7f7f7f; margin-bottom: 20px; font-weight: 300;}
.articlesIntroBox .article.alignLeft .articleText .inner p { font-size: 16px; line-height: 24px; color: #7f7f7f; font-weight: 400; margin-bottom: 20px; }
.articlesIntroBox .article.alignLeft .articleText .inner .link { font-size: 14px; line-height: 22px; font-weight: 700;}

.articlesIntroBox .article.alignRight   { display: flex; flex-direction: row; min-height: 500px; clear: both;}
.articlesIntroBox .article.alignRight .articleImage { flex: 1; order: 2;background-position: center center; background-repeat:no-repeat; background-size:cover; }
.articlesIntroBox .article.alignRight .articleText  { flex: 1; order:1;}
.articlesIntroBox .article.alignRight .articleText .inner   { width: 65%; padding: 100px 70px 100px 15px; float: right;}
.articlesIntroBox .article.alignRight .articleText .inner h2 { font-size: 36px; line-height: 44px; color: #7f7f7f; margin-bottom: 20px; font-weight: 300;}
.articlesIntroBox .article.alignRight .articleText .inner p { font-size: 16px; line-height: 24px; color: #7f7f7f; font-weight: 400; margin-bottom: 20px; }
.articlesIntroBox .article.alignRight .articleText .inner .link { font-size: 14px; line-height: 22px; font-weight: 700;}


/* INTRO NEWS */
.newsIntroBox                           { clear: both; margin-top: -27px;}
.newsTitle                              { margin-left: 95px; position: relative; padding: 5px 0; margin-bottom: 90px; border-bottom: solid 1px #b2b2b2; font-weight: 700; text-transform: uppercase; font-size: 16px; color: #7f7f7f;}
.newsTitle .icon                        { position: absolute; padding-top: 8px; padding-left: 7px; left: -94px; top: -15px; width: 80px; height: 80px; border-radius: 100%; background-color: #00460b; text-align: center;}
.newsTitle .icon:before                 { content: '\e900'; font-weight: 300; font-family: icomoon; color: #fff; font-size: 54px; }
.news                                   { clear: both; display: block; float: right; width: 100%; }
.news .owl-carousel                     { padding-bottom: 60px;}
.news .owl-carousel .item               { display: block; }
.news .owl-carousel .item h3 a          { font-weight: 300; font-size: 22px; line-height: 28px; color: #005a2d; margin-bottom: 5px;}
.news .owl-carousel .item h3 a:hover    { text-decoration: none; color: #000; }
.news .owl-carousel .item h3 span       { font-size: 12px; font-weight: 700; color: #353535; text-transform: uppercase; margin-bottom: 50px; display: block; }
.news .owl-carousel .item p             { font-size: 14px; font-weight: 400; line-height: 30px; color: #7f7f7f; margin-bottom: 30px;}

.news .owl-carousel .owl-nav            { top: auto; bottom: 0; background-color: #005a2d; color: #fff; font-size: 20px; height: 50px; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}

.news .owl-carousel .owl-nav .owl-prev  { font-size: 20px; opacity: 1; line-height: 38px; color: #fff!important; opacity: 1!important;}
.news .owl-carousel .owl-nav .owl-prev span:after {content: '/'; margin-left: 20px; margin-right: 8px; color: #fff!important; opacity: 1!important;}
.news .owl-carousel .owl-nav .owl-prev span:before { font-size: 14px; font-weight: 300; margin-right: 10px; color: #fff!important; opacity: 1!important;}
.news .owl-carousel .owl-nav .owl-next  { font-size: 20px; opacity: 1; line-height: 38px; color: #fff!important; opacity: 1!important;}
.news .owl-carousel .owl-nav .owl-next span:after  { font-size: 14px; font-weight: 300; margin-left: 10px; color: #fff!important; opacity: 1!important;}
.news .owl-carousel .owl-nav .disabled:hover { color: #fff!important; opacity: 1!important;}

a.readMore                              { font-size: 14px; line-height: 22px; font-weight: 700;}


/* FOOTER */
footer                                  { clear: both; overflow: hidden; display: block; background-color: #ededed; height: 100px;}
footer .container                       { position: relative;}
footer p                                { display: block; position: absolute; left: 0; top: 46px;}
footer ul                               { display: block; text-align: right; position: absolute; right: 120px; top: 45px;}
footer ul li                            { display: inline-block; padding: 0 10px 0 0; font-weight: 400;}
footer ul li:after                      { content: '|'; margin-left: 10px;}
footer ul li:last-child:after           { content: none;}
footer ul li a                          { font-size: 14px; color: #7f7f7f!important;}
footer ul li a:hover                    { color: #005a2d!important; text-decoration: none;}
footer a.footerLogo                     { position: absolute; right: 0; top: 32px;}
footer a.footerLogo img                 { width: 100px;}



/* page header */
.pg-header                              { background: #f2f4f7; border-bottom: 1px solid #e1e3e6; overflow: hidden; clear: both;}
.pg-header .container                   { padding: 30px 10px; overflow: hidden;}
.pg-header h1                           { display: block; font-size: 24px; line-height: 28px; color: #005a2d;}
.pg-header h1 em                        { font-style: normal; font-weight: 300;}

/* breadcrumbs */
.breadcrumbs                            { display: block; margin-top: 6px; }
.breadcrumbs li                         { display: inline-block; margin-right: 10px; font-size: 14px; line-height: 16px;}
.breadcrumbs li:before                  { content: "\e907"; font-family: 'icomoon'; display: inline-block; padding-right: 5px; }
.breadcrumbs li a                       { color: #333;}
.breadcrumbs li a:hover                 { color: #005a2d; text-decoration: none;}

.box                                    { overflow: hidden; padding: 40px 0;}


/************ post Box *************/
.postBox                                { border-bottom: solid 1px #eeeeee; margin-bottom:40px; display:block; overflow:hidden; clear:both; padding-bottom:35px;}
.postBox .imageBox                      { width: 25%; margin-right: 5%; float: left;}
.postBox .imageBox img                  { width:100%;}
.postBox .shortDesc                     { overflow: hidden;}
.postBox .shortDesc h2                  { margin-bottom: 20px;}
.postBox .shortDesc h2 a                { font-weight: 300; font-size: 24px; line-height: 30px; color: #005a2d; margin-bottom: 5px;}
.postBox .shortDesc h2 a:hover          { color:#000; text-decoration: none;}
.postBox .shortDesc h2 span             { font-size: 12px; font-weight: 700; color: #353535; text-transform: uppercase; padding-top: 8px;display: block;}
.postBox .shortDesc p                   { font-size: 14px; font-weight: 400; line-height: 30px; color: #7f7f7f; margin-bottom: 20px;}



/* pagination */
.pagination                             { height: 46px; margin: 30px 0; text-align: center; clear:both; overflow:hidden; display:block;}
.pagination ul                          { display: inline-block;  margin-left: 0; margin-bottom: 0; margin-top: 2px; }
.pagination li                          { display: inline; }
.pagination a,
.pagination a:visited                   { font-size: 16px; background-color: #fff; font-weight: 300; float: left; padding: 3px 15px; line-height: 34px; text-decoration: none; color:#333; transition: all 0.3s ease-in; }
.pagination a:hover                     { color: #005a2d; }
.pagination .active a                   { color: #005a2d; cursor: default; font-weight: 700; }
.pagination .disabled span              { background-color: #fff; float: left; padding: 3px 15px; line-height: 34px; text-decoration: none; color:#999999; }
.pagination li:first-child a            { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.pagination li:last-child a             { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.pagination.left                        { text-align: left; }
.pagination.right                       { text-align: right; }


/* content */
.content                                { background-color: #fff; padding: 0; overflow: hidden; display: block; margin-bottom: 10px;}
.content p                              { line-height: 22px; margin: 10px 0; font-size: 14px;}
.content h1                             { font-size:28px; margin:25px 0px; font-weight:700; letter-spacing: -1px;}
.content h2                             { font-size:24px; margin:25px 0px; font-weight:700; letter-spacing: -1px;}
.content h3                             { font-size:22px; margin:25px 0px; font-weight:700; letter-spacing: -1px;}
.content h4                             { font-size:20px; margin:25px 0px; font-weight:700; letter-spacing: -1px;}
.content h5                             { font-size:18px; margin:25px 0px; font-weight:700; letter-spacing: -1px;}
.content h6                             { font-size:16px; margin:25px 0px; font-weight:700; letter-spacing: -1px;}
.content ul li                          { font-size: 14px; padding: 8px 0; list-style-type: none; margin: 0; padding-left: 20px; position: relative; }
.content ul li:before                   { content: '\e907'; font-family: icomoon; position: absolute; left: 6px; }
.content ol                             { margin: 0 0 20px 25px; padding: 0; list-style-position: outside; list-style-type: decimal; }
.content ol li                          { margin: 0; padding: 5px 8px; font-size: 14px; }
.content blockquote                     { overflow:hidden; font-size:14px; line-height:20px; font-style:italic; margin:30px 0; padding:15px 20px;  background-color: #F0F0F0;}
.content blockquote span                { font-size:11px; display:block; }
.content .imageBox                      { margin-bottom:20px; float: left; margin-right: 30px; margin-top: 10px;}
.content .imageBox img                  { width: 100%; max-width: 400px;}
/* Documents */
.documentBox                            { border: solid 2px #F0F0F0; padding: 40px 50px 30px 50px; overflow: hidden; display: block; margin-bottom: 10px; margin-top: 50px;}
.documentBox h3                         { font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;}
.documentBox ul                         { margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding: 0px; }
.documentBox li                         { padding-left: 20px; position: relative; margin-bottom: 15px;}
.documentBox li:before                  { content: '\e907'; font-family: icomoon; position: absolute; left: 6px; }
.documentBox li a                       { font-size: 14px; color: #000; font-weight: 400; transition: all 300ms ease-in-out 0s;}
.documentBox li a:hover                 { color: #005a2d; }
.documentBox li span                    { font-size: 12px; color: #A8A8A8; margin-left: 5px;}

/* Gallery */
.gallery                                { border: solid 2px #F0F0F0; padding: 40px 50px 30px 50px; overflow: hidden; display: block; margin-bottom: 30px; margin-top: 50px;}
.gallery h3                             { font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;}
.gallery ul                             { display:block; clear:both; overflow:hidden; margin:0px; padding:0px; }
.gallery li                             { padding:0px; float:left; overflow:hidden; width: 23%; margin-bottom: 20px; height: 140px; margin-right: 2%; }
.gallery li a img                       { height: auto; max-width: 245px; }

.date                                   { font-size: 12px; font-weight: 700; color: #353535; text-transform: uppercase; margin-top: 8px; margin-bottom: 15px; display: block;}

.map-responsive                         { overflow:hidden; position:relative; height:450px; }
.map-responsive iframe                  { left:0; top:0; height:450px; width:100%; position:absolute; }


.contactInfo                            { padding: 20px 0 60px; display: flex; flex-direction: row;}
.contactInfo .infoContactBox            { width: 33.33%; text-align: center; padding: 0 10px;}
.contactInfo .infoContactBox .icon      { text-align: center; padding-bottom: 20px; display: block;}
.contactInfo .infoContactBox .icon i    { font-family: icomoon; color: #005a2d; font-size: 35px; text-align: center;}
.contactInfo .infoContactBox h4         { color: #005a2d; margin-bottom: 15px; font-size: 20px; font-weight: 400;}
.contactInfo .infoContactBox p          { color: #7f7f7f; font-size: 14px; line-height: 20px;}

/************** questionForm ************/
.formCol                                { width:100%; margin:0 auto; padding: 40px 0; max-width: 1000px; margin: 0 auto;}
.formCol h3                             { font-size: 34px; line-height: 42px; color: #7f7f7f; margin-bottom: 10px; font-weight: 300;}
.formCol h4                             { font-size: 16px; line-height: 24px; color: #7f7f7f; font-weight: 400; margin-bottom: 30px;}
.formCol .clearfix p                    { width: 50%; padding: 0 10px 0 0; clear: none; float: left; }
.formCol p                              { margin: 0 0 8px; padding: 0 10px 0 0; clear: both; overflow: hidden; line-height:20px; }
.formCol p .inputForm                   { font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 4px; width: 100%; padding: 10px; line-height:22px; height: 44px; color: #333; border: 1px solid #e5e5e5; }
.formCol p .textarea                    { float: left; font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 4px; max-height:80px; min-height:140px; max-width:100%; min-width:100%; color: #333; padding: 5px 5px 5px 10px; border: 1px solid #e5e5e5; }
.formCol p .inputForm.error,
.formCol p .textarea.error              { background: #F7DFDF; border: 1px solid #f7dfdf; }
.formCol .btn                           { background-color: #005a2d; cursor: pointer; color: #fff; max-width: 275px; width: 100%; font-size: 16px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: center; display: block; text-shadow: none; margin: 0; outline: none!important; box-shadow: none; border: 0; position: relative; z-index: 2; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: a-ms-transition: all 0.3stransition: all 0.3s ease;}
.formCol .btn:hover                     { background-color: #009039; }

.formCol ::-webkit-input-placeholder    { color: #a5a5a5; }
.formCol :-moz-placeholder              { color: #a5a5a5; }
.formCol ::-moz-placeholder             { color: #a5a5a5; }
.formCol :-ms-input-placeholder         { color: #a5a5a5; }
.formCol .error::-webkit-input-placeholder { color: #a70000; }
.formCol .error:-moz-placeholder        { color: #a70000; }
.formCol .error::-moz-placeholder       { color: #a70000; }
.formCol .error:-ms-input-placeholder   { color: #a70000; }