@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Inceptio
Description: Responsive Multi-Purpose Theme
Version: 1.0
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
	
}
/* ---------------------------------------------------------------------- */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	/* Tiny Nav */

    .js .tinynav { 
		display: block; 
	}
	
    .js #navlist { 
		display: none; 
	}
	
	#nav, .tinynav {
		width: 370px;
	}
	
	/* Header */
	
	#header {
		margin-bottom: 30px;	
	}
}
/* ---------------------------------------------------------------------- */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Container */ 
	
	.container {
		width: 748px;	
	}
	
	/* Carousel */
	
	.project-carousel > li {
		margin-right: 44px;
	}
	
	/* Related Posts */
	
	.related-posts .post-carousel > li {
		width: 172px;
		margin-right: 20px;
	}
	
	/* FlexSlider */
	
	.flex-caption {
		bottom: 91px;	
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li.one-third {
		width: 236px;
	}
	
	ul.portfolio-grid > li.one-half {
		width: 364px;
	}

	#nav, .tinynav {
		width: 286px;
	}
	#search-form {
		position: relative;
		margin-top: 0px;
		float: right;
		margin-left: 0px;
		right: -3em;
		top: -1em;
	}
	#nav-block {
		position: relative;
		left: 15.2em;
		top: 1em;
	}


}
/* ---------------------------------------------------------------------- */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    
    .eye-logo {
		display: block;
		position: relative;
		left: -3.2em;
		/*top: 0.55em;*/
		height: 1.9em;
		width: auto;
		margin-top: 0em !important;
		margin-right: 0em;
		margin-left: 0em;
    }


	/* Faire disparaitre le slider ici */
	#slider-home {
		/*display: none;*/
		z-index: 1;
	}

	#search-form {
		position: relative;
		margin-top: 0px;
		float: right;
		margin-left: 0px;
		right: -4em;
		top: -1em;
	}

	#s {
		position: absolute;
		top: 35px;
		right: 7em;
		padding: 6px 10px;
		border: 1px solid #d9d9d9;
		width: 198px;
		z-index: 1000;
		border-radius: 0;
		box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
	}

	#s2 {
		display: none;
	}
	.eye-margin-nav {
		margin-top: 1em;
	}

	#search-submit-2 {
		display: none;
	}
	#search-submit {
		display: unset;
		position: relative;
		left: -7em;
		top: 0;
		width: 30px;
		height: 30px;
		background: url(../images/search.png) no-repeat left top;
		border: none;
		text-indent: -10000em;
		cursor: pointer;
	}
    
    .eye-logo2 {
        display: block;
        position: relative;
        left: 1.2em;
		top: -0.5em;
        /*top: -0.68em;*/
        height: 0.7em;
        width: auto;
        margin-top: 0em !important;
        margin-right: 0em;
        margin-left: 0em;
        padding-top: 0em;
        margin-bottom: -1.4em;
    }
    
    .eye-mobile-only {
        display: inline-block;
    }

	.eye-news-marquee {
		float: left;
		padding: 1em;
		display: block;
		width: 28.6em;
	}

    .news-holder  {
        width: 100%;
        width: auto;
        font-size: 8px !important;
        line-height: 7px;
    }
	
    .eye-actu-img {
        float: none;
        width: 100%
    }

	.eye-news-title-left{
		display: none;
	}

	.eye-news-title-right{
		display: none;
	}

	.eye-news-title-container-right {
		float: left;
		width: 23.4em;
	}

	.eye-img-slider {
		height: 14.4em;
		margin-top: 2em !important;
	}

    .eye-category-pink {
        margin-right: 0em;
    }
    .eye-category-blue {
        margin-right: 0em;
    }
    .eye-category-green {
        margin-right: 0em;
    }
    .eye-category-purple {
        margin-right: 0em;
    }
	.eye-category-deep-blue {
		margin-right: 0em;
	}
    
    /* Slider */
    .flex-caption {
        display: none;	
    }
	
	/* Columns */
        .eye-social-header {
            display: none;
        }
        
	.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
            float: none;
            margin-right: 0;
            width: 100%;
            max-width: none;
	}
	
	/* Floats */
	.alignleft, .alignright {
		float: none;	
	}
	
	/* Containers */
	
	#main, #sidebar {
		margin-bottom: 40px;	
	}
	
	/* Header */
	
	#logo {
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	#logo a, #logo img {
		display: inline-block;
		max-width: 78% !important;
		top: -0.2em;
		left: -152%;
	}
	
	/* Footer */
	
	#footer-top > .container > div {
		margin-top: 40px;
	}
	
	#footer-bottom > .container > div {
		margin-top: 20px;
	}
	
	#footer-featured > .container > div {
		margin-top: 20px;
	}
	
	#footer-top > .container > div:first-child,
	#footer-bottom > .container > div:first-child,
	#footer-featured > .container > div:first-child {
		margin-top: 0;
	}
	
	#footer .social-links {
		float: none;
	}

	/* About Us */
	
	.team-member {
		margin-right: 0;
	}
	
	/* Images */
	
	.entry-image.alignleft, .alignleft.caption,
	.entry-image.alignright, .alignright.caption {
		margin: 20px 0;	
	}
	
	.entry-image.aligncenter, .aligncenter.caption {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	/* Comment Form and Contact Form */
	
	#comment-form input, .content-form input {
		width: 80%;
	}
	
	#comment-form textarea, .content-form textarea, .content-form select {
		width: 90%;
	}
	
	/* Page Title */
	
	#page-title h1 {
		float: none;
	}
	
	#breadcrumbs {
		display: none;	
	}
	
	/* Infobox */
	
	.infobox div.with-button {
		display: block;	
	}
	
	.infobox .button {
		display: none;
	}

	.infobox .mobile-button {
		float: none;
		display: block;
		text-align: center;
		margin-left: 0;
		margin-top: 20px;
	}
	
	/* Pricing Tables */
	
	.pricing-table {
		margin-left: 0;
	}
	
	.pricing-table.one-fourth, .pricing-table.one-third {
		max-width: 100%;
		width: 100%;
	}
	
	/* Carousel */
	
	ul.portfolio-grid {
		margin-right: 0;
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li {
		float: none;
		max-width: 100%;
		margin-right: 0;
	}
	
	/* Blog */
	
	.blog-entry-list .share-wrap h4, 
	.blog-entry-list .share-wrap .social-links  {
		float: none;	
	}
	
}
/* ---------------------------------------------------------------------- */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


	.eye-img-slider {
		height: 10.4em;
		margin-top: 3.8em !important;
	}

	.eye-news-marquee {
		float: left;
		padding: 1em;
		display: block;
		width: 28.6em;
	}
	
	/* Container */
	
	.container {
		width: 420px;
	}
	
	/* Carousel */
	
	.project-carousel > li {
		width: 200px;	
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li.one-fourth {
		width: 220px;
		margin-left: 100px;
		margin-right: 100px;
	}
	
	ul.portfolio-grid > li.one-third {
		width: 300px;
		margin-left: 60px;
		margin-right: 60px;
	}
	
}

