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

	Theme Name: Klaus Child Theme - Retina Multi-Purpose WordPress Theme
	Theme URI: http://www.demo.alessioatzeni.com/klaus/
	Description: Klaus Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features.
	Author: Alessio Atzeni
	Author URI: http://www.alessioatzeni.com
	Version: 1.0
	Template: klaus

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

/*-----------------------------------------------------------------------------------*/
/*	0.	Import style.css
/*-----------------------------------------------------------------------------------*/

@import url("../klaus/style.css");
@import url("../klaus/_include/css/color.css.php");
@import url("../klaus/_include/css/custom.css.php");
@import url("../klaus/_include/css/custom-fonts.css.php");


/**
Christoph's Änderungen
**/

header {
    position: absolute;
    background: #FFF;
    width: 100%;
    height: 131px;
    z-index: 7000;
    background-color: rgba(0, 0, 0, 0);
    top: 0px;
}

.normal-header:after{
    background: none repeat scroll 0 0 #FFF;
    top: -70px;
    content: "";
    height: 200px;
    position: absolute;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
    width: 100%;
    z-index: -1;
    box-shadow:  0px 9px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 9px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.4);
}

/**
OLD CODE!
Top Angle

section.up:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    width: 100%;
    z-index: 1;
    top:10px;
}


/** Bottom Angle

section.up:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    width: 100%;
    z-index: 1;
    bottom: -61px
}


section.down:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    width: 100%;
    z-index: 1;
    top:10px;
}
section.down:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
}


**/


.top1:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.top2:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 170px;
    position: absolute;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
    width: 100%;
    z-index: 1;
    top:-10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.top3:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);

}
.top4:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-1deg);
    -moz-transform: skewY(-1deg);
    -o-transform: skewY(-1deg);
    -ms-transform: skewY(-1deg);
    transform: skewY(-1deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.top5:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.top6:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(1deg);
    -moz-transform: skewY(1deg);
    -o-transform: skewY(1deg);
    -ms-transform: skewY(1deg);
    transform: skewY(1deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.top7:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(2deg);
    -moz-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.top8:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 140px;
    position: absolute;
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.top9:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}


.bottom1:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom2:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 150px;
    position: absolute;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom3:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom4:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(-1deg);
    -moz-transform: skewY(-1deg);
    -o-transform: skewY(-1deg);
    -ms-transform: skewY(-1deg);
    transform: skewY(-1deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom5:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -o-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom6:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(1deg);
    -moz-transform: skewY(1deg);
    -o-transform: skewY(1deg);
    -ms-transform: skewY(1deg);
    transform: skewY(1deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom7:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(2deg);
    -moz-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom8:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
    width: 100%;
    z-index: 1;
    bottom: -61px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}
.bottom9:after{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 190px;
    position: absolute;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    width: 100%;
    z-index: 1;
    bottom: -90px;
    box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 15px 16px 0px rgba(50, 50, 50, 0.4);
}

#pathcontainer{
    height: 3400px;
    position: absolute;
    z-index: 99;
    width: 800px;
}



#menu ul li:hover ul {
    top: 87px!important;
    left: 0!important;
    margin-left: 0px!important;
    z-index: 99!important;
}
#menu ul ul {
    position: absolute!important;
    top: -9999em!important;
    width: 187px !important;
} 
#menu ul .sub-menu li a {
position: relative;
color: #FFF !important;
font-size: 13px;
padding: 14px 20px 15px !important;
border-top: 1px dotted #2F2F2F;
}

#menu > ul > li:after {
content: "";
position: absolute;
width: 10px;
height: 14px;
left: -20px;
top: 54px;
border-right:none;
}
#menu {
     float: left;
    padding-top: 14px;
}
#title-page .pagize {

    padding-top: 151px;

}
#title-page .page-caption{
    color:#000000;
}
#title-page h2{
    color:#000000;
}
.center-blog .post-name .entry-title h2{
    font-family: "futura-pt",sans-serif!important;
    font-weight: 800!important;
    font-style: normal!important;
    letter-spacing: 0!important;
}
.item-project .project-name h4 {
    margin: 2px 0 0;
    font-weight: 400;
    font-size: 14px;
    opacity: 0.75;
    color: #FFF;
    letter-spacing: 0;
    font-style: italic;
    line-height: 22px;
    text-transform: none;
    font-family: Volkov;
}
.item-project .project-name .va h3 {
    color: #FFF;
    margin-bottom: 0;
    line-height: 30px;
}
#applypilots{

    position: absolute;
    right:30px;
    top: 140px;
    z-index: 99999;

}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    z-index: 9999;
}
#button {
    background-image: url('./_includes/img/Button_weiss.png');
    height: 180px;
    width: 181px;
    z-index: 9999;
    transition: background-image .25s ease-in-out;
    -moz-transition: background-image .25s ease-in-out;
    -webkit-transition: background-image .25s ease-in-out;
}
#buttonpre{
    visibility: hidden;
    background-image: url('./_includes/img/Button_schwarz.png');
}
#button:hover {
    background-image: url('./_includes/img/Button_schwarz.png');
    z-index: 9999;
}








#recommend{

    position: absolute;
    left:30px;
    top: 170px;
    z-index: 99999;

}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    z-index: 9999;
}
#buttonrecommend {
    background-image: url('./_includes/img/Button_Empfehlung_w.png');
    height: 180px;
    width: 181px;
    z-index: 9999;
    transition: background-image .25s ease-in-out;
    -moz-transition: background-image .25s ease-in-out;
    -webkit-transition: background-image .25s ease-in-out;
}
#buttonprerecommend{
    visibility: hidden;
    background-image: url('./_includes/img/Button_Empfehlung_s.png');
}
#buttonrecommend:hover {
    background-image: url('./_includes/img/Button_Empfehlung_s.png');
    z-index: 9999;
}




.center-footer{
    text-align: center;
}
.container-fluid{

}

footer{
    padding-top: 0px
}

footer:before{
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    transform: skewY(3deg);
    width: 100%;
    z-index: 0!important;
    background: none repeat scroll 0 0 #000;
    content: "";
    height: 190px;
    top: -80px;
    position: absolute;
    box-shadow:  0px -9px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -9px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -9px 16px 0px rgba(50, 50, 50, 0.4);

}
.footer-widgets {
    padding: 20px 0 30px;
}
.copyright{
    margin-top: 40px!important;

}
#footer-credits{
    text-align: center;
    background-color: #ffffff!important;
}
#footer-credits p a{
    color: #000000!important;
}
#footer-credits p{
    color: #000000!important;
}

.footer-font{
    font-family: Montserrat;
    font-weight: bold;
    color: #fff;
}
.pagize{
    padding-top: 175px!important;
}
#blog{
    position: relative;
}
#blog:before{
    background: none repeat scroll 0 0 #FFF;
    content: "";
    margin-top: -72px;
    min-height: 123px;
    position: absolute;
    -webkit-transform: skewY(2deg);
    -moz-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    width: 100%;
    z-index: 1;
    top:10px;
    box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px -15px 16px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px -15px 16px 0px rgba(50, 50, 50, 0.4);
}
.fullimage-container {
    height: 430px;
}
.twitter-icon{
    font-family: 'Icons';
    content: "\e023";
    width: 100%;
    height: 48px;
    font: initial;
    font-size: 32px;
}
.tweet_text{
    font-style: italic;
}
.tweet_time{
    font-family: Montserrat;
    font-weight: bold;
}
#navigation-mobile {

    padding-top: 130px;
    background-color: #FFF;
}
#wpcf7-f289-p14-o1{
    text-align: center;
}
#wpcf7-f289-p14-o1 input{
    border: 2px solid #a5a5a5;
}

#portfolio-filter .portfolio-left p {
    font-family: Montserrat;
}
#portfolio-filter .portfolio-right ul li a {
    font-family: Montserrat;
}
#portfolio-filter .portfolio-right ul li {
    list-style: none;
    float: none;
    display: inline;
}
#portfolio-filter .portfolio-right {
    float: none;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}
