.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}
iframe {
   border: none;
}
/* ---------------------------------------------------------------------- */
/* 02- 	TYPOGRAPHY 
/* ---------------------------------------------------------------------- */
body {
	color: #898989;
	font-size: 12px;
	font-family:'Arial', 'Verdana', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
p,ul,ol,pre,code {margin-bottom:1em;}
::-moz-selection { background: #ff4629; color: #fff; text-shadow: none; }
.::selection { background: #ff4629; color: #fff; text-shadow: none; }
 a, a > * {
	color: #898989;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-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;
}

a:hover, a > *:hover {}
.colored{color:#9dcedf;}
a.colored:hover{text-decoration:underline; font-weight:600;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-variant:normal;
	white-space:normal;
	color:#898989;
	margin-bottom:15px;
	font-family:'Dosis',Arial,Verdana,serif;
	
}
h1 {
	line-height:36px;
}
h2 {
	line-height:34px;
}
h3 {
	line-height:32px;
}
h4 {
	line-height:24px;
}
h5 {
	line-height:20px;
}
h6 {
	line-height:17px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#303031;
	font-size:100%;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	font-size:100%;
	text-decoration:none;
}
a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover{color:#9dcedf;}
.text-align-center{text-align:center;}
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.img-align-left {margin:0px 10px 10px 0;float:left;}

/* ---------------------------------------------------------------------- */
/* 03- 	PRE HEADER CONTENT 
/* ---------------------------------------------------------------------- */
.pre-header{
	/*margin-bottom:13px;*/
 }
 
#pre-header{
	float:left;
	width:940px;
	height:50px;
	padding:0 40px 0 40px;
	margin:0px 0px 1px -40px;
	
}
ul#pre-header-links{
	float:left;
	margin:0px ;
}
ul#pre-header-links li{
	list-style:none;
	float:left;
	cursor:pointer;
	color:#898989;
	margin-right:12px;
	margin-top:17px;
	}
ul#pre-header-links li a{color:#FFF;padding:10px 2px 14px 2px;}
ul#pre-header-links li a:hover{color:#FFF;border-bottom:3pt solid #FFF;background:url("../images/top-nav-bg.png") bottom center no-repeat;}
.tipsy {
	padding:5px;
	font-size:11px;
	opacity:0.7;
	filter:alpha(opacity=70);
	background-repeat:no-repeat;
	background-image:url(../images/tipsy.gif);
	margin-top:5px;
	
}
.tipsy-inner {
	padding:5px 8px 4px 8px;
	background-color:black;
	color:#FFF;
	max-width:200px;
	text-align:center;
}
.tipsy-inner {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.tipsy-north {
	background-position:top center;
}
.tipsy-south {
	background-position:bottom center;
}
.tipsy-east {
	background-position:right center;
}
.tipsy-west {
	background-position: left center;
}
/*-----------------------------------------------------------*/
/*-------------------- SOCIAL ICONS --------------------------*/
/*-----------------------------------------------------------*/
#social-icons {
position:relative;
}
ul#social-links {
  z-index: 1202;
  position: absolute;
  margin: 10px 0 0 0px;
  right: 0px;
  list-style: none;
}
 ul#social-links li {  float: left }
 ul#social-links li {
   float: left;
   font-size: 12px;
   list-style: none; 
   width: 32px;
   height: 32px;
   text-indent: -9999px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   margin: 0 5px 0 0; 
 }
  ul#social-links li  a.facebook {  background: url("icons/facebook.png") 50% 50% no-repeat }
  ul#social-links li  a.twitter {  background: url("icons/twitter.png") 50% 50% no-repeat }
  ul#social-links li  a.google {  background: url("icons/google.png") 50% 50% no-repeat }
 ul#social-links > li.facebook-link:hover {
   float: left;
   font-size: 12px;
   width: 32px;
   height: 32px;
   background: #415b92;
   background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b));
   background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%);
   background: -o-linear-gradient(top, #415b92 0%,#33487b 100%);
   background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%);
   background: linear-gradient(top, #415b92 0%,#33487b 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 );
   text-indent: -9999px;
   box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
   -moz-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
   -webkit-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
 }
 ul#social-links > li.twitter-link:hover {
   float: left;
   font-size: 12px;
   width: 32px;
   height: 32px;
   background: #aad5e3;
   background: -moz-linear-gradient(top, #aad5e3 0%, #90c7db 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aad5e3), color-stop(100%,#90c7db));
   background: -webkit-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
   background: -o-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
   background: -ms-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
   background: linear-gradient(top, #aad5e3 0%,#90c7db 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#90c7db',GradientType=0 );
   text-indent: -9999px;
   box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
   -moz-box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
   -webkit-box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
 }
 ul#social-links > li.google-link:hover {
   float: left;
   font-size: 12px;
   width: 32px;
   height: 32px;
   background: #f54a35;
   background: -moz-linear-gradient(top, #f54a35 0%, #c83e2d 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f54a35), color-stop(100%,#c83e2d));
   background: -webkit-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
   background: -o-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
   background: -ms-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
   background: linear-gradient(top, #f54a35 0%,#c83e2d 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54a35', endColorstr='#c83e2d',GradientType=0 );
   text-indent: -9999px;
   box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
   -moz-box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
   -webkit-box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
 }
 ul#social-links > li.facebook-link:hover {
   float: left;
   font-size: 12px;
   width: 32px;
   height: 32px;
   background: #415b92;
   background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b));
   background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%);
   background: -o-linear-gradient(top, #415b92 0%,#33487b 100%);
   background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%);
   background: linear-gradient(top, #415b92 0%,#33487b 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 );
   text-indent: -9999px;
   box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
   -moz-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
   -webkit-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
 }
 ul#social-links li  a {
   width: 32px;
   height: 32px;
   display: block;
 }


