/*=================NAVIGATION=================*/

.nav ul,
.nav ul li {
  margin: 0;
  list-style: none;
  position: relative;
  padding: 0;
}
.nav ul li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  display: inline-block;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:hover, .nav ul li a:active {
  text-decoration:none; 
}
.nav.hrz ul li {
  float: left;
}
.nav.vert ul li {
  float: none;
  display: block;
}
.nav.hrz.center ul {
  float: left !important;
  left: 50% !important;
}
.nav.hrz.center ul li {
  right: 50% !important;
}
.nav ul li ul {
   display: none; 
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;  }
* html ul li a { height: 1%; }
body { font-size: 100%;  }
/* End */

nav {
  margin: 0;
  height: auto;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}




a.nav-trigger {
  font-size: 1.15em;
  font-weight: 700;
  line-height: 45px;
  text-transform: uppercase;
  text-align: center;
  color: #69d8c7;
  margin-bottom: 0;
  background: url(images/up-down-green.png) no-repeat center bottom;
  float: right; 
  margin: 28px 33px 0 0;   
  margin: 4.2vh 33px 0 0; 
  text-decoration: none;
  display: block;
}
a.nav-trigger.active {
  background-position: center top;
}



.qselect ul,
.qselect ul li {
  margin: 0;
  list-style: none;
  position: relative;
  padding: 0;
}
.qselect ul li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  float: none;
  display: block;
}
.qselect ul li a, .qselect ul li a:visited, .qselect ul li a:hover, .qselect ul li a:active {
  text-decoration:none; 
}

