@charset "UTF-8";
/* CSS Document */

/*  Reset CSS v2.0 - http://cssreset.com */
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*/






img{ display:block;}
a {
  outline: none;
  outline: 0 !important;
}
body {
  font-family: 'museo-slab', Arial, sans-serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-size: 16px;
 /* overflow: auto;*/
 /* -webkit-perspective: 1px;
          perspective: 1px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;*/
}
body, body * {
  /*-webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;*/
}
.ui-datepicker .ui-datepicker-title select {
   font-family: 'museo-slab', Arial, sans-serif !important;
}

h3 {
  line-height: 1.9 !important;
}

#homepage {
  height: 100vh;
}

.jquery-modal {
      background: rgba(0, 0, 0, 0.5) !important;
}
#simplemodal-login-form {
  background-color: #F9F9F9;
      color: #444 !important;
  padding: 20px;
      width: 300px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;

  
}
#loginform .title {
text-align: center !important;
    font-family: 'futura-pt', Arial, sans-serif !important;
    font-size: 40px !important;
    color: #949494 !important;
    font-weight: 700;
}
.close-modal, .simplemodal-close {
  display: none !important;
}
.submit input{
  font-family: 'futura-pt', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 27px;
    text-transform: uppercase;
    color: #AEAEAE !important;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
}
.img-feat {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ninja-forms-req-symbol {
  display: none;
}
#login input{
  width: 100% !important;
}
.signintitle h3{
    text-align: center !important;
    font-family: 'futura-pt', Arial, sans-serif !important;
    font-size: 40px !important;
    color: #949494 !important;
  }
#login a {
      font-family: 'museo-slab', Arial, sans-serif !important;
    font-size: 18px !important;
    color: #AEAEAE !important;
    font-weight: 100 !important;
}
#nf_submit_9 input {
    font-family: 'futura-pt', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 27px;
    text-transform: uppercase;
    background-color: transparent !important;
    color: #AEAEAE !important;
    border: none !important;
    box-shadow: none !important;
    float: right !important;
    background-color: #EDEDED !important;
}

#login .progressbar {
  display: none;
}
#login #ninja_forms_form_9_mp_nav_wrap {
  display: none;
}
.greenbtn, .single-product div.product form.cart .button, #ninja_forms_field_113 {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  text-align: center;
  text-transform: uppercase;
  color: #FFF !important;
  background-color: #53D38D;
  padding: 8px 20px;
  font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 500 !important;
  border: 1px solid transparent !important;
}
.top_banner_message a, .longgreenbutton, .menutopaccount li a, .btmanagecampaign {
  border: 1px solid transparent !important;
}
#ninja_forms_field_113:hover, .greenbtn:hover, .single-product div.product form.cart .button:hover, .top_banner_message a:hover, .longgreenbutton:hover, .menutopaccount li a:hover, .btmanagecampaign:hover {
 background-color: #FFF !important;
 color: #53D38D !important;
 border: 1px solid #53D38D !important;
 } 
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto; 
   max-width: initial;
}
.fullWidthMargin {
       margin: 0 9% !important;
 } 
 .creditssite {
 position: absolute;
   /* left: 27px;
        top: 83px;*/
        white-space: nowrap;
        color: #FFF;
        font-size: 12px;
            margin-top: 13px;
    font-weight: 700;
    font-family: 'futura-pt', Arial, sans-serif !important;
 }
 .creditssite a {
  /*color: #FFF;*/
  font-size: 12px;
}
.welcome {
  width: 100%;
/*  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;*/
  /* background-attachment:scroll;*/
 /*  background-attachment: fixed;*/
  
 position: absolute;
  top: 0px;
 
 height: 100vh;
/*  -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
transform: translateZ(0);
-webkit-transform: translateZ(0);*/
/*height: 690px;*/
 /* border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-top-left-radius: 25px;
  -moz-border-top-right-radius: 25px;*/
}
.img_welcome {
/*  background-repeat: no-repeat;
  background-size: cover;
   background position:left top;
    background-attachment: scroll;
    width: 100%;
    height: 100%;*/
}
.contentwelcome, .page-message {
  position: absolute;
    top: 0px;
    width: 100%;
}
.img_welcome {
  position: absolute;
  top:0;
} 
.img_welcome img {
 position:relative;
 width: 100%;
}
.parallax-window {
    min-height: 100%;
    background: transparent;
}
.parallax-banner {
    min-height: 200px;
    background: transparent;
}
.welcome h1 {
  color: #FFFFFF;
  font-size: 91px;
  text-align: center;
  text-transform: uppercase;
  margin-top:15%;
  font-weight: 700;
 font-family: 'futura-pt', Arial, sans-serif !important;
 position: relative;
}
.welcome p {
  color: #FFFFFF;
  font-size: 27px;
  text-align: center;
     margin-top: 20px;
    margin-bottom: 56px;
  position: relative;
}   
.blackoverlay {
  position: absolute;
  top:0px;
  left:0px;
  right: 0px;
  bottom: 0px;
  background-color: #000000;
  opacity: 0.2;
}
.top_page {
width: 100%;
 /*background-attachment:scroll;*/

 /* background-repeat: no-repeat;
  background-size: cover;
   background position:left top;*/
  position: absolute;
    top: 0px;
    display: block;
    height: 450px;
/*-webkit-transform: translateZ(-1px);
    -moz-transform: translateZ(-1px);
    -ms-transform: translateZ(-1px);
    -o-transform: translateZ(-1px);
    transform: translateZ(-1px);*/
/*position: absolute;
    top: -20%;
    left: 0;
    width: 100%;
     height: 450px;
    padding-top: 20%;
    background-size: cover;
    -webkit-transform: translateZ(-0.9px) scale(1.9);
    -moz-transform: translateZ(-0.9px) scale(1.9);
    -ms-transform: translateZ(-0.9px) scale(1.9);
    -o-transform: translateZ(-0.9px) scale(1.9);
    transform: translateZ(-0.9px) scale(1.9);
    z-index: -900;
    text-align: center;*/



  /*   border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-top-left-radius: 25px;
  -moz-border-top-right-radius: 25px;*/
}
.top_page h1 {
  color: #FFFFFF;
  position: relative;
  font-size: 91px;
  text-align: center;
  text-transform: uppercase;
  margin-top:10%;
  font-weight: 700;
 font-family: 'futura-pt', Arial, sans-serif !important;
}
.top_page p {
  color: #FFFFFF;
  position: relative;
  font-size: 27px;
  text-align: center;
     margin-top: 20px;
    margin-bottom: 56px;

}  
.front-header {
  /*height: 490px;*/
}
.page-header {
  height: 450px;
}
.header {
  width: 100%;
  position: absolute;
  top:0px;
  /*position: relative;*/
  
  z-index: 10;
}
.logo {
  padding-top: 20px;
  margin-left: 8.3%;
  display: inline-block;
  position: relative;
  z-index: 110;
}
.logo svg {
  width:185px;
 } 
