@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}

strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}
 

/* Custom CSS
 * --------------------------------------- */
body{
	font-family: Verdana,arial,helvetica;
	color: #fff;
	color: rgba(0,0,0,0.5);
    overflow-x: hidden;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}
p{
	font-size: 2em;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
}


.pR{position: relative;}

.firefly:before, .b_go:before, .b_connect:before,.b_catalogue:before  {
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    width: auto;
    color: transparent;
    position: absolute;
}
.firefly:before {
    content: "barefoot firefly";
    background-image: url(imgs/bp-firefly.png);
}
.b_go:before {
    content: "barefoot Go";
    background-image: url(imgs/go-logo.png);
}
.b_connect:before {
    content: "barefoot connect";
    background-image: url(imgs/connect-logo.png);
    width: 65%;
}

.white-font {color: #fff;font-size: 45px;letter-spacing: -4px;}
.p_name{
    font-size: 105px;
    font-weight: 600;
    letter-spacing: -8px;
    color: white;text-align: left; line-height: .8;}
.b_catalogue {font-size: 100px;color: #fff;line-height: 41px;}
.p_description{    font-size: 32px;
    font-weight: bold;
    letter-spacing: -2px;
    color: white;
    margin-bottom: 10px;text-align: center;}

.home_p_description{    font-size: 32px;
    font-weight: bold;
    letter-spacing: -2px;
    color: white;
    margin-bottom: 10px;text-align: left;}


.barefoot_product{    width: 100%;
    display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;
    align-items: center;
}

.Product_img{z-index: 1;position: relative;right: -5vw; width: 100%;}
.glo{width: 50%;}
.product_title{width: 50%;text-align: left;position: relative;z-index: 9;}
.scroll_for_more{position: absolute;bottom: 10vh;left: 47%;font-size: 13px;}
span#scroll_more {font-size: 20px;}
span#connect {font-size: 27px;}
span#catalogue {font-size: 17px; font-weight: bold;color: white;}
#scroll_more:after{
    content: "barefoot go";
    background-image: url(imgs/go-logo.png);}
#connect:after{
    content: "barefoot go";
    background-image: url(imgs/connect-logo.png);}
#scroll_more:after, #connect:after{
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;;
    width: auto;
    color: transparent;}
.glo:after {
    position: absolute;
    top: 50%;
    left: 25%;
    width: 1px;
    height: 1px;
    background: white;
    box-shadow: 0 0 120px 220px #ffffff94;
    border-radius: 30px;
    content: "b";
    font-size: 1px;
    z-index: 0;
}

.p_subtitle{font-family: 'Crimson Text', serif;font-size: 29px;color:#fff;letter-spacing:0px;text-align: left;font-style: italic;}
.p_link{font-size: 13px; letter-spacing: 1px; color: white;}
.scroll_for_more{color: white;font-size: 14px;}
.right_arrow{position: relative;filter: invert(1);width: 18px;bottom: -3px;top: 5px;}
.down_arrow {position: absolute;filter: invert(1);bottom: 5vh;left: 50%;}
.to_top{filter: invert(1);width: 18px;}
.catalogue_title{width: 35% !important;text-align: center;left: 0;}
.catalogue_pdf{width: 65%;}
.cataogue_img {position: relative;}


.fixed-header {
    display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;
    position: fixed;
    width: 100%;
    background: transparent;
    z-index:1000;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    transition: all 1.1s;
    -webkit-transition: all 1.1s;
    -moz-transition: all 1.1s;
    -o-transition: all 1.1s;

}

.fixed-footer {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: transparent;
    z-index: 999;
    justify-content: space-between;
     -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    opacity: 1;
    transition: all 1.1s;
    -webkit-transition: all 1.1s;
    -moz-transition: all 1.1s;
    -o-transition: all 1.1s;

}

.fp-viewing-0 #home_top{opacity: 0;}

.fp-viewing-1 #gray, .fp-viewing-2 #dark, .fp-viewing-2 #gray, .fp-viewing-3 #gray, .fp-viewing-4 #gray, .fp-viewing-5 #gray, .fp-viewing-6 #gray, .fp-viewing-7 #gray, .fp-viewing-8 #gray, .fp-viewing-9 #gray, .fp-viewing-10 #gray{-webkit-filter: invert(100%); /* Safari 6.0 - 9.0 */
  filter: invert(100%);}

