/******************************************************************
Theme Name: Trendis
Theme URI: gryfos.com
Description: Trendis Thème
Author: Stelios Sfiniadakis
Author URI: http://www.gryfos.com
Version: 1.3
******************************************************************/
/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }  article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; }  *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  nav ul, nav ol { list-style: none; list-style-image: none; }  ul { list-style: none outside;    } ol { list-style-position: inside; }  a { margin: 0; padding: 0; font-size: 100%; outline: none; text-decoration: none; background: transparent; vertical-align: baseline; }  a, a > * { text-decoration: none; color: #5b5e60; }  a:hover { color: #141515; }  .not-ie a { -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }  img { border: 0; height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; } strong{font-weight:700 !important;}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */
html{background:#cccccc url(../images/brickwall.jpg) left top; }
body{font-family: 'Montserrat', sans-serif; font-size:14px; color:#3b2e2b; background:#cccccc url(../images/brickwall.jpg) left top;}

h1{font-size:3em; font-weight:700;}
h2{font-size:3.8em; font-weight:700; margin:20px 0 20px 0; color:#26215a; text-transform:uppercase; color:#26215a; text-align:center;}
h3{font-size:2.1em; font-weight:700; margin:16px 0 25px 0; color:#26215a; text-transform:uppercase;}
p + h3{margin-top:40px;}
h4{font-size:1.5em; text-transform:uppercase; margin:18px 0 20px 0;}
h5{font-size:1.35em;}
h6{font-size:1.1em; }

li{margin:0 0 4px 0;}
p{margin:0 0 20px 0; line-height:20px;}
strong{font-weight:700;}
em{font-style:italic;}

.center{text-align:center;}

section hr{width:450px; height:1px; border:none; background:#cfcfcf; margin:40px auto;}

.container{position:relative; max-width:1200px; width:90%; padding:0; margin:0 auto;}
.fix{overflow:hidden;}

#header a, #portfolio-filter li, #menu-secondaire  a, #menu-secondaire li
{transition:all .3s ease-out; -moz-transition:all .3s ease-out; /*<Firefox 4*/ -webkit-transition:all .3s ease-out; /*<Safari and Chrome*/ -o-transition:all .3s ease-out;/*<Opera*/}

/* colonnes */
.c {overflow:hidden; width:100%; margin-bottom:45px;}
.c1 {width:6.5%;  margin:0 2% 20px 0; float:left;}
.c2 {width:15%;   margin:0 2% 20px 0; float:left;}
.c3 {width:23.5%; margin:0 2% 20px 0; float:left;}
.c4 {width:32%;   margin:0 2% 20px 0; float:left;}
.c5 {width:40.5%; margin:0 2% 20px 0; float:left;}
.c6 {width:49%;   margin:0 2% 20px 0; float:left;}
.c7 {width:57.5%; margin:0 2% 20px 0; float:left;}
.c8 {width:66%;   margin:0 2% 20px 0; float:left;}
.c9 {width:74.5%; margin:0 2% 20px 0; float:left;}
.c10{width:83%;   margin:0 2% 20px 0; float:left;}
.c11{width:91.5%; margin:0 2% 20px 0;}
.c12{width:100%;  margin:0 0 0 0;}

.last{margin-right:0px;}

/* ---------------------------------------------------------------------- */
/*	header
/* ---------------------------------------------------------------------- */
#header{width:100%; height:214px; background: url(../images/header-bar.png) center top no-repeat; position:relative; z-index:40;}

#navigation{position:absolute; padding:0px 0 0 0; top:0px; right:0px; overflow:hidden; font-size:1.3em;}
#navigation li{float:left;}
#navigation a{color:#fff; display:block; margin:0 25px 0 0; padding:108px 7px 15px 7px; border-radius:0 0 15px 0;}
#navigation a:hover, #navigation .current-menu-item a, .current-page-ancestor a, .single #menu-item-122 a{background:#ee052a;}

.sideb .current-page-ancestor a{background:transparent;}
/* ---------------------------------------------------------------------- */
/*	pages
/* ---------------------------------------------------------------------- */

/* accueil */
.gal img{display:block; border-radius:0 0 15px 0; width:1200px; height:auto;}
.imgaccueil{width:100%; height:400px; background: url(../images/acc04.jpg) no-repeat center bottom; margin-top:-70px; position:relative; z-index:5;}
.imgaccueill{width:1200px; height:464px; background: url(../images/acc05.jpg) no-repeat center bottom; margin:-70px auto 40px auto; position:relative; z-index:5; border-bottom:10px solid #ee052a; border-radius:0 0 45px 0; }

#intro p{position:relative; margin-bottom:85px;}
#intro p a{position:absolute; display:block; width:150px; bottom:-60px; right:0px; background:#ee052a; color:#fff; padding:5px; text-align:center; border-radius:0 0 5px 0;}
#intro p a:hover{background:#c70726;}

/* inner */
.inner .imgservice1{display:none;}
.inner .imgaccueil{height:450px; background-position:bottom;}
.imgpresent{background: url(../images/present.jpg) no-repeat center top !important;}

/* services */
.sidebar #menu-secondaire{overflow:hidden; margin:-75px 0 0 0;}
.sidebar #menu-secondaire li {width:23.5%; margin:0 2% 0px 0; float:left; border-radius:0 0 15px 0; overflow:hidden; opacity:.7;}
.sidebar #menu-secondaire li a{display:block; height:260px; text-align:center; padding:220px 0 0 0; font-weight:bold; text-transform:uppercase; color:#0d0d3c; background:#ee052a; border-radius:0 0 15px 0; }
.sidebar #menu-secondaire li a:hover{color:#e00023 !important;}
.sidebar #menu-secondaire li:hover, #menu-secondaire .current-menu-item{margin-top:20px !important; opacity:1 !important;}
.sidebar #menu-secondaire li + li + li + li {margin:0;}

#menu-item-50 a{background: url(../images/imgs1.jpg) center !important;}
#menu-item-51 a{background: url(../images/imgs2.jpg) center !important;}
#menu-item-53 a{background: url(../images/imgs3.jpg) center !important;}
#menu-item-52 a{background: url(../images/imgs4.jpg) center !important;}


/* projets */

/* contact */
label{display:block; width:100%; margin-bottom:3px;}
input, textarea{width:96%; margin-bottom:15px; padding:10px 2%; border-radius:0 0 10px 0; border: 3px solid #fff;}
input:hover, input:focus, textarea:hover, textarea:focus{ background-color:#ebebeb; border-color:#26215a;}
.wpcf7-submit, #submit, .comment-reply-link{background:#ee052a !important; border:none !important; color:#fff !important; font-weight:700 !important; cursor:pointer;}
.wpcf7-submit:hover, #submit:hover, .comment-reply-link:hover{background:#c70726 !important;}

#carte{display:block; overflow:hidden; margin-top:-33px;
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}
iframe{ width:100%; height:550px; overflow:hidden;  border: 5px solid #ee052a !important; border-radius:0 0 10px 0;}
.tof img{display:block; overflow:hidden; border-radius:0 0 15px 0; border: 5px solid #ee052a;}

/* blog */
#respond{background:#26215a; width:70%; padding:20px; border-radius:10px; margin-top:10px;}
#respond label, h3#reply-title, #respond {color:#fff;}
.single .entry-content img{float:left; margin:0 20px 20px 0; border-radius:0 0 15px 0; border: 5px solid #ee052a;}
.single .entry-content{overflow:hidden;}

.single .entry-title{font-size:2em; text-align:left; margin:20px 0 0 0;}
.single .byline {text-align:left !important; margin:0 0 20px 0;}

.comment_content{background:#fff; padding:20px; border-radius:0 0 10px 10px; width:50%;}
.comment-author{display:block; background:#26215a; padding:15px; color:#fff; border-radius:10px 10px 0 0; width:50%;}
.comment-author .fn{color:#fff; background:#26215a; }
.comment-author time{margin-left:10px; background:#26215a; color:#fff !important;}

.comment-reply-link{display:inline-block; padding:10px; border-radius:0 0 5px 5px; margin-bottom:20px; margin-left:10px;}

.tw-recent-posts{overflow:hidden;}
.textwidget{margin-bottom:80px;}
.tw-recent-posts .post-time{display:bold; margin-bottom:20px !important; text-align:left !important;}
.tw-recent-posts .wp-post-image{border:3px; border: 3px solid #26215a; height:100px; width:100px;  border-radius:0 0 5px 0px; }
.featured-post{background:#fff; padding:40px 20px; border-radius:0 0 20px 0px; position:relative; display:block; }
.lahome .featured-post{width:32%; margin:0 2% 20px 0 !important; float:left; min-height:300px;}
.lahome .featured-post + .featured-post + .featured-post {margin:0 0px 20px 0 !important;}


.read-more{position:absolute; display:inline-block; bottom:20px; right:20px; background:#ee052a; color:#fff; padding:5px; text-align:center; border-radius:0 0 5px 0;}
.read-more:hover{background:#c70726; color:#fff;}

h4.widgettitle{text-align:center;}
.comment-form-url{display:none !important;}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer{background: url(../images/footer-bar.png) no-repeat top center; margin:120px 0 0 0; padding:65px 0 20px 0; color:#fff; height:345px;}
#footer a{color:#fff;}
.nav .current-menu-item a, .mail, .credit a, .nav a:hover{color:#26215a !important;}
.facebook a{display:block; text-indent:-9999em; overflow:hidden; width:106px; height:22px;  background: url(../images/facebook-ico.png) no-repeat top left !important;}
.credit{margin-top:-10px;}

.mobilemenu{display:none;}

@media only screen and (max-width: 1050px) {
.menufooter, #navigation, .inner .imgservice1, .inner .imgaccueil, .imgpresent, .imgaccueill{display:none !important;}

.mobilemenu{display:block;}
.mobilemenu a{display:block; width:100%; text-align:center; padding:25px 0px; background:#0d0d3c; border-top:1px solid #1f215c; border-bottom:1px solid #1f215c;}
.btmenu a{display:inline-block; width:auto !important; padding:15px; position:absolute; background:#0d0d3c ; background: rgba(13, 13, 60, 0.5); top:5px; right:5px; font-size:1.7em; font-weight:900; color:#fff; border-radius:10px; z-index:10;}
.current-menu-item a{background:#313691 !important; color:#fff !important;}

#footer{position:relative; background:#e00023 !important; margin:50px 0 0 0; padding:65px 0 20px 0; color:#fff; height:auto; z-index:20;}

.credit{margin-top:60px;}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12{width:100% !important; margin:0 0% 40px 0 !important; float:none !important;}
#footer .c4{text-align:center;}

.facebook a{display:block; text-indent:-9999em; overflow:hidden; width:106px; height:22px;  background: url(../images/facebook-ico.png) no-repeat top left !important; margin:0 auto;}
#logo{width:60% !important;}
#header{width:100%; height:auto !important; background:#1b1c53 !important; position:relative; z-index:40; margin-bottom:40px;}

.sidebar #menu-secondaire{overflow:hidden; margin:0 !important;}
.sidebar #menu-secondaire li {width:100%; margin:0 !important; float:none; border-radius:0px; opacity:1;}
.sidebar #menu-secondaire li a{display:block; width:100%; height:auto !important;  border-radius:0 !important; text-align:center; padding:25px 0px !important; background:#0d0d3c; border-bottom:1px solid #1f215c;  color:#fff !important;}
.sidebar #menu-secondaire li a:hover{color:#e00023 !important;}

.sidebar #menu-secondaire li:hover, #menu-secondaire .current-menu-item{margin-top:0px !important; background:#313691 !important; color:#fff !important;}
#menu-secondaire .current-menu-item a{margin-top:0px !important; background:#313691 !important; color:#fff !important;}
#menu-item-50 a, #menu-item-51 a, #menu-item-53 a, #menu-item-52 a{background:#0d0d3c !important;}

iframe{ width:75%; height:300px; overflow:hidden;  border: 5px solid #ee052a !important; border-radius:0 0 10px 0;}
#respond{width:100%;}

.lahome .featured-post{width:100%; margin:0 0% 20px 0 !important; float:none; min-height:auto;}
}