.account_menu {
  float: right;
  padding-top: 38px;
  display: inline-block;
  margin-right: 3%;
  z-index: 100;
    position: relative;
}
.account_menu ul {
  list-style: none;
}
.account_menu ul li {
   font-size: 18px;
   color: #FFFFFF;
   display: inline-block;
}
.account_menu ul li.login:before {
   content:"";
   background-image: url('../images/login-icon.png');
  background-repeat: no-repeat;
    padding-left: 30px;
}
.account_menu ul li.myaccount:before {
   content:"";
   background-image: url('../images/dyd-account-icon.png');
  background-repeat: no-repeat;
     background-size: 100%;
    padding-left: 25px;
    margin-right: 10px;
}
.account_menu li a {
  font-family: 'museo-slab', Arial, sans-serif !important;
   font-size: 18px;
   color: #FFFFFF;
} 
.account_menu li a:hover {
  color: #FFCF00;
 } 
 #menu-main-menu {
  margin-left: 0px;
  list-style: none;
 }
.main_nav {
  /*display: inline-block;
  margin-left: 1.5%;
  vertical-align: top;
  padding-top: 38px;
  z-index: 100;
    position: relative;*/

    position: absolute;
    width: 100%;
    top: 38px;
    margin: 0px auto auto;
    text-align: center;
    /* margin-left: 1.5%; */
    vertical-align: top;
    /* padding-top: 38px; */
    z-index: 100;
    /* position: relative; */
}
.main_nav li {
   font-size: 18px;
   color: #FFFFFF;
   margin-right: 50px;
   display: inline-block;
}
.main_nav li.last {
 margin-right: 0px;
 } 
.main_nav li a {
  font-family: 'museo-slab', Arial, sans-serif !important;
   font-size: 18px;
   color: #FFFFFF;
} 
.main_nav li a:hover, .main_nav li.current_page_item a{
 color:#FFCF00;
}
.boxgetstarted {
  text-align: center;
}
.boxgetstarted span {
  display: inline-block;
}
.boxgetstarted a {
    color: #53D38D;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 10px;
   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  text-transform: uppercase;
  font-size: 25px !important;
  background-color: #FFFFFF;
  margin-bottom: 50px;
   font-family: 'futura-pt', Arial, sans-serif !important;
}
.top_banner_message a {

}
a.getstarted {
  color: #53D38D;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  font-size: 25px !important;
  background-color: #FFFFFF;
  margin-bottom: 50px;
   font-family: 'futura-pt', Arial, sans-serif !important;
}
a.getstarted:hover {
  color: #FFF !important;
   background-color: #53D38D !important;

}


#banner {
    -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
  cursor: pointer;
 /* margin-bottom: 50px;*/
  overflow: hidden;
  width: 100%;
  height: 200px;
  position: relative;
  clear: both;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
 /* background: transparent url('../images/dyd-long-cta-prlx-bg.jpg') center center no-repeat fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/image/1.jpg',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/image/1.jpg',sizingMethod='scale')";
}
.hoverbanner {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #000;
   -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
#banner:hover .hoverbanner{
   opacity: 0.3;
    -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
} 
.deletecampaign, .deletecampaign:hover {
  background-color: #FF0000;
}
.wrap-center{
  margin: 0 auto;
  position: relative;
  max-width: 73.231em;
}
.banner-centered.aboutpage {
   margin-top: 0px;
}
.banner-centered {
  text-align: center;
 /* position: absolute;*/
  display: block;
 /* max-width: 75.231em;*/
     width: 100%;
    margin-top: -200px;

   /* margin-top: -10px;*/
  height: inherit;
  overflow: hidden;
 /* margin-top: 100px;*/
}

.banner-centered h2 {
color: #FFF;
  font-size: 60px;
  padding-top: 5%;
   font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 700;
  display: block;
}

