.logo {
    /*display: block;
     width: 20%;
    */
    /* min-width: 137px;
     padding-top: 47px;
     background: url("../images/common/logo.jpg") no-repeat left center;
     */
}
/**/
 .navigation {
     width: 100%;
     height: 70px;
     display: table;
     position: relative;
     font-family: inherit;
     font-family: "RobotoRegular", Arial, Helvetica, sans-serif;
    /*background-color: #fff;
    */
}
 .navigation * {
     box-sizing: border-box;
     -webkit-tap-highlight-color: transparent;
}
 .navigation-portrait {
     height: 48px;
}
 .navigation-fixed {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 19998;
}
 .navigation-hidden {
     width: 0 !important;
     height: 0 !important;
     margin: 0 !important;
     padding: 0 !important;
}
 .align-to-right {
     float: right;
}
 .nav-header {
     float: left;
}
 .navigation-hidden .nav-header {
     display: none;
}
 .nav-brand {
     line-height: 45px;
     padding: 0;
     color: #343a40;
     font-size: 24px;
     text-decoration: none !important;
}
 .nav-brand:hover, .nav-brand:focus {
     color: #343a40;
}
 .navigation-portrait .nav-brand {
     font-size: 18px;
     line-height: 48px;
}
 .nav-logo > img {
     height: 48px;
     margin: 11px auto;
     padding: 0 15px;
     float: left;
}
 .nav-logo:focus > img {
     outline: initial;
}
 .navigation-portrait .nav-logo > img {
     height: 36px;
     margin: 6px auto 6px 15px;
     padding: 0;
}
 .nav-toggle {
     width: 30px;
     height: 30px;
     padding: 6px 2px 0;
     position: absolute;
     top: 50%;
     margin-top: -14px;
     right: 15px;
     display: none;
     cursor: pointer;
}
 .nav-toggle:before {
     content: "";
     position: absolute;
     width: 24px;
     height: 3px;
     background-color: #00a650;
     border-radius: 5px;
     box-shadow: 0 0.5em 0 0 #00a650, 0 1em 0 0 #00a650;
}
 .navigation-portrait .nav-toggle {
     display: block;
}
 .navigation-portrait .nav-menus-wrapper {
     width: 320px;
     height: 100%;
     top: 0;
     right: -400px;
     position: fixed;
     background-color: #fff;
     z-index: 20000;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     transition-duration: 0.2s;
     transition-timing-function: ease;
}
 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
     left: auto;
     right: -400px;
}
 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
     right: 0;
}
 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
     left: auto;
     right: 0;
}
 .nav-menus-wrapper-close-button {
     width: 30px;
     height: 40px;
     margin: 10px 7px;
     display: none;
     float: right;
     color: #343a40;
     font-size: 26px;
     cursor: pointer;
}
 .navigation-portrait .nav-menus-wrapper-close-button {
     display: block;
}
 .nav-menu {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: normal;
     font-size: 0;
}
 .navigation-portrait .nav-menu {
     width: 100%;
}
 .navigation-landscape .nav-menu.nav-menu-centered {
     float: none;
     text-align: center;
}
 .navigation-landscape .nav-menu.nav-menu-centered > li {
     float: none;
}
 .nav-menu > li {
     display: inline-block;
     float: left;
     text-align: left;
}
 .main-nav-link:before {
     content: '/';
     margin-right: .75em;
}
 .navigation-portrait .nav-menu > li {
     width: 100%;
     position: relative;
     border-top: solid 1px #f0f0f0;
}
 .navigation-portrait .nav-menu > li:last-child {
     border-bottom: solid 1px #f0f0f0;
}
 .nav-menu + .nav-menu > li:first-child {
     border-top: none;
}
 .nav-menu > li > a {
     height: 60px;
     padding: 22px 1px 0px 0px;
     display: inline-block;
     text-decoration: none;
     font-size: 15px;
     color: #343a40;
     transition: color 0.3s, background 0.3s;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
}
 .navigation-portrait .nav-menu > li > a {
     width: 100%;
     height: auto;
     padding: 12px 15px 12px 26px;
}
 .nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {
     color: #525252;
}
 .nav-menu > li > a > i, .nav-menu > li > a > [class*="ion-"] {
     width: 18px;
     height: 16px;
     line-height: 16px;
     transform: scale(1.4);
}
 .nav-menu > li > a > [class*="ion-"] {
     width: 16px;
     display: inline-block;
     transform: scale(1.8);
}
 .navigation-portrait .nav-menu.nav-menu-social {
     width: 100%;
     text-align: center;
}
 .nav-menu.nav-menu-social > li {
     text-align: center;
     float: none;
     border: none !important;
}
 .navigation-portrait .nav-menu.nav-menu-social > li {
     width: auto;
}
 .nav-menu.nav-menu-social > li > a > [class*="ion-"] {
     font-size: 12px;
}
 .nav-menu.nav-menu-social > li > a > .fa {
     font-size: 14px;
}
 .navigation-portrait .nav-menu.nav-menu-social > li > a {
     padding: 15px;
}
 .submenu-indicator {
     margin-left: 6px;
     margin-top: 6px;
     float: right;
     transition: all 0.2s;
}
 .navigation-portrait .submenu-indicator {
     width: 54px;
     height: 44px;
     margin-top: 0;
     position: absolute;
     top: 0;
     right: 0;
     text-align: center;
     z-index: 20000;
}
/*.submenu-indicator-chevron {
     height: 6px;
     width: 6px;
     display: block;
     border-style: solid;
     border-width: 0 1px 1px 0;
     border-color: transparent #70798b #70798b transparent;
     transform: rotate(45deg);
     transition: border 0.2s;
}
*/
 .navigation-portrait .submenu-indicator-chevron {
     position: absolute;
     top: 18px;
     left: 24px;
}
 .nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron {
     border-color: transparent #967adc #967adc transparent;
}
 .navigation-portrait .submenu-indicator.submenu-indicator-up {
     transform: rotate(-180deg);
}
 .nav-overlay-panel {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: fixed;
     display: none;
     z-index: 19999;
}
 .no-scroll {
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .nav-search {
     height: 70px;
     float: right;
     z-index: 19998;
}
 .navigation-portrait .nav-search {
     height: 48px;
     padding: 0 10px;
     margin-right: 52px;
}
 .navigation-hidden .nav-search {
     display: none;
}
 .nav-search-button {
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: center;
     cursor: pointer;
     background-color: #fbfcfd;
}
 .navigation-portrait .nav-search-button {
     width: 50px;
     height: 48px;
     line-height: 46px;
     font-size: 22px;
}
 .nav-search-icon {
     width: 14px;
     height: 14px;
     margin: 2px 8px 8px 4px;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     color: #343a40;
     text-align: left;
     text-indent: -9999px;
     border: 2px solid;
     border-radius: 50%;
     transform: rotate(-45deg);
}
 .nav-search-icon:after, .nav-search-icon:before {
     content: "";
     pointer-events: none;
}
 .nav-search-icon:before {
     width: 2px;
     height: 11px;
     top: 11px;
     position: absolute;
     left: 50%;
     border-radius: 0 0 1px 1px;
     box-shadow: inset 0 0 0 32px;
     transform: translateX(-50%);
}
 .nav-search-button:hover .nav-search-icon {
     color: #ff6b00;
}
 .nav-search > form {
     width: 100%;
     height: 100%;
     padding: 0 auto;
     display: none;
     position: absolute;
     left: 0;
     top: 0;
     background-color: #fff;
     z-index: 99;
}
 .nav-search-inner {
     width: 70%;
     height: 70px;
     margin: auto;
     display: table;
}
 .navigation-portrait .nav-search-inner {
     height: 48px;
}
 .nav-search-inner input[type="text"], .nav-search-inner input[type="search"] {
     height: 70px;
     width: 100%;
     margin: 0;
     padding: 0 12px;
     font-size: 26px;
     text-align: center;
     color: #343a40;
     outline: none;
     line-height: 70px;
     border: none;
     background-color: transparent;
     transition: all 0.3s;
}
 .navigation-portrait .nav-search-inner input[type="text"], .navigation-portrait .nav-search-inner input[type="search"] {
     height: 48px;
     font-size: 18px;
     line-height: 48px;
}
 .nav-search-close-button {
     width: 28px;
     height: 28px;
     display: block;
     position: absolute;
     right: 20px;
     top: 20px;
     line-height: normal;
     color: #343a40;
     font-size: 20px;
     cursor: pointer;
     text-align: center;
}
 .navigation-portrait .nav-search-close-button {
     top: 10px;
     right: 14px;
}
 .nav-button {
     margin: 18px 15px 0;
     padding: 8px 14px;
     display: inline-block;
     color: #fff;
     font-size: 14px;
     text-align: center;
     text-decoration: none;
     border-radius: 4px;
}
 .nav-button:hover, .nav-button:focus {
     color: #fff;
     text-decoration: none;
}
 .navigation-portrait .nav-button {
     width: calc(100% - 52px);
     margin: 17px 26px;
}
 .nav-text {
     margin: 25px 15px;
     display: inline-block;
     color: #343a40;
     font-size: 15px;
}
 .navigation-portrait .nav-text {
     width: calc(100% - 52px);
     margin: 12px 26px 0;
}
 .navigation-portrait .nav-text + ul {
     margin-top: 15px;
}
 .nav-dropdown {
     min-width: 180px;
     margin: 0;
     padding: 0;
     display: none;
     position: absolute;
     list-style: none;
     z-index: 98;
     white-space: nowrap;
     border: 1px solid #e3e3e3;
}
 .navigation-portrait .nav-dropdown {
     width: 100%;
     position: static;
     left: 0;
}
 .nav-dropdown .nav-dropdown {
     left: 100%;
}
 .nav-menu > li > .nav-dropdown {
     border-top: 2px solid #3ebd86;
     margin-top: -5px;
}
 .nav-menu > li > .nav-dropdown:before {
     content: '';
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #3ebd86;
     position: absolute;
     top: -6px;
     left: 12%;
}
 .nav-dropdown > li {
     width: 100%;
     float: left;
     clear: both;
     position: relative;
     text-align: left;
}
 .nav-dropdown > li > a {
     width: 100%;
     padding: 16px 20px;
     display: inline-block;
     text-decoration: none;
     float: left;
     font-size: 15px;
     color: #343a40;
     background-color: #fdfdfd;
     font-family: "RobotoRegular", Arial, Helvetica, sans-serif !important;
}
 .nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {
     color: #ff6b00;
}
 .nav-dropdown.nav-dropdown-left {
     right: 0;
}
 .nav-dropdown > li > .nav-dropdown-left {
     left: auto;
     right: 100%;
}
 .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
     text-align: right;
}
 .navigation-portrait .nav-dropdown > li > a {
     padding: 12px 20px 12px 30px;
}
 .navigation-portrait .nav-dropdown > li > ul > li > a {
     padding-left: 50px;
}
 .navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
     padding-left: 70px;
}
 .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
     padding-left: 90px;
}
 .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {
     padding-left: 110px;
}
 .nav-dropdown .submenu-indicator {
     right: 15px;
     top: 10px;
     position: absolute;
}
 .navigation-portrait .nav-dropdown .submenu-indicator {
     right: 0;
     top: 0;
}
 .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
     transform: rotate(-45deg);
}
 .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
     transform: rotate(45deg);
}
 .nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {
     border-color: transparent #ff6b00 #ff6b00 transparent;
}
 .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
     left: 10px;
}
 .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
     transform: rotate(135deg);
}
 .nav-dropdown-horizontal {
     width: 100%;
     left: 0;
     background-color: #fdfdfd;
     border-top: solid 1px #f0f0f0;
}
 .nav-dropdown-horizontal .nav-dropdown-horizontal {
     width: 100%;
     top: 100%;
     left: 0;
}
 .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
     border-top: none;
}
 .nav-dropdown-horizontal > li {
     width: auto;
     clear: none;
     position: static;
}
 .navigation-portrait .nav-dropdown-horizontal > li {
     width: 100%;
}
 .nav-dropdown-horizontal > li > a {
     position: relative;
}
 .nav-dropdown-horizontal .submenu-indicator {
     height: 18px;
     top: 11px;
     transform: rotate(90deg);
}
 .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
     height: 42px;
     top: 0;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
}
 .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
     transform: rotate(-180deg);
}
 .megamenu-panel {
     width: 100%;
     padding: 15px;
     display: none;
     position: absolute;
     font-size: 14px;
     z-index: 98;
     text-align: left;
     color: inherit;
     border-top: solid 1px #f0f0f0;
     background-color: #fdfdfd;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
}
 .navigation-portrait .megamenu-panel {
     padding: 25px;
     position: static;
     display: block;
}
 .megamenu-panel [class*="container"] {
     width: 100%;
}
 .megamenu-panel [class*="container"] [class*="col-"] {
     padding: 0;
}
 .megamenu-panel-half {
     width: 50%;
}
 .megamenu-panel-quarter {
     width: 25%;
}
 .navigation-portrait .megamenu-panel-half, .navigation-portrait .megamenu-panel-quarter {
     width: 100%;
}
 .megamenu-panel-row {
     width: 100%;
}
 .megamenu-panel-row:before, .megamenu-panel-row:after {
     content: "";
     display: table;
     line-height: 0;
}
 .megamenu-panel-row:after {
     clear: both;
}
 .megamenu-panel-row [class*="col-"] {
     display: block;
     min-height: 20px;
     float: left;
     margin-left: 3%;
}
 .megamenu-panel-row [class*="col-"]:first-child {
     margin-left: 0;
}
 .navigation-portrait .megamenu-panel-row [class*="col-"] {
     float: none;
     display: block;
     width: 100% !important;
     margin-left: 0;
     margin-top: 15px;
}
 .navigation-portrait .megamenu-panel-row:first-child [class*="col-"]:first-child {
     margin-top: 0;
}
 .megamenu-panel-row .col-1 {
     width: 5.583333333333%;
}
 .megamenu-panel-row .col-2 {
     width: 14.166666666666%;
}
 .megamenu-panel-row .col-3 {
     width: 22.75%;
}
 .megamenu-panel-row .col-4 {
     width: 31.333333333333%;
}
 .megamenu-panel-row .col-5 {
     width: 39.916666666667%;
}
 .megamenu-panel-row .col-6 {
     width: 48.5%;
}
 .megamenu-panel-row .col-7 {
     width: 57.083333333333%;
}
 .megamenu-panel-row .col-8 {
     width: 65.666666666667%;
}
 .megamenu-panel-row .col-9 {
     width: 74.25%;
}
 .megamenu-panel-row .col-10 {
     width: 82.833333333334%;
}
 .megamenu-panel-row .col-11 {
     width: 91.416666666667%;
}
 .megamenu-panel-row .col-12 {
     width: 100%;
}
 .megamenu-tabs {
     width: 100%;
     float: left;
     display: block;
}
 .megamenu-tabs-nav {
     width: 20%;
     margin: 0;
     padding: 0;
     float: left;
     list-style: none;
}
 .navigation-portrait .megamenu-tabs-nav {
     width: 100%;
}
 .megamenu-tabs-nav > li > a {
     width: 100%;
     padding: 10px 16px;
     float: left;
     font-size: 13px;
     text-decoration: none;
     color: #343a40;
     border: solid 1px #eff0f2;
     outline: 0;
     background-color: #fff;
}
 .megamenu-tabs-nav > li.active a, .megamenu-tabs-nav > li:hover a {
     background-color: #f5f5f5;
}
 .megamenu-tabs-pane {
     width: 80%;
     min-height: 30px;
     padding: 20px;
     float: right;
     display: none;
     font-size: 13px;
     color: #343a40;
     border: solid 1px #eff0f2;
     background-color: #fff;
}
 .megamenu-tabs-pane.active {
     display: block;
}
 .navigation-portrait .megamenu-tabs-pane {
     width: 100%;
}
 .megamenu-lists {
     width: 100%;
     display: table;
}
 .megamenu-list {
     width: 100%;
     margin: 0 0 15px;
     padding: 0;
     display: inline-block;
     float: left;
     list-style: none;
}
 .megamenu-list:last-child {
     margin: 0;
     border: none;
}
 .navigation-landscape .megamenu-list {
     margin: -15px 0;
     padding: 20px 0;
     border-right: solid 1px #f0f0f0;
}
 .navigation-landscape .megamenu-list:last-child {
     border: none;
}
 .megamenu-list > li > a {
     width: 100%;
     padding: 10px 15px;
     display: inline-block;
     color: #343a40;
     text-decoration: none;
     font-size: 13px;
}
 .megamenu-list > li > a:hover {
     background-color: #ff6b00;
     color: #fff;
}
 .megamenu-list > li.megamenu-list-title > a {
     font-size: 12px;
     font-weight: 600;
     text-transform: uppercase;
     color: #343a40;
}
 .megamenu-list > li.megamenu-list-title > a:hover {
     background-color: transparent;
}
 .navigation-landscape .list-col-2 {
     width: 50%;
}
 .navigation-landscape .list-col-3 {
     width: 33%;
}
 .navigation-landscape .list-col-4 {
     width: 25%;
}
 .navigation-landscape .list-col-5 {
     width: 20%;
}
 .nav-menu > li > a {
     color: #343a40;
     text-transform: uppercase;
}
 .nav-dropdown > li > a {
     color: #343a40;
     padding: 10px 20px;
     border-bottom: 1px solid #f6f6f6;
     font-family: "RobotoRegular", Arial, Helvetica, sans-serif !important;
}
 .nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {
     color: #3D3D3D;
     background: #EFFAE6;
}
 .main_header_area.sticky {
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background-color: #fff;
     z-index: 9999;
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
 .transparent-menu {
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 99;
}
 .navigation-portrait .nav-menu > li > a {
     width: 100%;
     height: auto;
     padding: 10px 10px 10px 30px;
}
 @media only screen and (min-width: 320px) and (max-width: 767px) {
     .nav-dropdown > li > a, .megamenu-list > li > a {
         width: 79%;
    }
}
/*.nav-link {
     display: block;
     padding: 1.05em 0 1.05em .75em;
     font-size: .96em;
     text-decoration: none !important;
     color: #525252;
     letter-spacing: .03em;
     text-transform: uppercase;
     text-decoration: none;
     transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
     text-transform: uppercase;
}
 .nav-link:before {
     content: '/';
     margin-right: 0.75em;
}
 .nav-link.first:before {
     content: "";
}
 .nav-link:hover, .nav-link:focus {
     color: #525252 !important;
     text-decoration: none;
}
 .sub-nav {
     display: none;
     background: #fff;
     position: absolute;
     width: 200px;
     z-index: 1;
     margin-top: 0;
     border: 1px solid #e3e3e3;
     border-top: 0;
     font-size: .96rem !important;
}
 .sub-nav:before {
     content: '';
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #3ebd86;
     position: absolute;
     top: -6px;
     left: 12%;
}
 .sub-nav a {
     display: block;
     text-decoration: none;
     color: #525252;
     background: #fff;
     padding: .5em 1em;
     letter-spacing: .05em;
     font-size: .96em;
     border-top: 1px solid #e3e3e3;
}
 .sub-nav li:first-child {
     border-top: 2px solid #3ebd86;
}
 .sub-nav a:hover {
     color: #3d3d3d;
     background: #effae6;
     text-decoration: none;
}
*/
/*banner*/
/*.slider {
     position: relative;
     width: 860px !important;
     width: 100% !important;
     height: 299px !important;
     height: 350px !important;
     padding: 59px 30px 0px 0px;
     float: left !important;
     overflow: hidden;
}
*/
 .section-mt60{
    margin-top: 60px;
}
 .flexslider .wrap {
     width: 100%;
     max-width: 100%;
     height: 60px;
    /*padding: 0;
    */
     overflow: visible;
    /* padding: .1em .75em;
    */
     text-align: center;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     background-color: rgba(0,0,0,0.6);
     position: absolute;
     bottom: 0;
}
 .flexslider p {
     color: #fff;
     font-size: 16px;
     line-height: 0px;
     padding-top: 15px 
}
 .flexslider h2 {
     color: #D4AF75;
     font-size: 20px;
     margin-top: 14px;
}
 .flexslider h6 {
     color: #D4AF75;
     font-size: 20px;
     margin-top: -6px;
}
 .owl-theme .owl-dots{
    display: none;
}
.owl-theme .owl-prev {
  position: absolute;
  top: calc(50% - 25px);
  left: 30px;
  opacity: 1;
  font-size: 30px !important;
  z-index: 1;
  background: url(../images/home-slider/left-arrow.png) no-repeat !important;
  height: 55px;
}
.owl-theme .owl-next {
  position: absolute;
  top: calc(50% - 25px);
  right: 0px;
  opacity: 1;
  font-size: 30px !important;
  z-index: 1;
  background: url(../images/home-slider/right-arrow.png) no-repeat !important;
  height: 55px;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: transparent !important;}


/*img\home-slider\left-arrow.png*/


/*section-3*/
 .section-padd{
    padding: 3em 9em;
     /*text-align: center;*/
}
.section-padd-gallery{
    padding: 3em 0em;
     text-align: center;
}
.view-gallery{
	margin: 0px 0px 0px 4%;
}
 .who-we-are{
    display: block;
     text-decoration: none;
     position: relative;
     float: left;
     border: 1px solid #e3e3e3;
    /*width: 31%;
    */
     height: auto;
     min-height: 250px;
     padding: 4.95%;
     background-color: #fff;
     margin-left: 3.5%;
     cursor: pointer;
     outline: none;
     text-align: center;
}
 .who-we-are:hover {
     background-color: #f5b547;
}
 .who-we-are:hover h2, .who-we-are:hover p {
     color: #fff;
}
 .who-we-are h2{
    position: relative;
     color: #3ebd88;
     font-weight: normal;
     text-transform: uppercase;
     text-align: center;
     padding-bottom: .45em;
     margin-top: 0;
     font-size: 1.5em;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
}
 .who-we-are h2:before {
     content: "";
     position: absolute;
     width: 40%;
     height: 2px;
     bottom: 0;
     left: 30%;
     background-color: #3ebd88;
     visibility: visible;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 .who-we-are:hover h2:after {
     visibility: hidden;
    /*display: none;
    */
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
}
 .who-we-are:hover h2:before {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     background-color: #fff;
}
 .who-we-are h2:after {
     content: "";
     position: absolute;
     width: 40%;
     height: 2px;
     bottom: 0;
     left: 30%;
     background-color: #3ebd88;
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 .who-we-are p {
     font-size: .96em;
     line-height: 1.7em;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     color: #525252;
     margin: 0.6em;
}
 .read-more.btn {
     color: #ffffff;
     background-color: #47c28c;
     padding: .85em 1.1em;
     font-size: .96em;
     text-transform: uppercase;
     display: inline-block;
     text-decoration: none;
     border-radius: 0px;
}
 .btn.read-more:hover {
     color: #ffffff;
     background-color: #174F23;
     padding: .85em 1.1em;
     font-size: .96em;
     text-transform: uppercase;
     display: inline-block;
     -webkit-transform: translate(0, -2px);
     -moz-transform: translate(0, -2px);
     transform: translate(0, -2px);
     box-shadow: rgb(0 0 0 / 30%) 0 12px 12px 0;
     -webkit-box-shadow: rgb(0 0 0 / 30%) 0 12px 12px 0;
     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 12px 12px 0;
     text-decoration: none;
}
/*Corona*/
 a:hover, a:focus {
     color: #f7465b;
     text-decoration: none !important;
}
 .corona {
     background: #FCF9E8;
}
 .corona h2{
     color: #D3AB6E;
     font-weight: 600;
     font-size: 28px;
     line-height: 30px;
     text-align: left;
}
 .corona h4{
     color: #47C28C;
     font-weight: 400;
     line-height: 40px;
     text-align: left;
     font-size: 24px;
}
 .corona p{
    /* text-align: left;*/
     font-size: .95em;
     line-height: 1.55em;
     color: #525252;
}
.corona-text{
	padding: 0 115px 0 30px;
}
 .resources{
     background: #ffffff;
     border: 1px solid #D3AC70;
     width: 100%;
     height: 200px;
     padding: 0 30px;
     margin: 40px 0 !important;

}
 .covid{
     float: left;
     text-align: center;
     width: 31%;
}
 .covid-btn{
     background-color: #D3AC70 !important;
     color: #ffffff !important;
     padding: .5em 1em;
     font-size: .85em;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     text-transform: uppercase;
     border-radius: 0px !important;
}
 .product_item:hover .cp_img {
     top: -20px 
}
 .product_item:hover .cp_img img {
    /*box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22)*/
}
 .product_item:hover .cp_img .hover {
     display: block 
}
 .product_item .cp_img {
     position: relative;
     top: 0px;
     left: 50%;
     transform: translate(-50%);
     -webkit-transform: translate(-50%);
     -ms-transform: translate(-50%);
     -moz-transform: translate(-50%);
     -o-transform: translate(-50%);
     -khtml-transform: translate(-50%);
     width: 100%;
     padding: 0px;
     transition: all 0.2s ease-in-out;
}
 .product_item .cp_img img {
     transition: all 0.2s ease-in-out;
     border-radius: 6px 
}
 .product_item .cp_img .hover {
     display: none;
     text-align: center;
     margin-top: 10px 
}
 .product_item .product_details {
     padding-top: 10px;
     text-align: center;
     margin-bottom: 15px;
}
 .product_item .product_details h1 {
     margin-bottom: 5px;
     font-size: 15px !important;
     color: #343434 !important;
     text-align: center;
     text-decoration: none !important;
     font-weight: 500 !important;
     padding-top: 10px;
     text-align: center;
     margin-bottom: 15px;
}
 .product_item .product_details h1 a {
     font-size: 15px !important;
     color: #343434 !important;
     text-align: center;
     text-decoration: none !important;
     font-weight: 500 !important;
}
 .product_item .product_details h1 a:hover {
     text-decoration: none !important;
}
 .product_item .product_details .product_price {
     margin: 0 
}
 .product_item .product_details .product_price li {
     display: inline-block;
     padding: 0 10px 
}
 .product_item .product_details .product_price .new_price {
     font-weight: 600;
     color: #ff4136 
}
 .product_item_list table tr td {
     vertical-align: middle 
}
 .product_item_list table tr td h1 {
     font-size: 15px;
     margin: 0 
}
 .product_item_list table tr td .btn {
     box-shadow: none !important 
}
 .product-order-list table tr th:last-child {
     width: 145px 
}
 .product_item1 {
     width: 70px;
     margin: 0 auto;
     text-align: center;
     cursor: pointer;
     height: 70px;
}
 .product_item2 {
     width: 70px;
     margin: 0 auto;
     text-align: center;
     cursor: pointer;
     height: 70px;
}
 .product_item3 {
     width: 100px;
     margin: 0 auto;
     text-align: center;
     cursor: pointer;
     height: 70px;
}
 .product-box-1{
     float: left;
     width: 33%;
     padding: 30px;
}
 .product-box-2{
     float: left;
     width: 33%;
     padding: 30px;
}
 .product-box-3{
     float: left;
     width: 33%;
     padding: 30px;
}
 /*.awareness{
     position: relative;
     bottom: 20px;
}*/
 .readbtn1{
     position: relative;
     top: -38px;
     z-index: 99;
     width: 85%;
}
 .toolkit-title{
     text-align: center;
     font-size: 16px;
     font-weight: 600;
     color: #343434;
}
 .safety-left{
     float: left;
     margin-right: 15px;
     margin-top: 30px;
     width: 30%;
}
 .safety-right{
     float: left;
     margin-top: 30px;
     margin-right: 15px;
     width: 30%;
}
 .safety{
     background-color: #fff;
     margin: 0px;
     padding: 20px;
}
 .safety p{
     color: #666666;
     font-size: 16px;
     text-align: left;
}
 .safety-btn a{
     font-size: 15px;
     text-align: left !important;
     color: #3ebd88 !important;
     cursor: pointer;
     text-decoration: none;
}
 .safety-btn{
    text-align: left !important;
     color: #3ebd88 !important;
}
 .safety-btn-icon{
     font-weight: bold;
     font-size: 15px;
     padding: 2px;
}
 .safety-main{
     display: flex;
     place-content: center;
}
 .card-title {
     margin-bottom: .75rem;
}
 .highlight{
     color: #D4AF75;
}
 .highlight:hover{
     color: #D4AF75;
}
 .mb-5{
     margin-bottom: 20px;
}
 .awareness{position: relative; bottom: 27px; padding: 15px 20px 15px 20px;}
 .applyresume-text a {
     color: #016a3c;
     font-weight: 700;
     font-size: 1em !important;
}
 .applyresume a, a.link {
     position: relative;
     display: inline-block;
     text-decoration: none;
     color: #016a3c;
    /*#DEE8E6*/
     line-height: 1.3em;
     margin-bottom: .5em;
     cursor: pointer;
     font-size: .96em;
}
 .applyresume a:after, a.link:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     bottom: -.15em;
     left: 0;
     background-color: #3ebd88;
     visibility: visible;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.25s ease-in-out 0s;
     transition: all 0.25s ease-in-out 0s;
}
 .applyresume a:hover, a.link:hover {
     text-decoration: none !important;
     color: #016a3c;
}
 .applyresume a:hover:after, a.link:hover:after {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     background-color: #016a3c;
}
/**/
 .gallery {
     background: #f3f8fa;
}
 .common-title {
     position: relative;
     text-decoration: none;
     display: block;
     color: #d3ab6e;
     text-align: center;
     font-weight: bold;
     margin-bottom: 1.25em;
     padding-bottom: .25em;
     font-size: 1.8em;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     cursor: default;
}
 .common-title:after {
     content: "";
     position: absolute;
     width: 90px;
     height: 2px;
     bottom: 0;
     left: 43.5%;
     background-color: #3ebd88;
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 .smtitle {
     font-size: 1.69em;
}
 .padd:hover .common-title:after {
     width: 120px;
     height: 2px;
     bottom: 0;
     left: 44%;
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .wrapper {
     margin: 50px auto;
     background: #fff;
     max-width: 800px;
     box-shadow: 0px 25px 30px -20px rgba(0, 0, 0, 0.2);
}
 .filter {
     padding: 20px 0;
     margin-bottom: 20px;
     border-bottom: solid 0px #e3e3e3;
    /*text-align: center;
    */
     font-size: 12px;
}
 .filter a {
     margin-right: 10px;
     text-decoration: none;
     background-color: #d8fae9;
     color: #525252;
     padding: 9px 15px;
     border-radius: 0px;
     display: inline-block;
     font-size: 15px;
}

 .filter a.current {
     background: #feb640;
     color: #f9f9f9;
}
 .grid {
     margin: 0 auto;
     padding: 10px;
     -webkit-perspective: 1000px;
     perspective: 1000px;
     /*height: auto;*/
     /*min-height: 630px !important;*/
}
 /*.grid-item {
     width: 180px;
     height: auto;
     margin-bottom: 40px;
     border-radius: 0px;
     overflow: hidden;
     cursor: pointer;
     position: relative;
}*/

/**/
 .fancybox {
     /*display: block;*/
     width: 100%;
     height: 100%;
    /*height: 100%;
     width: 100%;
    */
     border-radius: 4px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     transition: all .5s;
}
 .vidtile {
     /*width: 100%;
    height: 330px;
    */
     background: #fff;
     border: 1px solid #cdd1d3;
     overflow: hidden;
     font-size: 1em;
     position: relative;
     z-index: 1;
     margin-bottom: 20px;
}
 .vidtile h3 {
     margin: 0;
     padding: 1.5em 20px 20px;
     line-height: 20px;
     font-size: 14px;
     text-align: left;
     font-weight: bold;
    /* text-transform: uppercase;
     */
     color: #343434;
}
 .vidtile p {
     margin: 0;
     padding: 0;
     margin-bottom: 0;
     text-align: left;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     font-size: 13px;
     line-height: 15px;
     color: #666666;
}
 .lalign {
     text-align: left !important;
     margin-left: 20px !important;
}
 .imgtile {
     /*width: 100%;
    height: 510px;
    */
     background: #fff;
     border: 1px solid #cdd1d3;
     overflow: hidden;
     font-size: 1em;
     position: relative;
     z-index: 1;
     margin-top: 10px;
}
 .imgtile h3 {
     margin: 0;
     padding: 1.5em 20px 20px;
     line-height: 20px;
     font-size: 14px;
     text-align: left;
     font-weight: bold;
    /* text-transform: uppercase;
     */
     color: #343434;
}
 .imgtile p {
     margin: 0;
     padding: 0;
     margin-bottom: 0;
     text-align: left;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     font-size: 13px;
     line-height: 15px;
     color: #666666;
}
 /*.grid-item:hover .fancybox {
     transform: scale(1.1);
}*/

/*footer*/
 .unstyled {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 .footnote {
     background: #fad88f url(../images/foot-sand.jpg) repeat-x top center;
     border-top: 1px solid #8d7032;
    /*background: #F9F9F9 !important;
    */
     height: auto !important;
     padding: 15px 0 0 0;
}
 .footnote a{
    color: #ffe3a8;
}
 .foot-title {
     color: #966702;
    /*#ffffff*/
     font-weight: normal;
     text-transform: uppercase;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     font-size: 18px;
}
 .foot-text {
     line-height: 1.5em;
     color: #1f1501;
     font-weight: normal;
     font-size: 0.95em;
}
 .donate-eyes {
     background: url(../images/common/reliance-foundation-drishti-spreading-light.png) no-repeat left center;
     height: 111px;
     width: 195px;
}
 .foot-sub-link-list a, a.link {
     position: relative;
     display: inline-block;
     text-decoration: none;
     color: #1f1501;
    /*#f3f3f3;
    */
    /*#DEE8E6*/
     line-height: 1.3em;
     margin-bottom: .5em;
     cursor: pointer;
     font-size: .96em;
     font-weight: 500;
}
 .foot-sub-link-list a:after, a.link:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     bottom: -.15em;
     left: 0;
     background-color: #d3ac70;
     visibility: visible;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.25s ease-in-out 0s;
     transition: all 0.25s ease-in-out 0s;
}
 .foot-sub-link-list a:hover, a.link:hover {
     text-decoration: none;
     color: #1f1501;
    /**/
}
 .foot-sub-link-list a:hover:after, a.link:hover:after {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     background-color: #d3ac70;
}
 .foot-sub-link-list.for-contact {
     margin-top: .8em;
}
 .foot-sub-link-list.for-contact p {
     color: #1f1501;
     cursor: text;
     display: inline-block;
     line-height: 1.5em;
     margin-bottom: 0.75em;
     padding-left: 30px;
     text-decoration: none;
     padding-bottom: .25em;
}
 ul.foot-sub-link-list.for-contact p:before, ul.foot-sub-link-list.for-contact a:before {
     content: "";
     display: none;
}
 ul.foot-sub-link-list.for-contact a {
     font-size: 1em;
}
 .foot-sub-link-list.for-contact a:hover {
     text-decoration: none;
    /*color: #b8b8b8;
    */
}
 ul.foot-sub-link-list.for-contact a:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     bottom: -.15em;
     left: 0;
     background-color: #1f1501;
     visibility: visible;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.25s ease-in-out 0s;
     transition: all 0.25s ease-in-out 0s;
}
 ul.foot-sub-link-list.for-contact a:hover:after {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     background-color: #1f1501;
}
/*.foot-sub-link-list.for-contact a:hover:after {
     visibility: hidden;
     display: none;
}
*/
 .foot-sub-link-list a:before {
     content: '';
     display: inline-block;
     margin-right: .75em;
     width: 0;
     height: 0;
     border-top: .35em solid transparent;
     border-bottom: .35em solid transparent;
     border-left: .35em solid #987937;
}
 .email{
     display: flex;
     flex-direction: row;
     float: left;
     color: #1f1501;
     font-size: 15px;
     padding-bottom: 7px;
     cursor: pointer;
}
 .email a:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     bottom: -.15em;
     left: 0;
     color: #966702 !important;
     background-color: #1f1501;
     visibility: visible;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.25s ease-in-out 0s;
     transition: all 0.25s ease-in-out 0s;
}
 .email a{
     color: #1f1501;
}
 .fa-size{
    font-size: 18px;
}
 .email-img {
     margin-top: 3px;
     margin-bottom: 10px;
}
 .email-img-1 {
     margin-top: 3px;
     margin-right: 5px;
}
 .email p{
    margin-left: 10px;
     font-size: 15px;
}
 .textbox {
     display: block;
     width: 100%;
     margin-bottom: 5px;
     padding: .5em;
     font-size: .8em;
     color: #3C3C3C;
     box-sizing: border-box;
}
 .copyright {
     background: url(../images/foot-bg.png) repeat top center;
     border-top: 1px solid #8d7032;
     color: #ffe3a8;
     font-size: .96em;
     margin: 25px 0 0 0;
     padding: 1em 0;
     text-align: center;
}
 .copyright a:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     bottom: -.15em;
     left: 0;
     background-color: #fff;
     visibility: visible;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all .25s ease-in-out 0s;
     transition: all 0.25s ease-in-out 0s;
}
 .submit {
     background-color: #a17720 !important;
     color: #ffffff !important;
     padding: .5em 1em !important;
     font-size: .85em !important;
     font-family: 'robotoregular', Arial, Helvetica, sans-serif;
     text-transform: uppercase;
     border-radius: 0px !important;
     margin-top: 15px;
}
 .btn.submit:hover {
     color: #ffffff;
     background-color: #174F23 !important;
     padding: .85em 1.1em;
     font-size: .96em;
     text-transform: uppercase;
     display: inline-block;
     -webkit-transform: translate(0, -2px);
     -moz-transform: translate(0, -2px);
     transform: translate(0, -2px);
     box-shadow: rgb(0 0 0 / 30%) 0 12px 12px 0;
     -webkit-box-shadow: rgb(0 0 0 / 30%) 0 12px 12px 0;
     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 12px 12px 0;
     text-decoration: none;
}
 .btn:hover {
     color: #ffffff;
     background-color: #174F23;
     font-size: .85em;
     text-transform: uppercase;
     display: inline-block;
     -webkit-transform: translate(0, -2px);
     -moz-transform: translate(0, -2px);
     transform: translate(0, -2px);
     box-shadow: rgba(0, 0, 0, 0.3) 0 12px 12px 0;
     -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 12px 12px 0;
     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 12px 12px 0;
    /**/
     text-decoration: none;
}
/*Events*/
 .event-updates{
    margin: 0px;
}
 .event-updates .accordion-button:not(.collapsed) {
     color: #333;
     background-color: transparent;
     box-shadow: none;
}
 .event-updates .accordion-button::after, .accordion-button:not(.collapsed)::after{
    display: none;
}
 /*.event-updates .event-title {
     font-family: "robotoregular";
     padding: 1em 1em;
     font-size: 0.59em !important;
     color: #31ac73 !important;
     border-top: 1px solid #e3e3e3;
     cursor: pointer !important;
}*/
 .event-updates .accordion-body {
     color: #525252;
     margin: 0;
     font-size: .96em;
     line-height: 1.50em;
     padding: 1.25em;
     text-align: left;
}
 .event-updates .read-more.btn{
    display: block;
     margin: 15px 0;
}
 .event-updates .accordion-item:first-of-type {
     border-top-left-radius: 0rem;
     border-top-right-radius: 0rem;
}
 .event-updates .accordion-item {
     background-color: #fff;
     border: 1px solid rgb(0 0 0 / 0%);
}
 .event-updates .event-pic-list {
     margin-right: 1%;
     height: auto;
     margin-top: 1em;
     float: left;
}
 #images-container {
     height: 400px;
     position: relative;
}
 .image {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     opacity: 0;
     transition: all .5s;
}
 .image-1 {
     background:url(../images/events-n-updates/smt-nma-addresses-conference.jpg) left top no-repeat;
     background-size: cover;
}
 .image-2 {
     background: url("../images/events-n-updates/pichavai-artists.jpg") left top ;
     background-size: cover;
}
 .image-3 {
     background: url("../images/events-n-updates/rfys-kick-off.jpg") left top ;
     background-size: cover;
}
 .image[data-active="active"]{
     opacity: 1;
}
 .text-align-j{text-align: justify;}

 .gridcontent{margin-bottom: 20px;}