/* ---------------------------------------------------------------------- */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


	.eye-img-slider {
		height: 9.4em;
		margin-top: 3.8em !important;
	}

	.eye-news-marquee {
		float: left;
		padding: 1em;
		display: block;
		width: 26.6em;
		margin-left: -1.4em;
	}
	
	/* Container */
	
	.container {
		width: 300px;	
	}
	
	/* Carousel */
	
	.project-carousel > li {
		margin-left: 40px;
		margin-right: 40px;
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li.one-fourth {
		width: 220px;
		margin-left: 40px;
		margin-right: 40px;
	}
	
	/* Flexslider */
	
	.flex-direction-nav a {
		height: 87px;
		margin-top: -43px;	
	}
	
	/* Tiny Nav */
	
	#nav, .tinynav {
		width: 186px;
	}
	/*#search-form {
		position: relative;
		margin-top: 0px;
		float: right;
		margin-left: 0px;
		right: -2em;
		top: -1em;
	}*/
	#nav-block {
		position: relative;
		left: 2.2em;
		top: 1em;
	}

	/* Revolution Slider */
	
	.tp-bullets {
		display: none;	
	}
	
	/* Intro */
	
	.intro .buttons-wrap .button,
	.introbox .buttons-wrap .button {
		margin-right: 0;
		margin-top: 10px;	
		display: block;
		text-align: center;
	}
	
	.intro .buttons-wrap .button:first-child,
	.introbox .buttons-wrap .button:first-child {
		margin-top: 0;	
	}
	
	/* Clients */
	
	.clients {
		margin-right: 0;	
	}
	
	.clients li {
		float: none;	
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Blog */
	
	.blog-entry-list .entry-date,
	.author-image,
	ol.comment-list .avatar-wrap {
		float: none;	
	}
	
}
/* ---------------------------------------------------------------------- */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 360px) {
	#nav-block {
		position: relative;
		left: 2.2em;
		top: 1em;
	}
}
/* ---------------------------------------------------------------------- */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
	#nav, .tinynav {
		width: 146px;
	}
	#search-form {
		position: relative;
		margin-top: 0px;
		float: right;
		margin-left: 0px;
		right: -2em;
		top: -1em;
	}
	#nav-block {
		position: relative;
		left: 2.2em;
		top: 1em;
	}
}