/* -------------------------------------------------- */
/*	HEADER,CONTAINER,LOGO, RESPONSIVE NAVIGATION
/* -------------------------------------------------- */
#page {
	height:auto;
	width:1020px;
	padding:0px;
	margin:50px 0 100px 0;
}
#header {
	height:140px;
	padding:0px 0 5px 0;
	float:left;
	width:100%;
}
.galerie {padding-bottom: 30px;}
#navigation-wrapper{float:right;}
#content { font-size: 14px;}
#logo{
	float: none;
	/*height: 55px;
	width:230px;
	background:url("../images/logo.png") no-repeat;
	text-indent:-9999px;*/
}
#logo-wrapper {
float:left;
width:240px;
height:128px;
}
#logo-wrapper h1 {
}
#tagline {
   margin:0;
   white-space: nowrap;
}
#responsive-social-menu{
	display: none;
	width: 100%;
	padding: 6px;
	font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
	border: 1px solid #ccc;
	color: #666;
   background:#fff;
	}
#responsive-main-nav-menu{
	display: none;
	width: 100%;
	padding: 6px;
	font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
	border: 1px solid #ccc;
	color: #666;
}
#page {
	height: auto;
	width: 1020px;
	margin:50px auto 100px;
	padding: 0px;
	}	
/* -------------------------------------------------- */
/*	Columns
/* -------------------------------------------------- */
.container {margin: 0 auto;position: relative;width: 940px;}
.one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column {float: left;margin-right: 10px; margin-left:7px;margin-bottom: 20px;}
.one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12{  margin-right: 0px }
.one-half { width: 460px }
.one-third { width: 300px }
.two-third { width: 620px }
.one-fourth { width: 220px }
.three-fourth { width: 700px }
.horizontal-line {width:100%;float:left; height:2px; margin:30px 0px;  }

.one-fourth.widget-1, .one-fourth.widget-5 , .one-fourth.widget-9  { clear:both; }

