@font-face {
    font-family: Quenda-Medium;
    src: url('/media/creavienne/font/quenda-medium.otf');
    src: url('/media/creavienne/font/quenda-medium.eot'); 				/* IE9 Compat Modes */
    src: url('/media/creavienne/font/quenda-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/media/creavienne/font/quenda-medium.woff') format('woff'), 		/* Modern Browsers */
         url('/media/creavienne/font/quenda-medium.ttf')  format('truetype'), 		/* Safari, Android, iOS */
         url('/media/creavienne/font/quenda-medium.svg#svgFontName') format('svg'); 	/* Legacy iOS */
}

.header { 
    position: absolute;
    z-index: 999;
    width: 100%;
    background: url(/media/creavienne/images/header.png) no-repeat bottom center;
    background-size: cover;
    height: 190px;
    border-bottom: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s fadein;
-o-transition: all 0.5s fadein;
-ms-transition: all 0.5s fadein;
transition: all 0.5s fadein;
}


.header .column, .header .columns {
    width: 920px;
    margin: 0 auto;
    float: none;
    display: block;
}

.logo {
    float: left;
    margin-right: 2px;
    padding-top: 25px;
    margin-bottom: 10px;
    width: 350px;
}

.logo img {
	width: 260px;
}


.mainmenu {
    background: transparent;
    float: right;
    margin-top: 20px;
    text-transform: capitalize;
}

.header.fixedTop { 
    position: fixed;
    z-index: 999;
    width: 100%;
    background-image: none;
    background-color: #fff;
    height: 46px;
    border-bottom: 0
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s fadein;
    -o-transition: all 0.5s fadein;
    -ms-transition: all 0.5s fadein;
    transition: all 0.5s fadein;
    -moz-box-shadow: 0px 5px 5px 0px #ddd;
    -webkit-box-shadow: 0px 5px 5px 0px #ddd;
    -o-box-shadow: 0px 5px 5px 0px #ddd;
    box-shadow: 0px 1px 16px 0px #9e9e9e;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=180, Strength=5);
}

.header.fixedTop .logo img {width: 110px;}
.header.fixedTop .logo {padding-top:0px;}

.header.fixedTop .mainmenu {
    margin-top: 7px;
}

.header.fixedTop .mainmenu ul.sf-menu {
    margin-top: 0px;
}
.header.fixedTop .mainmenu .sf-menu li a {
    padding: 15px 15px 10px 15px; 
}
.header.fixedTop .mainmenu .sf-menu li ul {
    margin-top: 10px;
}




.content {
    padding-top: 180px;
}


.content h2 {
    color: #ed1e79;
    font-family: 'Quenda-Medium', "PT Serif", serif;
    font-weight: normal;
}



.slider {
    margin-top: -140px;
    min-height: 120px;
}


.footer {
    background: #282f42;
    padding: 20px 0px;
    border-top: 5px solid #ed1e79;
}

.footer a {
	color: #ed1e79;
}

@media only screen and (max-width: 960px) {

	.logo {width: 50%;}
	.sf-menu li {margin-left: 15px; }
	.header.fixedTop .logo {width: 200px;}


}




@media only screen and (max-width: 767px) {
	.header {
		position: relative;
		background: none; 
	}

	.header.fixedTop { 
	    position: relative;
	}
	.mainmenu {
	    float: left;
	    width: 100%;
	    margin-top: 0px;
    		height: 50px;
	}
	#responsive-menu {
	    display: inline-block;
	    width: 280px;
	    margin-top: 13px;
	    position: absolute;
	}
	.logo {
	    width: 100%;
	    width: 100%;
	    text-align: center;
	    float: none;
	    margin: 0 auto;
	}
}