/*



==================================================



==================================================



Template Name: Misha - Landing Page



Theme URI: http://kimeravisualdesign.com/demo/misha



Author: Kimeravisualdesign - Resetblue



Author URI: http://kimeravisualdesign.com



Description: Misha - HTML5 responsive Landing Page 



Version: 1.0



Tags: misha, html5, css3, responsive, retina,



landing, landing page, showcase, app, app showcase,



parallax



==================================================



==================================================



*/







/* global styles



================================================== */



html,



body { height:100%;width:100% }







body {



background:#FFF;



color:#000;



font-family:'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;



font-size:12px;



font-weight:300;



line-height:1.5em;



}







a,



a:hover,



a:focus,



a:active { color:#ffffff;font-weight:400;text-decoration:none }







em { color:#2e6c87;font-style:normal;font-weight:600 }



ul,li { list-style:none }



iframe { border:0 }







hr {



border-color:#e6e6e6;



border-width:1px 0 0;



float:left;



margin:45px 0 45px 30px;



width:100%



}







blockquote {



border-bottom:1px solid rgba(0,0,0,0.1);



border-left:none;



border-top:1px solid rgba(0,0,0,0.1);



color:#4E565C;



float:left;



font-size:18px;



font-weight:300;



line-height:1em;



padding:30px 0;



width:100%



}







p {



color:#4E565C;



font-size:16px;



font-weight:400;



line-height:1.1250em;



margin:10px 0;



width:100%!important;



}







h1,



h2,



h3,



h4,



h5,



h6 { color:#4E565C;font-family:'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;font-weight:400;margin:0 }







h1 { font-size:62px;line-height:1.1613em }



h2 { font-size:30px;line-height:1.2em }



h3 { font-size:23px;line-height:1.3846em }



h4 { font-size:18px;line-height:1em }



h5 { font-size:16px;line-height:1.1250em }



h6 { font-size:14px;line-height:1.2857em }







		/* buttons



		================================================== */



		.btn,



		.btn:hover {



		font-size:14px;



		font-weight:700;



		margin-top:30px;



		padding:15px 20px;



		text-transform:uppercase



		}



		



		.btn-default { background:none;border:2px solid #00818b;color:#00818b }



		.btn-default:hover { background:#00818b;border:2px solid #00818b;color:#FFF }



		.btn-default2 { background:none;border:2px solid #00818b;color:#00818b }



		.btn-default2:hover { background:#00818b;border:2px solid #00818b;color:#FFF }



				.btn-default3 { background:none;border:2px solid #00818b;color:#00818b }



		.btn-default3:hover { background:#00818b;border:2px solid #00818b;color:#FFF }



		.light { background:#00818b;border:2px solid #00818b;color:#FFF }



		.light2 { background:none;border:2px solid #00818b;color:#00818b }



		.light:hover { background:#EDEDED;border:2px solid #EDEDED;color:#4E565C }



		.bg-filler { background:#00818b;border:2px solid #00818b;color:#FFF }



		.bg-filler2 { background:#30a8b4;border:2px solid #30a8b4;color:#FFF }



		.bg-filler:hover { background:none;border:2px solid #000;color:#000 }



		



		/*  text line decoration



		================================================== */



		span.top-line,



		span.bottom-line { 



		background:#00818b;



		height:2px;



		position:absolute;



		top:0;



		width:90px



		}



		



		.heading span.top-line,



		.service-row span.top-line { left:50%;margin-left:-45px }



		



		.spotlight span.top-line { left:15px }



		.service-row span.top-line { top:105px }



		.service-row .service-desc span.top-line { left:0;margin-left:0;top:0 }



		



		.heading span.bottom-line {



		bottom:0;



		left:50%;



		margin-left:-180px;



		top:auto;



		width:360px



		}



		



		/*  heading



		================================================== */



		.heading { margin-bottom:30px;padding:30px 0 }



		.heading p { font-size:16px;font-weight:300;line-height:1.8em; }



		



		.heading span {



		color:#4E565C;



		display:block;



		font-size:13px;



		font-weight:700;



		line-height:1.2857em;



		margin-bottom:15px;







		}







/* fixed navbar



================================================== */



nav {



background:rgba(0, 129, 139, .9);



border-bottom:1px solid rgba(0, 0, 0, .1) !important;



height:60px;



padding:10px 0 20px 0;



position:fixed;



z-index:9000 !important



}







ul.nav li {



border:2px solid rgba(255, 255, 255, 0);



margin-left:15px;



padding:7px 15px;



}		







ul.nav li a {



color:#292D30;



font-size:12px;



font-weight:600;



padding:0;







}		







ul.nav li:hover,



ul.nav li:focus,



ul.nav li.active { border:2px solid #fff }		







ul.nav li a:hover, ul.nav li a:focus  { background:none }		







nav.navbar-fixed-top { /*top:-60px*/ }		







.navbar-toggle { 



background-color:rgba(0, 0, 0, 0.8);



border:1px solid rgba(0, 0, 0, 0.8);



border-radius:0;



color:rgba(255, 255, 255, 0.8);



font-size:16px;



padding:10px 20px;



margin-top:0



}		







/* brand - navbar, homepage, footer



================================================== */



nav .logo,



.intro-brand, 



footer .logo { color:#292D30;font-family:'Oswald', sans-serif; padding:10px 15px; font-weight: bold}

nav .logo{padding:0px 15px;}







.intro-brand2, 



footer .logo { color:#292D30;font-family:'Proza Libre', sans-serif;}







nav .logo { font-size:30px;font-weight:400 }

.intro h1.intro-brand { color:#000000;font-size:34px;margin-bottom:20px ;}

/*.intro h1.intro-brand2 { color:#FFF;font-size:95px;margin-bottom:30px }

.intro h1.intro-brand2 { color:#FFF;font-size:7.9em;margin-bottom:30px }*/

footer h1.logo { color:rgba(255, 255, 255, .7);font-size:18px;font-weight:300 }







/* mask overlay



================================================== */



.mask-overlay {



bottom:0;



left:0;



position:absolute;



right:0;



top:0;



z-index:0



}







.mask-overlay {



background:#000000;



opacity: .05;







-moz-opacity: .05;



-khtml-opacity: .05;



-webkit-opacity: .00;



-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50)



}







/* parallax backgrounds



================================================== */



header,



section.highlight .bg1,



section.highlight .bg2 { 



background-color:#FFF;



background-size:cover !important;







-moz-background-size:cover;



-o-background-size:cover;



-webkit-background-size:cover



}







header { background:url(images/medias/header_ferrandi4.jpg) 50% 0 no-repeat }



section.single { background:url('images/utiliser_livre.jpg') 50% 0 no-repeat }
section.single2 { background:url('images/bandeau_concours.jpg') 50% 0 no-repeat }



section.highlight .bg1 { background:url(http://placehold.it/1920x1080) 50% 0 no-repeat }



section.highlight .bg2 { background:url(http://placehold.it/1920x1080) 50% 50% no-repeat }







/* sections



================================================== */



header, 



.single,



.highlight-double .bg1,



.highlight-double .bg2,



section.highlight .small-highlight,



section.highlight .highlight-slogan,



section.screenshots figure,



section.service-row .service-desc,



fieldset.contact-form span.input { position:relative }







header,



.heading, 



.highlight,



section.screenshots figure span.figure-mask,



footer { text-align:center }







section.wrapper section {



border-bottom:1px solid rgba(0,0,0,0.1);



height:auto;



overflow:hidden;



padding:40px 0 0 0;



}

section.wrapper2 section {



border-bottom:1px solid rgba(0,0,0,0.1);



height:auto;



overflow:hidden;



padding:0 0 0 0;



}





section#spot-1 { height:510px }



section#spot-3 { height:560px }



section#spot-4 { padding-bottom:120px }



section.call-action .heading { padding-bottom:0;margin-bottom:0 }







		/* homepage



		================================================== */



		header { padding:150px 0 180px 0;width:100% }



		



		section.intro h1,



		section.intro h2,



		section.intro h3,



		section.intro h4,



		section.intro h5,



		section.intro h6 { 



		color:#df017a;



		font-size:55px;



		line-height:1.3000em;



		margin-bottom:10px;
		
		
		letter-spacing: 0.05em;



		text-shadow: 3px 1px 3px rgba(255, 255, 255, 1.0)



		}



		



		section.intro p {



		color:#EDEDED;



		font-size:42px;



		font-weight:200;



		line-height:1.6364em



		}



		



		/*  features section



		================================================== */



		.features .features-wrapper { margin-top:90px }



		.features .features-desc  { margin-bottom:30px }



		.features .features-desc figure { color:#4E565C;font-size:28px;margin:0 0 15px 0 }



		



		/*  spotlight section



		================================================== */



        /* section.wrapper section.spotlight { padding-top:60px } */



		section.wrapper section.spotlight .spotlight-desc { padding-top:30px }







		section.spotlight h1,



		section.spotlight h2,



		section.spotlight h3,



		section.spotlight h4,



		section.spotlight h5,



		section.spotlight h6 { color:#111;font-weight:300;margin-bottom:30px }



		



		ul.download-icon { margin:30px 0 0 0 }







		ul.download-icon a {



		border:1px solid #888;



		color:#999;



		font-size:22px;



		height:50px;



		padding-top:13px;



		text-align:center;



		width:50px



		}



		



		ul.download-icon a:hover { border:1px solid #4E565C;color:#4E565C }



		



		/*  slider - tablet



		================================================== */



		.slider-wrapper { background:url(http://placehold.it/683x438) top left no-repeat;height:488px !important;padding:0 }



		#slider-tablet { height:488px }



		#slider-tablet img { width:100% }



		#slider-tablet .carousel-inner { left:84px;top:29px;width:511px }



		



		#slider-tablet .carousel-control.left,



		#slider-tablet .carousel-control.right { background:none;color:rgba(0, 0, 0, 0.5);font-size:42px;text-shadow:none;width:5% }



		#slider-tablet .carousel-control.left { left:-31px }



		#slider-tablet .carousel-control span { height:22px;margin-top:-21px;position:absolute;top:50% }



		#slider-tablet .carousel-indicators { bottom:0 }



		#slider-tablet .carousel-indicators .active { background:none;border:1px solid #999; }



		#slider-tablet .carousel-indicators li { background:rgba(0, 0, 0, 0.4) }



		#slider-tablet .carousel-caption { background:rgba(0, 0, 0, 0.7);bottom:0;left:0;padding:5px 15px;right:0;text-transform:uppercase }



		#slider-tablet .carousel-caption p { font-weight:600 }



		



		/*  highlight section



		================================================== */



		section.wrapper section.highlight { border:none;padding-bottom:0 }



		section.wrapper section.single { padding:361px 0 }
		section.wrapper section.single2 { padding:298px 0 }



		section.wrapper section.highlight-double { padding:0 }



		section.highlight .small-highlight { float:left;padding:60px 0;width:50% }



		section.highlight .highlight-slogan { margin:0 60px}



		



		section.highlight h1,



		section.highlight h2,



		section.highlight h3,



		section.highlight h4,



		section.highlight h5,



		section.highlight h6 { color:#EDEDED;font-size:32px;line-height:1.1250em;font-weight:300 }



		



		.highlight p {



		color:#EDEDED;



		font-size:18px;



		font-weight:200;



		line-height:1em;



		margin:20px 0 0 0



		}



		



		/*  Screenshots section



		================================================== */



		section.screenshots figure { 



		border:1px solid rgba(0,0,0,0.1);



		float:left;



		height:270px;



		margin:0 10px 30px 0;



		overflow:hidden;



		padding:5px;



		width:270px 



		}



		



		section.screenshots .screenshots-row:last-child figure { margin-bottom:0 }



		/*section.screenshots .screenshots-row figure:last-child { margin-right:30px }*/



		section.screenshots figure img { width:100% }



		



		section.screenshots figure img {



		transform:scaleY(1);



		transition:all 0.7s ease-in-out;



		



		-moz-transform:scaleY(1);



		-ms-transform:scaleY(1);



		-o-transform:scaleY(1);



		-webkit-transform:scaleY(1);



		-moz-transition:all 0.7s ease-in-out;



		-o-transition:all 0.7s ease-in-out;



		-webkit-transition:all 0.7s ease-in-out



		}



		



		section.screenshots figure:hover img {



		transform:scale(1.5);



		opacity:0.5;



		



		-moz-transform:scale(1.5);



		-ms-transform:scale(1.5);



		-o-transform:scale(1.5);



		-webkit-transform:scale(1.5);



		filter:alpha(opacity=50);



		-khtml-opacity: 0.5;



		-moz-opacity:0.5; 



		}



		



		section.screenshots figure span.figure-mask {



		height:100%;



		left:0;



		position:absolute;



		top:0;



		width:100%



		}



		



		section.screenshots figure span.figure-mask {



		background-color:rgba(0, 129 , 139, 0.8);



		opacity:0;



		transition:all 0.5s linear;



		



		filter:alpha(opacity=0);



		-khtml-opacity:0;



		-moz-opacity:0; 



		-moz-transition:all 0.5s linear;



		-o-transition:all 0.5s linear;



		-webkit-transition:all 0.5s linear



		}   



		



		section.screenshots figure:hover span.figure-mask {



		opacity:1;



		



		filter:alpha(opacity=100);



		-khtml-opacity:1;



		-moz-opacity:1 



		}        



		



		section.screenshots figure span.figure-mask a span {



		bottom:30%;



		border:1px solid rgba(255,255,255,0.8);



		color:rgba(255,255,255,0.8);



		font-size:16px;



		font-weight:200;



		height:34px;



		left:50%;



		margin-left:-46px;



		opacity:0;



		padding-top:6px;



		position:absolute;



		text-align:center;



		text-transform:uppercase;



		transition: all .7s ease-in-out;



		width:90px;



		



		filter:alpha(opacity=0);



		-khtml-opacity:0;



		-moz-opacity:0; 



		-moz-transition:all .7s ease-out;



		-o-transition:all .7s ease-out;



		-webkit-transition:all .7s ease-out



		}



		



		section.screenshots figure:hover span.figure-mask a span { 



		bottom:50%;



		opacity:1;



		margin-bottom:-21px;



		



		filter:alpha(opacity=100);



		-khtml-opacity:1;



		-moz-opacity:1 



		}        



		



		/*  Service section



		================================================== */



		section.wrapper section.service-row {



		border:none;



		float:left;



		margin:0 0 60px 0;



		padding:0;



		overflow:visible



		}



		



		section.wrapper section.service-row:last-child { margin-bottom:30px}



		section.wrapper section.service-row .service-desc {margin:0 0 0 100px;padding-top:15px }



		section.wrapper section.service figure { float:left;margin:15px 0 0 0 !important}



		



		section.wrapper section.service-row figure {



		color:#00818b;



		font-size:28px;



		height:75px;



		margin:0 0 60px 0;



		padding:25px 0 0;



		position:relative;



		text-align:center;



		transition: box-shadow .2s;



		width:75px;



		



		-moz-transition: box-shadow .2s;



		-o-transition: box-shadow .2s;



		-webkit-transition: box-shadow .2s



		}







				/*  service icon animation



				================================================== */



				section.wrapper section.service-row figure:after {



				box-sizing: content-box;



				content: '';



				height: 100%;



				pointer-events: none;



				position: absolute;



				width: 100%;



				



				-moz-box-sizing: content-box; 



				-o-box-sizing: content-box;



				-webkit-box-sizing: content-box; 



				}



				



				section.wrapper section.service-row figure:after {



				left: 0;



				padding: 0;



				top: 0;



				transition: transform .2s, opacity .2s;



				



				-moz-transition: -moz-transform .2s, opacity .2s;



				-o-transition: -o-transform .2s, opacity .2s;



				-webkit-transition: -webkit-transform .2s, opacity .2s



				}



				



				section.wrapper section.service-row div:hover figure:after {



				transform: scale(0.84);



				



				-moz-transform: scale(0.84);



				-ms-transform: scale(0.84);



				-o-transform: scale(0.84);



				-webkit-transform: scale(0.84)



				}



				



				section.wrapper section.service-row figure:after { box-shadow: 0 0 0 2px #00818b }



				section.wrapper section.service-row div:hover figure { box-shadow: 0 0 0 10px rgba(51,179,130,0.4) }







		/* Contact section - contact form



		================================================== */



		fieldset.contact-form label {



		color:#888;



		font-size:11px;



		font-weight:700;



		margin:10px 0;



		text-transform:uppercase;



		width:100%



		}



		



		fieldset.contact-form input,



		fieldset.contact-form textarea {



		background:none;



		border:1px solid rgba(0,0,0,0.2);



		box-shadow:none;



		color:#4E565C;



		font-size:12px;



		height:40px;



		line-height:1.5em;



		padding:0 10px;



		width:100%;



		



		-webkit-appearance:none



		}



		



		fieldset.contact-form textarea { height:195px;padding:6px }



		



		fieldset.contact-form input:focus,



		fieldset.contact-form textarea:focus {



		border-color:rgba(153,153,153,0.8);



		box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(153,153,153,0.6);



		



		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(153,153,153,0.6);



		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(153,153,153,0.6)



		}



		



		fieldset.contact-form input[type="submit"] {



		border:3px solid #4E565C;



		color:#4E565C;



		display:block;



		font-size:14px;



		font-weight:700;



		height:auto;



		margin:20px auto 0;



		padding:15px 20px;



		text-transform:uppercase;



		width:120px;



		



		-webkit-appearance:none;



		-webkit-border-radius:0;



		}



		



		fieldset.contact-form input[type="submit"]:hover { background:#2E6C87;border:3px solid #2E6C87;color:#FFF }



		



		fieldset.contact-form span.error {



		color:#2e6c87;



		font-size:12px;



		position:absolute;



		right:5px;



		top:0



		}



		



		fieldset.contact-form #response-box { 



		color:#2e6c87 !important;



		display:none;



		float:left;



		font-weight:600;



		padding:30px 0 !important;



		text-align:center;



		width: 100%



		}



		



		fieldset.contact-form #response-box p { 



		color:#2e6c87;



		font-size:13px;



		font-weight:600;



		line-height:1.3846em;



		margin:0



		}



		



		fieldset.contact-form span#message_error { right:20px;top:10px }



		



/* Footer



================================================== */



footer { background:#00818b;padding:30px 0 40px 0 }



footer p { font-size:14px;font-weight:200;line-height:1.2857em;margin:20px 0 }



footer p a span { margin-left:10px }



ul.footer-social { margin:30px auto }



ul.footer-social a { color:rgba(255, 255, 255, 0.9);font-size:18px }



ul.footer-social a:hover { color:rgba(255, 255, 255, 0.5) }







/* Border radius specs



================================================== */



.btn,



.btn-lg,



.btn-sm,



.btn-xs,



fieldset.contact-form input[type=email],



fieldset.contact-form input[type=text],



fieldset.contact-form textarea {



border-radius:0;







-moz-border-radius:0;



-webkit-border-radius:0



}







ul.download-icon a,



.highlight i,



.service-row figure,



.service-row figure:after,



.bx-wrapper .bx-pager.bx-default-pager a.active {



border-radius:50%;







-moz-border-radius:50%;



-webkit-border-radius:50%



}







/* css3 transition specs



================================================== */



a,



ul.nav a,



a.button,



ul.download-icon a,



fieldset.contact-form .submit  {



transition:all .3s ease-out;







-moz-transition:all .3s ease-out;



-o-transition:all .3s ease-out;



-webkit-transition:all .3s ease-out



}







/* css3 animations time



================================================== */



.animated {



animation-duration: 2s;



animation-fill-mode: both;







-webkit-animation-duration: 2s;



-webkit-animation-fill-mode: both



}







/* media queries - responsive features



================================================== */







@media (min-width: 992px) and (max-width: 1199px) {

	/* sections specs  ----------- */

	.features .features-wrapper { margin-top:30px }

	section#spot-1, section#spot-3 { height:auto }

	section.screenshots figure { height:220px;width:220px }

	/* slider  ----------- */

	.slider-wrapper { background-size:566px;height:404px !important }

	#slider-tablet { height:404px }

	#slider-tablet .carousel-inner { left:70px;top:24px;width:423px }

	/*navbar-brand{max-width:80%; padding-top:0px; }*/

	nav .logo{font-size:24px;}

}



@media (min-width: 768px) and (max-width: 991px) {

	/* sections specs  ----------- */

	.features .features-wrapper { margin-top:0 }

	.features figure { margin-top:30px }

	section.spotlight h1,

	section.spotlight h2,

	section.spotlight h3,

	section.spotlight h4,

	section.spotlight h5,

	section.spotlight h6 { margin-bottom:15px }

	section.wrapper section.spotlight .spotlight-desc { padding-top:15px }

	section#spot-1,

	section#spot-3 { height:auto }

	ul.download-icon { margin:30px 0 0 0 }

	ul.download-icon a { font-size:20px;height:40px;padding-top:9px;width:40px }

	section.highlight h1,

	section.highlight h2,

	section.highlight h3,

	section.highlight h4,

	section.highlight h5,

	section.highlight h6 { font-size:22px !important;line-height:1.6364em }

	section.wrapper section.single { padding:60px 0 }
	section.wrapper section.single2 { padding:60px 0 }

	section.wrapper section.service-row { margin:0 0 30px 0 }

	section.wrapper section.service-row:last-child { margin-bottom:0}

	section.screenshots figure { height:176px;margin:0 15px 15px 0;width:176px }

	fieldset.contact-form label { margin:5px 0 }

	/* slider  ----------- */

	.slider-wrapper { background-size:438px;height:313px !important }

	#slider-tablet { height:323px }

	#slider-tablet .carousel-inner { left:54px;top:18px;width:327px }

	/*.navbar-brand{max-width:50%; padding-top:0px; }*/

	nav .logo{font-size:30px;}

	/*.navbar-header{max-width:30% !important}*/

	ul.nav li {padding: 7px 5px;}



}







@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {







/* typography  ----------- */



h1 { font-size:42px;line-height:1.2857em }



h2 { font-size:26px !important;line-height:1.3846em }



h3 { font-size:18px;line-height:1em }



h4 { font-size:16px;line-height:1.1250em }



h5 { font-size:14px;line-height:1.2857em }



h6 { font-size:12px;line-height:1.5em }







p  { font-size:14px;line-height:1.2857em }







.btn, .btn:hover { margin-top:30px;padding:12px 15px }







/* sections specs  ----------- */



section.wrapper section { padding:30px 0 }



section.wrapper section.spotlight { padding-top:60px }







section.highlight h1,



section.highlight h2,



section.highlight h3,



section.highlight h4,



section.highlight h5,



section.highlight h6 { font-size:22px !important;line-height:1.6364em }







.highlight p { font-size:15px;line-height:1.2em;margin:15px 0 0 0 }



section#spot-4 { padding-bottom:60px }







}


@media (max-width: 767px) {
    .k-contest-container {
        padding:0;
        width:320px;
        margin:0 auto;
    }
    .k-contest-container > div {
        padding:0;
    }
}



@media (max-width: 767px) {

	

	

	

	/* homepage  ----------- */

	

	header { padding:45px 0 }

	

	.intro h1.intro-brand { font-size:26px; margin-bottom:30px ; margin-top: 20px;}

	

	

	

	section.intro h1,

	

	section.intro h2,

	

	section.intro h3,

	

	section.intro h4,

	

	section.intro h5,

	

	section.intro h6 { 

	

	font-size:40px;

	

	line-height:1.2857em;

	

	margin-bottom:15px;

	

	}

	

	

	

	/* toggle navigation  ----------- */

	

	ul.nav {



	background:rgba(0, 129, 139, .9);

	

	border-bottom:1px solid rgba(0, 0, 0, .1);

	

	margin-top:-1px;

	

	text-align:center

	

	}

	

	

	

	ul.nav li { margin:20px 0 }

	

	ul.nav li a { margin:0 auto;width:130px }		

	

	

	

	ul.nav li a:hover,

	

	ul.nav li a:focus,

	

	ul.nav li a.active { background:none }		

	

	

	

	/* sections specs  ----------- */

	

	section.intro p { font-size:18px;line-height:1em }

	

	

	

	.heading { margin-left:15px;margin-right:15px }

	

	.heading span.bottom-line { margin-left:-135px;width:270px }

	

	

	

	.features .features-wrapper { text-align:center;margin-top:0 }

	

	.features > figure { margin:75px 0 0 0 !important }

	

	

	

	section.wrapper section.spotlight { padding-top:60px }

	

	section.wrapper section.spotlight .spotlight-desc { text-align:center;padding-top:15px }

	

	section#spot-1 figure { margin-top:60px }

	

	.spotlight span.top-line { left:50%;margin-left:-45px }

	

	section#spot-1,

	

	section#spot-3 { height:auto }

	

	

	

	section.highlight .highlight-slogan { margin:0 15px}

	

	section.highlight .small-highlight { padding: 30px 0 }

	

	section.wrapper section.single { padding:60px 0 }
	section.wrapper section.single2 { padding:60px 0 }

	

	

	

	section.screenshots .screenshots-row { margin:0 15px }

	

	section.screenshots figure { height:47%;margin:0 2% 2% 0;width:48% }

	

	section.screenshots .screenshots-row:last-child figure { margin-bottom:2% }

	

	section.wrapper section.service-row div { margin-bottom:60px }

	

	section.wrapper section.service-row div:last-child { margin-bottom:0 ;}

	section.screenshots .screenshots-row figure:last-child {margin-right:2%}

	

	

	section.wrapper section.service-row figure {

	

	height:65px;

	

	margin:0 0 60px 0;

	

	padding:20px 0 0;

	

	width:65px;

	

	}

	

	

	

	section.service div { margin-bottom:45px }

	

	section.service div:last-child { margin-bottom:0 }

	

	

	

	.fluid-width-video-wrapper { margin-top:60px }

	

	

	

	fieldset.contact-form { margin:0 15px }

	

	fieldset.contact-form label[for=name], fieldset.contact-form label[for=message] { margin-left:-15px !important }

	

	

	

	footer { padding:30px 0 20px 0 }

	

	footer h1.logo { font-size:14px }

	

	footer p { margin:10px 0 }

	

	

	

	/* slider  ----------- */

	

	.slider-wrapper { background:none;border:1px solid rgba(0, 0, 0, 0.1);height:100% !important;margin:0 15px 60px 15px;padding:5%;width:95% }

	

	#slider-tablet { height:auto !important }

	

	#slider-tablet .carousel-inner { left:0;top:0;width:100% }

	

	#slider-tablet .carousel-indicators { bottom:-20% }

	

	

	

	/* prettyPhoto specs  ----------- */

	

	.pp_pic_holder.pp_default { width: 100%!important; margin-top:-100px !important;left: 0!important; overflow: hidden; }

	

	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }

	

	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }

	

	.pp_content { width: 100%!important; height: auto!important; }

	

	.pp_fade { width: 100%!important; height: 100%!important; }

	

	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }

	

	#pp_full_res img { width: 100%!important; height: auto!important; }

	

	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }

	

	a.pp_close { right: 10px!important; top: 10px!important; }

	

	.navbar-brand{max-width:60%; padding-top:0px; }

	nav .logo{font-size:26px; padding-top:0px; }



}







@media (max-width: 568px) and (orientation:portrait) {







/* slider  ----------- */



.slider-wrapper { width:90% }



#slider-tablet .carousel-indicators { bottom:-30% }



#slider-tablet .carousel-caption p { font-size:12px }







/* sections specs  ----------- */



section.highlight h1,



section.highlight h2,



section.highlight h3,



section.highlight h4,



section.highlight h5,



section.highlight h6 { font-size:18px;line-height:1em }







section.wrapper section.single { padding:45px 0 }
section.wrapper section.single2 { padding:45px 0 }

.navbar-brand{max-width:70%; }







}




.container ul.navbar-nav li a{
	color : white;
}

.intro .intro-brand2 .intro_regular{
	font-family:'Proza Libre', sans-serif;
	font-style:normal;
}

.intro .intro-brand2 .intro_bold{
	font-family:'Proza Libre', sans-serif;
	font-weight:bold;
}

#contact{
	padding : 60px 0;
}

.mailto{
	color : #df017a;
}
.utiliser_livre img, .utiliser_livre2 img {
    max-width:100%;
}
/*
.utiliser_livre{
	background:url('images/utiliser_livre.jpg');
	background-repeat : no-repeat;
	background-size: 100%;
	height : 588px;
}

.utiliser_livre2{
	background:url('images/chefs_ferrandi.jpg');
	background-repeat : no-repeat;
	background-size: 100%;
	height : 365px;
}
*/
.bandeau_concours{
	background:url('images/bandeau_concours.jpg');
	background-repeat : no-repeat;
	background-size: 100%;
	height : 70px;
	margin-bottom : 60px;
}

@media (max-width: 568px) {
	.utiliser_livre{
		margin-bottom : 30px;
		height : 20px;
	}
	
	.bandeau_concours{
		margin-bottom : 30px;
		height : 70px;
	}
	
	#assoc .spotlight-desc{
		padding-top : 30px;
	}
	
	#presse .service-row div.col-sm-3{
		padding : 10px 0;
	}

	#presse .service-row div.col-sm-3 .top-line{
		top : 0px;
	}
}

@media (min-width: 569px) {
	
	#presse .service-row div.col-sm-3{
		padding : 30px 0;
	}

	#presse .service-row div.col-sm-3 .top-line{
		top : 155px;
	}
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        padding:0;
    }
}


@media screen and (min-width: 1150px){
		#presse .service-row div.col-sm-3 .top-line-perso{
			top: 190px;
		}
}