/* -------------------------------------------------- */
/*	MAVIGATION
/* -------------------------------------------------- */
.downarrowclass {
    position: absolute;
    top: 53px;
    right: 5px;
}
.rightarrowclass {
    position: absolute;
    top: 10px;
    right: 10px;
}
#main-navigation select {    display: none }
#main-navigation {    float: right }
 #main-navigation > ul {    margin:0px }
 #main-navigation ul li {
     list-style: none;
     float: left;
     position: relative;
 }
 #main-navigation li a {
     color: #898989;
     font-family: 'Dosis', 'Verdana', sans-serif;
     font-size: 16px;
     font-weight: normal;
     padding: 47px 12px 50px 12px;
     margin: 0px 0px 10px 0;
     position: relative;
     text-align: center;
     text-transform: uppercase;
     float: left;
     overflow: hidden;
     line-height: 20px;
 }
 #main-navigation ul li a:hover,
 #main-navigation ul li.curren > a,
 #main-navigation ul li.current > a {
    
     border-bottom: 1pt solid #9dcedf;
 }
 #main-navigation ul ul li a {
     display: block;
     float: none;
 }
 #main-navigation ul ul {
     background: url("../images/menu-drop-bg.png") 20% 0% no-repeat;
     padding-top: 8px;
     display: none;
     left: 0;
     margin-top: -18px;
     position: absolute;
     width: 175px;
     z-index: 99;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
 }
  #main-navigation ul ul ul {
      background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat;
      padding-left: 8px;
      display: none;
      left: 0;
      position: absolute;
      width: 175px;
      z-index: 99;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
  }
   #main-navigation ul ul ul  ul {
       background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat;
       padding-left: 8px;
       display: none;
       margin-left: 10px;
       left: 0;
       position: absolute;
       width: 175px;
       z-index: 99;
       border-radius: 2px;
       -moz-border-radius: 2px;
       -webkit-border-radius: 2px;
   }
  #main-navigation ul ul  li,
  #main-navigation ul ul  li a {
      padding: 0px 0 0 0px;
      margin: 0px;
      color: #FFF;
      background: #615951;
      font-family: "Arial", "Verdana";
  }
  #main-navigation ul ul  li { }
  #main-navigation ul ul li {    float: none }
 #main-navigation ul li {
     padding: 0;
     margin: 0 0 0 20px;
 }
 #main-navigation ul ul a {
     border: 0;
     color: #fff;
     display: block;
     font-size: 11px;
     font-weight: 400;
     padding: 5px 10px !important;
     text-align: left;
     margin: 0;
     text-transform: none;
 }
 #main-navigation ul ul a:hover,
 #main-navigation ul ul .hover > a,
 #main-navigation ul ul .current-menu-item > a,
 #main-navigation ul ul .current-menu-item > a:hover {
     background: #9dcedf ;
     color: #fff !important;
     border: 0 !important;
 }
 #main-navigation ul li ul {
     position: absolute;
     left: 0px;
     display: block;
     visibility: hidden;
     margin-left: 0px;
     top: 0;
 }
 .downarrowclass,
 .rightarrowclass {
 width:8px;
 height:8px;
 background:url(plus.png) top left no-repeat;
 display:inline-block;
	position: absolute;
	right: 5px;
	top: 53px
 }
 .rightarrowclass {
 background-image:url(../images/plus-white.png);
 }

/* ---------------------------------------------------------------------- */
/* 06- 	FOOTER & COPYRIGHTS CSS
/* ---------------------------------------------------------------------- */
#footer{
   width: 1020px;
   padding: 30px 0px 0;
   margin:0px;
   height: auto;
  
}
#footer h4 {   
	  
	line-height: 24px;
}
#copyrights{
   width: 1020px;
   padding: 30px 0px;
   margin-left: 0px;
   float:none;
}
 #copyrights .right {   float: right }
 #copyrights a {   }
 #copyrights a:hover {   text-decoration: underline }
 .backtotop{
	float:right;
	text-align:center;
	height:20px;
	width:20px;
	border-radius:2px;
	-moz-border-radius:2px;
	webkit-border-radius:2px;
	margin-right:-10px;
	margin-left:10px;

 
 }
.backtotop:hover{}
/* ---------------------------------------------------------------------- */
/* FOOTER LIST
/* ---------------------------------------------------------------------- */
#footer .widget-container ul {
   list-style-type: none;
   list-style-position: outside;
   width: 100%;
}
#footer .widget-container li {
    color: #898989;
    display: block;
    padding: 5px 0;
}
#footer .widget-container li a {   }
#footer .widget-container li a:hover {
     
     text-decoration: underline;
}
/*#footer .widget-container li:first-child {    border-top: 1pt solid #333; }
#footer .widget-container li:last-child {    border-bottom: none; }*/

#footer .widget-container ul ul {
   margin: 5px 0 0 0px;
}