/* FRONT PAGE CONTENT */
.yellow-banner {
  background-color: #FFCF00;
  text-align: center;
      padding-top: 10px;
    padding-bottom: 30px;

  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 999;
}
.yellow-banner p {
  font-size: 38px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.yellow-banner p span{
  color: #53D38D;

}

.frontsquareslider{
    position: relative;
    width: 50%;
    overflow: hidden;
    background: #53D38D;
    float: left;
}
.frontsquareslider:before{
    content: "";
    display: block;
    padding-top: 80%;
}
.frontsquareslider-content{
    position:  absolute;
    top: 20%;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.frontsquareslider-content div.contentbxslider {
   display: table;
   width: 100%;
   height: 100%;
}
.frontsquareslider-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}
.frontsquareslider-content span h3 {
  font-size: 40px;
    color: #FFF;
    width: 60%;
    font-weight: 700;
    margin: 0px auto 25px;
    text-align: left;
     font-family: 'futura-pt', Arial, sans-serif !important;
}
.frontsquareslider-content span p {
    font-size: 27px;
    width: 60%;
       line-height: 1.3em;
    color: #FFF;
    text-align: left;
    margin: 0px auto auto;
}
.frontsquareslider.frontsquareimg {
  /*background-image: url('../images/dyd-kids-how-it-works.jpg');*/
  background-repeat: no-repeat;
  background-size: cover;
}

/* HOME PAGE MASONRY GRID */
figure {
  margin: 0;
    padding: 0;
 /*    float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;*/
}
.centered-element {
    width: 80% !important;
    margin: 0px auto auto;
}
.item-idea {
      width: 31%;
      border-radius: 15px;
    position: relative;
    float: left;
    overflow:hidden !important;
   margin-bottom: 2.3%;
       /* height: 387px;*/
}
.item-idea img {
   width:100%;
  display: block;
}
.item-idea:hover .hoveridea {
 opacity: 1;
   -webkit-transition: all 500ms ease-out ;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
 } 
.hoveridea {
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #54d38e;
  z-index: 1;
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.contenthoveridea {
  display: table;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-size: 18px;
  text-align: center;
}
.contenthoveridea p {
   display: table-cell;
  vertical-align: middle;
    color: #FFF;
  font-size: 18px;
  text-align: center;
  padding:0 20px;
}
.item{  
  position: relative;
  z-index: 2;
  overflow:hidden !important;
 }
.item img{  
  width:100%;
  display: block;
 } 

.grid-sizer {
   width:33.33%;
}
.example figure {
    width:33.33%;
    cursor: pointer;
}
.example figure:hover .box-content-fund{
       bottom: 8%;
       transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
}  
.example figure.item-standard {
 width:30%;
 border-radius: 15px;
  margin-bottom: 3.2%;
} 

.colorbox { 
  height: 90px;
}
.green .colorbox {
  background-color: #53D38D;
}
.yellow .colorbox {
  background-color: #FFCF00;
}
.namebox-idea {
  text-align: center;
  color: #53D38D;
  float: left;
  width: 100%;
  white-space: nowrap;
}
.namebox-idea p {
  color: #53D38D;
  padding-top: 20px;
    font-size: 20px;
}
.green .namebox, .green .namebox h4 {
  color: #53D38D;
}
.yellow .namebox, .yellow .namebox h4 {
  color: #FFCF00;
}
.box-content-fund {
   background-color: #FFFFFF;
    height: 90px;
    width: 88%;
    margin: 0px auto auto;
    position: absolute;
    bottom: 5%;
    left: 6%;
    padding-top: 10px;
     transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
}
.namebox {
  float: left;
  width: 65%;
  margin-left: 15px;
  white-space: nowrap;
}
.namebox h4{
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 700;
   font-family: 'futura-pt', Arial, sans-serif !important;
}
.namebox p {
  font-size: 14px;
  text-overflow: ellipsis;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
}
.moneybox {
  float: right;
    width: 22%;
    margin-right: 15px;
    text-align: right;
    color: #E1E1E1;
    font-size: 18px;
}
sup {
  vertical-align: top;
}
.moneybox span {
      font-size: 26px;
   /* margin-top: -9px;*/
   margin-top: 0px;
    float: right;
} 
.filteringcampaing {
  width: 100%;
  text-align: center;
   margin:65px auto 65px;
}
.filteringcampaing a {
  font-size: 27px;
  text-align: center;
  display:inline-block;
  height: 70px;
  color: #53D38D;
  padding-top: 11px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
   font-family: 'futura-pt', Arial, sans-serif !important;
}
.btleft {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  border-top:1px solid #53D38D;
  border-bottom:1px solid #53D38D;
  border-left:1px solid #53D38D;
      width: 20%;
    margin-right: -2px;
}
.btright {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-top:1px solid #53D38D;
  border-bottom:1px solid #53D38D;
  border-right:1px solid #53D38D;
 /*background-color: #53D38D;
  color:#FFF !important;*/
      width: 20%;
    margin-left: -2px;
}
.activebth {
   background-color: #53D38D;
   color: #FFF !important;
}
.activebth a {
color: #FFF !important;
 } 
.buttonmore {
  text-align: center;
  margin-top: 90px;
  margin-bottom: 90px;
}
.donatetodaybanner {
  background-image: url('../images/dyd-long-cta-prlx-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 195px;
  text-align: center;
  background-position: center -100px;
}
.charitybanner {
  background-image: url('../images/dyd-long-girlsmile-prlx-bg.jpg') !important;
}
.donatetodaybanner h2{
  color: #FFF;
  font-size: 60px;
  padding-top: 5%;
   font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 500;
}
/* UPPER FOOTER SOCIAL */
.footersocial {
  text-align: center;
  color: #53D38D;
  margin-top: 90px;
  margin-bottom: 140px;
}
.footersocial h3{
  font-size: 40px;
  color: #53D38D;
  margin-bottom: 50px;
}
.socialmedia a {
   width: 100px;
    display: inline-block;
    height: 100px;
    font-size: 50px;
    padding-top: 15px;
    margin-right: 45px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #53D38D;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
}

.woocommerce-shipping-fields h3 {
  display: none;
}
.socialmedia a:hover {
transform: scale(1.1);
 transition: all .5s ease-in-out;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 } 
.socialmedia a.last {
  margin-right: 0px;
} 
/* FOOTER */
.footer {
  position: relative;
 /* border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -moz-border-bottom-left-radius: 25px;
  -moz-border-bottom-right-radius: 25px;*/
background-color: #53D38D;
height: 100px;
}
.logofooter {
      position: absolute;
    bottom: 60px;
    margin-left: 10%;
}
  .logofooter img{
    width: 120px;
  } 
.footer p {
  color: #FFF;
  font-size:12px;
  float:right;
  padding-top: 46px;
  margin-right: 10%;
   /*font-family: 'futura-pt', Arial, sans-serif !important;*/
/*  font-weight: 700;*/
} 
.footer p a{
  position: relative;
 } 
.footer p img{
    display: inline-block;
    width: 80px;
 }   
  .logomob {
    display: none;
  }
  .logodesk {
    display: block;
  }
  .footer-menu {
    width: 100%;
    position: absolute;
    margin: 45px auto auto;
    text-align: center;
  }
  .footer-menu ul {
    text-align: center;

  }
  .footer-menu ul li {
    display: inline-block;
    margin-right: 15px;
  }
  .footer-menu ul li a{
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    /* font-family: 'futura-pt', Arial, sans-serif !important;*/
  }
.menu {
  display: none;
    width: 100%;
    background-color: #FFF;
    margin-left: 0px;
    /* height: 100%; */
    top: 80px;
    position: absolute;
}
.menu li {
  text-align: center;
    font-size: 25px;
    color: #000000;
    border-bottom: 1px solid #CCC;
}
.menu  li a {
    color: #000000 !important;
    font-weight: 500;
} 

/* PAGES */
.top_about {
  text-align: center;
  margin-top: 80px;
}
.top_about  p {
  color: #FFF;
  font-size: 27px;
  line-height: 35px;
      margin-bottom: 80px;
}
.top_about .sep {
  border-top: 1px solid #FFF;
    display: block;
    /* padding-top: 30px; */
    width: 50%;
    /* height: 50px; */
    margin: 0px auto auto;
}
.contentabout {
  text-align: center;
  margin-top: 80px;
  padding-bottom: 80px;
}
.top_banner_message {
  text-align: center;
  margin-top: 80px;

}
.top_banner_message.charity {
  margin-bottom: 70px;
}
.top_banner_message.charity p {
  font-size: 18px;
}
.top_banner_message p {
  color: #949494;
  font-size: 27px;
  line-height: 35px;
}
.greenbt, .top_banner_message a {
  display: inline-block;
  font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
  font-size: 27px;
  padding: 5px 35px;
  background-color: #53D38D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
}
.greenbt:hover, .top_banner_message a:hover {
color: #FFF;
 } 
.top_banner_message .sep {
  border-top: 1px solid #959595;
    display: block;
    /* padding-top: 30px; */
    width: 50%;
    /* height: 50px; */
    margin: 0px auto auto;
}
.whitebackground {
    background-color: #FFF !important;
 } 
 .bottom50 {
  margin-bottom: 50px;
 }
 .greybackground {
    background-color: #efefef !important;
 } 
.greenbackground {
  background-color: #53D38D !important;
  color: #FFF !important;
}
.yellowbackground {
  background-color: #ffca00 !important;
  color: #FFF !important;
}
.yellowbackground .top_banner_message {
   margin-top: 50px;
    margin-bottom: 50px;
}
   
.yellowbackground .top_banner_message p {
  color: #FFF;
  font-size: 27px;
  line-height: 35px;
}
.greenbackground h3, .greenbackground p{
  color: #FFF !important;
}

 .charity-container {
       width: 100%;
    margin: 70px auto 110px;
    text-align: Center;
 }
 .fullbox-charity {
  width: 100%;
  background-color: #EFEFEF;
  float: left;
 }

 .midbox-charity {
  width: 50%;
  position: relative;
  padding-bottom: 35%;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
 }
.midbox-charity-content {
     position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
  }
  .midbox-charity-content div.tablecell {
    display: table;
      width: 80%;
    margin: 0px auto auto;
    height: 100%;
    text-align: center;
   } 
  .content-charity {
    text-align: left;
     vertical-align: middle;
     display: table-cell;
  }
  .content-charity h3 {
    color: #949494;
    font-size: 40px;
    font-weight: 700;
     font-family: 'futura-pt', Arial, sans-serif !important;
     text-align: left;
  }
  .content-charity p {
    color: #949494;
    font-size: 18px;
    margin-bottom: 50px;
  }

.longgreenbutton {
  display: inline-block;
  font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
  font-size: 18px;
  padding: 5px 35px;
  background-color: #53D38D;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
}
.longgreenbutton:hover {
color: #FFF;
 } 
/* POP UP STYLE */
.ninja-forms-cont .meter {
    height: 10px !important;
    position: absolute !important;
    bottom: 60px !important;
    z-index: 99 !important;
    width: 100% !important;
    background: #FFFFFF !important;
    border-radius: 0px !important;
    left: 0px;
 }
 .ninja-forms-cont .meter > span {
    display: block;
    height: 100%;
    border-radius: 0px !important;
    background-color: #FFCA00 !important;
    position: relative;
    overflow: hidden;
}
 .ninja-forms-mp-page-title {
   text-align: center !important;
   font-family: 'futura-pt', Arial, sans-serif !important;
   font-size: 40px !important;
   color: #949494 !important;
   font-weight: 700 !important;
 }
 .ninja-forms-mp-nav-wrap {
  background-color: #EDEDED !important;
  height: 61px !important;
  -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
/*position: absolute !important;*/
bottom: 0px !important;
width: 100% !important;
 }
 .ninja-forms-form-wrap {
  overflow: hidden !important;
  position: relative;
 }
 .ninja-forms-all-fields-wrap {
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
 /* height: 434px !important;*/
  /*padding: 20px !important;*/
 }
 .nf-modal-content {
  padding: 0 !important;
  height: auto !important;
 }
 .nf-modal {
  background:none !important;
  box-shadow: none !important;
  width: 460px !important;
 }
 .ninja-forms-mp-prev {
   font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 700 !important;
    font-size: 27px;
    text-transform: uppercase;
    background-color: transparent !important;
    color: #AEAEAE !important;
    border: none !important;
     box-shadow: none !important;
 }
 .ninja-forms-mp-next {
   font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 700 !important;
    font-size: 27px;
    text-transform: uppercase;
    background-color: transparent !important;
    color: #AEAEAE !important;
    border: none !important;
      box-shadow: none !important;
      float:right !important;
 }
 .ninja-forms-all-fields-wrap input,  .ninja-forms-all-fields-wrap textarea, label {
   font-family: 'museo-slab', Arial, sans-serif !important;
   font-size: 18px !important;
   color: #000 !important;
   font-weight: 100 !important; 
    box-shadow: none !important;
    border-color:#AEAEAE !important;
    box-shadow: none !important;
 }
 #nf_submit_21 {
      position: absolute !important; 
    right: 25px !important;  
    bottom: 15px !important; 
 }
  #nf_submit_21 input {
 font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 700 !important;
    font-size: 27px !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    color: #AEAEAE !important;
    border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
   } 
    #nf_submit_21 input:focus {
      outline: 0 !important;
   }  
   .nf-desc {
    display: none; 
   }
   .ninja-forms-mp-page p {
     font-family: 'museo-slab', Arial, sans-serif !important;
   font-size: 18px !important;
   color: #AEAEAE !important;
   font-weight: 100 !important; 
   }
   .ninja-forms-required-items {
    display: none !important;
   }
