* {

box-sizing:border-box;
}

body {
background-image:url("../sky.jpg");
margin-top:0;
}

#wrapper {
background:#FFF;
height:auto;
width:980px;
border-left:6px solid #aaa;
border-right:6px solid #aaa;
border-bottom:6px solid #aaa;
overflow:hiddden;
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px;
box-shadow:0 0 5px #888;
margin:0 auto;
overflow:hidden;
position:relative;
margin-bottom:20px;  

}

.logo {
width:250px;
height:100%;
background:#0a8609;
z-index:2;
margin-left:0px;
float:left;
border-top:0;
border-left:6px solid #FFF;
border-bottom:6px solid #FFF;
border-right:6px solid #FFF;
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px;
box-shadow:0 0 5px #888;
background-image:url("../images/greenAbstract.png");
background-position:0px 0px;
background-repeat:repeat;
padding:0px 00px;
position:absolute;
  
}

.header {
border-bottom:10px solid #FFF;
height:275px;
background-image:url("../sky.png");
background-position-y:0px;
background-position-x:200px;
repeat:no-repeat;
padding:0;
}

.strip {
height:150px;
width:50px;
float:right;
margin-top:20px;
margin-right:25px;
}

.strip p {
font:18px 'Fjalla One', sans-serif;
padding-top:15px;
color:#059;
padding-left:25px;
}

.mybuttons {
float:left;
background:#069;
height:40px;
width:40px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
border:3px solid #FFF;
  transition: all 0.5s ease;
  background: #069;
  display:flex;
  self-align:center;
}

.homeicon{padding:6px 2px;}
.fbookicon{padding:4px 0px 0px 8px;}
.mailicon{padding:8px 3px;}



.mybuttons:hover {
  background: #eee;
   -webkit-transition: background-color 350ms ease-out .1s;
    -moz-transition: background-color 350ms ease-out .1s;
    -o-transition: background-color 350ms ease-out .1s;
    transition: background-color 350ms ease-out .1s;
}




.menu {
height:40px;
width:100%;
float:left;
margin-top:-60px;
brder-top:10px solid #FFF;
background: #0D6E3F;
position:absolute;
  
}

#navigation {
height:40px;
width:600px;
float:left;
margin-left:280px;
padding:0 15px;

}

#navigation p {
font:14px 'Fjalla One', sans-serif;
padding-top:-0px;
color:#FFF;
}

#navigation a:link {
font:16px 'Fjalla One', sans-serif;
display:inline-block;
line-height:40px;
padding:10px 20px;
text-decoration:none;
color:#FFF;
float:left;
}

#navigation a:visited {
font:16px 'Fjalla One', sans-serif;
padding-top:10px;
color:#FFF;
}