/* ---------------------------------------------------------------------- */
/* FOOTER CONTACT INFO
/* ---------------------------------------------------------------------- */
 .widget_site5framework_contact_widget {

 }
 .widget_site5framework_contact_widget span {
padding: 3px 0px 1px 12px;    width: 100%;
    display: block;
    font-style: normal;
 }
 
/* ---------------------------------------------------------------------- */
/* 07- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM  LAYOUT
/* ---------------------------------------------------------------------- */
ul#projects-carousel {
   overflow: hidden;
   position: relative;
   list-style: none;
   margin: 0;
   padding: 25px 0 0 0;
}
ul#projects-carousel li {
   float: left;
   background: #f8f9f9;
   width: 220px;
   height: auto;
   margin-right: 20px;
   padding: 0;
}
 ul#projects-carousel li .item-content {
    float: left;
    width: 220px;
    text-align: center;
    padding: 0px 0 15px 0;
    height: auto;
 }

.description {   padding: 15px; font-size: 12px; height: 50px;}
ul#projects-carousel li .item-content:hover { }
ul#projects-carousel li .item-content p {
   margin: 0;
   padding: 0;
   font-weight: 800;
   color: #FFF;
}
 ul#projects-carousel li .item-content p a {
    margin: 0;
    padding: 0;
    font-weight: 800;
    color: #FFF;
 }
ul#projects-carousel li .item-content span {
   font-style: italic;
   color: #FFF;
}
 
ul#projects-carousel li  img {
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
}
.jcarousel-container {
   margin: 0px -20px 0px 0;
   max-width: 100%;
   padding: 0px 0 0  0;

}
.jcarousel-clip {
   overflow: hidden;
   width: 100%;
}
.jcarousel-item {
   margin: 0 0px 30px 0;
   width: 220px;
}
.jcarousel-next,
.jcarousel-prev {
   cursor: pointer;
   height: 20px;
   position: absolute;
   right: 0;
   bottom: -25px;
   width: 20px;
}
.jcarousel-prev {
   right: 25px;
}
.jcarousel-next:hover,
.jcarousel-next:active,
.jcarousel-prev:hover,
.jcarousel-prev:active { }
.jcarousel-clip {
   overflow: hidden;
   width: 100%;
}
.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active,
.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active {
   cursor: auto;
  
}
.portfolio-item-hover-content,
.proj-img1 {
   position: relative;
   overflow: hidden;
}
 .portfolio-item-hover-content a.zoom {
	 border-radius:50%;
	 margin-left: -15px;
    display: inline-block;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 0px;
    left: 45%;
    margin-top: -55px;
    z-index: 10;
 }
 .icon_plus { background:url(icon-plus.png) no-repeat top center ;position:relative; top:16px; width:22px; height:20px; margin:auto;}
.portfolio-item-hover-content {
   line-height: 0;
   display: block;
   background: transparent;
   z-index: 99;
}
.portfolio-item-holder {
   position: relative;
   overflow: hidden;
   height: auto;
   margin-bottom: 0px;
}
.portfolio-item-hover-content,
.proj-img1 {
   position: relative;
   overflow: hidden;
}
 .portfolio-item-hover-content .hover-options {
    display: block;
    font-style: normal;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
 }

 #slider_container {
   border-bottom:1px solid #E1E1E1;
   margin-bottom:30px;
   padding-bottom:30px;
 }



/* ---------------------------------------------------------------------- */
/* 14- 	CONTACT FORM 
/* ---------------------------------------------------------------------- */ 
#contactForm .error {   
   margin: 5px 0 0 0 ; 
   display: none;
 } 
#messages .simple-success, 
#messages .simple-error {   
   display: none;
 } 
#contactForm form {   margin-bottom: 0px }
#contactForm  fieldset {   margin-bottom: 0px }
#contactForm  label,
#contactForm  legend,
#contactForm  strong {
   font-weight: bold;
   font-size: 13px;
   color: #898989;
}
#contactForm input[type="checkbox"] {   display: inline }
#contactForm label span,
#contactForm legend span {
   font-weight: normal;
   font-size: 13px;
   color: #444;
   line-height: 34px;
}
#contactForm input[type="text"],
#contactForm input[type="password"],
#contactForm  input[type="email"],
#contactForm textarea,
#contactForm select {
   border: 1px solid #dddddd;
   padding: 5px 10px;
   outline: none;
   overflow: hidden;
   font: 12px "Helvetica", Arial, sans-serif;
   color: #777;
   box-shadow: inset 0px 2px 4px #f3f3f3;
   -moz-box-shadow: inset 0px 2px 4px #f3f3f3;
   -webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
   width: 278px;
   max-width: 99%;
   display: block;
   margin-bottom: 10px;
   background: #FFF;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}