.simplemodal-login-fields p.submit {
   display: block !important;
}
/* MY ACCOUNT SECTION */
.col-menu-account {
  background-color: #EDEDED;
  padding-top: 30px;
  min-height: 650px;
  -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
   padding-bottom: 50px;
} 
.col-content-account {
    background-color: #F9F9F9;
    padding: 30px;
    -webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
.pic-profile {
  position: relative;
}
.pic-profile img {
      text-align: center;
    display: block;
    width: 80%;
    margin: 0px auto auto;
     border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.menutopaccount ul {
  list-style: none;

  margin-left: 0px;
  padding-left: 0px;
  text-align: center;
}
.menutopaccount li a {
  display: inline-block;
    font-weight: 500;
    color: #FFF;
    font-size: 18px;
    padding: 5px 35px;
    background-color: #53D38D;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    width: 80%;
    margin-top: 11px;
}
.menubottomaccount ul {
  list-style: none;
      /*margin-top: 300px;*/
  margin-left: 0px;
  padding-left: 0px;
  text-align: center;
}
.menubottomaccount li a {
  display: inline-block;
    font-weight: 500;
    color: #FFF;
    font-size: 18px;
     font-family: 'futura-pt', Arial, sans-serif !important;
    text-transform: uppercase;
    padding: 5px 35px;
    background-color: #FFCF00;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    width: 80%;
    margin-top: 11px;
}
.imagecampaingholder {
  height: 260px;
  position: relative;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.mydonationspage {
  margin-top: 300px;
}
.progressbar {
  position: absolute !important;
  bottom: 20px;
 width: 92%;
    left: 40px;
}
.progressbar span{
  background-color: #53D38D !important;
}
.moneyupdate {
      position: absolute;
    color: #FFF;
    font-size: 27px;
    font-weight: 700;
    bottom: 50px;
    right: 40px;
     font-family: 'futura-pt', Arial, sans-serif !important;
}
.meterbar { 
      height: 20px;  /* Can be anything */
      position: relative;
      margin: 60px 0 20px 0; /* Just for demo spacing */
      background: #555;
      -moz-border-radius: 25px;
      -webkit-border-radius: 25px;
      border-radius: 25px;
      padding: 10px;
      -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
      -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
      box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    }
    .meterbar > span {
      display: block;
      height: 100%;
         -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
             -moz-border-radius-topright: 8px;
          -moz-border-radius-bottomright: 8px;
                 border-top-right-radius: 8px;
              border-bottom-right-radius: 8px;
          -webkit-border-top-left-radius: 20px;
       -webkit-border-bottom-left-radius: 20px;
              -moz-border-radius-topleft: 20px;
           -moz-border-radius-bottomleft: 20px;
                  border-top-left-radius: 20px;
               border-bottom-left-radius: 20px;
      background-color: rgb(43,194,83);
      background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(43,194,83)),
        color-stop(1, rgb(84,240,84))
       );
      background-image: -moz-linear-gradient(
        center bottom,
        rgb(43,194,83) 37%,
        rgb(84,240,84) 69%
       );
      -webkit-box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
      -moz-box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
      box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
      position: relative;
      overflow: hidden;
    }
    .meterbar > span:after, .animate > span > span {
      content: "";
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
      background-image: 
         -webkit-gradient(linear, 0 0, 100% 100%, 
            color-stop(.25, rgba(255, 255, 255, .2)), 
            color-stop(.25, transparent), color-stop(.5, transparent), 
            color-stop(.5, rgba(255, 255, 255, .2)), 
            color-stop(.75, rgba(255, 255, 255, .2)), 
            color-stop(.75, transparent), to(transparent)
         );
      background-image: 
        -moz-linear-gradient(
          -45deg, 
            rgba(255, 255, 255, .2) 25%, 
            transparent 25%, 
            transparent 50%, 
            rgba(255, 255, 255, .2) 50%, 
            rgba(255, 255, 255, .2) 75%, 
            transparent 75%, 
            transparent
         );
      z-index: 1;
      -webkit-background-size: 50px 50px;
      -moz-background-size: 50px 50px;
      -webkit-animation: move 2s linear infinite;
         -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
             -moz-border-radius-topright: 8px;
          -moz-border-radius-bottomright: 8px;
                 border-top-right-radius: 8px;
              border-bottom-right-radius: 8px;
          -webkit-border-top-left-radius: 20px;
       -webkit-border-bottom-left-radius: 20px;
              -moz-border-radius-topleft: 20px;
           -moz-border-radius-bottomleft: 20px;
                  border-top-left-radius: 20px;
               border-bottom-left-radius: 20px;
      overflow: hidden;
    }
    
    .animate > span:after {
      display: none;
    }
    
    @-webkit-keyframes move {
        0% {
           background-position: 0 0;
        }
        100% {
           background-position: 50px 50px;
        }
    }
    
    .orange > span {
      background-color: #f1a165;
      background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
      background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
    }
    
    .red > span {
      background-color: #f0a3a3;
      background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
      background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
    }
    
    .nostripes > span > span, .nostripes > span:after {
      -webkit-animation: none;
      background-image: none;
    }
.contentpreviewcampaign {
  position: relative;
  margin-bottom: 50px;
  padding: 0px 40px;
}
.contentpreviewcampaign p {
  color: #949494;
}
.contentpreviewcampaign h2 {
color: #949494;
font-weight: 700;
    margin-top: 30px;
    margin-bottom: 25px;
     font-family: 'futura-pt', Arial, sans-serif !important;
 } 
.catcharity {
      position: absolute;
    right: 40px;
    top: 10px;
    font-size: 18px;
    color: #949494;
     font-family: 'futura-pt', Arial, sans-serif !important;
}
.catcharitysingle {
    font-size: 18px;
    display: block;
     
        padding-top: 5px;
    color: #949494;
     font-family: 'futura-pt', Arial, sans-serif !important;
}
.btmanagecampaign {
   display: inline-block;
    font-weight: 500;
     font-family: 'futura-pt', Arial, sans-serif !important;
    color: #FFF;
    font-size: 18px;
    padding: 5px 35px;
    background-color: #53D38D;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    margin-top: 11px;
}
.dayleft {
  color: #FFF;
   font-family: 'futura-pt', Arial, sans-serif !important;
  font-size: 18px;
      position: absolute;
    top: 15px;
    font-weight: 700;
    right: 40px;
    text-align: center;
}
.clockleft {
  background-image: url('../images/clockleft.png');
  background-size: 100%;
  width: 45px;
      margin: 0px auto auto;
    background-repeat: no-repeat;
    height: 45px;

}
.wpua-edit-container h3 {
  display: none;
}
#wpua-add-button-existing, #wpua-add, #wpua-upload-button-existing {
  position: absolute;
    bottom: -10px;
    left: 11%;
        margin-bottom: 0px;
 
}
#wpua-upload-messages-existing {
  display: none;
}
#wpua-add-button-existing button, #wpua-add button, #wpua-upload-button-existing input{
 background-image: url('../images/editpic.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 33px !important;
    text-indent: -9999px;
    height: 34px;
    border: 0 !important;
    background-color: transparent;
    padding: 0 !important;
    margin: 0 iImportant;
 } 
 #submit, #wpua-upload-button-existing button {
      position: absolute;
    top: -9999px;
    left: -99999px;
 }
 .woocommerce-account, .page-template-page-editcampaign, .page-template-page-addcampaign, .page-template-page-mydonations {
   background-image: url('../images/profilebackground.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: top center;
   background-size: cover;
 }

 .woocommerce-account li.myaccount, .page-template-page-editcampaign li.myaccount, .page-template-page-addcampaign li.myaccount, .page-template-page-mydonations li.myaccount {
    display: none;
 } 

.woocommerce-account .top_page h1, .page-template-page-editcampaign .top_page h1, .page-template-page-addcampaign .top_page h1, .page-template-page-mydonations .top_page h1{
   text-transform: capitalize;

}  



.woocommerce-account .top_page, .page-template-page-editcampaign .top_page, .page-template-page-addcampaign .top_page, .page-template-page-mydonations .top_page {
   /* display: none;*/

 }



.woocommerce-account .blackoverlay, .page-template-page-editcampaign .blackoverlay, .page-template-page-addcampaign .blackoverlay, .page-template-page-mydonations .blackoverlay {
    display: none;
 }
.woocommerce-account .woocommerce, .page-template-page-editcampaign .woocommerce, .page-template-page-addcampaign .woocommerce, .page-template-page-mydonations .woocommerce { 
  margin-top: 300px;
}




 .woocommerce-account .page-header, .page-template-page-editcampaign .page-header, .page-template-page-addcampaign .page-header, .page-template-page-mydonations .page-header{
   height: auto;
       padding-bottom: 50px;
 }
  .woocommerce-account .footersocial, .page-template-page-editcampaign .footersocial, .page-template-page-addcampaign .footersocial, .page-template-page-mydonations .footersocial{
  display: none;
 }

.mainaccountcols {
  background-color: #F9F9F9;
  float: left;
  width: 100%;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 margin-bottom: 150px;
}
#login a {
  position: absolute;
    bottom: 10px;
    left: 20px;
}
#login .field-wrap.label-left .ninja-forms-field {
  margin-left: 0px;
}
.entry-content {
  margin-top: 50px;
}
ul.products li.product {
  width: 33.33% !important;
}
.box-content-fund .add_to_cart_button, .box-content-fund .product_type_simple {
  display: none;
}
.content-prod p, .content-prod h2  {
  color: #959595;
}
.content-prod h2 {
  font-weight: 700;
  display: inline-block;
     font-family: 'futura-pt', Arial, sans-serif !important;
}
.content-prod .nf-edit-post {
  display: none;
}
.pledge-box .quantity {
  display: none;
}
.single-product div.product form.cart {
  border-bottom: 0px;
}
table {
  border: 0 !important;
}
.single-product div.product form.cart .button {
 /* float: left !important;
      margin-top: 27px;
    margin-left: -25px;
        margin-bottom: 70px;*/
        margin-top: 3px;
}
.pledge-box {
  width: 49%;
  vertical-align: bottom;
 display: inline-block;
}
.single-product div.product form.cart .button {
  margin-right: 15px !important;
}
.share-prod-box {
 /* width: 50%;
   vertical-align: bottom;
  display: inline-block;*/
      width: 34%;
    float: right;
    vertical-align: bottom;
    display: inline-block;
}
.label {
 text-align: left;
}
.pledge-box input {
  width: 40%;
  margin-top: 4px;
}
.universecontributioninformation {
  display: none;
}
.pledge-box .pledgemaincontainer{
  display: none;
}
.single-product div.product form.cart {
  margin: 0 !important;
  padding: 0 !important;
}
.pledge-box button, .place-order input {
  display: inline-block;
  font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFF;
  font-size: 18px;
  padding: 5px 35px;
  background-color: #53D38D !important;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
  outline: none !important;
  box-shadow: none !important;
      margin-bottom: 0px;
}
.pledge-box button:hover, .place-order input:hover {
color: #FFF;
 } 
