#logo img
{
height: 50px;
width: 50px;	
float: left;
}
@media all and (min-width: 1020px) {
#logo img {
  height: 56px;
  width: 56px;	
}	
}	
@media (max-width: 720px)
#content h1 {
    margin-top: 10px;
}
@media (max-width: 550px)
#content h1 {
    margin-top: 0px;
    margin-bottom: 5xp;
}
body {
    font-size: 1.8em;
    line-height: 1.6;
    font-weight: 400;
    font-family: "Work Sans", sans-serif;
    margin: 0;
	background-color: #fff;
}	
#content h1 {
    color: #2980b9;
    margin-top: 0px;
    font-size: 27px;
    line-height: 28px;
    clear: both;
    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid #2980b9;
}	


navigation ul,navigation li,navigation div
{
margin: 0;
padding: 0;
}

#navigation a:visited,
#navigation a:active {
    color: #fff;
}

navigation ul a
{
color: #fff;
text-decoration: none!important;
padding: 20px;
}

navigation {
  position: relative;
  background-color: #2980b9;
  
display: block;
}

navigation input {
  display: none!important;
}

navigation ul {
  display: none;
  background-color: #2980b9;
}

navigation ul a {
  display: block;
  padding: 1em;
  
}

navigation ul a:hover, navigation li.active a  {
  background-color: #f59b07;
  color: #fff;
}

navigation label {
  display: block;
  position: relative;
  text-align: left;
  height: 50px;
  margin: 0;
}

navigation .burger {
  position: absolute;
  cursor: pointer;
  user-select: none;
  top: 0.5em;
  right: 0.4em;
  width: 45px;
  height: 45px;
}

navigation .burger span {
  display: block;
  height: 3px;
  margin: 6px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

navigation input:checked ~ ul {
  display: block;
}

navigation input:checked ~ label > .burger > span:nth-child(2) {
  width: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

navigation input:checked ~ label > .burger > span:nth-child(1) {
  position: relative;
  top: 9px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}

navigation input:checked ~ label > .burger > span:nth-child(3) {
  position: relative;
  top: -9px;
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}
	
#logo img
{
float: left;
}

#logo
{
position: absolute;
top:0;
left:0;
color: #fff;
text-decoration: none;
	z-index:999;
}


#logo span
{
    display: inline-block;
    height: 50px;
    line-height: 20px;
    font-size: 15px;
    margin-left: 10px;
    line-height: 50px;
}

@media all and (min-width: 1020px) {
	
navigation{
  height: 56px;
 
}

#logo span
{

font-size: 20px;
line-height: 56px;
}


  navigation label {
    display: none;
  }
  navigation ul {
    display: block;
    text-align: right;
    
  }
  navigation ul li {
    display: inline-block;
  }
  navigation ul a {
    background-color: transparent;
    margin-left: 30px;
    padding: 15px;
    
    height: 26px;
  }
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3px;
    box-sizing: border-box;
}
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
/* For devices larger than 400px */

@media (min-width: 400px) {
    .container {
        width: 98%;
        padding: 0;
    }
}
/* For devices larger than 720px */

@media (min-width: 720px) {
    .container {
        width: 98%;
    }
    .column,
    .columns {
        margin-left: 2%;
    }
    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }
    .one.column,
    .one.columns {
        width: 6.500000000000001%;
    }
    .two.columns {
        width: 15.000000000000002%;
    }
    .three.columns {
        width: 23.5%;
    }
    .four.columns {
        width: 32%;
    }
    .five.columns {
        width: 40.50000000000001%;
    }
    .six.columns {
        width: 49%;
    }
    .seven.columns {
        width: 57.5%;
    }
    .eight.columns {
        width: 66%;
    }
    .nine.columns {
        width: 74.5%;
    }
    .ten.columns {
        width: 83.00000000000001%;
    }
    .eleven.columns {
        width: 91.5%;
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }
    .one-third.column {
        width: 32%;
    }
    .two-thirds.column {
        width: 66%;
    }
    .one-half.column {
        width: 49%;
    }
    /* Offsets */
    
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.5%;
    }
    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17%;
    }
    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 25.5%;
    }
    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34%;
    }
    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 42.50000000000001%;
    }
    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 51%;
    }
    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 59.5%;
    }
    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 68%;
    }
    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 76.5%;
    }
    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 85.00000000000001%;
    }
    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 93.5%;
    }
    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34%;
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 68%;
    }
    .offset-by-one-half.column,
    .offset-by-one-half.column {
        margin-left: 51%;
    }
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/work-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('fonts/work-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v3-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
  font-display: fallback;
}


/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