.qselect ul {
  position: relative;
  z-index: 1;
  margin-top: 0;
}
.qselect ul li {  
  width: 100%; 
  margin-top: 9px ;
}
.qselect ul li a  { 
  display:block; 
  height: 70px;
  width: 100%; 
  padding: 0 20px;
  font-size: 1.15em;
  line-height: 1.2;
  background: #fff;
  border: solid 2px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nudes .qselector .qselect ul li a {
  color: #fff;
  border-color: #fd625e;
  background-color: #fd625e;
}
.feeling-bullied .qselector .qselect ul li a {
  color: #fff;
  border-color: #69d8c7;
  background-color: #69d8c7;
}
.hate-and-abuse .qselector .qselect ul li a {
  color: #fff;
  border-color: #bc70ad;
  background-color: #bc70ad;
}
.taking-charge .qselector .qselect ul li a {
  color: #fff;
  border-color: #f6cc23;
  background-color: #f6cc23;
}

.nudes .qselector .qselect ul li ul li a {
  color: #fd625e;
  border-color: #fd625e;
  background-color: #fff;
}
.feeling-bullied .qselector .qselect ul li ul li a {
  color: #69d8c7;
  border-color: #69d8c7;
  background-color: #fff;
}
.hate-and-abuse .qselector .qselect ul li ul li a {
  color: #bc70ad;
  border-color: #bc70ad;
  background-color: #fff;
}
.taking-charge .qselector .qselect ul li ul li a {
  color: #f6cc23;
  border-color: #f6cc23;
  background-color: #fff;
}








.qselect ul li a:hover { 

}
.qselect ul li a>div  { 
  height: 66px;
}
.qselect ul li a div div  { 
  display: inline-block;
  width: auto;
}
.qselect ul li ul li a  { 

}
.qselect.active ul li ul li a  { 
  margin-top: 0px;
}
/****when selected****/

.qselect.active .qlevel1 {
  display: none;
}
.qselect ul li ul {
  overflow: hidden;
  opacity: 0;
  position: relative;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.qselect.active ul li.selected ul {
  opacity: 1;

}



.qselect.active>ul>li>a {
  display: none;
}
.qselect.active>ul>li.selected>a {
  display: block;
  border-width: 0 0 1px;
  text-align: left;
  padding: 0 0 15px;
  font-size: 1.5em;
  margin-bottom: 10px;
  background: transparent;
}

.nudes .qselect.active>ul>li.selected>a {
  color: #fd625e;
}
.feeling-bullied .qselect.active>ul>li.selected>a {
  color: #69d8c7;
}
.hate-and-abuse .qselect.active>ul>li.selected>a {
  color: #bc70ad;
}
.taking-charge .qselect.active>ul>li.selected>a {
  color: #f6cc23;
}








.qselected ul {
  position: relative;
  z-index: 1; 
  margin-top: 0;
}
.qselect ul li {  
  width: 100%; 
  margin-top: 9px ;
  text-
}
.qselected ul li a { 
  display: inline-block; 
  height: auto;
  width: auto; 
  padding: 10px 15px;
  font-size: 1.15em;
  line-height: 1.2;
  border: solid 2px;
  text-align: left;
}
.qselected>ul>li.selected>a { 
  display:block; 
  padding: 0 0 15px;
  font-size: 1.5em;
  border: none;
  width: 100%; 
}

.qselected.nav ul li ul {
  display: block;
}
.nudes .qselector .qselected ul li a {
  color: #fd625e;
  border-color: #fd625e;
}
.feeling-bullied .qselector .qselected ul li a {
  color: #69d8c7;
  border-color: #69d8c7;
}
.hate-and-abuse .qselector .qselected ul li a {
  color: #bc70ad;
  border-color: #bc70ad;
}
.taking-charge .qselector .qselected ul li a {
  color: #f6cc23;
  border-color: #f6cc23;
}






















.banner a.back {
  float: right;
  font-size: 1.15em;
  line-height: 18px;
  padding-left: 15px;
  background: url(images/icons-back.png) no-repeat 0 0;
}
.banner a.js-back {
  display: none;
}
.nudes .banner a.back {
  color: #fd625e;
  background-position: left 0;
}
.feeling-bullied .banner a.back {
  color: #69d8c7;
  background-position: left -20px;
}
.hate-and-abuse .banner a.back {
  color: #bc70ad;
  background-position: left -40px;
}
.taking-charge .banner a.back {
  color: #f6cc23;
  background-position: left -60px;
}





a.button  { 
  display:inline-block; 
  width: auto; 
  margin: 0;
  padding:  0 45px 0 20px;
  font-size: 1.3em;
  line-height:  45px;
  color: #666; 
  font-weight: 400;  
  font-family: 'Sarala', 'Times New Roman', Times, serif;
  border-radius: 2px;
  background: #fff url("images/arrow-right-grey.png") no-repeat right 20px center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.button:hover  { 
  background: #ccc url("images/arrow-right-grey.png") no-repeat right 17px center;
}
a.button.border  { 
  border: solid 1px #ccc;
}
a.button.black  { 
  color: #fff; 
  background: #000 url("images/arrow-right-white.png") no-repeat right 20px center;
}
a.button.black:hover  { 
  background: #666 url("images/arrow-right-white.png") no-repeat right 17px center;
}

.social-row {
  margin-bottom: 15px;
}

.social-row .icon {
  display: block;
  width: 37px;
  height: 37px;
  float: left;
  margin-right: 15px;
  background-image: url(images/icons-social.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-radius: 100px;
  text-indent: -9999px;
}
.social-row .icon:last-child {
  margin-right: 0;
}
h3.social-row .icon:last-child {
 margin-right: 15px;
}
.nudes .social-row .icon {
  background-color: #fd625e;
}
.feeling-bullied .social-row .icon {
  background-color: #69d8c7;
}
.hate-and-abuse .social-row .icon {
  background-color: #bc70ad;
}
.taking-charge .social-row .icon {
  background-color: #f6cc23;
}
.social-row .icon.twitter {
  background-position: 0 0;
}
.social-row .icon.facebook {
  background-position: 0 -40px;
}
.social-row .icon.instagram {
  background-position: 0 -80px;
}
.social-row .icon.snapchat {
  background-position: 0 -120px;
}
.social-row .icon.phone {
  background-position: 0 -160px;
}
.social-row .icon.messenger {
  background-position: 0 -200px;
}
.social-row .icon.youtube {
  background-position: 0 -240px;
}





.tabs {
  width: 100%;
  /* height: 40px; */
}
.tabs li {
  width: auto;
  text-align: center;
  padding-right: 20px !important;
  padding-bottom: 5px !important;
}
.tabs li:first-child {
  text-align: left;
}

.tabs li:last-child {
  text-align: right;
}
.tabs li a {
  display: inline-block;
  font-size: 1.3em;
  padding-bottom: 8px;
}
.tabs li.active a {
 border-bottom: solid 1px;
}
.nudes .tabs li.active a {
  border-color: #fd625e;
}
.feeling-bullied .tabs li.active a {
  border-color: #69d8c7;
}
.hate-and-abuse .tabs li.active a {
  border-color: #bc70ad;
}
.taking-charge .tabs li.active a {
  border-color: #f6cc23;
}








.footermenu {
  z-index: 2;
}
.footermenu>ul {
  position: relative;
  z-index: 1; 
  float: left;
}
.footermenu>ul>li {  
  z-index:100; 
  margin: 0;
}
.footermenu>ul>li>a  { 
  display:block; 
  width: auto; 
  margin: 0 0 0 20px;
  padding: 0;
  font-size: 1em;
  line-height: 1;
  color: #69d8c7; 
  font-weight: 700;  
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.footermenu>ul>li:first-child a { 
  margin-left: 0;
}
.footermenu>ul>li>a:hover { 
  color: #394248; 
  text-decoration: none; 
}



.social-menu {
 /*  display:  none; */
}
header .social-menu {
  position: absolute;
  top: 20px;
  right: 0;
}
body.is-scrolled header .social-menu {

  top: 5px;
} 
footer .social-menu {
  margin-top: 30px;
}
.social-menu ul{
  position: relative;
  z-index: 1;
}
.social-menu ul li {
}
.social-menu ul li a {
  display: block;
  text-indent: -9999px !important;
  opacity: 1;
  webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
header .social-menu ul li {
  margin-left: 6px;
}
header .social-menu ul li a {
  width: 18px;
  height: 18px;
  background: url(images/social-icons-header.png) no-repeat 0 0;
}
header .social-menu ul li.instagram a {
  background-position: 0 0;
}
header .social-menu ul li.facebook a {
  background-position: -24px 0;
}
footer .social-menu ul li {
  margin-right: 11px;
}
footer .social-menu ul li a {
  width: 37px;
  height: 37px;
  background: url(images/social-icons-footer.png) no-repeat 0 0;
}
footer .social-menu ul li.instagram a {
  background-position: 0 0;
}
footer .social-menu ul li.facebook a {
  background-position: -47px 0;
}
.social-menu ul li a:hover {
  opacity: 0.65;
}




.servicenav {
  padding-bottom: 25px;
}
.servicenav li a {
  margin-right: 15px;
}
.servicenav li a {
  margin-right: 15px;
  padding-bottom: 8px;
}
.servicenav li a {
  margin-right: 15px;
  padding-bottom: 8px;
}

.servicenav li a.active {
  border-bottom: solid 1px;
}
.nudes .servicenav li a {
  border-color: #fd625e;
}
.feeling-bullied .servicenav li a {
  border-color: #69d8c7;
}
.hate-and-abuse .servicenav li a {
  border-color: #bc70ad;
}
.taking-charge .servicenav li a {
  border-color: #f6cc23;
}







a.floattotop {
  display: none;
  overflow: hidden;
  width: 52px;
  height: 52px;
  z-index: 900000;
  position: fixed;
  bottom: 52px;
  right: 52px;
  top: auto;
  background: url(images/bg-backtotop.png) no-repeat center center;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -icab-border-radius: 99px;
  -khtml-border-radius: 99px;
  border-radius: 99px;
  text-indent: -9999px
}
a.floattotop span {


}


.nextprev { 
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 10000;
  display: block;
  width: auto;
  height: auto;
}
.nextprev a {
  font-size: 0.92em;
  font-weight: 600;
  text-transform: uppercase;
}
.next {

  background-position: right 0;
}
.prev {
  margin-left: 15px;
}
.next:hover {
  background-position: right bottom;
}
.prev:hover {
  background-position: left bottom;
}