#contactForm select {   padding: 0 }
#contactForm  textarea {
   width: 598px;
   height: 200px;
   resize: vertical;
}
#contactForm input[type="text"]:focus,
#contactForm input[type="password"]:focus,
#contactForm  input[type="email"]:focus,
#contactForm  textarea:focus {
   border: 1px solid #bbbbbb;
   color: #555;
   box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
   -moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
   -webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
}
.caddress,
.cphone, 
.cemail{
margin-bottom: 10px;
}
.caddress strong,
.cphone strong, 
.cemail strong{


}
/* ---------------------------------------------------------------------- */
/* 15-   PORTFOLIO LAYOUTS
/* ---------------------------------------------------------------------- */ 
.project-pagination{
   float:right;
   margin-top:10px;  
}
.project-pagination a {
   font-family:"Georgia",Arial,Verdana;
   font-size:14px;
   color:#d7d7d7;
   font-style:italic;
   margin:0px 5px 0 0;
}
.project-pagination a:hover{color:#9dcedf;}
 ul#portfolio-items-one-fourth {width: 100%;
   min-height: 300px;
   overflow: hidden;}
ul#portfolio-items-one-fourth li {   width: 220px;
  margin: 0 20px 20px 0;
  float: left;
  height: 300px;
  overflow: hidden;}
ul#portfolio-items-one-fourth li .portfolio-item{ float:left; background:#f8f9f9;width:220px;height:auto;padding:0;}
ul#portfolio-items-one-fourth li  .item-content{background:#615951;float:left;width:220px;text-align:center;padding:0px 0 15px 0;height:auto; }
#portfolio-items-one-fourth .description{padding-top:15px; font-size: 12px;}
ul#portfolio-items-one-fourth li .item-content:hover{ background:#9dcedf;}
ul#portfolio-items-one-fourth li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;} 
ul#portfolio-items-one-fourth li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;} 
ul#portfolio-items-one-fourth li  .item-content span{font-style:italic;color:#FFF;} 
ul#portfolio-items-one-fourth li   img{ width:100%;height:auto;padding:0;margin:0; }
     
ul#portfolio-items-one-third {overflow: hidden;position: relative;list-style: none;margin: 0;padding: 0px 0 0 0 ;}
ul#portfolio-items-one-third li {  width:300px;min-height:310px;}
ul#portfolio-items-one-third li .portfolio-item{ float:left; background:#f8f9f9;width:300px;height:auto;padding:0;}
ul#portfolio-items-one-third li .item-content{background:#615951;float:left;width:300px;text-align:center;padding:0px 0 15px 0;height:auto; }
#portfolio-items-one-third  .description{padding-top:15px; }
ul#portfolio-items-one-third li .item-content:hover{ background:#9dcedf;}
ul#portfolio-items-one-third li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;} 
ul#portfolio-items-one-third li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;} 
ul#portfolio-items-one-third li .item-content span{font-style:italic;color:#FFF;} 
ul#portfolio-items-one-third li  img{ width:100%;height:auto;padding:0;margin:0; }
.portfolio-container{width:960px;margin-right:-20px;float:left; clear: both;} 
.portfolio-items {
  width: 960px;
  margin: 0;
}
.portfolio-items:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.portfolio-items li {
  width: 220px;
  margin: 0 20px 20px 0;
  float: left;
  height: 300px;
  overflow: hidden;
}
 
 
 .portfolio-items-not-filterable {
  width: 960px;
  margin: 0;
}
.portfolio-items-not-filterable:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.portfolio-items-not-filterable li {
  width: 300px;
  margin: 0 20px 20px 0;
  float: left;
  height: 310px;
  overflow: hidden;
}

.three-fourth .portfolio-container {
   width:auto;
}