html {
    font-size: 62.5%;
}
body {
    font-size: 1.8em;
    /* currently ems cause chrome bug misinterpreting rems on body element */
    
    line-height: 1.6;
    font-weight: 400;
    font-family: "Work Sans", sans-serif;
    color: #222;
margin:0;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
}
h1 {
    font-size: 4.0rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
}
h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
}
h3 {
    font-size: 3.0rem;
    line-height: 1.3;
    letter-spacing: -.1rem;
}
h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
}
h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
}
h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
}
/* Larger than phablet */

@media (min-width: 550px) {
    h1 {
        font-size: 5.0rem;
    }
    h2 {
        font-size: 4.2rem;
    }
    h3 {
        font-size: 3.6rem;
    }
    h4 {
        font-size: 3.0rem;
    }
    h5 {
        font-size: 2.4rem;
    }
    h6 {
        font-size: 1.5rem;
    }
}
p {
    margin-top: 0;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
    color: #222;
}
a:hover {
    color: #222;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 38px;
    color: #555;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .1rem;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
    padding: 3px 13px;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #333;
    border-color: #888;
    outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: #FFF;
    background-color: #f39c12;
    border-color: #f39c12;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #f39c12;
    border-color: #f39c12;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 38px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
}
label,
legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
}
fieldset {
    padding: 0;
    border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
    display: inline;
}
label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
    list-style: circle inside;
}
ol {
    list-style: decimal inside;
}
ol,
ul {
    padding-left: 0;
    margin-top: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
}
li {
    margin-bottom: 1rem;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}
pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */

th,
td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}
th:first-child,
td:first-child {
    padding-left: 0;
}
th:last-child,
td:last-child {
    padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

button,
.button {
    margin-bottom: 1rem;
}
input,
textarea,
select,
fieldset {
    margin-bottom: 1.5rem;
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
{
    margin-bottom: 2.5rem;
}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
    width: 100%;
    box-sizing: border-box;
}
.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}
.u-pull-right {
    float: right;
}
.u-pull-left {
    float: left;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */

.container:after,
.row:after,
.u-cf,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}





footer
{
background-color: #2980b9;	
}

footer *
{
color: #2980b9;	
}


.main-grid {
  margin: 0;
}


@font-face {
   font-family: 'fontello';
   src: url('fonts/font/fontello.woff');
   font-weight: normal;
   font-style: normal;}



#content h1 {
  color: #2980b9;
  margin-top: 0px;
  font-size: 27px;
  line-height: 28px;
  clear: both;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid #2980b9;
}
#content h2 {
  background: #2980b9;
  color: #fff;
 
  font-size: 23px;
  line-height: 26px;
  clear: both;
  margin-top: 40px;
  margin-bottom: 10px;
  padding: 10px;
}
#content h3 {
  font-size: 22px;
  line-height: 26px;
  margin-top: 40px;
  margin-bottom: 13px;
}
#content h2 a {
  color: #fff;
	text-decoration: none;
}
a:hover {
  opacity: 0.8;
}
navigation a:hover {
  opacity: 1.0;
}


@media (min-width: 720px) {
	
}
#content hr {
  display: none;
}
#left h2 {
  color: #fff;
  font-size: 23px;
  line-height: 25px;
  margin-bottom: 17px;
  border-bottom: 1px dotted #fff;
}
#content h2:first-of-type {
  margin-top: 0;
}
ul {
  list-style: none;
}
li.bell {
  background: url(images/klingelton.png) no-repeat left top;
  padding: 0px 0px 0px 40px;
}
#left div.box,#teaser div.box {
  background-color: #2980b9;
  color: #fff;
 
  padding: 20px;
  margin-bottom: 30px;
}
#left p,
#content p {
  margin-bottom: 15px;
}
#left a,
#left a:visited,
#right a:active,
#left a:active{
  color: #fff;
}
.row-margin-bottom {
  margin-bottom: 30px;
}
img.wallpaper-preview {
  border: 20px solid #333;
  border-left-width: 3px;
  border-right-width: 3px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
#wallpaper {
  width: 30%;
  margin: 0 30px 30px 0;
  float: left;
}
#wallpaper img {
  max-width: 100%;
  height: auto;
}
#gad1,
#gad2,
#gad3,
#gad4,
#gado,
#gadu
{
    text-align: center;
	display:block;
	position: relative;
	width: 100%;
	height: 250px;
}
#gad1 {
  margin-bottom: 30px;
}
#gad1 {
  margin-top: 30px;
}
#gad4 div {
  padding: 0px 40px;
  display: block;	
}

#gad2 {
  margin-bottom: 30px;
}
#gad3 {
  margin-top: 30px;
  margin-bottom: 30px;
}
#gado
{ margin-top: 30px;
  margin-bottom: 30px;
}


#amazonmp3 {
  text-align: center;
  width: 160ṕx;
  margin-right: 20px;
  margin-bottom: 10px;
}

.url-download {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 20px;
}
#pagination {
  text-align: center;
  margin-top: 30px;
}
#pagination a {
  text-decoration: none;
}