.woocommerce-message {
  display: none;
}
#order_review_heading, #order_review {
    border-color: #FFCF00 !important;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #53D38D !important;
}
.share-prod-box h3 {
font-family: 'futura-pt', Arial, sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
  color: #53D38D !important;
  float: left;
  font-weight: 700;
    display: block;
    margin-top: 6px;
    margin-right: 14px;
    font-size: 18px;
}
.share-prod-box .socialmedia a {
      width: 40px;
    display: inline-block;
    height: 40px;
    font-size: 18px;
    padding-top: 8px;
    margin-right: 0px;
}
.single-product div.product {
  overflow: visible !important;
}
.info-donation {
  position: absolute;
  top: -158px;
    left: 62%;
  z-index: 9;
}
.fundercircle {
    background-color: #FFCA00;
    position: absolute;
    width: 140px;
    height: 140px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
   text-align: center;
} 
.fundercircle h4 {
      color: #FFF;
    font-size: 22px;
    margin-top: 35px;
    white-space: nowrap;
}
.fundercircle h6 {
      color: #FFF;
    margin-top: -10px;
    font-size: 45px;
}
.percentage-donation {
  margin-left: 200px;
}
.pieContainer {
    height: 140px;
}
.pieBackground {
    background-color: #53D38D;
    position: absolute;
    width: 140px;
    height: 140px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
   /* -moz-box-shadow: -1px 1px 3px #000;
    -webkit-box-shadow: -1px 1px 3px #000;
    -o-box-shadow: -1px 1px 3px #000;
    box-shadow: -1px 1px 3px #000;*/
} 
.pieBackground .moneybox {
   float: none !important;
    width: 100%;
        margin-top: 30px;
    text-align: center !important;
    margin-right: 0px !important;
    color: #FFF !important;
       z-index: 99;
       font-size: 22px !important;
    position: relative; 
}
.pieBackground .moneybox span {
 margin-top: -15px !important;
    display: inline-block !important;
  font-size: 45px !important;
  float: none !important;
}
.pie {
    position: absolute;
    width: 140px;
    height: 140px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
      -webkit-transform-origin: center center;
    clip: rect(0px, 70px, 140px, 0px);
}
.hold {
    position: absolute;
    width: 140px;
    height: 140px;
     -webkit-transform-origin: center center;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    clip: rect(0px, 140px, 140px, 70px);
}
/*.hold.gt50 {
  clip:rect(auto, auto, auto, auto);

}*/
#pieSlice1 .pie {
    background-color: #81ddaa;
    -webkit-transform:rotate(30deg);
    -moz-transform:rotate(30deg);
    -o-transform:rotate(30deg);
    transform:rotate(30deg);
}


