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

.blackWindow .espace{  }
.blackWindow .imgBlock{width: 90%; height: 90%; bottom: 45%}
.blackWindow .imgBlock .img{ width: auto; height: 40%; float: none; text-align: center; margin: 5px 0;}
.blackWindow .imgBlock .img img{ max-width: 200px; max-height: 100%;}
.blackWindow .imgBlock .details{ font-size: 13px; padding: 0 40px;}
.blackWindow .imgBlock .details li{ line-height: 20px;}
.blackWindow .imgBlock .details h2{ font-size: 19px; }



.wrapper{ width: 100%; margin: auto;}
header{ height: auto;}
header nav{ display: none;}

header .showMenu{ display: block; float: right; margin-top: 20px;}
header .showMenu a{ display: block; color: #008bc4; font-size: 40px; padding: 0 10px;}

nav.phoneNav{ width: 100%; padding: 0; background: #008bc4; font-size: 15px; text-transform: uppercase; float: none; margin: 0;
}
.phoneNav ul{ margin: 0; padding: 0; list-style-type: none;}
.phoneNav ul li{ margin: 0; padding: 5px 0; float: none;}
.phoneNav ul li+li{ border-top: solid 1px rgba(255,255,255,0.3);}
.phoneNav ul li a{ color: #FFF; padding: 0 10px; height: auto; text-align: left;}
.phoneNav ul li a .fa{ color: #FFF; font-size: 20px; display: inline; margin-right: 10px;}

.bannerBlock{height: 480px;}
.bannerBlock .banner{ position: relative; width: 100%; height: 480px;}
.bannerBlock .banner .item{width: 100%; height: 480px;}
.bannerBlock .banner .item+.item{ left: 100%;}
.bannerBlock .banner .item .img{ float: none; margin: auto; margin-top: 20px; width: 230px;}
.bannerBlock .banner .item .details{ margin: auto; margin-top: 10px; width: 280px;}
.bannerBlock .banner .item h2{ font-size: 25px; text-align: center; margin: 0 0 5px 0;}
.bannerBlock .banner .item .tools h3{ font-size: 15px; line-height: 20px;}
.bannerBlock .banner .item .tools h3 i{ font-size: 10px; bottom: 2px;}


.topCover{ height: 100px;}
.topCover .shadow{  width: 100%; height: 200px; background: url(../img/shadowCoverPhone.png) repeat-x;}


section{ padding: 40px 10px;}


/*Home*/
.aboutUs p{ font-size: 15px; line-height: 24px; padding: 0 5px;}
.services .box{ height: auto;}
/*end of Home*/

/*servicePage*/
.servicePage .service{ height: auto;}
.servicePage .box{ width: 100%; height: auto; float: none; border-bottom: none;}
.servicePage .img{ width: 100%; height: 190px; margin-left: 0; border: solid 2px #dedede; border-top: none;}
.servicePage .img img{ display: block; min-width: 100%; min-height: 100%;}
/*end of servicePage*/


/*portoflioPage*/
.portoflioPage .filters a{ display: block; padding:0; height: 25px; line-height: 25px; padding: 0 15px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px;}
.portoflioPage .filters a+a{ margin-top: 5px; margin-left: 0;}
.portoflioPage .portfolioItem{ width: 50%; height: auto;}
.portoflioPage .portfolioItem a .tranparentHover{ display: none;}
/*end of portoflioPage*/

/*contact*/
.contactPage .cols4{ width: 100%; float: none;}
/*End of contact*/

.cols2{ width: 100%; float: none;}
.cols3{ width: 100%; float: none;}
.cols4{ width: 50%; float: left;}
.cols3_4{ width: 100%; float: none;}


.leftFooter .logo{ display: none;}
.leftFooter .coordonnees{ margin-left: 0;}