#pagination a,#pagination span{
  margin: 1%;
  height: 50px;
	width: 50px;
	display: inline-block;
	background-color: #f39c12;
  color: #fff;
	line-height: 50px;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	
}






#pagination span.ditto_currentpage,#pagination .ditto_off {
  background-color: #2980b9;
}
#pagination div {
  width: 100%;
  margin: auto;
	font-size: 0px;
	margin: -1%;
}
#wp-start,
#wp-overview {
  margin: 0 -15px;
}



#wp-overview div {
  width: 25%;
  float: left;
 
}

#wp-start div {
  width: 33%;
  float: left;
 
}

@media (min-width: 1200px) {
#wp-start div {
  width: 20%;
  
}
}	
#wp-start a,
#wp-overview a {
 display: block;
padding: 15px;	
}

#wp-start img,
#wp-overview img,
#start-best img {
  max-width: 100%;
  height: auto;
	box-sizing: border-box;
}
#wp-overview h3 {
  margin: 0;
  text-align: center;
	height: 100px;
}
#wp-overview h3 a {
  text-decoration: none;
}
.best-start {
  width: 100%;
  clear: both;
  display: block;
}
.best-start a {
  float: left;
  text-decoration: none;
  padding-bottom: 30px;
  width: 100%;
}
.best-start a::after {
  content: "»";
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.best-start img {
  float: left;
  margin: 0 30px 5px 0;
  width: 70px;
  border-radius: 4px;
}
#content .best-start h3 {
  margin-top: -3px;
}
/* Larger than tablet */

@media (min-width: 720px) {

  .best-start img {
    width: 150px;
  }
  .best-start a {
    width: 48%;
    padding-right: 2%;
  }
  #gad1 {
    margin-top: 0px;
  }
  #crumps {
    text-align: left;
  }
  
  #search {
    text-align: right;
    display: block;
  }
 

  #content {}

}
@media (max-width: 550px) {
  #content h1 {
    margin-top: 0px;
    margin-bottom: 5xp;
  }
  #content h2 {
    margin-top: 0px;
    margin-bottom: 5xp;
  }
  div.row-margin-bottom {
    margin-bottom: 10px;
  }
  #pagination {
  margin-bottom: 30px;
}
	
}
/* Larger than mobile */

@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */

@media (min-width: 550px) {}
/* Larger than tablet */

@media (min-width: 750px) {}
/* Larger than desktop */

@media (min-width: 1000px) {}
/* Larger than Desktop HD */

@media (min-width: 1200px) {}




footer
{
width: 100%;
background-color: #2980b9;
display: block;
padding-top: 50px;	
padding-bottom: 50px;
margin-top: 50px;
}	

footer *
{
color: #fff!important;	
}

footer input[type="text"]
{
float: left;		
margin-right: 5px;
}


footer input[type="text"],
footer input[type="submit"] {
 
  background-color:#2980b9;
  
  border: 1px solid #fff;
  }

footer input[type="submit"]:hover,

footer input[type="submit"]:focus{
  border-color: #fff;
  outline: 0;
}



#amztop,#amzbtm
{
	text-align: center;
}
#amztop iframe,#amzbtm iframe
{
	margin: 15px auto 0 auto;
	width: 120px;
}

@media (min-width: 720px) {
#amztop
{
position: relative;
}

#amztop iframe
{
margin: 0;	
position: absolute;
left: 50%;
margin-left: -60px;
}
}



#crumps
{
color: #2980b9;
margin-top: 15px;
margin-bottom: 30px;
}
#crumps *
{
color: #2980b9;
}




.social
{
text-align: center;
}

#social a,.social a
{
display: inline-block;
color: #fff;
text-decoration: none;
line-height: 20px!important;
font-family: "fontello";
font-size: 22px;
margin-left: 3px;
padding: 10px;
color: #2980b9
}

#social div
{
text-align: right;
}

@media all and (max-width: 720px) {
#extra 
{
display: none;
}
	
	#content h1 {
    margin-top: 10px;
  
  }
	


#header,#header .row
{
margin: 0;
padding: 0;
width: 100%;
}
}

.audio-player
{
	text-align: center;
	padding: 10px;
}

.img-responsive
{
	max-width: 100%;
	height: auto;
}


#klika-amz a
{
position: relative;
display: block;
margin-top: 0px;
margin-bottom: 15px;
text-decoration: none;
padding-left: 90px;
	min-height: 80px;
}


#klika-amz a img
{
position: absolute;	
width: 80px;
left: 0px;
}

.anzeige
{
	font-size: 11px;
}

audio, audio *
{
	border-radius: 0!important;
	-webkit-border-radius: 0px!important;
}