.nav{height:40px;background:#eee;border-bottom:1px solid  #bbb;font-family:verdana, sans-serif;}
.nav ul{list-style:none;padding:0;margin-left:290px;}
.nav li{float:left;}
.nav a:link{line-height:40px;padding:0 15px;text-decoration:none;display:block;color:black;}
.nav a:visited{}
.nav a:hover{background:#555;color:white;}
.selected{background:#ded;color:black;}






.content {
height:auto;
width:600px;
padding-right:20px;
margin:40px 315px 30px;
}

.content p {
font:10pt Geneva, sans-serif;
padding-top:10px;
paddng-bottom:0px;
line-height:170%;
color:#555;
}



.clout p {font:10pt Geneva, sans-serif;padding-top:10px;paddng-bottom:0px;line-height:170%;color:#555;}

h2 {
font:24px georgia, sans-serif;
color:#3b5999;
margin:0px;
padding-top:0px;
padding-bottom:0px;
}




h3 {
font:20px georgia, sans-serif;
color:#3b5999;
margin:0px;
padding-top:20px;
padding-bottom:0px;
}

.panels p {
margin-left:5px;
}

::-webkit-scrollbar {
width:12px;
height:200px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
border-radius:10px;
}

::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
background:#069;
}

ul, ol{margin-top:0px;margin-bottom:8px;}
.content li{list-style-type:square;padding-left:15px;margin-left:-25px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;font:10pt Geneva, sans-serif;
line-height:160%;
color:#555;}






.footer {
height:200px;
width:100%;
background:#ccc;
padding-top:15px;
padding-left:20px;
  box-sizing: border-box;
}

.footer a:link {
color:red;
text-decoration:none;
font:11px arial;
text-align:right;
padding:5px 10px;
}

.footer a:visited {
color:red;
padding:5px 10px;
}

.footer a:hover {
color:orange;
padding:5px 10px;
}

.topRule {
height:12px;
width:100%;
background:#059;
float:left;
}

.details {
float:left;
}

.carousse {
padding-left:315px;
padding-top:35px;
width:480px;
border:0 10px 10px 10px solid #000;
}


.panels {
background-image:urls(../catalogue/web/electrical.png);
height:220px;
width:324px;
float:left;
margin-left:2px;
}

.lastPanel {
float:right;
}

h4 {
margin-top:50px;
font:24px 'Fjalla One', sans-serif;
color:#FFF;
margin-bottom:3px;
text-align:center;
padding:10px;
}

#navigation a:hover,body#home a#homenav, body#reviews a#reviewsnav, body#coaching a#coachingnav,body#seminar a#seminarnav, body#about a#aboutnav,body#contact a#contactnav {
font:16px 'Fjalla One', sans-serif;
padding-top:10px 20px;
color:#FFF;
border-top:15px solid #0D6E3F;
display:inline-block;
}


blockquote{
  display:block;
  background: ;
  padding: 30px 50px 25px 65px;
  margin: 0 0 10px;
margin-top:20px;
margin-left:290px;
  position: relative;
  width:500px;
font-style:italic;


  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border: 2px dotted white;
  -webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
font-style:italic;
  color: #069;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: Normal;
}
hr{
 border: 0;
    border-bottom: 1px dashed #ddd;
    background: #069;
    }
    
.author{color: #069;
padding:5px 12px;
font-style:italic;
font-family:georgia;
}

.more_space{padding-bottom:10px;}
.guarantee{height:160px;margin:80px 15px 0 ;}
.comensa{padding:20px 0px 0px 64px;}
.icrLogo{padding:20px 0px 0px 64px;}    

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 9px 31px;
    border: 1px solid #398d52;
    border-radius: 8px;
    background: #5ee887;
    background: -webkit-gradient(linear, left top, left bottom, from(#5ee887), to(#398d52));
    background: -moz-linear-gradient(top, #5ee887, #398d52);
    background: linear-gradient(to bottom, #5ee887, #398d52);
    text-shadow: #29653b 1px 1px 1px;
    font: normal normal bold 17px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid ##52ca75;
    background: #71ffa2;
    background: -webkit-gradient(linear, left top, left bottom, from(#71ffa2), to(#44a962));
    background: -moz-linear-gradient(top, #71ffa2, #44a962);
    background: linear-gradient(to bottom, #71ffa2, #44a962);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #398d52;
    background: -webkit-gradient(linear, left top, left bottom, from(#398d52), to(#398d52));
    background: -moz-linear-gradient(top, #398d52, #398d52);
    background: linear-gradient(to bottom, #398d52, #398d52);
}


.profile {
height:auto;
width:600px;
padding-right:20px;
margin:40px 315px 30px;
}

.clout {
	
height:auto;
width:600px;
padding-right:20px;
margin:40px 315px 30px;
}


.clout li{margin-left:-25px;padding-left:15px;font:10pt Geneva, sans-serif;line-height:170%;color:#555;}


#reviews hr{
 border: 0;
    border-bottom: 1px dashed #ddd;
    background: #069;
margin:10px 0 15px;
    }

#contact hr{
 border: 0;
    border-bottom: 1px dashed #ddd;
    background: #069;
margin:5px 0 25px;
    }
form{background: url("../images/contacticon.png"); background-repeat:no-repeat;background-position:300px 10px;}


input{height:25px;width:250px;border-radius:5px;margin-top: 8px;background: #ded;font:Normal 16px Georgia;padding:0px 8px 2px;}
textarea{height:150px;width:500px;border-radius:5px;margin-top: 8px;background: #ded;font:Normal 16px Georgia;padding:8px 8px 2px;}
select{height:30px; width:270px;margin-top:5px;font:Bold 12px Helvetica;padding:2px;}
option{height:20px; width:220px; font:Bold 14px Helvetica;line-height:30px;padding-top:8px;}

.client{height:120px;width:120px;background:white;border-radius:5px;
margin:10px 10px 10px 60px;} 
.clients{color:white;margin:20px 10px 10px 60px;}
.clientLogo{margin:15px 0px 0px 15px;border-radius:5px;height:90px;width:90px;}

.MKSlogo{padding-left:70px !important;}