/*CUSTOM CSS*/

.content-wrap {
    margin-top: 1rem;
}

.frontpage-header {
    margin-bottom: 1.75rem;
}

.new-box{
box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
border-radius: 5px;
border: 2px solid #d8e1e6;
padding: 20px 20px;
line-height: 0;
}

.new-box .author{
font-style: italic;
font-size: 13px;
}

.new-box .bash{
font-style: italic;
font-size: 13px;
}

.new-box .confession{
font-style: italic;
font-size: 13px;
}

.new-box p{
line-height: 28px;
}

.new-box hr{
border-bottom: 1px solid #d8e1e6;
margin: 15px 0 10px;
}

.new-box .os_light_italic{
font-size: 14px;
}

.new-box .os_light_italic a{
color: ##4a4e61;
}

.new-box .os_light_italic a:hover{
color: #87518a
}

.dropdown.menu > li.is-dropdown-submenu-parent > a{
padding: 10px 40px 10px 20px;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
right: 13px;
border-color: #fff transparent transparent;
}
.is-submenu-item{
  a:hover{
    background: rgba(0,0,0,0)!important;
  }
}

.slicknav_nav{
z-index: 20
}

.bt-box {
    margin: 5px auto;
}

.bt-box {
    background: #fefefe;
    border-radius: 10px;
    -webkit-box-shadow: 0px 2px 14px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 14px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    padding: 2.1875rem 1.5625rem 2.1875rem;
    margin: 0 auto;
}

/* Use case: when your lazily loaded images show their alt text and the empty image icon before loading.*/
img:not([src]):not([srcset]) {
  visibility: hidden;
}

p.ulink a {
	border-bottom: 1px dashed rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

}
p.ulink a:hover {
    border-bottom-color: blue;
}


p.ulinkwhite a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dashed rgba(62, 62, 62, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

}
p.ulinkwhite a:hover {
	color: #3e3e3e;
    border-bottom-color: #3e3e3e;
}


.language-selector {
	background: none;
}

.accordion li ul li {
border-bottom: 0 none;
font-size: 15px;
font-weight: 400;
list-style-type: disc;
}

.accordion li {
font-weight: 300;
}

.lang-ru .innerpage-header .main-nav{font-size: 13px;}
// you can bump the font up to 14px without breaking the layout

.sound-container.full-width{
background: #fff url("../images/icons/prank-wave.png") no-repeat 17% bottom;
}

.audiopiece-container.full-width .mejs__container {
    position: absolute;
    margin-top: 16px;
    width: 100% !important;
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
}

#stream-prankprankcall-call .tabs li{border-bottom: 0 none;}
#stream-prankprankcall-call input{font-weight: normal; font-size: 18px;}

#step2 .callout{float: left; width: 100%;}
#step2 .callout p,
#step2 .callout strong,
#step2 .callout div {margin-bottom: 0;}

.sound-container .send-audio-piece {margin: 0; position: absolute; right: 7px!important; top: 0;}

label i.single-icon, .button i.single-icon{margin: 0;}


.frontpage-audio .mejs__container {
    margin-top: -45px;
    max-width: 100%;
}

.mejs__controls:not([style*="display: none"]){background: rgba(142, 142, 142, 0.27);}
.mejs__time{color: #414247!important}

#back-top {
  position: fixed;
  bottom:20px;
  right: 2%;
  z-index: 100; 
}

/* shrink app headers all little */
.app-header {
	 padding: 3rem 0;
}

table.hover tr:hover {background-color: rgba(250, 250, 250, 1);}
table.hover tr:nth-of-type(2n):hover {background-color: rgba(237, 237, 237, 1);}

div.audio-button {
	position: relative;
}
.player_controls{
	position:absolute;
	top:-10px; left:0;
	width:28px;
	height:28px;
	display:none;
}