.fp-viewing-1 #lightgrayz, .fp-viewing-2 #lightgrayz, .fp-viewing-3 #lightgrayz, .fp-viewing-4 #lightgrayz, .fp-viewing-5 #lightgrayz, .fp-viewing-6 #lightgrayz, .fp-viewing-7 #lightgrayz, .fp-viewing-8 #lightgrayz, .fp-viewing-9 #lightgrayz, .fp-viewing-10 #lightgrayz {background: #f7f7f7;
    box-shadow: 0px 20px 20px 9px #f7f7f7;
}

.fp-viewing-1 #spark, .fp-viewing-2 #spark, .fp-viewing-3 #spark, .fp-viewing-4 #spark, .fp-viewing-5 #spark {background: #202734;
    box-shadow: 0px 20px 20px 32px #202734;
}

#bpmenu{display: none;}

.Menu {
    color: #ffffff00;
    z-index: 999;
    background: transparent;
    width: auto;
    height: 100%;
    position: relative;
    top: 15px;
    left: 100px;
    padding: 20px 25px;
    cursor: pointer;
    font-size: 0px;
    
}

.wise_menu{left:-50px;}

.Menu:before {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  left: 10px;
  background: #ffffff;
  top: 15px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -khtml-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.Menu:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  left: 10px;
  background: #ffffff;
  bottom: 13px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -khtml-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.copyright {
    color: #ffffff;
    z-index: 999;
    background: transparent;
    width: auto;
    height: 100%;
    position: relative;
    top: 25px;
    left: 50px;
    font-size: 14px;
    letter-spacing: -1px;
}
.logo1 {
    color: black;
    z-index: 999;
    background: transparent;
    width: auto;
    height: 100%;
    position: relative;
    top: 15px;
    left: 75px;
}

.logo2 {
    color: black;
    z-index: 999;
    background: transparent;
    position: relative;
    top: 30px;
    right: 50px;
}

.wise {
    color: black;
    z-index: 999;
    background: transparent;
    width: auto;
    position: relative;
    top: -5px;
    right: 50px;
}


.bp_light_blue_bk{background:radial-gradient(farthest-corner at 40px 40px,#82c0d6 0,#235769 100%);}

.bp_dark_blue_top{background: rgb(114,168,187);
background: -moz-linear-gradient(90deg, rgba(114,168,187,1) 34%, rgba(32,39,52,1) 34%);
background: -webkit-linear-gradient(90deg, rgba(114,168,187,1) 34%, rgba(32,39,52,1) 34%);
background: linear-gradient(90deg, rgba(114,168,187,1) 34%, rgba(32,39,52,1) 34%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#72a8bb",endColorstr="#202734",GradientType=1);}

.orange_contact_us{background-color: #dd772a; }


.electric_waves{
  height: 100%; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: repeat; /* Do not repeat the image */
  background-size: auto;
    background-attachment: fixed;
  background-color:radial-gradient(farthest-corner at 40px 40px,#82c0d6 0,#235769 100%);
    
    
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='10' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.06' fill-rule='evenodd'/%3E%3C/svg%3E");
    
    width: 100%;
    
    
}


.backb{
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
    background-attachment: fixed;
  background-image: radial-gradient(farthest-corner at 40px 40px,#82c0d6 0,#235769 100%);
}

.Contact_us_back{
    /*   background-image: url("imgs/backblue.png");The image used */
  background-color: #dd772a; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
    background-attachment: fixed;
  background-image: radial-gradient(farthest-corner at 40px 40px,#dd772a 0,#dd772a 100%);
}

.backb:before, .back_product:before, .solar_details_background:before, .Contact_us_back:before{
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='10' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.06' fill-rule='evenodd'/%3E%3C/svg%3E");
    
    width: 100%;
    height: 100vh;
    background-repeat: repeat;
    content: '';
    position: absolute;
    background-attachment: fixed;
    left:0;top: 0;
}



#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: #dd772a;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #87c7dd;}

.no-over{overflow-x: hidden !important;}
.flexed{display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;}

.social .fa {
    padding: 10px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.our_story {font-size: 81px;color: #fff;line-height: .75;text-align: right;}
.b_date {font-size: 22px;font-weight: bold;color: #000000;padding-top: 17px;}
.b_date:before {content: "";width: 2px;height: 50px;position: absolute;background-color: #dd772a;top:-40px;left: 50%;}
.b_date:after {content: "";width: 2px;height: 60px;position: absolute;background-color: #dd772a;top:52px;left: 50%;}
.story_description{position: relative;text-align: center;padding-bottom: 50px}
.a_b_logos {width: 40%;filter: invert(1)}
.a_b_title {font-size: 20px;font-weight: bold;color: #000000;margin-bottom: 10px;text-align: center;margin: 15px 0;}
.a-b_story {font-size: 14px;color: #000;text-align: justify;padding: 15px 10px;line-height: 1.5;text-align: left;}
.centered_timeline{ text-align: center;width: 100%;padding: 100px 10vw 50px;}
.a_Product_firefly_img{z-index: 1;position: relative;width: 100%;}
.a_Product_img{z-index: 1;position: relative;width: 80%;padding: 0 10%;}

.back_product{background-color: #cccccc; height: 500px;background-position: center;background-repeat: no-repeat; background-size: cover;background-attachment: fixed;
background: rgb(114,168,187);
background: -moz-linear-gradient(90deg, rgba(114,168,187,1) 34%, rgba(32,39,52,1) 34%);
background: -webkit-linear-gradient(90deg, rgba(114,168,187,1) 34%, rgba(32,39,52,1) 34%);
background: linear-gradient(90deg, rgba(114,168,187,1) 34%, rgba(32,39,52,1) 34%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#72a8bb",endColorstr="#202734",GradientType=1);
}
.bp_img_container{z-index: 1;position: relative;width: 100%}
.white{color: #ffffff;}.center_text{text-align: center;}.black{color: #000;}
.solar_details_background{background-color: #202734;}
.solar_description {width: 32%;padding: 120px 1% 0;float: left;}
.solar_products {width: 66%;float: left;background-color: #f7f7f7;padding-top:120px;}
.two_products {width: 42%;margin: 0 3%;float: left;}
.sm_product{border-top: 2px solid #dd772a;padding-top: 10px;padding-top: 20px;}
.xsm_black {font-size: 13px;font-weight: bold;letter-spacing: -1px;text-align: left;border-bottom: 1px solid #d4d8db;padding-bottom: 10px;}

.sm_black {font-size: 13px;text-align: left;color: #000;padding-top: 5px;}
.clear{clear: both;}
.other_details {padding: 40px 8% 0px;border-top: 2px solid #dd772a;}
.font13{font-size: 13px;line-height:1.6; }
.sm_info {color: lightgrey;font-size: 14px;text-align: left;}
.lg_info {color: white;text-align: left;font-weight: bold;font-size: 85px;}
.text-long{font-size: 13px;line-height:1.6; color: #ffffff; padding:0 10px 40px;text-align: left;}


table {border-collapse: separate;width: 80%;border-spacing: 15px 0px;margin: auto;}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
    color: #000000;
}
td {font-size: 13px;}

tr:nth-child(even) {
  background-color: #dddddd;
}
tr:nth-child(odd) {
  background-color: #ffffff;
}
.details-heading{width: 100%;color: black;font-weight: bold; font-size: 25px;background-color: white;}
.font_bold{font-weight: bold;}

.Contacts_Social {width: 42%;padding: 120px 1% 0;float: left;}
.social_right { right: 0;width: 100%;display: inline-block;text-align: right;z-index:1;}
.address_right{ float: right;margin-top: 4px;color: #ffffff;font-size: 14px;text-align: right;right: 0;width: 100%;display: inline-block;position: relative;}
.barefoot_inquiry {width: 60%;
    background: #f7f7f7;
    min-height: 100vh;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    flex-direction: column;
     -ms-flex-direction: column;
     -moz-flex-direction: column;
     -o-flex-direction: column;
     -webkit-flex-direction: column;
     
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1;}

.inquirys_form{width: 70%; margin: auto;text-align: left;font-size: 14px;color: #000000;}
.float_left{width:49%;padding-right: 1%; float: left;}

input[type=email], input[type=text], select, textarea {width: 100%;padding: 12px;border: 1px solid #b7b7b7;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;background: #f7f7f7;}
label{}

input[type=submit] {background-color: #dd772a;color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;
}

input[type=submit]:hover {background-color: #dd772a;
}
.bp_mgt {display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;width: 90%;margin: auto;}
.person {max-width: 23%;height: auto;padding: 1%;
filter: grayscale(1);}

.person:hover, .wise_person:hover, .wise_board_person:hover {filter: grayscale(0);}

.person:hover{cursor: pointer;}
.person:hover> .mgt_position {color: #6d6d6d;}

.wise_person:hover, .wise_board_person:hover{cursor: pointer;}
.wise_person:hover> .mgt_position, .wise_board_person:hover> .mgt_position {color: #6d6d6d;}

.person_img {width: 85%;}

.mgt_name {font-size: 14px;font-weight: bold;    color: #000000;padding:10px 0px 5px;}
.mgt_position {font-size: 12px;padding: 10px 0;color: #f7f7f7;width: 95%;text-align:center;margin: auto;}

.comp_stru {font-size: 22px;font-weight: bold;color: #000000;padding: 0px 0 22px;letter-spacing: -2px;}

.lg_padding{padding: 120px 0 30px;}
.minw179{min-width: 179px;}
th.font_bold {font-size: 15px;}
.transparent{background-color: transparent;}
.auto_margin{margin: auto;}

.accessories_product {width: 100%;display: flex;flex-direction: row;align-items: center;-webkit-align-items: center;padding: 130px 0 50px;
}
.accessories_info{width: 60%;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;z-index: 1;}
.accessories_title {font-size: 30px;font-weight: bold;color: #ffffff;margin-bottom: 10px;text-align: left;margin: 15px 20px; letter-spacing: -2px;line-height: 1;}
.accessories_story {font-size: 14px;color: #ffffff;text-align: left;padding: 5px 20px;line-height: 1.5;}
.ml0{margin-left: 0;}
.lifestyle_title {font-weight: bold;color: #ffffff;letter-spacing: -3px;line-height: .9;text-align: left;font-size: 80px;margin-bottom: 15px;}
.sm_lifestyle{text-align: left;font-family: 'Crimson Text', serif;font-size: 37px;color: #fff;letter-spacing: -2px;}
.barefoot_large {font-size: 90px;font-weight: bold;color: #ffffff;letter-spacing: -8px;line-height: .75;padding-top: 10px;text-align: left;}
.barefoot_small {font-size: 55px;font-weight: bold;color: #ffffff;letter-spacing: -4px;line-height: .9;text-align: left;padding-bottom: 15px;}

.personback{    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;background-color: #000000;background-image: url(imgs/team/ourTeam.jpg);
}

.aboutusback{    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;background-color: #000000;background-image: url(imgs/bp-children-watching-tv.jpg);
}

#wise_menu_black{color: #000000;}

#wise_menu_black.wise_menu:before, #wise_menu_black.wise_menu:after {
    background: #9d2890;}
.copyright_wise {color: #ffffff;z-index: 999;background: transparent;width: auto;height: 100%;position: relative;top: 17px;left: 50px;font-size: 14px;letter-spacing: -1px;}

.wise_header_back{    background-position: center;
    background-repeat: no-repeat;background-color: #ffffff;background-image: url(imgs/wise-header.jpg);background-size: cover; }
.wise_section, .partners_section {width: 85%;display: flex;flex-direction: row;align-items: center;-webkit-align-items: center;padding: 40px 0;margin: auto;}

.wise_impact_section {width: 85%;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;align-items: center;-webkit-align-items: center;padding: 40px 0 0;margin: auto;}

.wise_impact_slide {width: 85%;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;align-items: center;-webkit-align-items: center;margin: auto;padding: 50px 0 0px;}

.barefoot_wise{ width: 100%;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;align-items: center;-webkit-align-items: center;height: 100vh;background:#ffffffc9;}

.wise_logo_intro{ width: 100%;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;align-items: flex-end;-webkit-align-items: flex-end;height: 100vh;background: rgb(234,209,231);
background: -moz-linear-gradient(0deg, rgba(234,209,231,1) 0%, rgba(255,255,255,0) 65%);
background: -webkit-linear-gradient(0deg, rgba(234,209,231,1) 0%, rgba(255,255,255,0) 65%);
background: linear-gradient(0deg, rgba(234,209,231,1) 0%, rgba(255,255,255,0) 65%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ead1e7",endColorstr="#ffffff",GradientType=1);}


.wise_intro{font-size: 35px;color: #000000;margin-bottom: 10px;text-align: center;margin: 15px 0;width: 95%;
font-family: 'Playfair Display', serif;}

.wise_title.wa:before, .wise_title.wl:before {position: absolute;font-size: 300px;font-weight: bold;line-height: .5;left: 10%;z-index: 0;color: #fff9fe;}

.wise_title.wb:before, .wise_title.ws:before, .wise_title.wim:before {position: absolute;font-size: 300px;font-weight: bold;line-height: .5;right: 5%;z-index: 0;color: #fff9fe;}

.wise_caption {font-size: 12px;text-align: justify;letter-spacing: -1px;padding: 4px 10px;}

.wise_title.wa {
    background-image: url(imgs/wise-w-watermark.png);background-position: top center;background-size: contain;background-repeat: no-repeat;}

.wise_title.wa:before {content: "";}.wise_title.wb:before {content: "B";}.wise_title.wl:before {content: "K";}.wise_title.ws:before {content: "S";}.wise_title.wim:before {content: "C";}

.wise_follow{ width: 100%;
    display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;
    align-items: flex-end;-webkit-align-items: flex-end;height: 100vh;
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5886729691876751) 60%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5886729691876751) 60%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.5886729691876751) 60%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);}



.wise_purple{background: #9b278f6e;}

.light_white{background: #ffffffeb;min-height:100vh;}

.wise_large_title{font-size: 27px;font-weight: bold;color: #ffffff;margin-bottom: 10px;text-align: left;margin: 15px 0;}

.wise_paragraph_white {font-size: 14px;color: #ffffff;padding: 15px 10px;line-height: 1.5;text-align: left;text-shadow: 1px 0px 20px black;}

.wise_title {width: 50%;text-align: left;position: relative;z-index: 9;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;}

.Wise_section_title {font-weight: bold;font-size: 22px;letter-spacing: -1px;color: #000000;margin-bottom: 10px;text-align: center;margin: 15px 0;}

.font50{font-size: 50px;letter-spacing: -1px;}
.beige_back{border-left: 2px solid #ead1e7;}
.wise_description {position: relative;text-align: center;}
.wise_paragraph {font-size: 13px;color: #767676;padding: 15px 10px;line-height: 1.5;text-align: left;}
.fp-controlArrow.fp-prev{border-color: transparent #9b288f  transparent transparent;}
.fp-controlArrow.fp-next{border-color: transparent transparent transparent #9b288f;}

.wise_address_right{ float: right;margin-top: 29px;color: #000000;font-size: 14px;text-align: right;right: 0;width: 100%;display: inline-block;position: relative;}

.wise_impact_title {text-align: left;margin: auto;width: 90%;padding-top: 50px;}

.wise_f.fixed-header> a> .logo1, .fixed-footer> a> .wise {max-width: 120px;height: auto;}

.three_maps {justify-content: space-around;-webkit-justify-content: space-around;-moz-justify-content: space-around;}

.Testimonials{background-color: #dd772a;height: 70vh;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;}

.light_blue_back{    background-image: radial-gradient(farthest-corner at 40px 40px,#82c0d6 0,#235769 100%);box-shadow: 0 0 20px 3px #00000063;padding: 0 10px;margin-bottom: 30px !important;border-radius: 10px;}

.sm_side_title{font-size: 15px;letter-spacing: 0px;text-align: left;color: white;margin-bottom: 10px;padding-left: 20px;}

.dark_back_blue{background-color: #262d39;}
.testimon {padding: 50px 4% 100px;}
.middle_testimon {width: 80%;margin: auto;}
.big_quot{ font-size: 60px;font-weight: bold;color: white;text-align: left;line-height: 0;padding-top: 12px;}

.testimony_partners{font-size: 81px;color: #fff;line-height: 0.45;text-align: left;margin-left: 5vw;padding-bottom: 0;}

.partners_z{font-weight: bold;font-size: 52px;letter-spacing: -7px;line-height: 0;text-align: left;}

.stop_invert {filter: invert(0);}
.zero_letter{letter-spacing: 0px;}
.fixed-header> a> .logo1 {max-width: 170px;height: auto;}

.K_center_text{text-align: center;}

.pl10{padding-left: 10vw;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt40{padding-top: 40px;}
.pt70{padding-top: 70px;}
.pb0{padding-bottom: 0px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb50{padding-bottom: 50px;}
.pb100{padding-bottom: 100px;}
.w40{width: 40%;}
.width50{width: 50%;}
.w60{width: 60%;}
.w80{width:80%;}
.w90{width:90%;}
.width100{width:100%;}
.ma{margin: auto;}
.mh40{max-height: 40vh;}
.align_rigth{text-align: right;padding-right: 10px;}
.align_left{text-align: left;}
.wise_right{text-align: right;}
.wise_black{color: #000000 !important;}
.line8{line-height: .8;}

.sidebar {position: fixed;width: 40%;height: 100vh;background-color: #dd772a;font-size: 0.65em;z-index: 999;left:-40%;
    
 -webkit-transition: all 1s ease;
  -moz-transition:all 1s ease;
  -khtml-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;

}
.wise_sidebar {position: fixed;width: 40%;height: 100vh;background-color: #9d2890;font-size: 0.65em;z-index: 999;right:-40%;
    
 -webkit-transition: all 1s ease;
  -moz-transition:all 1s ease;
  -khtml-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;

}
#bpmenu:checked ~.sidebar{left: 0%;}
#bpmenu:checked ~.wise_sidebar{right: 0%;}


#bpmenu:checked ~.max_w> .fixed-header> .Menu:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 33px;
  left: 15px;
    top:22px;
}
#bpmenu:checked ~.max_w> .fixed-header> .Menu:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -khtml-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 15px;
  width: 33px;
  left: 14px;
}

#bpmenu:checked ~.max_w> .fixed-header> .wise_menu:before, #bpmenu:checked ~.max_w> .fixed-header> .wise_menu:after{background: #ffffff;}

#bpmenu:checked ~.fixed-header{background: transparent;box-shadow: none;}

.nav {position: relative;margin: 0 15%;text-align: right;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-weight: bold;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;justify-content: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;
}

.nav ul {
  list-style: none;
}
.nav ul li {
  position: relative;
  margin: 3.2em 0;
}
.nav ul li a {
  line-height: 5em;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.35);
  display: block;
  transition: all ease-out 300ms;
  -webkit-transition: all ease-out 300ms;
  -moz-transition: all ease-out 300ms;
  -o-transition: all ease-out 300ms;
  font-size: 11px;
}
.nav ul li.active a {
  color: white;
}
.nav ul li:not(.active)::after {
  opacity: 0.2;
}
.nav ul li:not(.active):hover a {
  color: rgba(255, 255, 255, 0.75);
}
.nav ul li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.1em;
  background: #ffffff;
  left: 0;
  bottom: 0;
}

.go_font{font-family: 'Damion', cursive;font-weight: lighter;letter-spacing: -1px;}
 .firefly_font{font-family: 'Crimson Text', serif;letter-spacing: -5px;font-style: italic; font-weight: lighter;}
.wise_inquiry{width: 90%;}

.barefoot_m_back {
    width: 100%;display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;align-items: flex-end;-webkit-align-items: flex-end;height: 100%; padding: 50px;position: relative;}



.wise_color_purple{background: #ead1e7;}

.white_background{background-color: #ffffff;}

.gray_background{background-color: #f7f7f7;}

.two_person {display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;width: 50%;}

.person {max-width: 48%;}

.wise_two_person {display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;width: 100%; justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;}

.wise_person {max-width: 23%;margin: 0 1%; filter: grayscale(1);}

.wise_board_person {max-width: 18%;margin: 0 1%; filter: grayscale(1);}

.back_z{background-position:bottom right; background-repeat:no-repeat; background-image: url(imgs/barefoot-process.png);background-size: contain;background-attachment: fixed;
}
.back_z_mod{background-position:0 0; background-repeat:repeat-x; animation:bpanimate 15s linear infinite alternate;background-image: url(imgs/barefoot-process.png);background-size: cover;background-attachment: fixed;
}

 @keyframes bpanimate { 
     from {background-position:0% 0;}
     to {background-position:100% 0;}
}


.combo_tel{display: flex;display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;flex-flow: row nowrap;-webkit-flex-flow: row nowrap;-moz-flex-flow: row nowrap;width: 100%;justify-content: flex-end;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;}

.combo_tel> a {font-size: 14px;color: white;}

.wise_width_logo{width:50%; margin: auto;}


    .about_ph {width: 90%;margin: auto;}

html.fp-enabled, .fp-enabled body{overflow-x:hidden !important;}

.f7_color{background-color: #f7f7f7;}

.max_w{max-width:1600px; margin:0 auto;}
.w_other_details {padding: 40px 8% 0px;}
.whitesmoke_wise{background-color: #f3e6f2;}
.news_heading{text-align: right;margin-top: 0px;}
.news_details{ font-size: 14px;text-align: right;color:#000000;}
.max_ht_bp{min-height:100vh;}


@media only screen and (min-width: 767px) {
    .mobile_copyright{display: none !important;}
}


@media (min-width: 768px) and (max-width: 991px) { 

    .p_name {font-size: 85px;}
    .a-b_story {font-size: 13px;}
    .barefoot_large {font-size: 85px;}
    .barefoot_small{font-size: 47px;}
    .home_p_description {font-size: 31px;}
    .p_subtitle {font-size: 27px;}
    .cata_barefoot {font-size: 65px;}
    .p_description {font-size: 25px;}
    .lifestyle_title {font-size: 65px;}
    .our_story{font-size: 75px;}
    .lg_info{font-size: 75px;}
    .wise_inquiry{width:94%;}
    .sidebar {left: -100%;width: 100%;}
    
    .wise_width_logo{width:65%;}
    
}



@media only screen and (max-width:767px) {
    html.fp-enabled, .fp-enabled body{overflow-x:hidden !important;}
    
    .barefoot_product{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;}
    .glo {width: 100%;}
    .Product_img {right: 0;width: 100%;}
    .product_title {width: 90%;padding-bottom: 50px;}
    .p_subtitle {font-size: 20px;text-align: center;}
    .p_name {font-size: 70px;line-height: 0.8;text-align: center;}
    .firefly:before {min-height: 130px;}
    .barefoot_large {font-size: 65px;text-align: center;}
    .barefoot_small {font-size: 43px;padding-bottom: 3px;text-align: center;}
    .a-b_story {font-size: 13px;text-align: justify;}
    .home_p_description {font-size: 25px;text-align: center;}
    .hidden_mobile{display: none;}
    .catalogue_title, .catalogue_pdf {width: 100% !important;}
    .cataogue_img {max-height: 50vh;}
    .cata_barefoot {font-size: 54px;line-height: .76;letter-spacing: -5px;padding-bottom: 6px;}
    .w90{margin: auto;}

    .white-font {font-size: 29px;letter-spacing: -2px;}
    .solar_description {width: 100%;}
    .solar_products{width: 100%; padding-top: 10px;}
    .p_description {font-size: 25px;}
    .lg_info {font-size: 70px;}
    table {width: 96%;}
    
    .sidebar {left: -100%;width: 100%;}
    .wise_sidebar {right: -100%;width: 100%;}
    .accessories_product {flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;}
    .accessories_product> .w40 {width: 100%;}
    .accessories_info {width: 100%;}
    .accessories_title {font-size: 25px;}
    p.accessories_story {font-size: 12px;}
    h3.sm_lifestyle {font-size: 25px;}
    h1.lifestyle_title {font-size: 40px;}
    h1.lifestyle_title> br {content: '';}
    h1.lifestyle_title> br:after {content: ' ';}
    .bp_mgt {display: inline-block;}
    .person {min-width: 100%;}
    
    
    .wise_person {max-width: 32%; margin: 0 .5%;}
    .wise_board_person {max-width: 32%; margin: 0 .5%;}
    .wise_width_logo{width:80%; }
    
    
    .locations_bp {width: 100%;padding: 80px 0 40px;}
    .mobile_center {text-align: center;}
    .barefoot_inquiry {width: 100%;}
    .inquirys_form {width: 90%;}
    .Wise_section_title {font-size: 18px; margin: 8px auto;}
    .wise_section {width: 98%;flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;}
    .partners_section {width: 98%;flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;padding-bottom:5px;}
    .wise_title {width: 100%;}
    .wise_column_reverse{flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;}
    .wise_caption {font-size: 13px;color: #767676;padding: 15px 10px;line-height: 1.5;text-align: justify;letter-spacing: 0px;}
    .wise_contacts_white{background: white;padding: 25px 0;margin-top: 23px;}
    .z_top{z-index: 99;}
    .logo1{left: -25%}
    .scroll_for_more, .logo2{display: none;}
    .show_social{display: block;}
    .Menu{left: 10px;}
    .minw179 {min-width: 17px;}
    
    .mobile_copyright {color: #ffffff;background: transparent;font-size: 14px;letter-spacing: -1px;padding: 15px 0;}
    
    .wise_black {color: #000000;}
    
    .fixed-footer{display: none !important;}
    
    .barefoot_m_back {padding: 0px;align-items: center;-webkit-align-items: center;}
    .combo_tel{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;}
    
    .wise_f.fixed-header{width:94%; padding:0 4%;}
    
    .nav{padding: 97px 7% 20px;margin: 0;}
    
    .nav ul li a {line-height: 3em;text-align: left;}
    
    .glo:after{content: none;}
    
    
    .light_blue_back{box-shadow: none;border-radius: 0px;}
    .K_center_text{text-align: center;}
    
    .about_ph {width: 90%;margin: auto;}
    
    .back_z{ background-image: url(imgs/barefoot-bb-p.png);background-attachment: scroll;}
    
    .a_t_t{padding-top: 70px;}
    .a_t_b{padding-bottom: 0px;}
    
    .wise_f.fixed-header> a> .logo1 {left: -14%;}
    
    .success_inquiy{padding: 50px 0px;justify-content: flex-start;-moz-justify-content: flex-start;-webkit-justify-content: flex-start;-ms-justify-content: flex-start;min-height: 40vh;}
    
    .success_inquiy> .p_description{font-size: 19px;}
    .news_heading{text-align: center;}
    .news_details{ text-align: center;}
    
        
       
}

@media only screen and (max-width:620px) {
.wise_person {max-width: 40%;}
    .wise_board_person {max-width: 40%;}
    .p_name{font-size: 45px; letter-spacing: -4px;}
    .home_p_description {font-size: 20px;}
    .barefoot_large {font-size: 45px; letter-spacing: -4px;}
    .barefoot_small {font-size: 33px; letter-spacing: -2px;}
    .partners_z {font-size: 35px;letter-spacing: -3px;}
    .fixed-header> a> .logo1 {max-width: 90px;top: 30px;}
    .font70{font-size:54px; }
    .sm_black {font-size: 11px;text-align:justify;}
    
    .down_arrow{display: none;}
    
    
}