/* General styles for all menus */
.cbp-spmenu {
  background: #53D38D;
  position: fixed;
}

.cbp-spmenu h3 {
  color: #FFF;
  font-size: 1.9em;
  padding: 20px;
  margin: 0;
  font-weight: 300;
  background: #FFCF00;
}

.cbp-spmenu a {
  display: block;
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
}

.cbp-spmenu a:hover {
  background: #53D38D;
}

.cbp-spmenu a:active {
  background: #53D38D;
  color: #FFF;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 10;
}

.cbp-spmenu-vertical a {
  border-bottom: 1px solid #FFF;
  padding: 1em;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
  left: -240px;
}

.cbp-spmenu-right {
  right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}



/* Push classes applied to the body */

.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.cbp-spmenu-push-toright {
  left: 240px;
}

.cbp-spmenu-push-toleft {
  left: -240px;
}
.charity-container a {
  color: #949494 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.charity-container a:hover {
  color: #67d89a !important;
}
.intro-charity {
   text-align: center;
  font-size: 27px;
  color: #949494;
  margin-bottom: 65px;
}
.intro-charity p {
    font-size: 27px;
  color: #949494;
}
.cont-charitylist {
  width: 100%;
  text-align: center;
  margin: 0px auto auto;
}
.singleproductinputfieldcrowdfunding {
  display: inline-block !important;
  color: #949494 !important;
}
.pledge-box input {
   display: inline-block !important;
}
.column-charity {
  /*width: 33%;*/
  margin: 0px 25px;
  /*  text-align: left;*/
  display: inline-block;
  vertical-align: top;
  color: #949494;
}
.intro-contact {
  margin-top: 80px;
  text-align: center;
  font-size: 27px;
  color: #949494;
}
.intro-contact p{ 
  font-size: 27px;
  color: #949494;
      line-height: 40px;
      margin-bottom: 0px;
 } 
.intro-contact small {
 font-size: 14px;
     margin-top: 27px;
    display: block;
        margin-bottom: 35px
 } 
 .form-contact {
  margin-bottom: 100px;
 }
 .form-contact input,  .form-contact textarea {
  border:0;
  color: #a8a8a8;
  font-size: 18px;
      padding: 35px 25px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 }
  .form-contact input[type=submit] {
    text-transform: uppercase;
    color: #FFF;
    font-size: 27px;
        letter-spacing: 0.1em;
    text-align: center;
    font-weight: 700;
    padding: 14px 35px;
     font-family: 'futura-pt', Arial, sans-serif !important;
    background-color: #54d38e;
  }
  .submitcontact {
    text-align: center;
    width: 100%;
  }
.container-input {
  position: relative;
    z-index: 999;
}
.container-input span {
      width: 48.5%;
      float: left;
    }
.container-input span:last-child {
      width: 48%;
      float: right;
    }
.wpcf7-not-valid-tip {
  float: none !important;
  width: auto !important;
      margin-left: 10px;
    margin-top: 0px; 
    position: relative;
    top: -6px;
}
div.wpcf7-validation-errors {
  border:0;
}
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#ui-datepicker-div .ui-icon {
    text-indent: -90px !important;
}
.ninja-forms-form-wrap input {
  height: 45px;
}

#ninja_forms_form_21_response_msg {
  text-align: center;
padding-top: 10px;
}

#payment .payment_methods li label {
  width: 80% !important;
}
td.product-name, th.product-name, tr.cart-subtotal th, tr.order-total th {
  padding-left: 25px;
}
.outer {
  display: table;
     min-height: 500px;
  width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.bottom-prod-content {
    margin-top: 20px;
    float: left;
    width: 100%;

}
.cf_newcampaign_agree p {
  display: inline-block;
}
.top-prod {
   margin-bottom: 20px;
}
#payment .terms label {
  display: inline-block !important;
  width: 90%;
}
#privacy-collection-statement {
  display: none;
  text-align: left;
  padding-top: 10px;
  color: #959595;
}
.camptitle {
  font-size: 60px !important;
}
#my-new-field,.add_info_wccs {
  display: none;
}
.add_info_wccs h3 {
  display: none;
}
.formsearch{
 width: 250px;
 margin: 0px auto auto;
}
.search-submit
 {
  display: none !important;
}
.search-form {
  position: relative;
}
.search-field::-webkit-input-placeholder {
   color: #FFF !important;
}

.search-field:-moz-placeholder { /* Firefox 18- */
    color: #FFF !important;
}

.search-field::-moz-placeholder {  /* Firefox 19+ */
    color: #FFF !important;
}

.search-field:-ms-input-placeholder {  
    color: #FFF !important;
}
.search-field {
  background-color: transparent !important;
  border-left:0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  color: #FFF !important;
  padding-left: 25px !important;
  border-color: #FFF !important;
  font-size: 18px !important;
}
.iconsearch {
  color: #FFF;
  position: absolute;
  top:2px;
}
table thead, table tbody tr:nth-child(2n) td, table tbody tr td {
  background-color: #ededed;
}
table.single_product_contribution_table{
  background-color: #ededed;
  padding-left: 35px;
  padding-right: 35px;
}
table.single_product_contribution_table tr td {
  color: #949494 !important;
}
table.single_product_contribution_table tr th {
color: #949494 !important;
 font-family: 'futura-pt', Arial, sans-serif !important;
 font-weight: 700;
 } 
 .col-content-account h2 {
      color: #949494;
   font-weight: 700;
    font-family: 'futura-pt', Arial, sans-serif !important;
 }