.filterable  {
   display: inline;
   float: right;
   margin-bottom: 20px;
   margin-right:20px;
   list-style: none;
}
.filterable li {
   float: left;
   margin-left: 25px;   
   list-style: none;
}
.filterable li a {
   display: block;
   color: #FFF;
   font: bold 11px arial;
   text-decoration: none;
   text-align: center;
   width: 100%;
   height: auto;
   padding:5px 5px;
   margin:5px;
   background: #615951;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
.filterable li.active a {
   color: #FFF;
   background: #9dcedf;
}

.portfolio-image {
   margin-bottom: 20px;
}

/*#footer .bloc { width:220px; display:inline; float:left; }*/
#footer h3 { height:30px; margin:0px 0px 20px 0px; padding-left:10px; font-weight:normal; border-left:5px solid #000000; text-transform:uppercase; }
#footer .article a { display:block; }
#footer .article a.img { width:50px; height:40px; overflow:hidden; float:left; }
#footer .article a.img img { width:50px; height:40px; }
#footer .article a.titre { width:150px; float:left; margin-left:10px; }
#footer .article a.titre i { display:block; margin-top:3px; }
#footer .facebook { width:60px; float:left; padding:5px; }
#footer .google   { width:60px; float:left; padding:5px; }
#footer .twitter  { width:70px; float:left; padding:5px; }
.right ul li a { display:block; float:left; padding:0px 10px; text-decoration:none; }
 .right ul { list-style-type:none; margin:0px; padding:0px; }
 .right ul li { display:inline-block; line-height:20px; }
 .right ul li a { display:block; float:left; padding:0px 10px; text-decoration:none; }
 .right ul li span { display:block; float:left; width:2px; overflow:hidden; }
 .icon_plus { background:url(icon-plus.png) no-repeat top center ;position:relative; top:16px; width:22px; height:20px;margin:auto;}
.background {
width: 100%;
min-width: 100%;
min-height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: -1;}

.boxx .padding { padding:30px 40px; }
.boxx .box { width:200px; display:inline; float:left; margin:0px; padding:0px 20px; }
.box2 .box { width:440px; }
.box3 .box { width:280px; }
.box4 .box { width:200px; }

.box h3 { margin:0px 0px 10px 0px; font-weight:normal; text-transform:uppercase; }
.box p { margin:0px; }

.contact { margin:0px auto; padding:0px; text-align:left; }
.contact table { border-collapse:collapse; font-size:10pt; margin:0px auto; }
.contact tr { vertical-align:middle; }
.contact tr th { font-weight:normal; padding:1px 3px; text-align:right; white-space:nowrap; }
.contact tr td { padding:3px 5px; }
.contact input.inputtext, .contact input.button, .contact textarea { border:1px solid #999; border-radius:10px; }
.contact input.button { padding:5px 20px; }
.contact button { background:none; border:0px; margin:0px; }
.contact tr.req th { font-weight:bold; }
.contact tr.req th span { color:#c00; font-weight:bold; }
.contact tr.req td input { border:1px solid #c00; }

.contact tr.req td input
{
  background: #fdd;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcc), to(#fff));
  background: -moz-linear-gradient(top, #fcc, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc', endColorstr='#fff');
}

.contact input.button
{
  background: #aaa;
  background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#666));
  background: -moz-linear-gradient(top, #aaa, #666);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#666');
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.coordonnees { font-size:10pt; margin:0px auto; text-align:left; }
.coordonnees .adresse { margin:0px 0px 20px 20px; }
.coordonnees .adresse h3 { display:inline; font-size:11pt; line-height:30px; margin:0px; }
.coordonnees .adresse h3 i { color:#888; }

 
#footer .blocs2 .bloc { width:460px!important; }
#footer  .blocs3 .bloc { width:305px!important; }

#pre-header {
height: 0 !important;
margin: 0 0 0px -40px !important;
}
#logo-wrapper {
width: auto !important;
height: 160px !important;
overflow: hidden;
/*border: 3px solid #FD3F92;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
*/
margin-top: 1px!important;
}
#main-navigation ul li a:hover, #main-navigation ul li.curren > a, #main-navigation ul li.current > a {
border-bottom: none !important;
text-shadow: 0 0 1px #FD3F92;
-moz-text-shadow: 0 0 1px #FD3F92;
-webkit-text-shadow: 0 0 1px #FD3F92;
-o-text-shadow: 0 0 1px #FD3F92;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
}
ul#projects-carousel li {
border: 3px solid #FD3F92;
margin-right: 11px !important;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
}
ul#projects-carousel li img{
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-o-border-radius: 8px 8px 0 0;
}
ul#social-links li {
position: relative;

top: -7px;
}
ul#social-links li a.facebook {

background-color: #FD3F92!important;
}

body
{
  font-size:15px;
  font-family:'Open Sans Condensed', sans-serif;;
}

#page
{
  background-image:url('img/bg-page-repeat.png');
  background-repeat:repeat;
}

#pre-header
{
  background-color:#555555;
}

ul#social-links li
{
  background-color:#555555;
}

#logo-wrapper
{
  margin-top:10px;
}

#main-navigation ul li a
{
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:15px;
  color:#000000;
}

#main-navigation ul li a:hover, #main-navigation ul li.current > a
{
  color:#FFFFFF;
  background-color:#FD3F92;
}

#content h1
{
  color:#FD3F92;
  text-shadow:0 0 0 transparent,#FFFFFF 0px 1px 0px;
  font-size:18px;
  font-family:'Open Sans Condensed', sans-serif;;
}

#content h2
{
  color:#FD3F92;
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:14px;
  text-shadow:0 0 0 transparent,#FFFFFF 0px 1px 0px;
}

#content .text
{
  color:#333333;
  font-size:18px;
  line-height:150%;
  font-family:'Open Sans Condensed', sans-serif;;
}

.horizontal-line
{
  background-color:#dedede;
}

.galerie h3
{
  color:#FD3F92;
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:20px;
  text-shadow:0 0 0 transparent,#FFFFFF 0px 1px 0px;
}

.portfolio-item-hover-content a.zoom 
{
  background-color:#FD3F92;
}

 .portfolio-item-hover-content .hover-options
{
  background-color:#dedede;
}

ul#projects-carousel li .item-content
{
  background-color:#FD3F92;
}

ul#projects-carousel li .item-content:hover
{
  background-color:#FD3F92;
}

.arrowButton .nextArrow
{
  background-color:#323232;
}

.icon-arrow-left-3, .icon-arrow-right-3
{
  color:#323232;
  font-size:16px;
}

.icon-arrow-left-3:hover, .icon-arrow-right-3:hover
{
  color:#dedede;
}

.voir-galerie
{
  color:#000000;
}

a.voir-galerie:hover
{
  color:#555555;
}

#footer h4
{
  color:#FD3F92;
  font-size:18px;
  line-height:30px;
  text-shadow:0 0 0 transparent,#FFFFFF 0px 1px 0px;
}

#footer .widget-container li a
{
  color:#333333;
  text-shadow:0 0 0 transparent,#FFFFFF 0px 1px 0px;
}

#footer .widget-container li a:hover
{
  color:#FD3F92;
  text-shadow:0 0 0 transparent,#FFFFFF 0px 1px 0px;
}

.icon-home, .icon-mobile, .icon-drawer, .icon-mail-2,.icon-print,.icon-phone-1
{
  font-size:20px;
}

.widget_site5framework_contact_widget span
{
  color:#fafafa;
  line-height:20px;
}

#copyrights a
{
  color:#333333;
  font-family:'Open Sans Condensed', sans-serif;;
}

#copyrights a:hover
{
  color:#FD3F92;
  text-shadow:0 0 0 transparent,#FFFFFF 0px 1px 0px;
}

.backtotop
{
  color:#FD3F92;
  background-color:#FFFFFF;
}

.backtotop:hover
{
  color:#fa8000;
  background-color:#dedede;
}

.sitemap a
{
  color:#000000;
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:12pt;
}

.sitemap h3
{
  color:#FD3F92;
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:12pt;
}

.adresse h3
{
  color:#FD3F92;
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:12pt;
}

.adresse
{
  color:#000000;
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:12pt;
}

.coordonnees .adresse a
{
  color:#000000;
  font-family:'Open Sans Condensed', sans-serif;;
  font-size:12pt;
}

#footer .autre
{
  font-family:'Open Sans Condensed', sans-serif;;
}

ul#social-links > li.facebook-link:hover
{
  background-color:#FD3F92;
}