/*tetxmarker*/

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #066acc;
}

::selection {
    color: white; 
    background: #066acc;
}


/*Hover-Animation Pricing Table*/

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}


/*Pricing Table*/


@charset "utf-8";

/*Klaus Structure*/
.abstand-none{
padding:20px;

}


.worldsoftbg {
	background:#fff;
	height:1650px;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	cursor:default;
	padding:0;
	margin-bottom:60px;
	border-right:1px solid #f0f0f0;
	cursor:pointer;
}
.worldsoftheader1 {height:365px;border-bottom:1px solid #f0f0f0;background:rgba(236,0,54,0.3)}
.worldsoftheader2 {height:365px;border-bottom:1px solid #f0f0f0;background:rgba(0,150,2,0.3)}
.worldsoftheader3 {height:365px;border-bottom:1px solid #f0f0f0;}
.worldsoftheader4 {height:365px;border-bottom:1px solid #f0f0f0;background:rgba(42,88,142,0.3)}
.worldsoftbg h5 {color:#2d2f37;font-size:30px;font-weight:700;text-transform:uppercase;float:left;width:100%;margin:0;padding-top:40px;padding-bottom:10px;}
.worldsoftbg p {color:#9fa5ae;font-size:16px;font-weight:300;float:left;width:100%;margin-top:-10px}
.worldsoft_package {color:#2d2f37;font-size:16px;font-weight:300;text-transform:uppercase;float:left;width:100%;}
.worldsoft_price {font-size:46px;font-weight:300;float:left;width:100%;margin-top:10px;}
.worldsoft_featured {
	width:130px;
	height:25px;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	background:#ccc;
	border-radius:0px 0px 5px 5px;
	font-size:15px;
	padding-top:1px;
	text-transform:uppercase;
	color:#666;
	letter-spacing:0.8px;
}

.worldsoft_features {
	border-bottom:1px solid #f0f0f0;
}

.worldsoft_features li {
	height:40px;
	list-style:none;
	text-align:left;
	font-size:13px;
	color:#54565b;
	font-weight:400;
	padding-top:10px;
	padding-left:10px;
}
.worldsoft_features li i {
	padding-right:10px;
	font-size:16px;
}
.worldsoft_plancolor {background:#f4f4f4;}
.worldsoft_blue {background:#2f609b;}
.worldsoft_orange {background:#ea8206;}
.worldsoft_getaquote {width:180px;height:36px;margin-left:auto;margin-right:auto;}
.worldsoft_getaquote li {list-style:none;height:36px;margin-top:28px;}
.worldsoft_getaquote li a {color:#fff;float:left;width:100%;height:36px;padding-top:8px;border-radius:5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.worldsoft_getaquote li a:hover{text-decoration:none;}


/*Skin v1*/
.subtext{color:#666666; margin-top:5px; margin-bottom:10px;}
.subtextwhite{color:#fff; margin-top:5px; margin-bottom:10px;}
.skinonecolor {color:#666;}
.skinonebg {background:#fff;}
.skinoneklaus_features i {color:#0581d3;}
.skinonegetquote li a {background:#38b880;}
.skinonegetquote li a:hover{background:#47cc92;}
.skinoneultimate {background:rgba(212,89,0,0.5);border:0;color:#fff;}
.skinoneucolor {border-bottom:1px solid rgba(212,89,0,0.5);}
.skinoneucolor h5 {color:#fff;}
.skinoneucolor span {color:#fff;}
.skinoneucolor p {color:#fff;}
.skinoneucolor li {color:#fff;}
.skinoneucolor i {color:#fff;}
.skinoneklaus_plancolor {background:#33ab77;}
.skinoneucolorget li a {background:#fff;color:#3db983;}
.skinoneucolorget li a:hover {background:#65ebb1;color:#fff;}
.subline{color:#666666; margin-top:-8px;}
.subline2{color:#fff; margin-top:-8px;}


a.buttonpricingtable {
position: relative;
display: inline-block;
margin: 25px 0 0px 0px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 20px;
width: 195px;
background: #eea236 url(/files/53/shopping-32px-glyph-round-51.png) no-repeat left 10%;
color: #fff;
text-align: left;
text-decoration: none;
white-space: nowrap;
font-weight: bold;
line-height: 20px;
cursor: pointer;
font-size: 18px;
transition-property: background-color, color;
transition-duration: 0.4s;
transition-timing-function: ease-out;
border-radius: 4px;
background-position:144px;
border: 2px solid #c9872a;
}

a.buttonpricingtable:hover
{
	 background: #c9872a url(/files/53/shopping-32px-glyph-round-51.png) no-repeat left 10%;
	 background-position:144px;
	 margin: 25px 0 0px 0px;
     padding-bottom: 10px;
	 padding-top: 10px;
	 padding-left: 20px;
	 border-bottom-width: 3px;
     border-bottom-style: solid;
     border-bottom-color: #c9872a;
}


/*FAQ*/


/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.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-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #4e5359;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  white-space: nowrap;
  border-bottom: 1px solid #555b61;
  text-overflow: ellipsis;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #7f868e;
}
.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .cd-faq-categories {
    width: 20%;
    float: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }
  .cd-faq-categories a {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 600;
    padding-left: 24px;
    padding: 0 24px;
    -webkit-transition: background 0.2s, padding 0.2s;
    -moz-transition: background 0.2s, padding 0.2s;
    transition: background 0.2s, padding 0.2s;
  }
  .cd-faq-categories a::before, .cd-faq-categories a::after {
    display: none;
  }
  .no-touch .cd-faq-categories a:hover {
    background: #555b61;
  }
  .no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-faq-categories {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 2;
  }
  .cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #a9c056;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-faq-categories .selected {
    background: #42464b !important;
  }
  .cd-faq-categories .selected::before {
    opacity: 1;
  }
  .cd-faq-categories.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed;
  }
  .no-js .cd-faq-categories {
    position: relative;
  }
}

a:hover, a:focus {
text-decoration:none;

}


.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%);
}



.cd-close-panel {
  position: fixed;
  top: 5px;
  right: -100%;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  transition: right 0.4s;
}
.cd-close-panel::before, .cd-close-panel::after {
  /* close icon in CSS */
  position: absolute;
  top: 16px;
  left: 12px;
  display: inline-block;
  height: 3px;
  width: 18px;
  background: #6c7d8e;
}
.cd-close-panel::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close-panel::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-close-panel.move-left {
  right: 2%;
}
@media only screen and (min-width: 768px) {
  .cd-close-panel {
    display: block;
  }
}

.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: 1.3rem;
  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;
  }
  .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;
}
@media only screen and (min-width: 768px) {
  .cd-faq-trigger {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
    padding: 24px 72px 24px 24px;
	background-color:rgba(211,211,211,0.2);
  }
  
  a.cd-faq-trigger{
  color:#666;
	}
	
	a.cd-faq-trigger:hover{
  color:#666;
	}
	
	a.cd-faq-trigger:visted{
  color:#666;
	}
	a.cd-faq-trigger:active{
  color:#666;
	}
	
  .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: #666666;
    -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: #6c7d8e;
}
@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;
  }
}


/*socialsprites*/


/* -----------------------------------------
   Item: Social Sprites
   Author: The Fireworks Police
   Version: 2.5.0
----------------------------------------- */

/* Sprites URL
================================================== */

/*** UPDATE THESE URL ***/

.ss li{background:url(/files/137/socialsprites.png) no-repeat!important}
.ssm li{background:url(/files/138/socialsprites-mini.png) no-repeat!important}
.ss.ss_white li{background:url(/files/140/socialsprites-wht.png) no-repeat!important}
.ssm.ssm_white li{background:url(/files/139/socialsprites-mini-wht.png) no-repeat!important}

/*** UPDATE THESE URL ***/

/* Social Sprites: General Listing
================================================== */
.ss{width:auto;text-align:left}
.ss li{display:inline-block!important;margin:0!important;padding:0!important;border-right:1px solid rgba(0,0,0,0.0)!important;border-bottom:none!important;height:40px!important;width:40px!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ss li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ss li:first-child{border-left:1px solid rgba(0,0,0,0.0)!important}
.ss li a{display:block!important;text-indent:-9999px!important;height:40px!important;width:40px!important}
.ss li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3)}

/* Social Sprites: Icon Classes
================================================== */
.ss li.digg{background-position:0 0!important}
.ss li.digg:hover{background-position:0 -40px!important}
.ss li.dribbble{background-position:0 -80px!important}
.ss li.dribbble:hover{background-position:0 -120px!important}
.ss li.facebook{background-position:0 -160px!important}
.ss li.facebook:hover{background-position:0 -200px!important}
.ss li.flickr{background-position:0 -240px!important}
.ss li.flickr:hover{background-position:0 -280px!important}
.ss li.forrst{background-position:0 -320px!important}
.ss li.forrst:hover{background-position:0 -360px!important}
.ss li.googleplus{background-position:0 -400px!important}
.ss li.googleplus:hover{background-position:0 -440px!important}
.ss li.html5{background-position:0 -480px!important}
.ss li.html5:hover{background-position:0 -520px!important}
.ss li.icloud{background-position:0 -560px!important}
.ss li.icloud:hover{background-position:0 -600px!important}
.ss li.lastfm{background-position:0 -640px!important}
.ss li.lastfm:hover{background-position:0 -680px!important}
.ss li.linkedin{background-position:0 -720px!important}
.ss li.linkedin:hover{background-position:0 -760px!important}
.ss li.myspace{background-position:0 -800px!important}
.ss li.myspace:hover{background-position:0 -840px!important}
.ss li.paypal{background-position:0 -880px!important}
.ss li.paypal:hover{background-position:0 -920px!important}
.ss li.picasa{background-position:0 -960px!important}
.ss li.picasa:hover{background-position:0 -1000px!important}
.ss li.pinterest{background-position:0 -1040px!important}
.ss li.pinterest:hover{background-position:0 -1080px!important}
.ss li.reddit{background-position:0 -1120px!important}
.ss li.reddit:hover{background-position:0 -1160px!important}
.ss li.rss{background-position:0 -1200px!important}
.ss li.rss:hover{background-position:0 -1240px!important}
.ss li.skype{background-position:0 -1280px!important}
.ss li.skype:hover{background-position:0 -1320px!important}
.ss li.stumbleupon{background-position:0 -1360px!important}
.ss li.stumbleupon:hover{background-position:0 -1400px!important}
.ss li.tumblr{background-position:0 -1440px!important}
.ss li.tumblr:hover{background-position:0 -1480px!important}
.ss li.twitter{background-position:0 -1520px!important}
.ss li.twitter:hover{background-position:0 -1560px!important}
.ss li.vimeo{background-position:0 -1600px!important}
.ss li.vimeo:hover{background-position:0 -1640px!important}
.ss li.wordpress{background-position:0 -1680px!important}
.ss li.wordpress:hover{background-position:0 -1720px!important}
.ss li.yahoo{background-position:0 -1760px!important}
.ss li.yahoo:hover{background-position:0 -1800px!important}
.ss li.youtube{background-position:0 -1840px!important}
.ss li.youtube:hover{background-position:0 -1880px!important}
.ss li.customicon1{background-position:0 0!important}
.ss li.customicon1:hover{background-position:0 -40px!important}
.ss li.customicon2{background-position:0 0!important}
.ss li.customicon2:hover{background-position:0 -40px!important}
.ss li.github{background-position:0 -1920px!important}
.ss li.github:hover{background-position:0 -1960px!important}
.ss li.behance{background-position:0 -2000px!important}
.ss li.behance:hover{background-position:0 -2040px!important}
.ss li.yelp{background-position:0 -2080px!important}
.ss li.yelp:hover{background-position:0 -2120px!important}
.ss li.mail{background-position:0 -2160px!important}
.ss li.mail:hover{background-position:0 -2200px!important}
.ss li.instagram{background-position:0 -2240px!important}
.ss li.instagram:hover{background-position:0 -2280px!important}
.ss li.foursquare{background-position:0 -2320px!important}
.ss li.foursquare:hover{background-position:0 -2360px!important}
.ss li.zerply{background-position:0 -2400px!important}
.ss li.zerply:hover{background-position:0 -2440px!important}
.ss li.star{background-position:0 -2480px!important}
.ss li.star:hover{background-position:0 -2520px!important}
.ss li.share{background-position:0 -2560px!important}
.ss li.share:hover{background-position:0 -2600px!important}
.ss li.doc{background-position:0 -2640px!important}
.ss li.doc:hover{background-position:0 -2680px!important}
.ss li.aboutme{background-position:0 -2720px!important}
.ss li.aboutme:hover{background-position:0 -2760px!important}
.ss li.bandcamp{background-position:0 -2800px!important}
.ss li.bandcamp:hover{background-position:0 -2840px!important}
.ss li.viki{background-position:0 -2880px!important}
.ss li.viki:hover{background-position:0 -2920px!important}
.ss li.deviantart{background-position:0 -2960px!important}
.ss li.deviantart:hover{background-position:0 -3000px!important}
.ss li.xing{background-position:0 -3040px!important}
.ss li.xing:hover{background-position:0 -3080px!important}

/* Social Sprites Mini
================================================== */
.socialbar_mini{height:30px;width:100%;padding:0;z-index:999}
.ssm{width:auto;margin:0!important;padding:0!important;text-align:left;font-size:0}
.ssm li{display:inline-block!important;height:30px!important;width:30px!important;margin:0!important;padding:0!important;border-right:1px solid rgba(0,0,0,0.2)!important;border-bottom:none!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ssm li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ssm li:first-child{border-left:1px solid rgba(0,0,0,0.2)!important}
.ssm li a{display:block!important;text-indent:-9999px!important;height:30px!important;width:30px!important}
.ssm li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3)}

/* Social Sprites Mini: Icon Classes
================================================== */
.ssm li.digg{background-position:0 0!important}
.ssm li.digg:hover{background-position:0 -30px!important}
.ssm li.dribbble{background-position:0 -60px!important}
.ssm li.dribbble:hover{background-position:0 -90px!important}
.ssm li.facebook{background-position:0 -120px!important}
.ssm li.facebook:hover{background-position:0 -150px!important}
.ssm li.flickr{background-position:0 -180px!important}
.ssm li.flickr:hover{background-position:0 -210px!important}
.ssm li.forrst{background-position:0 -240px!important}
.ssm li.forrst:hover{background-position:0 -270px!important}
.ssm li.googleplus{background-position:0 -300px!important}
.ssm li.googleplus:hover{background-position:0 -330px!important}
.ssm li.html5{background-position:0 -360px!important}
.ssm li.html5:hover{background-position:0 -390px!important}
.ssm li.icloud{background-position:0 -420px!important}
.ssm li.icloud:hover{background-position:0 -450px!important}
.ssm li.lastfm{background-position:0 -480px!important}
.ssm li.lastfm:hover{background-position:0 -510px!important}
.ssm li.linkedin{background-position:0 -540px!important}
.ssm li.linkedin:hover{background-position:0 -570px!important}
.ssm li.myspace{background-position:0 -600px!important}
.ssm li.myspace:hover{background-position:0 -630px!important}
.ssm li.paypal{background-position:0 -660px!important}
.ssm li.paypal:hover{background-position:0 -690px!important}
.ssm li.picasa{background-position:0 -720px!important}
.ssm li.picasa:hover{background-position:0 -750px!important}
.ssm li.pinterest{background-position:0 -780px!important}
.ssm li.pinterest:hover{background-position:0 -810px!important}
.ssm li.reddit{background-position:0 -840px!important}
.ssm li.reddit:hover{background-position:0 -870px!important}
.ssm li.rss{background-position:0 -900px!important}
.ssm li.rss:hover{background-position:0 -930px!important}
.ssm li.skype{background-position:0 -960px!important}
.ssm li.skype:hover{background-position:0 -990px!important}
.ssm li.stumbleupon{background-position:0 -1020px!important}
.ssm li.stumbleupon:hover{background-position:0 -1050px!important}
.ssm li.tumblr{background-position:0 -1080px!important}
.ssm li.tumblr:hover{background-position:0 -1110px!important}
.ssm li.twitter{background-position:0 -1140px!important}
.ssm li.twitter:hover{background-position:0 -1170px!important}
.ssm li.vimeo{background-position:0 -1200px!important}
.ssm li.vimeo:hover{background-position:0 -1230px!important}
.ssm li.wordpress{background-position:0 -1260px!important}
.ssm li.wordpress:hover{background-position:0 -1290px!important}
.ssm li.yahoo{background-position:0 -1320px!important}
.ssm li.yahoo:hover{background-position:0 -1350px!important}
.ssm li.youtube{background-position:0 -1380px!important}
.ssm li.youtube:hover{background-position:0 -1410px!important}
.ssm li.customicon1{background-position:0 0!important}
.ssm li.customicon1:hover{background-position:0 -40px!important}
.ssm li.customicon2{background-position:0 0!important}
.ssm li.customicon2:hover{background-position:0 -40px!important}
.ssm li.github{background-position:0 -1440px!important}
.ssm li.github:hover{background-position:0 -1470px!important}
.ssm li.behance{background-position:0 -1500px!important}
.ssm li.behance:hover{background-position:0 -1530px!important}
.ssm li.yelp{background-position:0 -1560px!important}
.ssm li.yelp:hover{background-position:0 -1590px!important}
.ssm li.mail{background-position:0 -1620px!important}
.ssm li.mail:hover{background-position:0 -1650px!important}
.ssm li.instagram{background-position:0 -1680px!important}
.ssm li.instagram:hover{background-position:0 -1710px!important}
.ssm li.foursquare{background-position:0 -1740px!important}
.ssm li.foursquare:hover{background-position:0 -1770px!important}
.ssm li.zerply{background-position:0 -1800px!important}
.ssm li.zerply:hover{background-position:0 -1830px!important}
.ssm li.star{background-position:0 -1860px!important}
.ssm li.star:hover{background-position:0 -1890px!important}
.ssm li.share{background-position:0 -1920px!important}
.ssm li.share:hover{background-position:0 -1950px!important}
.ssm li.doc{background-position:0 -1980px!important}
.ssm li.doc:hover{background-position:0 -2010px!important}
.ssm li.aboutme{background-position:0 -2040px!important}
.ssm li.aboutme:hover{background-position:0 -2070px!important}
.ssm li.bandcamp{background-position:0 -2100px!important}
.ssm li.bandcamp:hover{background-position:0 -2130px!important}
.ssm li.viki{background-position:0 -2160px!important}
.ssm li.viki:hover{background-position:0 -2190px!important}
.ssm li.deviantart{background-position:0 -2220px!important}
.ssm li.deviantart:hover{background-position:0 -2250px!important}
.ssm li.xing{background-position:0 -2280px!important}
.ssm li.xing:hover{background-position:0 -2310px!important}


/* Social Bar
================================================== */
.socialbar{width:205px;min-height:40px;padding:0;font-size:0;z-index:999;background:transparent; float:right;}
.socialbar:after{clear:left;content:" "}
.socialbar_transparent{width:100%;min-height:40px;padding:0;font-size:0;z-index:999}
.socialbar_transparent:after{clear:left;content:" "}
.borderless li{border:none!important}
.borderless li:first-child{border:none!important}
ul.borderless li{border:none!important}
ul.borderless li:first-child{border:none!important}

/* Social Sprites: Shapes
================================================== */
.sssquare{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.sscircle li{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-webkit-box-shadow:0 2px rgba(0,0,0,0.3);-moz-box-shadow:0 2px rgba(0,0,0,0.3);box-shadow:0 2px rgba(0,0,0,0.3);margin-right:5px!important;margin-bottom:5px!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;background-color:#FFF!important}
.sscircle li:hover,.sscircle li a:active{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}


/*Demo CSS*/


.container > header {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	color: #89867e;
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0 0 0.6em 0.1em;
}

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	text-decoration: none;
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #716d62;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.container > section {
	margin: 0 auto;
	padding: 10em 3em;
	text-align: center;
}

.color-1 {
	background: #435a6b;
}

.color-2 {
	background: #f39c12;
}

.color-3 {
	background: #2ac56c;
}

.color-4 {
	background: #0e83cd;
}

.color-5 {
	background: #cd4436;
}

.color-6 {
	background: #f19f0f;
}

.color-7 {
	background: #3fa46a;
}

.color-8 {
	background: #ecf0f1;
}

.color-9 {
	background: #9e487f;
}

.color-10 {
	background: #16a085;
}

.color-11 {
	background: #aab7b7;
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}