.player_controls a{
	display:block;
	width:28px;
	height:28px;
	background:url(https://www.spoofbox.com/theme/assets/images/player-buttons.png) no-repeat top center;
	text-indent:-9999em;
	top:0px; left:0px;
	position:absolute;
}

.player_controls a.jp-play{
	z-index:990;
	background-position:0 -2px;
}

.player_controls a.jp-pause{
	display:none;
}

.player_controls a.jp-stop{
	z-index:980;
	background-position:0 -41px;
}


.net-finder { background: #1565c0; }
.phone-checker{ background: #00e676; }
.spoof-fax { background: #59C4B1; }
.call-forward{ background: #2F91CE; }
.cnam-lookup { background: #B2C9D0; }
.image-location { background: #4a4e61; }
.stalk-scan { background: #90CAF9; }
.exif-writer { background: #FF3159; }
.image-editor { background: #263238; }
.prank-calls { background: #F5B22C; }
.fake-data{background: #B388FF;}
.message-from-god{background: #53dcef;}
.confession-stories{background: #333b68;}
.whats-sim { background: #536DFE; }
.quotes { background: #252B52; }
.confessions { background: #353C69; }
.verifyr { background: #515FE6; }
.bashes { background: #8FA8CC; }


.single-app-nav.quotes { background: #323862; }
.single-app-nav.quotes a:hover, .single-app-nav.quotes a:active, .single-app-nav.quotes a:focus, .single-app-nav.quotes a.active { background: #2D3258; }


.single-app-nav.confessions { background: #292F54; }
.single-app-nav.confessions a:hover, .single-app-nav.confessions a:active, .single-app-nav.confessions a:focus, .single-app-nav.confessions a.active { background: #262B4D; }


.single-app-nav.verifyr { background: #4655E4; }
.single-app-nav.verifyr a:hover, .single-app-nav.verifyr a:active, .single-app-nav.verifyr a:focus, .single-app-nav.verifyr a.active { background: #3747E2; }

.single-app-nav.bashes { background: #8DA5C9; }
.single-app-nav.bashes a:hover, .single-app-nav.bashes a:active, .single-app-nav.bashes a:focus, .single-app-nav.bashes a.active { background: #7C98C1; }


.single-app-nav.whats-sim { background: #3F51B5; }
.single-app-nav.whats-sim a:hover, .single-app-nav.whats-sim a:active, .single-app-nav.whats-sim a:focus, .single-app-nav.whats-sim a.active {  background: #344396; }


.single-app-nav.net-finder { background: #135bae; }
.single-app-nav.net-finder a:hover, .single-app-nav.net-finder a:active, .single-app-nav.net-finder a:focus, .single-app-nav.net-finder a.active {  background: #11529b; }

.single-app-nav.phone-checker { background: #00d26c; }
.single-app-nav.phone-checker a:hover, .single-app-nav.phone-checker a:active, .single-app-nav.phone-checker a:focus, .single-app-nav.phone-checker a.active { background: #00bd61;}

.single-app-nav.spoof-fax { background: #4abfaa; }
.single-app-nav.spoof-fax a:hover, .single-app-nav.spoof-fax  a:active, .single-app-nav.spoof-fax  a:focus, .single-app-nav.spoof-fax  a.active { background: #40b4a0; }

.single-app-nav.call-forward { background: #2b85bd; }
.single-app-nav.call-forward a:hover, .single-app-nav.call-forward a:active, .single-app-nav.call-forward a:focus, .single-app-nav.call-forward a.active { background: #277aad; }

.single-app-nav.stalk-scan { background: #7dc1f8; }
.single-app-nav.stalk-scan a:hover, .single-app-nav.stalk-scan a:active, .single-app-nav.stalk-scan a:focus, .single-app-nav.stalk-scan a.active { background: #69b8f7; }

.single-app-nav.exif-writer { background: #ff1d49; }
.single-app-nav.exif-writer a:hover, .single-app-nav.exif-writer a:active, .single-app-nav.exif-writer a:focus, .single-app-nav.exif-writer a.active { background: #ff0838; }

.single-app-nav.image-editor { background: #1e272c; }
.single-app-nav.image-editor a:hover, .single-app-nav.image-editor a:active, .single-app-nav.image-editor a:focus, .single-app-nav.image-editor a.active { background: #161c20; }

.single-app-nav.cnam-lookup { background: #a5c0c8; }
.single-app-nav.cnam-lookup a:hover, .single-app-nav.cnam-lookup a:active, .single-app-nav.cnam-lookup a:focus, .single-app-nav.cnam-lookup a.active { background: #99b7c1; }

.single-app-nav.image-location { background: #414555; }
.single-app-nav.image-location a:hover, .single-app-nav.image-location a:active, .single-app-nav.image-location a:focus, .single-app-nav.image-location a.active { background: #383b4a; }

.single-app-nav.prank-calls { background: #EFA719; }
.single-app-nav.prank-calls a:hover, .single-app-nav.prank-calls a:active, .single-app-nav.prank-calls a:focus, .single-app-nav.prank-calls a.active { background: #DA9918; }

.single-app-nav.fake-data{background: #A27AE4;}
.single-app-nav.fake-data a.active, .single-app-nav.fake-data a:active, .single-app-nav.fake-data a:focus, .single-app-nav.fake-data a:hover{background: #8561C1;}

.single-app-nav.message-from-god{background: #45c9da;}
.single-app-nav.message-from-god a.active, .single-app-nav.message-from-god a:active, .single-app-nav.message-from-god a:focus, .single-app-nav.message-from-god a:hover{background: #3db1c1}




.dashboard-box .button.hollow{
  padding: 0.9375rem 0.3125rem;
}

h2 {
  font-size: 1.5em;
  margin: -0.67em 0 0.67em 0;
}

h6 {
  font-size: 2em;
  margin: 0.67em 0;
}

input::placeholder,
textarea::placeholder {
  color: #dedede;
}

.preview {
 color: #fff!important;    
 font-size: 1em;
 font-weight: 700!important;
 margin: 0;
 padding: 0;
}
.preview:hover {
  color: #000!important;
}

/*
.small-up-1 .column h3, .small-up-1 .columns h3.preview {
 color: #fff;    
 font-size: 1em;
 font-weight: 700;
 margin: 0;
}
.small-up-1 .column h3, .small-up-1 .columns h3.preview:hover,
.small-up-1 .column h3, .small-up-1 .columns h3.preview:active,
.small-up-1 .column h3, .small-up-1 .columns h3.preview:focus{
 color: #4a4e61;
}
*/

.inline-addressbook{
  float: left;
  width: 90%;
}
.inline-addressbook-button{
  float: left;
  margin-left: 2%;
}

.g-recaptcha + div{
  margin: 0 auto;
}

.flag-only-list.center-list {text-align: center;}

table tbody tr td.left-aligned{text-align: left;}

@media screen and (max-width: 63.9375em) {
  .app-download-title ~ ul { margin: 0;}
  .app-download-title ~ ul  li { margin: 0 0 10px 0;}
  ul.margin-top-25{
    margin-top: 0;
  }
  .inline-addressbook{
    width: 85%;
  }
  div.tagsinput{
   width: 85%!important;
  }
  table tbody tr td.left-aligned{
    text-align: center;
  }
}


@media screen and (max-width: 39.9375em) {
	.innerpage-header .hor-logo{
	margin: 30px 0 30px;
	}

	.innerpage-header .language-selector{
	padding-top: 33px;
	}

	.frontpage-header .slicknav_btn{
	right: 70px;
	top: 10px;
	}

	.innerpage-header .slicknav_btn{
	right: 70px;
	top: 25px;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
	.frontpage-header .slicknav_btn{ 
	  right: 90px;
	  top: 10px; 
	}

	.innerpage-header .slicknav_btn{
		right: 90px;
		top: 25px;
	  }
}

/*
https://stackoverflow.com/questions/24050954/responsive-alternative-to-aviary-for-mobile
Aviary Resposive ... Image Editor
*/
@media all and (max-width: 640px) {
	
	/*
	html {
		height: 100%;
	}

	body {
		min-height: 100%;
		position: relative;
	}
	*/

	.avpw_is_fullscreen #avpw_controls, #avpw_holder #avpw_controls, #avpw_holder .avpw_is_fullscreen #avpw_controls {
		position: absolute;
		left: 5px;
		right: 5px;
		min-width: 300px;

		-webkit-sizing: border-box;
		-moz-sizing: border-box;
		box-sizing: border-box;
	}

	#avpw_holder #avpw_tool_content_wrapper {
		position: relative;

		padding-bottom: 56px;

	}

	#avpw_holder #avpw_tool_main_container {
		position: relative;
	}

	#avpw_holder #avpw_tool_options_container {
		position: relative;
	}

	#avpw_holder #avpw_tool_container {
		left: 0;
		right: 0;
		min-width: 300px;
	}

	#avpw_holder .avpw_prev, #avpw_holder .avpw_next {

	}

	#avpw_holder .avpw_tool_pager .avpw_clip {
		right: 48px;
	}

	#avpw_holder .avpw_scroll_strip {
	}

	#avpw_holder .avpw_scroll_strip .avpw_scroll_page {
		/* max-width:200px; */
		/* width: 300px !important; */
	}

	#avpw_holder #avpw_rghtArrow {
		right: 0;
	}

	#avpw_holder #avpw_canvas_embed {
		-webkit-sizing: border-box;
		-moz-sizing: border-box;
		box-sizing: border-box;
		top: 188px;

	}

	#avpw_holder #avpw_zoom_container {
		width: auto;
		min-width: 42px;
		left: 5px;
		/* right: 5px; */
		background: rgba(51, 51, 51, 0.59);
	}

	#avpw_holder #avpw_canvas_element, #avpw_holder #avpw_canvas_element.avpw_position_by_transform {
		-webkit-sizing: border-box;
		-moz-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		width: 100% !important;

		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;

	}

	#avpw_holder .avpw_mode_action {
		position: relative;
		height: 55px;
		width: 100%;
		top: 100%;
		/* background: #303740; */
	}

	#avpw_holder .avpw_mode_action_left,
	#avpw_holder .avpw_mode_action_left + .avpw_mode_action_right {
		width: 50%;
	}

	#avpw_holder .avpw_mode_action_left {
		float: left;
	}

	#avpw_holder .avpw_mode_action_right {
		float: right;
	}

	.avpw_mode_action_left:after, .avpw_mode_action_right:before, .avpw_tool_pager .avpw_scroll_rule {
		height: auto !important;

		top: 0 !important;
		bottom: 0 !important;
	}

	#avpw_holder .avpw_mode_action .avpw_button {
		/* position: relative; */

	}

	#avpw_holder .avpw_back_button {
		float: left;
	}

}