/*Who-we-are*/

.breadcrumb a {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #666666 !important;
    font-size: 0.75em !important;
}

/* For Home Banner */

.carousel-control.right, .carousel-control.left{background-image: none !important; }

.hero {position: absolute;
bottom: 0%;
left: 0%;
z-index: 3;
color: #fff;
text-align: center;
background-color: rgba(0,0,0,0.6);
width: 100%;���
}�
.hero p {
color: #fff;
font-size: 16px;
line-height: 0px;
padding-top: 20px;
}�.hero h6 {
color: #D4AF75;
font-size: 20px;
line-height: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

.swiper {
      width: 100%;
      height: 100%;
}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
}

.swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.portlet-layout .portlet-header {
� margin-bottom: 1rem;
� }

.swiper-button-next, .swiper-button-prev{color}

.event-updates .event-title{padding: 1em 1em;font-size: 18px !important;color: #31ac73 !important;border-top: 0px solid #e3e3e3;cursor:pointer !important;border-bottom: 1px solid #e3e3e3;border-left: 0;border-right: 0;line-height:24px; background: transparent;}

.ruralbody p {
    color: #666666;
    margin: 10px 0 !important;
    text-align: left;
    padding-right: 12px;
    line-height: 1.75em;
}

.agm-video{width:560px; height: 315px;}