@font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: local('Lato Hairline'), local('Lato-Hairline'), url(../fonts/Lato-Hairline.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(../fonts/Lato-Light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Lato-Regular.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/Lato-Bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url(../fonts/Lato-Black.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: local('Lato Light Italic'), local('Lato-LightItalic'), url(../fonts/Lato-LightItalic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(../fonts/Lato-BoldItalic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Iskoola Pota'; src: url('../fonts/IskoolaPota.eot'); src: url('../fonts/IskoolaPota.eot?#iefix') format('embedded-opentype'), url('../fonts/IskoolaPota.woff2') format('woff2'), url('../fonts/IskoolaPota.woff') format('woff'), url('../fonts/IskoolaPota.ttf') format('truetype'), url('../fonts/IskoolaPota.svg#IskoolaPota') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(../fonts/Raleway-Light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(../fonts/Raleway-Regular.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(../fonts/Raleway-Medium.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(../fonts/Raleway-Bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
:root { font-size: 16px; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; border-left-width: 0px; width: auto; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-family: 'Lato'; font-size: 18px; overflow-x: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select, textarea { vertical-align: middle; font-family: 'Lato'; }
img { max-width: 100%; border: 0; vertical-align: top; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
body { font-family: 'Lato'; font-size: 100%; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-attachment: fixed; -webkit-background-attachment: fixed; -moz-background-attachment: fixed; -o-background-attachment: fixed; -ms-background-attachment: fixed; background-color: #000000; height: auto; width: 100%; max-width: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; }
.logo { clear: both; display: block; padding: 16px 0; }
header { color: #fff; text-align: left; }
.sideBar { position: absolute; left: 0; top: 0; bottom: 0; width: 11.7%; z-index: 99999; }
.leftCls { float: left; }
.rightCls { float: right; }
.mainWrap { margin: 0 auto; max-width: 1530px; position: relative; width: 76.6%; }
.mainWrap1 { margin: 0 auto; max-width: 1652px; position: relative; width: 1652px; }
.sidenav { bottom: 0; top: 0; left: -540px; width: 540px; transition: 0.5s; color: #fff; background-color: #4eb648; position: fixed; padding: 0 134px; z-index: 99; }
.sidenav .sidenavInner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.sidenav ul li { clear: both; display: block; padding: 10px 0; }
.sidenav a { padding: 0; text-decoration: none; font-size: 20px; line-height: 30px; text-align: center; color: #fff; display: block; font-weight: 400; }
.sidenav a:hover, .offcanvas a:focus,.sidenav ul li.active a { color: #000; }
.sidenav .closebtn { font-size: 14px; line-height: 22px; color: #fff; font-weight: 300; position: absolute; top: 50%; right: 0; padding: 40px; cursor: pointer; transform: translate(0px, -50%) rotate(-90deg); -webkit-transform: translate(0px, -50%) rotate(-90deg); -moz-transform: translate(0px, -50%) rotate(-90deg); -o-transform: translate(0px, -50%) rotate(-90deg); -ms-transform: translate(0px, -50%) rotate(-90deg); }
.sidenav .closebtn i { width: 23px; height: 22px; display: inline-block; vertical-align: top; margin: 0 10px 0 0; background: url(../images/close-icon.png) no-repeat 0 0; }

.blcok { clear: both; display: block; width: 100%; }
.sidenav_social { width: 5%; }
.menuLink { position: absolute; top: 50%; right: 0; padding: 30px; cursor: pointer; transform: translate(0px, -50%) rotate(-90deg); -webkit-transform: translate(0px, -50%) rotate(-90deg); -moz-transform: translate(0px, -50%) rotate(-90deg); -o-transform: translate(0px, -50%) rotate(-90deg); -ms-transform: translate(0px, -50%) rotate(-90deg); font-size: 14px; line-height: 22px; color: #fff; font-weight: 300; white-space: nowrap; }
.menuLink i { width: 29px; height: 21px; display: inline-block; vertical-align: top; margin: 0 10px 0 0; background: url(../images/menu-bar.png) no-repeat 0 0; }
.slide > div { position: relative; }
.blockOne { padding: 140px 8.6%; }
.blockOneLt { width: 63.5%; }
.blockOneRt { width: 36.5%; }
.blkOneTitle { font-size: 55px; line-height: 60px; color: #4eb648; font-family: 'Iskoola Pota'; }
.blockOneRt p { font-size: 18px; line-height: 24px; color: #fff; }
.line-scroll { position: absolute; width: 2px; height: 80px; left: 50%; bottom: -40px; margin-left: -1px; overflow: hidden; z-index: 500; }
.line-scroll .line { top: auto; bottom: 0px; z-index: 11; display: block; position: absolute; left: 50%; width: 1px; height: 80px; margin-left: -1px; background: rgba(255, 255, 255, 1); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%); background-size: 100% 200%; background-position: 0 -80px; -moz-transform: translateY(-2px); -o-transform: translateY(-2px); -ms-transform: translateY(-2px); -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.line-scroll .line.active { animation: line-scroll 3s ease-in-out forwards infinite; }
@-webkit-keyframes line-scroll {
 0% {
 background-position: 0 -80px;
}
 80% {
 background-position: 0 0px;
}
 100% {
 background-position: 0 80px;
}
}
@-moz-keyframes line-scroll {
 0% {
 background-position: 0 -80px;
}
 80% {
 background-position: 0 0px;
}
 100% {
 background-position: 0 80px;
}
}
@-ms-keyframes line-scroll {
 0% {
 background-position: 0 -80px;
}
 80% {
 background-position: 0 0px;
}
 100% {
 background-position: 0 80px;
}
}
@keyframes line-scroll {
 0% {
 background-position: 0 -80px;
}
 80% {
 background-position: 0 0px;
}
 100% {
 background-position: 0 80px;
}
}
.banner { height: 824px; position: relative; }
.banner_slide { position: absolute; width: 100%; height: 100%; z-index: 100; min-height: 100%; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; opacity: 0; }
.banner_slide.active { opacity: 1; }
.banner_slide_inner { position: relative; width: 100%; height: 100%; }
.banner_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.banner_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; display: table; opacity: 0; }
.banner_text_cell { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.banner_text_block { width: 61%; text-align: center; color: #fff; font-family: 'Iskoola Pota'; font-size: 2rem; margin: 0 auto; }
.wrapper { width: 100%; height: 100%; position: relative; }
.img_slice { width: 100%; height: 50%; overflow: hidden; position: absolute; }
.first_slice { top: 0; right: 0; }
.second_slice { bottom: 0; left: 0; }
.bg { width: 100%; height: 100%; position: relative; }
.bg img { position: absolute; display: block; width: 0; max-width: 100%; height: 200%; -webkit-transition: width 1s; /* Safari */ transition: width 1s; }
.first_slice .bg img { right: 0; }
.second_slice .bg img { left: 0; bottom: 0; }
.animated_banner.active img { width: 100%; }
.slick-list, .slick-track { height: 100%; }
.bannerSec .btn { position: absolute; bottom: 12%; left: 0; text-align: center; font-family: 'Iskoola Pota'; font-size: m; z-index: 500; color: #fff; width: 100%; opacity: 0; }
.bannerSec .btn a{color:#fff;}
.bannerSec .btn span .green { color: #4eb648; }
.section2 .slider { width: 57%; height: 494px; float: left; position: relative; }
.section2_slider { position: relative; width: 79%; float: right; }
.section2_slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; opacity: 0; }
.section2_slide.active { opacity: 1; }
.section2_slide img { display: block; width: 100%; max-width: 100%; height: auto; }
.section2 .slider img { max-width: 100%; }
.section2_slider_control { width: 72%; max-width: 493px; height: 108px; float: left; margin: -20% 0 0 0; position: relative; z-index: 100; }
.section2_control { position: absolute; top: 0; left: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity: 0; }
.section2_control.active { opacity: 1; }
.section2 .details { width: 40%; padding: 0 0 0 3%; float: left; }
.section2 .details .title { font-size: 3.4375rem; color: #4eb648; font-family: 'Iskoola Pota'; margin: 6% 0 0 0; width: 140%; }
.section2 .details .title a{color: #4eb648;}
.section2 .details .title a:hover{color: #fff;}
.section2 .details .desc { font-size: 1.125rem; color: #aaaaaa; font-family: 'Raleway', sans-serif; margin: 6.5% 0 0 0; line-height: 28px; }
.section2 .details .desc .more { color: #fff; display: block; font-size: 0.9rem; padding: 5% 0 0 0; font-family: 'Iskoola Pota'; }
.section2 .details .desc .more a { color: #fff; font-size: 0.9375rem; }
.section2 .details .desc .more a:Hover { color: #4eb648; }
.gray-description { font-size: 1.5rem; color: #746c6c; font-family: 'Raleway', sans-serif; margin: 0px; line-height: 28px; min-height:250px; }
.center { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 18px; }
.main { position: relative; width: 100%; max-width: 100%; clear: both; }
div.ex3 { height: auto; color: #fff; text-align: center; max-width: 100%; display: block; clear: both; padding-top: 6.4%; }
#cycler { position: relative; }
#cycler img { position: absolute; z-index: 1 }
#cycler img.active { z-index: 3 }
.down-sec-1 { /*border: 3px solid green;*/ float: left; width: 48.5%; position: absolute; color: #E9EDE8; padding-top: 7%; text-align: right; }
.down-sec-1-1 { width: 100%; height: 100%; position: absolute; padding-top: 85%; text-align: right; line-height: 28px; }
.down-sec-2 { /*border: 3px solid green;*/ float: right; width: 48.5%; position: relative; }
.down-1 { position: relative; }
.down-2 { position: relative; }
.rhscontact { color: #fff; max-width: 100%; width: 100%; top: auto; padding-top: 12%; float: left; }
.footer { margin: 0 auto; /*padding-top: 1.5%;*/ color: #696968; background-color: #fff; }
.footer_block { margin: 0 auto; max-width: 1530px; position: relative; width: 76.6%; padding-top: 1%; border-top: solid #a7a7a7; border-top-width: 1px; }
.table1 { border-collapse: collapse; width: 100%; }
#color_black { color: #000; }
th, td { padding: 8px; text-align: left; word-wrap: break-word; }
.copyright { clear: both; height: 1.3%; background-color: #a7a7a7; }
.l_1 { margin: 0 auto; max-width: 1530px; position: relative; width: 76.6%; padding-top: 1%; }
.locate { clear: both; height: 14.2; color: #46a040; text-align: left; padding-top: 4.9%; padding-left: 1%; border-left: 1px solid #46a040; margin-top: 10px; font-family: "ufonts_com_iskoola_pota" }
a:link { text-decoration: none; }
.social { padding: 3px; }
.social_img { width: 15%; padding: 1%; }
.left_border { border-left: 1px solid #646464; padding-left: 1.1%; font-family: "Raleway Regular"; font-style: normal; font-weight: 100; }
.section1 { width: 100%; margin: 0 auto; position: relative; color: #a9a9a9; padding-top: 20%; }
.section2 { width: 100%; margin: 0 auto; position: relative; color: #a9a9a9; padding: 10% 0; clear: both; }
.section3 { /*padding: 5% 0 13% 0;*/ padding: 5% 0 0 0; position: relative; border-bottom: 5px solid #54b552; overflow: hidden; }
.section3_title { font-size: 3.4375rem; color: #404040; font-family: 'Iskoola Pota'; text-align: center; padding: 0 0 5% 0; }
.section3 .line-scroll { top: -40px; bottom: auto; }
.section3_slider { position: relative; width: 100%; }
.section3_banner { width: 100%; height: 100%; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; position: absolute; top: 0; right: 0; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; opacity: 0; }
.section3_banner.active { opacity: 1; }
.section3_banner.pre_active { z-index: 20; visibility: visible; }
.section3_banner img { display: block; width: 100%; height: auto; }
.section3_text_wrapper { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%;bottom:0; }
.section3_text_wrapper .centered { position: relative; height: 100% }
.section3_text { position: absolute; top: 28%; left: 50%; color: #fff; font-size: 3.4375rem; font-family: 'Iskoola Pota'; padding: 2% 6% 2% 2%; background-color: rgba(0, 0, 0, 0.5); }
.section3_text .text a{color: #fff;}
.section3_text .text a:hover{color: #4eb648;}
.section3_text .btn { font-family: 'Iskoola Pota'; font-size: 1.125rem; color: #fff; width: 100%; margin: 5% 0 0 0; }
.section3_text .btn span .green { color: #4eb648; }
#green { background: url(../images/green-bg.jpg) no-repeat center center fixed; }
.section4 { width: 100%; position: relative; padding: 5% 0; }
.section4 .image { width: 50%; position: relative; height: 460px; }
.section4 .details { width: 47%; padding: 0 3% 0 0; text-align: right; position: relative; z-index: 1000; }
.section4 .details .title { font-size: 3.4375rem; color: #4eb648; font-family: 'iskpota'; margin: 18% 0 0 0;font-weight:400; }
.section4 .details .title a{color: #4eb648;}
.section4 .details .title a:hover{color: #606060;}
.section4 .details .desc { font-size: 1.125rem; color: #606060; text-align: right; font-family: 'Raleway', sans-serif; margin: 6.5% 0 0 0; line-height: 28px; }
.white { position: relative; z-index: 2000; }
.white_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }
.animated_section .bg img { width: 100%; }
@-webkit-keyframes MOVE-WIDTH {
 from {
width: 0;
}
 to {
width: 100%;
}
}
@-moz-keyframes MOVE-WIDTH {
 from {
width: 0;
}
 to {
width: 100%;
}
}
@-ms-keyframes MOVE-WIDTH {
 from {
width: 0;
}
 to {
width: 100%;
}
}
@keyframes MOVE-WIDTH {
 from {
width: 0;
}
 to {
width: 100%;
}
}
.animated_section.active .bg img { -webkit-animation-name: MOVE-WIDTH; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; }
.animated_section .details .title { transition-delay: 0.5s; transition-duration: 2s; transition-property: all; transition-timing-function: ease; -webkit-transition-delay: 0.5s; -webkit-transition-duration: 2s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -moz-transition-delay: 0.5s; -moz-transition-duration: 2s; -moz-transition-property: all; -moz-transition-timing-function: ease; -ms-transition-delay: 0.5s; -ms-transition-duration: 2s; -ms-transition-property: all; -ms-transition-timing-function: ease; -o-transition-delay: 0.5s; -o-transition-duration: 2s; -o-transition-property: all; -o-transition-timing-function: ease; }
.section5 .details .title { -webkit-transform: translateX(-17%); -moz-transform: translateX(-17%); -ms-transform: translateX(-17%); -o-transform: translateX(-17%); transform: translateX(-17%); }
.section4 .details .title { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); }
.animated_section.active .details .title { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.section5 { width: 100%; position: relative; padding: 5% 0; background: #fff; }
.section5 .image { width: 50%; position: relative; height: 460px; }
.section5 .details { width: 47%; padding: 0 0 0 3%; text-align: left; position: relative; z-index: 1000; }
.section5 .details .title { font-size: 3.4375rem; color: #4eb648; font-family: 'iskpota'; margin: 18% 0 0 0;font-weight:400; }
.section5 .details .title  a{ color: #4eb648;}
.section5 .details .title  a:hover{ color: #606060;}
.section5 .details .desc { font-size: 1.125rem; color: #606060; text-align: left; font-family: 'Raleway', sans-serif; margin: 6.5% 0 0 0; line-height: 28px; }
.section4 .details .desc .btn, .section5 .details .desc .btn { color: #9c9c9c; font-size: 1.125rem; display: block; margin: 6.5% 0 0 0; }
.section4 .details .desc .btn a, .section5 .details .desc .btn a { color: #9c9c9c; padding: 5px 30px; border: 3px solid #d3d3d3; display: inline-block; }
.section4 .details .desc .btn a .green, .section5 .details .desc .btn a .green { color: #4eb648; }
.section4 .details .desc .btn a:hover, .section5 .details .desc .btn a:hover { background: #4eb648; color: #fff; }
.section4 .details .desc .btn a:hover .green, .section5 .details .desc .btn a:hover .green { color: #fff; }
.footerTop { border-top: 2px solid #a7a7a7; padding: 40px 0 30px; }
.footerCopyright { background: #a7a7a7; padding: 14px 6px; font-size: 16px; line-height: 16px; color: #ffffff; font-family: "Raleway"; }
.footerCopyright a { color: #ffffff; }
.footerCopyright a:hover { color: #f2f2f2; }
.footerTop { font-family: "Raleway"; font-size: 1rem; }
.fooLeft { padding-right: 4%; width: 36%; }
.fooRight { width: 64%; }
.linkBox.one { width: 27%; }
.linkBox.two { width: 40%; }
.linkBox.three { width: 33%; }
.fooLogo { clear: both; display: block; padding: 0 0 30px 0; }
.fooLeft p {
	color: #050504;
	font-family: "Raleway";
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.4px;
	line-height: 18px;
}
.linkBox ul li { padding: 0 0 10px 0; clear: both; display: block; }
.linkBox ul li a { display: inline-block; vertical-align: top; font-size: 16px; line-height: 16px; color: #050504; font-weight: 500; }
.linkBox ul li ul li { padding: 0 0 10px 20px; position: relative; }
.linkBox ul li ul li a { color: #464646; font-weight: 400; font-size: 14px; line-height: 14px; }
.linkBox ul li a:hover { color: #4eb648; }
.linkBox ul li ul li:before, .linkBox p:before { content: ""; position: absolute; left: 0; top: 4px; width: 10px; height: 2px; background: #4eb648; }
.linkBox p:before { top: 11px; }
.linkBox ul li ul { padding-top: 10px; }
.linkBox p { color: #464646; font-weight: 400; font-size: 14px; line-height: 24px; padding: 0 0 0 16px; position: relative; }
.linkBox p a { color: #464646; }
.linkBox p a:hover { color: #4eb648; }
.linkBox h5 { font-size: 16px; line-height: 16px; color: #050504; font-weight: 500; margin: 0 0 10px 0; }
.socialIcon a { display: inline-block; vertical-align: top; width: 34px; height: 34px; background: url(../images/social-icon.png) no-repeat 0 0; margin: 0 14px 0 0; }
.socialIconMenu a{background: url(../images/social-icon1.png) no-repeat 0 0;}
.socialIcon a:last-child { margin: 0; }
.socialIcon a.icon1 { background-position: 0 0; }
.socialIcon a.icon2 { background-position: -57px 0; }
.socialIcon a.icon3 { background-position: -112px 0; height: 35px; width: 35px; }
.socialIcon a.icon4 { background-position: -166px 0; }
.socialIcon a.icon1:hover { background-position: 0 -61px; }
.socialIcon a.icon2:hover { background-position: -57px -61px; }
.socialIcon a.icon3:hover { background-position: -112px -61px; }
.socialIcon a.icon4:hover { background-position: -166px -61px; }
.socialIconMenu a,.socialIconMenu a:last-child{
	margin:0 auto 10px;
	display:table;
	padding:0;
}
.sidenavInner ul{
	margin-bottom:20px;
}
.blackFooter { background: rgba(0,0,0,0.35); }
.blackFooter .fooLeft p{ color: #464646; }
.blackFooter .linkBox ul li a { color: #c9c9c9; }
.blackFooter .linkBox ul li ul li a { color: #464646; }
.blackFooter .linkBox p { color: #464646; }
.blackFooter .linkBox h5 { color: #c9c9c9; }
.blackFooter .footerCopyright { background: #111111; }
.about-box { width: 100%; margin-bottom: 30px; position: relative; }
.box-title { background: url(../images/repeat.png) repeat top left; width: 200%; }
.about-box .title { color: #b9b9b9; font-family: 'Iskoola Pota'; font-size: 2.625rem; line-height: 3rem; margin: 1% 0 1% 3%; width: 100%; display: inline-block; font-weight:400;}
.about-box .title i { color: #4eb648; line-height: 3.3125rem; font-size: 3.3125rem; font-style: normal; text-transform: uppercase; }
.bread-crumbs { color: #adadad; font-family: "Raleway", sans-serif; font-size: 1vw; margin: 6% 0 40px 0; width: 100%; display: inline-block; }
.bread-crumbs.inner { margin-top: -11px; margin-bottom: 10vh; line-height: 39px; }
.bread-crumbs span { color: #4eb648; }
.bread-crumbs label { color: #969595; }
.about-box .desc { color: #969595; font-family: "Raleway", sans-serif; font-size: 16px; line-height: 20px; margin: 20px 0 0 6%; width: 55%; display: inline-block; }
.about-img1 { max-width: 670px; position: absolute; right: 0; top: -120px; width: 35%; z-index: 50; }
.about-img2 { position: absolute; left: 0; top: 0; width: 45%; z-index: 50; }
.about-box2 { width: 48%; margin-left: 52%; margin-bottom: 100px; position: relative; }
.about-box2 .title { color: #FFF; font-family: 'Iskoola Pota'; font-size: 3vw; margin: 20% 0 1% 0; width: 100%; display: inline-block; }
.about-box2 .desc { color: #969595; font-family: "Raleway", sans-serif; font-size: 16px; line-height: 20px; margin: 20px 0 0 0; width: 100%; display: inline-block; }
/* */
.about-box2_0 { width: 100%; margin-top: 40px; margin-bottom: 100px; position: relative; }
.about-box2-content{ width:100%; float:left; padding:20px 60px 40px 60px; background:rgba(0, 0, 0, 0) url("../images/repeat.png") repeat scroll left top; }
.about-box2_0 .title { color: #FFF; font-family: 'Iskoola Pota'; font-size: 3vw; margin: 0px 0 1% 0; width: 100%; display: inline-block; }
.about-box2_0 .desc { color: #969595; font-family: "Raleway", sans-serif; font-size: 16px; line-height: 20px; margin: 20px 0 0 0; width: 100%; display: inline-block; }
.about-box2_0 .align-right{ text-align:right; }
/* */
.about-img3 { position: absolute; right: -15%; top: 0; width: 50%; z-index: 50; }
.about-box3 { width: 70%; margin-bottom: 170px; position: relative; }
.about-box3 .title { color: #FFF; font-family: 'Iskoola Pota'; font-size: 3vw; margin: 20% 0 1% 0; width: 100%; display: inline-block; }
.about-box3 .desc { color: #969595; font-family: "Raleway", sans-serif; font-size: 16px; line-height: 28px; margin: 40px 0 0 0; width: 100%; display: inline-block; }
.about-box3 .desc li { padding: 0 0 0 20px; position: relative; }
.about-box3 .desc li:after { content: ""; position: absolute; left: 6px; top: 12px; width: 3px; height: 3px; border-radius: 50%; background: #dfdfdf; }
.about_footer { width: 100%; background: rgba(0,0,0,0.35); padding: 40px 0 5rem 0px; width: 100%; }
.box-title4 .title { color: #fff; display: inline-block; font-family: 'Iskoola Pota'; font-size: 2.625rem; line-height: 3rem; margin: 1% 0 1% 3%; width: 100%; }
.box-title4 .title i { color: #4eb648; line-height: 18px; font-size: 2.8vw; font-style: normal; text-transform: uppercase; }
.teamItem { font-size: 1rem; line-height: 20px; color: #afafaf; font-weight: 400; width: 50%; float: left; }
.teamItem a { color: #afafaf; }
.teamItem a:hover { color: #4eb648; }
.teamItem .teamAddress address { font-weight: 400; font-style: normal; }
.teamAddress { padding-left: 1.25rem; }
.teamInfo { padding: 1.625rem 0 1.625rem 1.25rem; border-left: 2px solid #fff; }
.teamInfo h5 { color: #ffffff; font-size: 1.3125rem; }
.teamImg span { display: inline-block; vertical-align: top; padding: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #000000; border: 1px solid #fff; }
.aboutLeft { width: 58%; }
.aboutRight { width: 42%; padding-top: 2.5rem; }
.leftContact { width: 30%; }
.rightContact { width: 66%; }
.leftContact { font-size: 1.5rem; line-height: 1.8rem; color: #fefefe; }
.leftContact h4,.leftContact h1 { font-size: 2.625rem; color: #fff; font-weight: normal; font-family: 'Iskoola Pota'; margin: 0 0 50px 0; }
.leftContact address { font-style: normal; font-weight: 400; }
.leftContact address span { color: #4eb648; display: block; clear: both; }
.leftContact address span a { color: #fefefe; }
.leftContact address span a:hover { color: #4eb648; }
.rightContact .teamInfo h5 { font-size: 1.5rem; line-height: 1.5rem; }
.rightContact .teamInfo p { font-size: 1.125rem; line-height: 1.125rem; color: #fefefe; }
.rightContact .teamItem .teamAddress address { font-size: 1rem; line-height: 1.5rem; color: #4eb648; }
.rightContact .teamItem a { color: #fefefe; }
.rightContact .teamItem a:hover { color: #4eb648; }
.leftContact .socialIcon { padding-top: 50px; }
.rightContact .teamInfo { border-color: #646464; }
.rightContact .teamAddress { border-left: 2px solid #646464; }
.contactUsSec { padding: 130px 0;font-family: 'Raleway'; }
.loacteUs { font-size: 2.625rem; color: #4eb648; font-weight: normal; font-family: 'Iskoola Pota'; padding: 48px 0 0 16px; border-left: 2px solid #4eb648; margin: 90px 0 0 0; }
.contactMap iframe { width: 100%; }
.footerNone { border: 0; background: none; }
.footerNone .footerTop { border: 0; min-height: 220px; }
.blackFooter.footerNone .footerCopyright { background: #a7a7a7; }
.breadCamp { padding-bottom: 26px; padding-top: 110px; }
.breadCamp ul li { font-size: 16px; line-height: 16px; color: #969595; display: inline-block; vertical-align: top; }
.breadCamp ul li a { color: #969595; }
.breadCamp ul li a:hover { color: #4eb648; }
.breadCamp ul li:last-child:before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #969595; margin: 0 4px; vertical-align: middle; }
.detailsBody { background: none; }
.detailsPage { margin: 0 0 0 11.7%; }
.detailsSide { border-right: 1px solid #4bad45; position: fixed; }
.detailsSide .menuLink { color: #746c6c; }
.detailsPage .footer .mainWrap { width: 100%; }
.detailsFilter { padding: 0 0 110px 0; }
.viewText { color: #969595; font-size: 16px; line-height: 16px; display: inline-block; vertical-align: top; }
.detailsFilter ul { display: inline-block; vertical-align: top; }
.detailsFilter ul li { display: inline-block; vertical-align: top; padding: 0 14px; font-size: 16px; line-height: 16px; color: #969595; font-weight: 400; border-right: 1px solid #969595; cursor: pointer; }
.detailsFilter ul li a{ color:#4eb648; }
.detailsFilter ul li a:hover,.detailsFilter ul li a.active{ color:#4eb648; text-decoration:underline; }
.detailsFilter ul li:hover ,.detailsFilter ul li.active { color: #4eb648; }
.detailsFilter ul li:last-child { border: 0; }
.simpleText { font-family: 'Iskoola Pota'; padding: 0 0 72px 0; }
.simpleText .text1 { color: #746c6c; display: block; clear: both; font-size: 3.125rem; line-height: 3.5rem; margin: 0; width: 100%; }
.simpleText .text2 { color: #4eb648; font-size: 5.375rem; font-style: normal; font-weight: normal; display: block; clear: both; }
.detailsTop { padding: 0 10px; }
.detailsSide .menuLink i { background: url(../images/menu-bar1.png) no-repeat 0 0; }
.detailsTop .breadCamp { padding-top: 90px; }
.detailsPage .mainWrap { width: 100%; padding: 0 10px; }
.socialLinks { font-size: 14px; line-height: 35px; color: #969595; font-weight: 400; padding-top: 24px; }
.socialLinks img { vertical-align: top; margin: 0 10px 0 0; }
.socialLinks a{ color:#969595; } 
.detailsProductsRt p { font-size: 18px; line-height: 24px; color: #5f5f5f; font-weight: 400; }
.detailsProductsRt p span { display: inline-block; vertical-align: top; width: 110px; color: #969595; }
.detailsProductsLt { width: 58.8%; }
.detailsProductsRt { width: 38%; }
.detailsProducts { padding: 0 10px; }
.detailsTopDtls .detailsFilter { padding-bottom: 50px; }
.detailsTopDtls .simpleText { padding-bottom: 10px; }
.imgDiv { clear: both; display: block; margin: 0 0 38px 0; }
.white{ color:#FFFFFF !important; }
address.white a{ color:#4eb648 !important; }
.furniture-img{ position:relative; top:0px; left:0px; float:left; margin:0 25px 25px 0px; }
.cur{ cursor:pointer; }
.span{ width:100%; float:left; }
.span2{ width:50%; float:left; }
@media only screen and (max-width: 1200px) {
.socialIcon a { margin-right: 10px; }
.socialIconMenu a{margin-right:auto;}
.mainWrap { width: 100%; padding: 0 20px; }
}

@media only screen and (max-width: 1024px) {
.fooLeft { width: 100%; padding: 0 0 20px 0; text-align: center; }
.fooLeft p{text-align:justify;}
.fooRight { width: 100%; }
.section2 .details .title { font-size: 1.4375rem; width: 100%; }
.section2 .details .desc { font-size: 1rem; line-height: 24px; }
.section2 .slider { height: auto; }
.section3_text { font-size: 2rem; }
.section3 { padding: 0; }
.white_inner { display: none; }
.section4 { background: #fff; }
.logo { text-align: center; }
.about-box { margin: 20px 0 !important; }
.about-box2 { margin-bottom: 50px; }
.aboutLeft { width: 100%; }
.aboutRight { width: 100%; padding: 0; }
.teamItem { clear: both; display: block; float: none; margin: 0 auto 30px; text-align: center; width: auto;border-bottom:2px solid #fff;padding-bottom:30px; }
.teamInfo,.rightContact .teamAddress{
	border:0;
}
.about-box3 { margin-bottom: 30px; }
.about-box .desc { width: 100%; margin: 20px 0;z-index: 99;position:relative; }
.box-title4 .title, .about-box .title { margin: 0; text-align: center; font-size: 24px; line-height: 28px; }
.about-box .title i{font-size: 28px; line-height: 30px;}
.about-box .title { text-align: left; padding: 20px; }
.about_footer { padding: 20px 0; }
.leftContact { width: 100%; text-align: center; }
.rightContact { width: 100%; }
.loacteUs { display: table; margin: 20px auto 50px; }
.footerNone .footerTop { padding: 20px 0; min-height: inherit; }
.section4 .image, .section5 .image { width: 100%; }
.section4 .details, .section5 .details { padding: 0; width: 100%; }
.section4 .details .title, .section5 .details .title { margin: 20px 0 0 0; text-align: center; }
.detailsPage { padding: 0 10px; }
.section5 .details .desc, .section4 .details .desc { margin: 20px 0 0 0; text-align: center; }
.section4 .details .desc .btn, .section5 .details .desc .btn { margin: 10px 0 0 0; }
.section4, .section5 { padding: 0 0 20px 0; }
.detailsTop .breadCamp { padding: 20px 0; }
.detailsFilter { padding-bottom: 20px; }
.simpleText .text1{
	font-size:24px;
	line-height:28px;
}
.simpleText .text2{
	font-size:30px;
}
.detailsProductsLt {
  width: 100%;
}
.detailsProductsRt {
  width: 100%;
  padding-bottom:20px;
}
.imgDiv{margin-bottom:20px;}
.detailsProducts{
	padding:0;
}
.detailsPage .footer .mainWrap{
	padding:0;
}
.breadCamp{
	padding:0;
}
.contactUsSec{
	padding:20px 0;
}
.detailsTopDtls .detailsFilter { padding-bottom: 16px; }
}

@media only screen and (max-width: 767px) {
.section2 .slider { width: 100%; display: inline-block; vertical-align: top; float: none; clear: both; }
.section2 .details { width: 100%; }
.section4 .details, .section4 .image, .section5 .image, .section5 .details { width: 100%; clear: both; display: block; float: none; }
.section4 .details, .section5 .image { margin-bottom: 20px; }
.section5 .details .title, .section4 .details .title { margin-top: 20px; }
.linkBox.one, .linkBox.two, .linkBox.three { clear: both; display: block; width: auto; padding: 0 0 20px 0; }
.section3_title, .section4 .details .title, .section5 .details .title { font-size: 24px; line-height: 30px }
.section3_text { font-size: 24px;padding:2%;top:12%;left:10%;right:10%; }
.sideBar { width: 100px; }
.sidenav { width: 80%; padding: 0 30px; left: -80%; }
.sidenav .closebtn { padding: 20px; right: -20px; }
.footerCopyright { text-align: center; line-height: 20px; }
.about-box img { display: block; margin: 0 auto; max-width: 100%; position: static; width: auto; }
.about-box .desc { width: 100%; margin: 0 0 20px 0; }
.about-box2 { width: 100%; margin: 0; }
.about-box2 .title { margin: 20px 0 0; }
.about-box3 { width: 100%; margin: 0; }
.about-box3 .title { margin: 0; }
.box-title { width: 100%; margin-bottom: 20px; }
.detailsPage { margin-left: 100px; }
.section4 .image, .section5 .image { height: 300px; }


.viewText { clear: both; display: block; margin: 0 0 10px 0; }
.simpleText { padding-bottom: 20px; }
.detailsFilter ul li { padding: 0 6px; margin: 0 0 5px 0; font-size: 13px; line-height: 13px; }
.detailsTop { padding: 0; }
.socialIconMenu a, .socialIconMenu a:last-child{
	display:inline-block;
	vertical-align:top;
	margin:0 5px;
}
.socialIcon.socialIconMenu {
  white-space: nowrap;
}
#mainBanner{
	height:260px !important;
}
.banner_text_block{
	font-size:24px;
}
}

@media only screen and (max-width: 479px) {
.sideBar { width: 50px; }
.menuLink { right: -46px; }
.detailsPage { margin-left: 50px; }
.linkBox p { font-size: 13px; }
.section4 .image, .section5 .image { height: 220px; }
.furniture-img{ width:100%; }
.span2{ width:100%; }
.about-box{ float:left; }
.about-box2-content{ padding:20px 10px;
}