@keyframes fadeInOut { /* flame pulses */
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

#visual {
  width: 100%;
  text-align: center;
  margin: 240px auto auto;
}

#visual .bottom {
    z-index: 3;
   position: relative;
   display: inline-block;
    text-align: center;
    margin:0px auto auto;
    width: 18px;
    height: 35px;
    overflow: hidden;
    margin: 0 0 0 -9px;
    text-indent: -9999px;
}


#visual .bottom span {
    display: block;
    width: 18px;
    height: 10px;
    text-indent: -9999px;
    overflow: hidden;
}

 #visual .bottom:before, #visual .bottom:after, #visual .bottom span:before {
    background: url('../images/bg-bottom.png') no-repeat;
    display: block;
    width: 18px;
    height: 10px;
    margin: 0;
    opacity: 0;
    -webkit-animation: fadeInOut 2s infinite;
    animation: fadeInOut 2s infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    content: '';
}

#visual .bottom span:before {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s;
}
#visual .bottom:after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}


/* SEB ADD DECEMBER 2016 */
#wpua-undo-existing, #wpua-thumbnail-existing, #wpua-images-existing span {
  display:none !important;
}
#wpua-preview img, #wpua-thumbnail img, #wpua-preview-existing img, #wpua-thumbnail-existing img {
  max-height: none !important;
  height: auto;
}  
#wpua-preview-existing {
  width: 100% !important;
}
#wpua-remove-existing {
  background-color: transparent !important;
    color: #000 !important;
    float: right !important;
}
p.submit {
  display: block !important;
}
#submit, #wpua-upload-button-existing button {
    position: relative !important;
    top: auto !important;
    left: auto!important;
}
.pic-profile .submit input {
  background: none !important;
  color: #000 !important;
  float:right;
      font-size: 16px;
  text-transform: none !important;
}
.single-product div.product p.stock.out-of-stock:before {
    content: "" !important;
}
/* MEDIA QUERIES **********************************************/

@media screen and (min-width: 768px) {
.single-product div.product .images {
    width: 33.5% !important;
    float: left;
    margin-right: 5.8823529412%;
    margin-bottom: 3.631em;
}
.col2-set .form-row-first {
  width: 48% !important;
  margin-right: 0px !important;
}
.col2-set .form-row-last {
  width: 48% !important;
}

}

@media screen and (max-width: 767px) {

  .item-idea,
  .example figure.item-standard{
    margin-bottom: 30px;
  }

}

@media screen and (min-width: 768px) {
.single-product div.product .summary {
    width: 60% !important;
    float: right;
    margin-right: 0;
    margin-bottom: 3.631em;
}
}


@media only screen and (max-width : 1430px) {
  .btleft, .btright {
    width: auto;
  }
} 

@media only screen and (max-width : 1225px) {
.main_nav li {
  margin-left: -35px;
}
.account_menu ul li {
  display: block;
}
}
@media only screen and (max-width : 1180px) {
.share-prod-box {
  width: 100%;
  margin-top: 25px;
}
.single-product div.product form.cart .button {
  margin-right: 0px !important;
}
}
@media only screen and (max-width : 1125px) {
/* STYLES GO HERE */
/*.main_nav li {
  margin-left: 30px
}*/
.single-product div.product form.cart .button {
  float: left !important;
    margin-bottom: 30px;
}
.yellow-banner p {
  font-size: 30px;
}
.frontsquareslider-content span h3 {
  font-size: 35px;
}
.frontsquareslider-content span p {
  font-size: 20px;
}
.filteringcampaing a {
  font-size: 19px;
  height: 53px;
}
.example .grid-sizer {
   width:50%;
}

.example figure.item-standard {
 width: 50%;

}
.example figure.item {
 width: 50%;

}
.example-ideas .grid-sizer {
   width:50%;
}
.example-ideas figure.item-standard {
 width: 50%;

}
.example-ideas figure.item-idea {
 width: 50%;

}

.box-content-fund {

}
  .main_nav, .account_menu {
    display: none;
  }
  .logomob {
    display: block;
  }
  .logodesk {
    display: none;
  }
  .top-bar .toggle-topbar {
    display: block !important;
  }
}
@media only screen and (max-width : 1024px) {
/*.main_nav li {
  margin-left: 10px;
}*/
.left {
  float: none !important;
}
.menubottomaccount ul {
  margin-top: 0px;
}
 .logo img {
    width: 70px;
  }
.logo {
  margin-left: 3.3%;
}
.single-product div.product {
      padding-left: 30px;
    padding-right: 30px;
}
.top_page h1 {
      margin-top: 14%;
}
.bx-wrapper .bx-pager {
   bottom:0px;
}
}
@media only screen and (max-width : 960px) {
.midbox-charity {
  width: 100%;
  padding-bottom: 20px;
      min-height: 200px;
}
.midbox-charity-content {
  position: relative;
  padding-top: 20px;
}
.top_banner_message {
  padding:0px 20px;
 } 
.footer {
  height: 300px;
}
.logofooter {
  text-align: center;
  width: auto;
      margin-left: -60px;
    left: 50%;
        top: -60px;
}
.footer-menu {
    text-align: center;
    top: 100px;
    position: relative;
}
.footer-menu ul {
  margin-left: 0px;
  padding-left: 0px;
}
.footer-menu ul li {
  margin-right: 0px;
  display: block;
}
.footer p {
  position: relative;
  padding-top: 0px;
  top: 105px;
 margin-right: 0px;
  text-align: center;
  float: none;
}
.bx-wrapper .bx-pager {
   bottom:-30px;
}
}
@media only screen and (max-width : 925px) {
  .main_nav, .account_menu {
    display: none;
  }
  .namebox h4 {
    font-size: 20px;
  }
  .namebox p {
   font-size: 14px;
    white-space: normal;
  }
  .moneybox {
    font-size: 13px;
  }
  .box-content-fund {
    bottom: 3%;
  }
  .logo {
    margin-left: 4%;
    width: 100px;
  }  
  .logomob {
    display: block;
  }
  .logodesk {
    display: none;
  }
}
@media only screen and (max-width : 820px) {
 .welcome h1 {
  font-size: 60px;
  margin-top: 25%;
  line-height: 70px;
 }
.welcome p {
  font-size: 18px;
}
 .top_page h1 {
  font-size: 60px;
  margin-top: 25%;
 }
.top_page p {
  font-size: 15px;
}
.frontsquareslider-content span h3 {
    font-size: 25px;
}
.donatetodaybanner h2 { 
     font-size: 28px;
 } 
 .top_about p, .contentabout p {
   padding: 0px 20px; 
 }
}
@media only screen and (max-width : 769px) {
.frontsquareslider {
  width: 100%;
}
.btmanagecampaign {
  margin-bottom: 30px;
}
.content-prod h2 {
  width: 100%;
}
.catcharitysingle {
  width: 100%;
  margin-bottom: 30px;
}
.container-input span, .container-input span:last-child {
      width: 100%;
      float: left;
    }
.bx-wrapper .bx-pager {
  padding-left: 8.5%;
}

.col-content-account {
  padding-top: 150px;
}

.frontsquareslider-content span h3 {
  font-size: 20px;
}
.frontsquareslider-content span p {
   font-size: 15px;
}
.yellow-banner p {
    width: 80%;
    margin: 0px auto auto;
 } 
/*.yellow-banner {
  padding-top: 25px;
}*/
/* .logofooter {
    width: 100px;
    margin-left: 5%;
 }   */
.camptitle {
  margin-top: 10% !important;
}
 .frontsquareslider-content span p, .frontsquareslider-content span h3 {
  width: 80%
 }
 .single-product div.product {
  padding:0px 20px;
 }
 .info-donation {
/*  left: 2%;*/
left: 50%;
    margin-left: -170px;
  /*  width: 100%;*/
 }
 .contentpreviewcampaign {
  padding-top: 50px;

}
.column-charity { 
  width: 100%;
}
.frontsquareslider:before {
  padding-top: 42%;
}
.welcome h1 {
  margin-top: 40%;
}
}

