/*------------------------------------------------------------------
Project: Feors.Com
Version: v1.0
Last change: 27.06.2019
Author:  Elit Creative & Abdullah Sayacı
Primary use: 
-------------------------------------------------------------------*/

@font-face { font-family: 'icomoon'; src: url("/assets/fonts/icomoon/icomoon.eot"); src: url("/assets/fonts/icomoon/icomoon.eot#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon/icomoon.ttf") format("truetype"), url("/assets/fonts/icomoon/icomoon.woff") format("woff"), url("/assets/fonts/icomoon/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }

body { font-family: "Open Sans", Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.7; color: #333; background: #fff; }
#page { position: relative; overflow-x: hidden; width: 100%; height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.offcanvas #page { overflow: hidden; position: absolute; }
.offcanvas #page:after { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0, 0, 0, 0.7); content: ""; }
a { color: #009640; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
a:hover, a:active, a:focus { color: #017231; outline: none; text-decoration: none; }
p { margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6, figure { color: #000; font-family: 'Open Sans', serif; font-weight: 400; margin: 0 0 20px 0; }
::-webkit-selection { color: #fff; background: #017231; }
::-moz-selection { color: #fff; background: #017231; }
::selection { color: #fff; background: #017231; }
.website-nav { width: 100%; padding: 0; z-index: 1001; background: #fff; }
.website-nav .top { padding: 0px 0; margin-bottom: 0; background-color: #dddddd; }
.website-nav .top .num, .website-nav .top .website-social, .website-nav .top .site { display: inline-block; margin: 0; padding: 5px 12px; }
@media screen and (max-width:768px) {
  .website-nav .top .num, .website-nav .top .website-social, .website-nav .top .site { padding: 5px 10px; }
  .website-nav .top .num span { display: none; }
}
.website-nav .top .num { color: rgba(0, 0, 0, 0.6); font-size: 13px; letter-spacing: 0px; border-left: 1px solid rgba(0, 0, 0, 0.08); }
.website-nav .top .website-social { margin: 0; }
.website-nav .top .website-social li { font-size: 14px; display: inline-block; }
.website-nav .top .website-social li a { padding: 7px 7px; color: rgba(0, 0, 0, 0.6); font-size: 13px; }
.website-nav #website-logo { margin: 0; padding: 0; width: 300px; height: auto; margin-top: 18px; margin-bottom: 18px; }
.website-nav #website-logo a { display: block; }
.website-nav #website-logo img { width: 100%; height: auto }
.menu-1 { margin-top: 30px; }
@media screen and (max-width:768px) {
  .website-nav #website-logo { width: 200px; }
  .website-nav .menu-1 { display: none; }
}
.website-nav ul { padding: 0; margin: 5px 0 0 0; }
.website-nav ul li { padding: 0; margin: 0; list-style: none; display: inline; font-weight: 300; }
.website-nav ul li a { font-size: 14px; font-weight: 600; padding: 30px 15px; color: #333; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: 'Open Sans', serif; text-transform: uppercase }
.website-nav ul li a:hover, .website-nav ul li a:focus, .website-nav ul li a:active { color: #009640; }
.website-nav ul li.has-megadropdown .megadropdown { width: 150%; -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index: 1002; border-top: 2px solid #009640; visibility: hidden; opacity: 0; position: absolute; top: 53px; left: -50%; text-align: left; padding: 20px; -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; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; background: #fff; }
.website-nav ul li.has-megadropdown .megadropdown li { display: block; width: 19%; float: left; margin: 0.5%; background: rgba(0, 0, 0, 0.1); }
.website-nav ul li.has-megadropdown .megadropdown li:hover { background: rgba(0, 0, 0, 0.2); }
.website-nav ul li.has-megadropdown .megadropdown li img { width: 100%; height: 140px; }
.website-nav ul li.has-megadropdown .megadropdown li span { display: block; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden; }
.website-nav ul li.has-megadropdown .megadropdown li:last-child { margin-bottom: 0; }
.website-nav ul li.has-megadropdown .megadropdown li a { padding: 0px; display: block; color: rgb(35, 35, 35); line-height: 2.3; text-transform: none; font-size: 13px; letter-spacing: 0; font-weight: 400; text-align: center; }
.website-nav ul li.has-megadropdown .dropdown li a:hover { color: #009640; }
.website-nav ul li.has-megadropdown:hover a, .website-nav ul li.has-megadropdown:focus a { color: #009640; }
.website-nav ul li.active > a { font-weight: 400; }
#website-hero { min-height: 430px; height: 430px; background: #fff url(/assets/img/loader.gif) no-repeat center center; }
#website-hero .btn { font-size: 24px; }
#website-hero .btn.btn-primary { padding: 14px 30px !important; }
#website-hero .flexslider { border: none; z-index: 1; margin-bottom: 0; }
#website-hero .flexslider .slides { position: relative; overflow: hidden; }
#website-hero .flexslider .slides li { background-repeat: no-repeat; background-size: cover; background-position: bottom center; min-height: 430px; height: 430px; position: relative; }
#website-hero .flexslider .slides li:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background: url('/assets/img/overlay.png'); z-index: 1; opacity: 0.05; }
#website-hero .flexslider .flex-control-nav { bottom: 40px; z-index: 1000; }
#website-hero .flexslider .flex-control-nav li a { background: rgba(255, 255, 255, 0.2); box-shadow: none; width: 12px; height: 12px; cursor: pointer; }
#website-hero .flexslider .flex-control-nav li a.flex-active { cursor: pointer; background: rgba(255, 255, 255, 0.7); }
#website-hero .flexslider .flex-direction-nav { display: none; }
#website-hero .flexslider .slider-text { display: table; opacity: 0; min-height: 430px; height: 430px; z-index: 9; }
#website-hero .flexslider .slider-text > .slider-text-inner { display: table-cell; vertical-align: middle; min-height: 700px; }
#website-hero .flexslider .slider-text > .slider-text-inner h1, #website-hero .flexslider .slider-text > .slider-text-inner h2 { margin: 0; padding: 0; color: white; }
#website-hero .flexslider .slider-text > .slider-text-inner h1 { margin-bottom: 20px; font-size: 45px; line-height: 1.3; text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); font-weight: 700; }
@media screen and (max-width:768px) {
  #website-hero .flexslider .slider-text > .slider-text-inner h1 { font-size: 35px; }
}
#website-hero .flexslider .slider-text > .slider-text-inner h2 { font-size: 20px; line-height: 1.5; margin-bottom: 30px; font-family: "Open Sans", Arial, sans-serif; text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); }
#website-hero .flexslider .slider-text > .slider-text-inner h2 a { color: rgba(255, 255, 255, 0.5); }
#website-hero .flexslider .slider-text > .slider-text-inner .btn { padding: 18px 30px !important; color: #fff; border: none !important; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }
#website-hero .flexslider .slider-text > .slider-text-inner .btn:hover { background: #017231 !important; -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; }
#website-hero .flexslider .slider-text > .slider-text-inner .website-lead { font-size: 20px; color: #fff; }
#website-hero .flexslider .slider-text > .slider-text-inner .website-lead .icon-heart { color: #d9534f; }
#website-innerhero .flexsliderinner .slides li { background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; }
#website-innerhero .flexsliderinner .slider-text { display: table; opacity: 1; z-index: 9; margin: auto; }
#website-innerhero .flexsliderinner .slider-text > .slider-text-inner { display: table-cell; vertical-align: middle; }
#website-innerhero .flexsliderinner .slider-text > .slider-text-inner h1 { margin: 0; padding: 0; font-size: 30px; line-height: 3em; font-weight: 700; color: #fff; text-transform: uppercase; }
@media screen and (max-width:768px) {
  #website-innerhero .flexsliderinner .slider-text > .slider-text-inner h1 { line-height: 1.6em; font-size: 20px; }
}
.website-bg-section { background: #e8e8e8; }
#website-course-categories { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eaf7cd 44%, #ffffff 45%, #ffffff 45%, #eaf7cd 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #eaf7cd 44%, #ffffff 45%, #ffffff 45%, #eaf7cd 100%); background: linear-gradient(to bottom, #ffffff 0%, #eaf7cd 44%, #ffffff 45%, #ffffff 45%, #eaf7cd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf7cd', GradientType=0); }
#website-course-categories, #website-counter, #website-course, #website-register, #website-pricing, #website-testimonial, #website-blog, #website-about, #website-staff, #website-footer { padding: 3em 0; clear: both; }
@media screen and (max-width:768px) {
  #website-course-categories, #website-counter, #website-course, #website-register, #website-pricing, #website-testimonial, #website-blog, #website-staff, #website-contact, #website-footer { padding: 3em 0; }
}
#website-about, #website-contact { padding: 1em 0; }
.services { width: 98%; margin: 0 auto; margin-bottom: 20px; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.services .desc { width: 100%; background: rgb(225, 225, 225); padding: 5px; text-align: center; display: table; overflow: hidden; }
.services .desc h3 { font-size: 14px; font-weight: 500; px; */height: 40px; display: table-cell; vertical-align: middle; line-height: 18px; height: 36px; }
.services .desc h3 a { color: #0a4a25; text-transform: uppercase; font-weight: 700;}
.services .desc h3 a:hover { color: #04290e; }
.services .icon { display: table; text-align: center; margin: 0 auto;/* margin-bottom: 10px; */ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.services .icon img { width: 100%; height: 170px; border-radius: 3px; border: 1px solid #ddd; padding: 5px; }
@media screen and (max-width:992px) {
  .services .icon {/* margin: 0 auto 30px auto; */ }
}
.pageimages .desc { height: 30px; line-height: 30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 10px; }
.pageimages .desc .title { font-size: 14px; font-weight: 400; color: #000000; line-height: 30px; text-align: center; }
.pageimages .pageimage { background-size: contain; background-position: top center; background-repeat: no-repeat; position: relative; border-radius: 2px; overflow: hidden; display: table; }
.pageimages .pageimage:hover { opacity: 0.9 }
.pageimages.horizontal .pageimage { height: 180px; width: 100%; }
.pageimages.vertical .pageimage { height: 240px; width: 100%; }
@media screen and (max-width:768px) {
  .pageimages .pageimage { height: auto; }
}
.bordered { border: 1px solid #dedede; }
#technicaldata { font-size: 14px; }
#technicaldata table { overflow-x: auto; }
#technicaldata .technicaldesc img {  max-width:100%!important; height:auto!important }
@media screen and (max-width:768px) {
  #technicaldata table { display: block }
  #technicaldata .technicaldesc img {  width:100%!important; height:auto!important }
}
#technicaldata table tr:first-child td, #technicaldata table tr:first-child th { background: #0a4a25; color: #fff; text-align: center; font-weight: 400; }
#technicaldata table th, td { border-bottom: 1px solid #dedede; padding: 3px 4px; font-size: 13px; }
#technicaldata table td { border-right: 1px solid #dedede; border-left: 1px solid #dedede }
#technicaldata table th { background-color: #be171e; color: #fff; }
.course { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; margin-bottom: 30px; }
.course .desc, .course .course-img { width: 50%; display: inline-block; }
@media screen and (max-width:768px) {
  .course .desc, .course .course-img { width: 100%; }
}
.course .course-img { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width:768px) {
  .course .course-img { height: 270px; }
}
.course .desc { padding: 1.1em; background: #fafafa; }
.course .desc h3 { font-size: 18px; font-weight: 400; }
.course .desc h3 a { color: #000; }
.course .desc p { font-size: 13px; }
.course .desc .date { display: block; margin-bottom: 20px; font-size: 14px; }
.course .desc .btn-course { border: 2px solid rgba(0, 0, 0, 0.8) !important; background: transparent; color: rgba(0, 0, 0, 0.8) !important; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding: 11px 15px !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.course .desc .btn-course:hover { background: rgba(0, 0, 0, 0.8) !important; color: white !important; }
.course:hover .course-img { -webkit-box-shadow: inset -70px 0px 77px 11px rgba(0, 0, 0, 0.74); -moz-box-shadow: inset -70px 0px 77px 11px rgba(0, 0, 0, 0.74); box-shadow: inset -70px 0px 77px 11px rgba(0, 0, 0, 0.74); }
.website-social-icons { margin: 0; padding: 0; }
.website-social-icons { margin: 0; padding: 0; list-style: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin-top: 20px; }
.website-social-icons a { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding-right: 5px; }
.website-social-icons a i { font-size: 16px; color: #fff; background: #009640; padding: 7px 10px; border-radius: 3px; }
.website-social-icons a:hover i { background: #076b32; }
.website-contact-info ul { padding: 0; margin: 0; }
.website-contact-info ul li { list-style: none; position: relative; color: rgba(0, 0, 0, 0.8); width: 16%; margin: 1%; float: left; font-size: 14px; }
.website-contact-info ul li.address { width: 26%; }
.website-contact-info ul li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #009640; font-size: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 5px; position: relative; margin-right: 4px; }
.website-contact-info ul li.address:before { content: "\e9dc"; }
.website-contact-info ul li.phone:before { content: "\ea3b"; }
.website-contact-info ul li.email:before { content: "\e91e"; }
.website-contact-info ul li.fax:before { content: "\ea2f"; }
.website-contact-info ul li a { color: rgba(0, 0, 0, 0.8); }
@media screen and (max-width:768px) {
  .website-contact-info ul li { width: 100% !important; }
}
.website-heading { margin-bottom: 2em; }
.website-heading h2 { font-size: 27px; margin-bottom: 20px; line-height: 1.5; color: #009640; text-transform: uppercase; position: relative; }
.website-heading h2:after { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; content: ''; width: 50px; height: 1px; margin: 0 auto; background: rgba(0, 0, 0, 0.6); }
.website-heading p { font-size: 14px; }
#website-testimonial { background: #fff; position: relative; }
#website-testimonial .testimony-slide { text-align: center; position: relative; color: rgba(0, 0, 0, 0.75) !important; }
#website-testimonial .testimony-slide span { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: block; }
#website-testimonial .testimony-slide span small { font-size: 11px; font-weight: 300; letter-spacing: 3px; }
#website-testimonial .testimony-slide .user { display: block; width: 250px; height: 187px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; margin: 0 auto; margin-bottom: 10px;/* -webkit-border-radius: 50%; */ -moz-border-radius: 50%; -ms-border-radius: 50%;/* border-radius: 50%; */ }
#website-testimonial .testimony-slide blockquote { border: none; margin: 30px auto; width: 70%; position: relative; padding: 0; }
@media screen and (max-width:768px) {
  #website-testimonial .testimony-slide blockquote { width: 85%; }
}
#website-testimonial .arrow-thumb { position: absolute; top: 40%; display: block; width: 100%; }
#website-testimonial .arrow-thumb a { font-size: 32px; color: #dadada; }
#website-testimonial .arrow-thumb a:hover, #website-testimonial .arrow-thumb a:focus, #website-testimonial .arrow-thumb a:active { text-decoration: none; }
#website-testimonial .owl-theme .owl-dots .owl-dot span { background: rgba(255, 255, 255, 0.3) !important; }
#website-testimonial .owl-theme .owl-dots .active span { background: white !important; }
#website-testimonial .website-heading { margin-bottom: 3em; }
#website-testimonial .website-heading h2 { color: #333; margin-bottom: 20px !important; }
#website-testimonial .website-heading h2:after {  /* background: transparent !important; */ }
#website-testimonial .website-heading p { color: rgba(255, 255, 255, 0.5); }
#website-testimonial .website-heading span { padding: 7px 15px; position: relative; }
#website-testimonial .website-heading span:before { position: absolute; top: 24px; left: -40px; content: ''; width: 40px; height: 1px; background: white; }
#website-testimonial .website-heading span:after { position: absolute; top: 24px; right: -40px; content: ''; width: 40px; height: 1px; background: white; }
.wrap-price { padding: 2em 4em; }
.pricing__feature-list { width: 100%; float: left; }
.pricing__feature-list li { margin-bottom: 10px; }
.pricing__item { width: 100%; float: left; clear: both; }
@media screen and (max-width:768px) {
  .pricing__item { margin-bottom: 30px; }
}
.website-event { position: relative; padding-left: 120px; width: 100%; float: left; margin-bottom: 30px; }
.website-event .date { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: rgba(0, 0, 0, 0.03); display: table; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.website-event .date span { display: table-cell; vertical-align: middle; height: 100px; width: 100px; font-weight: 700; font-size: 20px; line-height: 24px; }
.website-event h3 { font-size: 17px; margin-bottom: 20px; line-height: 1.5; }
.website-event h3 a { color: black; }
.website-blog { margin-bottom: 30px; width: 100%; float: left; }
@media screen and (max-width:768px) {
  .website-blog { width: 100%; }
}
.website-blog .blog-img-holder { display: block; background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; height: 270px; }
.website-blog .blog-text { position: relative; background: rgba(0, 0, 0, 0.03); width: 100%; padding: 30px; float: left; }
.website-blog .blog-text span { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; display: inline-block; margin-bottom: 20px; }
.website-blog .blog-text span.comment { float: right; }
.website-blog .blog-text span.comment a { color: rgba(0, 0, 0, 0.3); }
.website-blog .blog-text span.comment a i { padding-left: 7px; }
.website-blog .blog-text h3 { font-size: 20px; margin-bottom: 20px; line-height: 1.5; }
.website-blog .blog-text h3 a { color: black; }
.website-blog .blog-text .btn-blog { background: transparent; border: 2px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.website-blog .blog-text .btn-blog:hover { color: #fff !important; }
#website-register { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
#website-register .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(0, 0, 0, 0.5); }
#website-register h2, #website-register h3, #website-register p { color: #fff; }
#website-register .btn-reg { background: transparent; border: 2px solid #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.simply-countdown {  /* The countdown */
margin-top: 3em; margin-bottom: 3em; }
.simply-countdown > .simply-section {  /* coutndown blocks */
display: inline-block; width: 120px; height: 120px; background: rgba(0, 0, 0, 0.2); margin: 0 5px; position: relative; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.simply-countdown > .simply-section > div {  /* countdown block inner div */
display: table-cell; vertical-align: middle; height: 115px; width: 120px; }
.simply-countdown > .simply-section .simply-amount, .simply-countdown > .simply-section .simply-word { display: block; color: white;  /* amounts and words */ }
.simply-countdown > .simply-section .simply-amount { font-size: 40px;  /* amounts */ }
.simply-countdown > .simply-section .simply-word { color: rgba(255, 255, 255, 0.9); text-transform: uppercase; font-size: 12px; letter-spacing: 2px; font-weight: 700;  /* words */ }
.staff { width: 100%; float: left; display: block; margin-bottom: 40px; }
.staff .staff-img { width: 100%; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; height: 300px; margin-bottom: 20px; display: table; }
.staff .staff-img:before { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(255, 255, 255, 0.9); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.staff .staff-img .website-social { opacity: 0; display: table-cell; vertical-align: middle; height: 300px; margin: 0; padding: 0; font-size: 14px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
.staff .staff-img .website-social li { display: inline-block; padding: 0 7px; }
.staff h3 { font-size: 18px; }
.staff h3 a { color: #000; }
.staff span { display: block; margin-bottom: 10px; font-size: 12px; }
.staff:hover .staff-img:before { opacity: 1; }
.staff:hover .staff-img .website-social { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#website-gallery { padding-top: 2.5em; }
#website-gallery h2 { font-size: 14px; text-transform: uppercase; margin-bottom: 2.5em; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; letter-spacing: 2px; }
#website-gallery h2 span { border: 2px solid rgba(0, 0, 0, 0.8); padding: 10px 15px; position: relative; }
#website-gallery h2 span:before, #website-gallery h2 span:after { position: absolute; top: 18px; bottom: 0; content: ''; width: 100px; height: 1px; background: rgba(0, 0, 0, 0.1); }
#website-gallery h2 span:before { lett: 0; margin-left: -125px; }
#website-gallery h2 span:after { right: 0; margin-right: -110px; }
.gallery { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; height: 300px; }
.gallery:hover { -webkit-box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74); -moz-box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74); box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74); }
#website-footer { background: #efefef; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; color: #fff !important; border-top: 2px solid #0a8b41; }
#website-footer .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#website-footer .website-footer-links { padding: 0; margin: 0; }
#website-footer .website-footer-links li { padding: 0; margin: 0; list-style: none; margin-bottom: 5px; }
#website-footer .website-footer-links li:before { content: ' - '; }
#website-footer .website-footer-links.w50 li { width: 50%; float: left; }
#website-footer .website-footer-links li a { color: rgba(255, 255, 255, 0.5); text-decoration: none; font-size: 13px; }
#website-footer .website-footer-links li a:hover { text-decoration: underline; }
#website-footer .website-widget { margin-bottom: 30px; }
@media screen and (max-width:768px) {
  #website-footer .website-widget { text-align: left; }
}
#website-footer .website-widget h3 { margin-bottom: 15px; font-weight: bold; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; color: #fff; }
#website-footer .website-widget p { font-size: 13px; }
#website-footer .bulletin-widget .form-group { margin-bottom: 5px; }
#website-footer .bulletin-widget .form-control { height: 30px; font-size: 12px; }
#map { width: 100%; height: 500px; position: relative; }
@media screen and (max-width:768px) {
  #map { height: 200px; }
}
#website-offcanvas { position: absolute; z-index: 1901; width: 270px; background: #009640; top: 0; right: 0; top: 0; bottom: 0; padding: 60px 20px 0px 30px; overflow-y: auto; display: none; -moz-transform: translateX(270px); -webkit-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media screen and (max-width:768px) {
  #website-offcanvas { display: block; }
}
.offcanvas #website-offcanvas { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
#website-offcanvas a { color: rgba(255, 255, 255, 0.8); text-transform: uppercase; }
#website-offcanvas a:hover { color: rgba(255, 255, 255, 0.8); }
#website-offcanvas ul { padding: 0; margin: 0; }
#website-offcanvas ul li { padding: 0; margin: 0; list-style: none; padding: 5px 0px; }
#website-offcanvas ul li img { width: 70% !important; margin: auto; display: table; }
@media screen and (max-width:768px) {
  #website-offcanvas ul li img { display: none; }
}
#website-offcanvas ul li a span { display: block; font-size: 13px; text-align: center; }
@media screen and (max-width:768px) {
  #website-offcanvas ul li a span { text-align: left; }
}
#website-offcanvas ul li > ul { padding-left: 10px; display: none; }
#website-offcanvas ul li.offcanvas-has-dropdown > a { display: block; position: relative; }
#website-offcanvas ul li.offcanvas-has-dropdown > a:after { position: absolute; right: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea1c"; font-size: 20px; color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#website-offcanvas ul li.offcanvas-has-dropdown.active a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
#website-offcanvas ul li.offcanvas-has-megadropdown > a { display: block; position: relative; }
#website-offcanvas ul li.offcanvas-has-megadropdown > a:after { position: absolute; right: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e0c5"; font-size: 20px; color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#website-offcanvas ul li.offcanvas-has-megadropdown.active a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.uppercase { font-size: 14px; color: #000; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; }
.gototop { position: fixed; bottom: 20px; right: 20px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.gototop.active { opacity: 1; visibility: visible; }
.gototop a { width: 50px; height: 50px; display: table; background: rgb(0, 150, 64); color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.gototop a i { height: 50px; display: table-cell; vertical-align: middle; }
.gototop a:hover, .gototop a:active, .gototop a:focus { text-decoration: none; outline: none; }
.website-nav-toggle { width: 25px; height: 25px; cursor: pointer; text-decoration: none; }
.website-nav-toggle.active i::before, .website-nav-toggle.active i::after { background: #444; }
.website-nav-toggle:hover, .website-nav-toggle:focus, .website-nav-toggle:active { outline: none; border-bottom: none !important; }
.website-nav-toggle i { position: relative; display: inline-block; width: 25px; height: 2px; color: #252525; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #252525; transition: all .2s ease-out; }
.website-nav-toggle i::before, .website-nav-toggle i::after { content: ''; width: 25px; height: 2px; background: #009640; position: absolute; left: 0; transition: all .2s ease-out; }
.website-nav-toggle.website-nav-white { top: 49px; }
.website-nav-toggle.website-nav-white > i { color: #019640; background: #019640; }
.website-nav-toggle.website-nav-white > i::before, .website-nav-toggle.website-nav-white > i::after { background: #019640; }
.website-nav-toggle.website-nav-white.active > i { color: #009640; background: #ff; top: -50px; }
.website-nav-toggle.website-nav-white.active > i::before, .website-nav-toggle.website-nav-white.active > i::after { background: #fff; }
.website-nav-toggle i::before { top: -7px; }
.website-nav-toggle i::after { bottom: -7px; }
.website-nav-toggle:hover i::before { top: -7px; }
.website-nav-toggle:hover i::after { bottom: -8px; }
.website-nav-toggle.active i { background: transparent; }
.website-nav-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.website-nav-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.website-nav-toggle { position: absolute; right: 0px; top: 55px; z-index: 21; padding: 6px 0 0 0; display: block; margin: 0 auto; display: none; height: 44px; width: 44px; z-index: 2001; border-bottom: none !important; }
@media screen and (max-width:768px) {
  .website-nav-toggle { display: block; }
}
.btn { margin-right: 4px; margin-bottom: 4px; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-weight: 400; -ms-border-radius: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding: 8px 20px; }
.btn.btn-md { padding: 8px 20px !important; }
.btn.btn-lg { padding: 18px 36px !important; }
.btn:hover, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.btn-primary { background: #009640; color: #fff; border: 2px solid #009640; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #057b38 !important; border-color: #057b38 !important; }
.btn-primary.btn-outline { background: transparent; color: #017231; border: 2px solid #017231; }
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #017231; color: #fff; }
.btn-success { background: #5cb85c; color: #fff; border: 2px solid #5cb85c; }
.btn-success:hover, .btn-success:focus, .btn-success:active { background: #4cae4c !important; border-color: #4cae4c !important; }
.btn-success.btn-outline { background: transparent; color: #5cb85c; border: 2px solid #5cb85c; }
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { background: #5cb85c; color: #fff; }
.btn-info { background: #5bc0de; color: #fff; border: 2px solid #5bc0de; }
.btn-info:hover, .btn-info:focus, .btn-info:active { background: #46b8da !important; border-color: #46b8da !important; }
.btn-info.btn-outline { background: transparent; color: #5bc0de; border: 2px solid #5bc0de; }
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { background: #5bc0de; color: #fff; }
.btn-warning { background: #f0ad4e; color: #fff; border: 2px solid #f0ad4e; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background: #eea236 !important; border-color: #eea236 !important; }
.btn-warning.btn-outline { background: transparent; color: #f0ad4e; border: 2px solid #f0ad4e; }
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { background: #f0ad4e; color: #fff; }
.btn-danger { background: #d9534f; color: #fff; border: 2px solid #d9534f; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background: #d43f3a !important; border-color: #d43f3a !important; }
.btn-danger.btn-outline { background: transparent; color: #d9534f; border: 2px solid #d9534f; }
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { background: #d9534f; color: #fff; }
.btn-outline { background: none; border: 2px solid gray; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { box-shadow: none; }
.btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn.with-arrow i { visibility: hidden; opacity: 0; position: absolute; right: 0px; top: 50%; margin-top: -8px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.btn.with-arrow:hover { padding-right: 50px; }
.btn.with-arrow:hover i { color: #fff; right: 18px; visibility: visible; opacity: 1; }
.form-control { box-shadow: none; background: transparent; border: 2px solid rgba(0, 0, 0, 0.1); height: 54px; font-size: 14px; font-weight: 400; }
.form-control:active, .form-control:focus { outline: none; box-shadow: none; border-color: #000; }
.row-pb-md { padding-bottom: 4em !important; }
.row-pb-sm { padding-bottom: 2em !important; }
.website-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(/assets/img/loader.gif) center no-repeat #fff; }
.row-padded-mb { margin-bottom: 3em !important; }
.col-padded { margin: 0 !important; padding: 0 !important; }
.js .animate-box { opacity: 0; }
.breadcrumb1 { margin-top: 10px; font-size: 12px; }
.breadcrumb1 a { color: #009640; }
.innerheader { background: #ddd; color: #1f2d25; font-weight: 600; font-size: 20px; text-transform: uppercase; padding: 5px 0px; text-align: center; margin-bottom: 20px; margin-top: 10px; }
.innerheader a { color: #1f2d25; font-size: 18px; }
.productfeatures { margin: 0px; padding: 15px 10px; background: #ddd; }
.productfeatures div { padding: 3px; font-size: 13px; }
.productdescription { margin-top: 10px; line-height: 1.8em; font-size: 14px; }
.tabulation { width: 100%; float: left; background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41); -ms-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41); -o-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41); box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41); }
.tabulation label { color: rgba(0, 0, 0, 0.5); font-size: 14px; }
@media screen and (max-width:480px) {
  .tabulation label { width: 40%; }
}
.tab-content { padding: 30px; }
.tab-content .btn { border: 1px solid red !important; }
.nav-tabs {/* border: none; */ }
.nav-tabs a { border: none !important; font-weight: bold; padding: 15px 20px !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: #009640; }
@media screen and (max-width:768px) {
  .nav-tabs a { font-weight: normal; font-size: 13px; padding: 15px 10px !important; }
}
.nav-tabs .active a { border: none !important; background: #F78536 !important; color: #fff !important; font-weight: bold; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.nav-tabs:hover a, .nav-tabs:focus a { border: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
#accessories a { display: block; min-height: 200px; background-size: contain; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center center }
#accessories .accessorie_detail  h5 { font-size: 14px; font-weight: 500; line-height: 18px; height: 46px; background: rgb(225, 225, 225); padding: 5px; text-align: center; margin-bottom: 5px; }
#accessories .accessorie_detail  p { font-size: 13px; margin -webkit-margin-top-collapse:; margin-top: 0px; }
#pictures a { display: block; min-height: 200px; background-size: contain; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center center; margin-bottom: 10px }
#videos iframe { width: 100% !important; }
#videos a { display: block; min-height: 200px; background-size: contain; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center center; margin-bottom:15px; }
#videos .video_detail  h5 { font-size: 14px; font-weight: 500; line-height: 18px; height: 46px; background: rgb(225, 225, 225); padding: 5px; text-align: center; margin-bottom: 5px; }
#videos .video_detail  p { font-size: 13px; margin -webkit-margin-top-collapse:; margin-top: 0px; }
@media screen and (max-width:768px) {
  #videos iframe { height: 250px !important; }
}

.bulletin { background:#5cb85c; position: relative;}
.bulletin:after {  position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background: url('/assets/img/overlay.png'); z-index: 1; opacity: 0.1; width: 100%; height: 100%; display: block; }

.bulletin .gtco-accordion { }


.gtco-accordion {position: relative;background: #0a8b41;margin:2em 0;z-index:2;border: 2px solid #0e8b41;border-radius: 3px;}
.gtco-accordion .gtco-accordion-heading { padding: 20px; position: relative; cursor: pointer; }
.gtco-accordion .gtco-accordion-heading h3 {margin: 0;padding: 0;font-size: 18px;/*text-transform: uppercase;*/color: #fff;}




.gtco-accordion .gtco-accordion-heading .icon {position: absolute;top: 15px;color: #fff;right: 20px;font-size: 18px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.gtco-accordion .gtco-accordion-content { border-top: 1px solid #e6e6e6; display: none; }
.gtco-accordion .gtco-accordion-content .inner { padding: 20px; background: #fff; }

.gtco-accordion.active .icon { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }