header{
    border-bottom: 1px solid rgba( 255, 255, 255, 0.03 );
}

/* SOCIAL */

div.header-social{
    float: right;
}

div.header-social div.social-items{
    overflow: hidden;
    display: inline-block;
    margin-top: 7px;
    height: 26px;

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
div.header-social div.social-items.hide-items{
    width: 0px !important;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
div.header-social div.social-items.show-items{
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
    
}

div.header-social div.social-items a{
    color: rgba( 255, 255, 255, 0.6 );
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    width: 26px;
    height: 26px;
    margin-right: 7px;
    text-align: center;
    border: 2px solid rgba( 255, 255, 255, 0.15 );

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

div.header-social div.social-items a:hover{
    color: rgba( 255, 255, 255, 1.0 );
    border: 2px solid rgba( 255, 255, 255, 1.0 );
}

div.header-social a.mythemes-social-btn{
    float: right;
    margin-top: 7px;
    margin-right: 10px;
}
div.header-social a.mythemes-social-btn{
    display: inline-block;

    text-align: center;

    border: 2px solid rgba( 255, 255, 255, 0.05 );
    width: 26px;
    height: 26px;

    margin-right: 7px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

}
div.header-social a.mythemes-social-btn i{
    color: rgba( 255, 255, 255, 0.8 );
    display: block;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px;
    width: 22px;
    height: 22px;
    text-align: center;
    

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;   
}
div.header-social a.mythemes-social-btn:hover{
    border: 2px solid rgba( 255, 255, 255, 1.0 );
}
div.header-social a.mythemes-social-btn:hover i{
    color: rgba( 255, 255, 255, 1.0 );
}

div.header-social a.mythemes-social-btn.show-items i{
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

/* HEADER IMAGE */
div.mythemes-header{
	background: #000000;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;

	height: 500px;
}
.mythemes-header-animation .mythemes-logo{
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 10px;
}
.mythemes-header-animation .mythemes-logo,
.mythemes-header-animation .mythemes-description{
    display: block;

    overflow: hidden;
    text-align: center;

    width: 100%;
    max-width: 100%;
    max-height: 100%;

    text-decoration: none;
}
.mythemes-header-animation .mythemes-logo span,
.mythemes-header-animation .mythemes-description span{
    display: inline-block;
}

/* BUTTONS */
div.mythemes-header .valign-cell p.buttons{
	padding: 30px 0px 0px 0px;
}

div.mythemes-header .valign-cell p.buttons a.btn{

	font-size: 13px;
	color: #ffffff;
	padding: 12px 25px;

	margin: 10px 10px;

	text-shadow: none;
	text-decoration: none;

    opacity: 0.85;
	filter: alpha(opacity=85);

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;

}
div.mythemes-header .valign-cell p.buttons a.btn:hover{
	color: #ffffff;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

@media ( max-width:480px ){
	div.mythemes-header .valign-cell p.buttons a.btn{	
			width: 80%;
	}
}
@media ( max-width: 1024px ){
	div.mythemes-header{
		background-size: initial;
	}
}

div.mythemes-header div.overflow-wrapper{
	border-top: 10px solid rgba( 0, 0, 0, 0.3 );
    border-bottom: 10px solid rgba( 0, 0, 0, 0.3 );
	margin: 0px;
}