.abo div
{
text-align: center;
padding: 20px;
margin: auto!important;	
border: 1px solid #cc0000;
border-radius: 5px!important;
background-color: #fff;
max-width: 420px;	
background: url(images/yt.png) no-repeat 10px 32px;
}

.abo
{
	padding: 0px 20px!important;
	margin-bottom: 30px;
	margin-top: 30px;
	text-decoration: none!important;
	display: block;
	text-align: center;
	
}

.abo *
{
color: #cc0000!important;
margin: 0px!important;
text-decoration: none!important;	
}

.top-download  h3 {
    font-size: 20px;
    line-height: 26px;
}



#usercentrics-button,
#uc-btn-accept-banner
{
	line-height: 18px!important;
	color: #fff!important;
    background-color: #2980b9!important;
	font-size: 17px!important;
	
}

#uc-btn-deny-banner
{
/*display: none;*/
color: #b0b0b0!important;	
}	

.top-download div
{
text-align: center;
padding: 20px;
margin: auto!important;	
border-radius: 5px!important;
background-color: #f48fb1;
background-color: #C74E89;
max-width: 420px;	
}

.top-download
{
	padding: 0px 20px!important;
	margin-bottom: 30px;
	margin-top: 30px;
	text-decoration: none!important;
	display: block;
	text-align: center;
}

.top-download *
{
color: #fff!important;
margin: 0px!important;
text-decoration: none!important;	
}


#gado ins,#gadu ins
{ width: 300px; height: 250px; }
@media(min-width: 800px) { #gado ins,#gadu ins { width: 728px; height: 90px; } }
@media(min-width: 1000px) { #gado ins,#gadu ins { width: 970px; height: 250px; } }



@media (min-width: 720px) {
#gado
	{
	margin-top: 0px
	}
	
#gadu
	{
	margin-top: 30px
	}	

}

.txt-center
{
	text-align: center;
}

.txt-left
{
	text-align: left;
}

.txt-right
{
	text-align: right;
}


.mx-2
{
	margin: 0px 20px;
}




#foldernavi a, .ringtonedownload a{
    display: block!important;
	width: 100%;
}




@media (min-width: 1000px) {

#foldernavi a, .ringtonedownload a{
	width: auto;
}

	
#foldernavi,.ringtonedownload {
    display: flex!important;
    justify-content: space-between;
	text-align: center!important;
}
	
	
}
@media (max-width: 700px) {
table td{
	word-break: break-word;
      white-space: pre-line;
      overflow-wrap: break-word;
      -ms-word-break: break-word;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
	}	
	
.button {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}	
}	

@media (min-width: 1200px) {
.ringtonedownload {
padding: 0px 15%;
}
}

.fpn_noNextSlide,.fpn_noPrevSlide
{
	display: none;
}



/* Default icon formatting */
i.ar {
  display: inline-block;
  font-style: normal;
  position: relative;
}

i.ar-right {
    /* top: 2pt; Uncomment this to lower the icons as requested in comments*/
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
}

i.ar-left {
    /* top: 2pt; Uncomment this to lower the icons as requested in comments*/
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(-135deg);
}
 

.modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.modal.modal-open {
  visibility: visible;
  backface-visibility: visible;
  opacity: 1;
  z-index: 1;
}
.modal .modal-inner {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal .modal-inner .modal-content {
  background-color: white;
  max-width: 35em;
  padding: 1em 1.5em;
  position: relative;
  margin: 2em;
box-shadow: 0 1px 10px 3px rgba(0,0,0,0.1);
}
.modal .modal-inner .modal-content .modal-close-icon {
  position: absolute;
  right: 1.5em;
}
.modal .modal-inner .modal-content .modal-content-inner {
  padding-right: 2em;
}
.modal .modal-inner .modal-content .modal-content-inner h1, .modal .modal-inner .modal-content .modal-content-inner h2, .modal .modal-inner .modal-content .modal-content-inner h3, .modal .modal-inner .modal-content .modal-content-inner h4, .modal .modal-inner .modal-content .modal-content-inner h5, .modal .modal-inner .modal-content .modal-content-inner h6 {
  margin-bottom: 0.25em;
}
.modal .modal-inner .modal-content .modal-content-inner p {
  margin-bottom: 1em;
}
.modal .modal-inner .modal-content .modal-buttons-seperator {
  margin: 1.5em 0;
  margin-top: 0;
}
.modal .modal-inner .modal-content .modal-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.modal .modal-inner .modal-content .modal-buttons button {
  margin-left: 1em;
}
.modal .modal-inner .modal-content .modal-buttons button:first-child {
  margin-left: 0;
}

.mt-3
{
	margin-top: 30px;
}

div.inf
{
	text-align: center;
	margin: 30px 0;
}

img.tutorial-vertical
{
max-width: 300px;
height: auto;
padding: 10px;
border: 1px solid #333;
margin: 20px;		
border-radius: 20px;
}