.item-project .project-name h4 {
    font-style: normal;
}
div.wpcf7 img.ajax-loader{
    position: absolute;
}
.fullimage-container.titlize {
    height: 800px;
}
.default-padding-mod-center {
    padding: 10px 0 110px;
}
#wpcf7-f289-p14-o1 input{
    border-color: #3F3F3F;
    color: #000000;
 }
#wpcf7-f289-p14-o1 input:hover{

    color:#dddddd ;
}
.wpcf7 .wpcf7-submit:hover{
    color:#dddddd ;
    background-color: #ffffff!important;
}


#social-holder{
    right: 40px;
    float: right;
    width: 268px;
    position: absolute;
    top: 50px;
}
.twitter-share-button{
    top: 7px;
    position: relative!important;
    width: 131px;
    height: 27px!important;
}
.social-icons.center{
    text-align: center;
}
.social-icons li a i {
    color: #969696;

}
.social-icons li a:hover i {
    color: #020202;

}
h1 {
    font-family: "futura-pt",sans-serif!important;
    font-weight: 800!important;
    font-style: normal!important;
    letter-spacing: 0!important;
}
h3{
    font-family: "futura-pt",sans-serif;
    font-weight: 700!important;
    font-style: normal!important;
    letter-spacing: 0!important;
}

#menu ul a {
    font-family: "futura-pt",sans-serif!important;
    font-size: 15px;
    font-weight: 800!important;
    letter-spacing: 0!important;
}
#menu ul .sub-menu li a {
    font-family: "futura-pt",sans-serif!important;
    font-size: 15px!important;
    font-weight: 500!important;
}

@font-face {
    font-family: 'kkpxing';
    src: url('./font/kkpxing.eot?77498627');
    src: url('./font/kkpxing.eot?77498627#iefix') format('embedded-opentype'),
    url('./font/kkpxing.woff?77498627') format('woff'),
    url('./font/kkpxing.ttf?77498627') format('truetype'),
    url('./font/kkpxing.svg?77498627#kkpxing') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'kkpxing';
    src: url('../font/kkpxing.svg?77498627#kkpxing') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "kkpxing";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.font-icon-social-addthis {
    font-family: kkpxing, sans-serif!important;
}
.font-icon-social-addthis:before {
    content: "\e802"!important;
    font-family: kkpxing, sans-serif!important;
}
.blog-cloud-1{
    position: absolute;
    z-index: 99999;
    right: 10px;
    top: 35%;
    left: 10%;
}
.blog-cloud-2{
    position: absolute;
    z-index: 99999;
    right: 10px;
    top: 44%;
    right: 10%;
}
.post-type-navi .prev a span, .post-type-navi .next a span {
    font-size: 40px;
}
.fullimage-container.titlize-blog{
	height: 400px;
}

#ujiCountdown{
    width: 361px!important;
    padding-left: 10px;
    display: block;
    margin: 0 auto!important;;
}
#wpcf7-f289-p736-o1{
    text-align: center;
}
#wpcf7-f289-p14-o1 input{
    border-color: #3F3F3F;
    color: #000000;
}
#wpcf7-f289-p14-o1 input:hover{

    color:#dddddd ;
}
.wpcf7 .wpcf7-submit:hover{
    color: #363636;
    background-color: #ffffff!important;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {



}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 320px) and (max-width : 768px) {
    #social-holder{
        right: 34px;
        float: right;
        width: 246px;
        position: absolute;
        top: 140px!important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #social-holder{
        right: -44px!important;
		top:20px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) and ( min-width : 1200px) {
    #social-holder{
        right: 5px!important;
		top:56px;
    }
}
.container-fluid {
    z-index: 0;
}

footer .widget.social_widget h2{
	color:#ffffff;
}
.footer-widgets a {
color: #A8A8A8;
}
.footer-widgets a:hover {
color: #6c6c6c;
}
#commentform #submit{
	color: #6c6c70;
}
.social_widget a {
border-color: #a8a8a8!important;
}
.social_widget a i{
	color: #a8a8a8!important;
}
#blog h1{
	font-size: 36px;
	margin: 30px 0 10px;
	text-align: center;
}
#blog .entry-meta.entry-header{
	margin-bottom:30px;
}