@media only screen and (max-width : 681px) {
.example-ideas .grid-sizer {
   width:100%;
}

.example-ideas figure.item-idea {
 width: 100%;

}
.grid-sizer {
   width:100%;
}
.example figure.item-standard {
 width:100%;

}
}  


@media only screen and (max-width : 468px) {




.frontsquareslider-content span h3 {
  margin-bottom: 10px;
}
.filteringcampaing a {
    font-size: 12px;
    height: 42px;
}
a.getstarted {
  font-size: 30px !important;
    font-weight: 700;
}
.namebox {
  width: 60% !important;
}
.banner-centered h2 {
  font-size: 35px;
}
/*.footer {

    height: 250px !important;
}
.logofooter {
    top: -50px !important;
   } */
/*.footer-menu {
    margin: 90px auto auto;
}*/
/*.footer-menu ul li {
  width: 100%;
  margin-right: 0px;
}*/
/*.footer p {
  margin-right: 15%;
  }*/
  .footersocial h3 {
    font-size: 25px;
}
.contentpreviewcampaign {
  padding-top: 50px;

}
.info-donation  {
     left: 50%;
    top: -130px;
    margin-left: -100px;

}
.percentage-donation {
  margin-left: 115px;
}
.pieContainer {
  height: 90px;
}
.fundercircle, .pieBackground {
  width: 90px;
    height: 90px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
}

.pie {
    position: absolute;
    width: 90px;
    height: 90px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
      -webkit-transform-origin: center center;
    clip: rect(0px, 45px, 90px, 0px);
}
.hold {
    position: absolute;
    width: 90px;
    height: 90px;
     -webkit-transform-origin: center center;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
    clip: rect(0px, 90px, 90px, 45px);
}


.fundercircle h4, .pieBackground .moneybox {
    font-size: 14px !important;
    margin-top: 21px;
   } 
.fundercircle h6 {
  font-size: 25px;
 }  
.pieBackground .moneybox span {
  font-size: 25px !important;
  margin-top: -5px !important;
 }
 .share-prod-box h3 {
  width: 100%;
  float: none;
 }
 .single-product div.product form.cart .button {
  width: 270px;
  margin-left: 0px;
  margin-top: 0px;
 }
 .share-prod-box .socialmedia a {
  margin-right: 5px;
 }
 .socialmedia {
  /*width: 280px;*/
  width: 100%;
  float: none;
 }
 .share-prod-box .socialmedia {
  width: 280px;
  float: none;
 }
 .woocommerce-checkout {
 /* padding:0px 20px;*/
 }
 .yellow-banner {
  height: 72px;
}
.frontsquareslider:before {
  padding-top: 80%;
}
}
@media only screen and (max-width : 420px) {
.socialmedia a {
    width: 70px;
    display: inline-block;
    height: 70px;
        margin-right: 20px;
    font-size: 28px;
 }   

/*.footer p {
    font-size: 20px;
    padding-top: 50px;
 }  */
 .welcome h1 {
    font-size: 60px;
    width: 80%;
    margin: 40% auto auto; 
}
.welcome p {
 width: 80%;
    margin: 0px auto 40px; 
} 
 .top_page h1 {
    font-size: 55px;
      width: 100%;
    word-wrap: normal;
    margin: 40% auto auto; 
}
.top_page p {
 width: 80%;
    margin: 0px auto 40px; 
} 

}

@media only screen and (max-width : 320px) {
.frontsquareslider-content span h3 {
  font-size: 14px;
}
.frontsquareslider-content span p {
    font-size: 10px;
}

}





/* FAQS ***************************************************/
.cd-faq {
  width: 90%;
  max-width: 1024px;
  margin: 2em auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .cd-faq {
    position: relative;
    margin: 4em auto;
    box-shadow: none;
  }
}


.cd-faq-items {
  position: fixed;
  height: 100%;
  width: 90%;
  top: 0;
  right: 0;
  background: #ffffff;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 768px) {
  .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    float: right;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-faq-items {
    float: none;
    width: 100%;
   /* padding-left: 220px;*/
  }
  .no-js .cd-faq-items {
    padding-left: 0;
  }

}




.cd-faq-group {
  /* hide group not selected */
  display: none;
}
.cd-faq-group.selected {
  display: block;
}
.cd-faq-group .cd-faq-title {
  background: transparent;
  box-shadow: none;
  margin: 1em 0;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}
.cd-faq-group .cd-faq-title h2 {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #bbbbc7;
}
.no-js .cd-faq-group {
  display: block;
}
@media only screen and (min-width: 768px) {
  .cd-faq-group {
    /* all groups visible */
    display: block;
    list-style: none;
  }
  .cd-faq-group > li {
    background: #ffffff;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
  }
  .no-touch .cd-faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
  }
  .cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
  }
  .cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
  }
}

.cd-faq-trigger {
  position: relative;
  display: block;
  margin: 1.6em 0 .4em;
  line-height: 1.2;
      color: #949494;
}
.cd-faq-trigger:hover {
 color: #949494;
 } 
@media only screen and (min-width: 768px) {
  .cd-faq-trigger {
    font-size: 24px;
    font-size: 1.5rem;
        color: #949494;
    font-weight: 300;
    margin: 0;
    padding: 24px 72px 24px 24px;
  }
  .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    content: '';
    display: block;
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px ;
    background: #53D38D ;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden ;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform ;
    -webkit-transition-duration: 0.2s ;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .cd-faq-trigger::before {

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
  }
  .cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.cd-faq-content p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #949494;
}
@media only screen and (min-width: 768px) {
  .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
  }
  .cd-faq-content p {
    line-height: 1.6;
  }
  .no-js .cd-faq-content {
    display: block;
  }
}












/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* STYLES GO HERE */

}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* STYLES GO HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* STYLES GO HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio : 2){
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* STYLES GO HERE */
}

/* iPhone 6 (portrait & landscape)----------- */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
/* STYLES GO HERE */
}
 
/* iPhone 6 (landscape)----------- */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){
/* STYLES GO HERE */
}
 
/* iPhone 6 (portrait)----------- */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){
/* STYLES GO HERE */
}

/* iPhone 6 plus (portrait & landscape)----------- */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
/* STYLES GO HERE */
}
 
/* iPhone 6 plus (landscape)----------- */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3){
/* STYLES GO HERE */
}
 
/* iPhone 6 plus (portrait)----------- */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio : 3){
/* STYLES GO HERE */
}