/*---------------------------------------------------------------------------*\

    GLOBAL

\*---------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Raleway:500,700,800,400,300);


body, #body_wrapper{
    
    font-smoothing:         antialiased;
    -moz-font-smoothing:    antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: "Raleway";
    font-size: 14px;
}



h1, h2, h3, h4, h5, h6, p{
    font-weight: 500;
	margin-bottom:     10px;
}



h1, h1 a, h2, h2 a{
    
}



h3, h3 a{
}



h4, h4 a{
}



h5, h5 a{
}



h6, h6 a{
}



p{
	
}



a{
	-webkit-transition:  500ms ease-out 0s;
            transition:  500ms ease-out 0s;

    -webkit-transition-property: color, background;
            transition-property: color, background;
}

a:hover{
    -webkit-transition:  500ms ease-out 0s;
            transition:  500ms ease-out 0s;

    -webkit-transition-property: color, background;
            transition-property: color, background;

}

a.button, 
input.form-submit, 
input[type='reset'], 
input[type='button'] {
    display:    inline-block;
    margin-top: 20px;
    padding:    10px 20px;
    height:     auto;
    background: transparent;
    border: 2px solid #333;
    color:  #333;
    font-size: 13px;
    text-transform: uppercase;
    border-radius:          2px;
    -moz-border-radius:     2px;
    -webkit-border-radius:  2px;
    
   
}

.input-prompt {
  position: 							absolute;
  font-style: 							italic;
  color: 								#aaa;
  margin: 								0.2em 0 0 0.5em;
}



.clear{
    
	clear:         both;
	margin:	       0px;
	padding:       0px;
	height:        1px;
	line-height:   1px;
}

#site-name {
	margin:    0px;
    margin-top: -12px;
	padding:   0;
    position: relative;
    z-index: 99;
}

input[type='text'], 
input[type='file'], 
input[type='password'], 
select.form-select {
    
    width: 30%;
    
	background:    #fff;
	
}

.resizable-textarea {
    
	width: 55%;
}

.clearfix:after {
    
	content:       ".";
	display:       block;
	clear:         both;
	visibility:    hidden;
	line-height:   0;
	height:        0;
}

.fl{
    float: left;
}
.fr{
    float: right;
}

 /*
.example {
    transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
    -webkit-transition: ;
    -moz-transition: ;
    -o-transition: ;
    transition: ;
}

.example {
    -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}
*/

/*---------------------------------------------------------------------------*\

    MASTHEAD

\*---------------------------------------------------------------------------*/

#branding, #branding .limiter, #branding .limiter .column{
    background-color: #292929;
    height: 90px;
}

#region-branding {
    margin-top: 12px;
    color:#fff;
    text-align: right;
    font-weight: bold;
}

/*---------------------------------------------------------------------------*\

    NAVIGATION

\*---------------------------------------------------------------------------*/

#site-navigation{
	background:        none;
	pointer-events:    none;
    top: -55px;
    position: relative;
}
    
#site-navigation .limiter {
  position: absolute;
  right: 0;
  left: 0;
}

#site-navigation .limiter .column {
  width: 770px;
  margin-left: 190px;
}

#site-navigation ul.links {
  text-align: center;
  margin-right: 30px;
}

#site-navigation .dropdown{
    
	display:   inline-block;
	float:     right;
    
	pointer-events:    auto;
}

#site-navigation .dropdown li{
    
	float:     none;
}

#site-navigation .dropdown a,
#side-nav ul.links a, 
#site-navigation ul.links a {
    color: #fff;
    text-transform: uppercase;
}

#site-navigation .dropdown li.active-trail > a {
    color: #fff;
    background: transparent;
    font-weight: 800;
}

#site-navigation .dropdown li li a.active {
    color: #fff;
    font-weight: 800;
}

#site-navigation .dropdown a:hover,
#side-nav ul.links a:hover, 
#site-navigation ul.links a:hover {
}

#site-navigation .dropdown li.last a, 
#site-navigation .dropdown li li a{
    
	border:	       none;
	line-height:   auto;
	margin-bottom: 0px
}

#site-navigation .dropdown li li a {
    font-weight: 500 !important;
}

#site-navigation .dropdown li li a:hover {

}

/*---------------------------------------------------------------------------*\

    HERO/HEADER

\*---------------------------------------------------------------------------*/

#header {
    background-color: #f5f5f5;
      height: 529px;
  margin-bottom: 30px;
}

.not-front #header {
    display: none;
}

#header .limiter, #header .limiter .column {
    width: 100%;
    margin: 0 auto;
}

#header .block {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

#header .region {
    padding: 0px;
}

#block-ecpro_hero-custom-hero .content  {
    width: 940px;
    margin: 0 auto;
}

#block-ecpro_hero-custom-hero {
    background-color: #f5f5f5;
}

/*
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/


/*---------------------------------------------------------------------------*\

    iframe / video

\*---------------------------------------------------------------------------*/



.videoWrapper.clicked {
    
    padding:         0px 0 56%;
    position:        relative;
    display:         block;
    margin-bottom:   110px;
}
    
.videoWrapper iframe {
        
        width:         100% !important;
        height:        100% !important;
        position:      absolute !important;
        top:           0 !important;
        left:          0 !important; 
}



/*---------------------------------------------------------------------------*\

    PAGE

\*---------------------------------------------------------------------------*/

#page{
}

.not-front #page {
    margin-top: 70px;
}

.front #main {
    margin-bottom: 30px;
}

.front #main h2 {
    color: #9b9b9b;
    font-size: 31px;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: center;
}

.front #main strong {
    color: #0292db;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: .02em;
    text-align: center;
}

.front span.divider {
    display: inline-block;
    width: 70px;
    height: 5px;
    background-color: #9c9c9c;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
}

.front #main p {
    text-align: center;
}


/*---------------------------------------------------------------------------*\

    SIDEBAR

\*---------------------------------------------------------------------------*/

#sidebar .block{
    
	
}

#sidebar .block .content{

}

.front #block-ec_pro_contact_form-0 {
    background: #f5f5f5 url('images/bike.png') right top no-repeat;
    padding-top: 210px;
    margin-bottom: -20px;
}

#block-views-ec_pro_testimonials-block_2 h2, #block-ec_pro_contact_form-0 h2{
	padding:   30px 0px 0px;
	margin:    0px 15px;
}

#block-views-ec_pro_testimonials-block_2 .content, #block-ec_pro_contact_form-0 .content{
	padding-top:   5px !important;
}

#block-ec_pro_contact_form-0 h2 {
    display: none;
	text-indent:       0px;
	background-image:  none;
}

#sidebar .block .content .content{
	padding:   0px;
}

.not-front #block-ec_pro_contact_form-0 input[type='text'] {
	width: 80%;
    margin-left: 15px;
}

.not-front #block-ec_pro_contact_form-0 label {
    margin-left: 15px;
}

.not-front #block-ec_pro_contact_form-0 .form-submit {
    color: #fff;
    border: 2px solid #fff;
    margin-left: 15px;
    cursor: pointer;
}

.not-front #block-ec_pro-custom-1 {
    padding: 20px;
}

.not-front #block-ec_pro-custom-1 .content p,
.not-front #block-ec_pro-custom-1 .content strong {
    color: #fff !important;
}

.not-front #sidebar #block-ec_pro-custom-1 h2 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.not-front #block-ec_pro-custom-1 {
    background: #0292db;
    margin-bottom: 0px;
}

.front #block-ec_pro-custom-1 {
  margin-bottom: -210px;
  padding-top: 50px;
    }

.front #block-ec_pro-custom-1 h1 {
    color: #292929 !important;
}
    
.front #sidebar #block-ec_pro-custom-1 .content {
    margin: 0 auto;
    width: 560px;
    padding: 0px;
    padding-right: 400px;
}

.front #block-ec_pro_contact_form-0 .content {
    margin: 0 auto;
    width: 30%;
    padding: 0px;
    padding-right: 520px;
}

.not-front #block-ec_pro_contact_form-0 {
    background: #0292db;
}

.not-front #block-ec_pro_contact_form-0 .content {
    padding: 5px 0px;
}

.front #block-ec_pro_contact_form-0 .form-item {
    margin-bottom: 10px;
    width: 32%;
}

.not-front #block-ec_pro_contact_form-0 .form-item {
    margin-bottom: 5px;
}

#services {
    display: none;
}

#block-ec_pro-custom-2 {
    display: none;
}

.front #services  {
    display: block;
}

.front #services {
    margin: 0 auto;
    padding: 30px 0px 10px 0px;
    text-align: center;
}

.front #services h2 {
    text-transform: uppercase;
    color: #ababab;
    letter-spacing: .02em;
    font-size: 21px;
    font-weight: 500;
}

.front #services table {
    margin-top: 20px;
}

.front #services table td {
    width: 33%;
    padding: 20px;
    vertical-align: top;
    font-size: 12px;
}

.front #services table h3 {
    color: #363636;
    font-size: 14px;
    text-transform: uppercase;
}

#block-views-ec_pro_testimonials-block_2 {
    background-color: #292929;
    padding: 40px 0px;
}

.not-front #block-views-ec_pro_testimonials-block_2 {
    padding: 40px 15px;
}

#block-views-ec_pro_testimonials-block_2 .content, #block-views-ec_pro_testimonials-block_2 h2 {
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

#sidebar #block-views-ec_pro_testimonials-block_2 em, #sidebar #block-views-ec_pro_testimonials-block_2 h2 {
    color: #fff;
}

#sidebar #block-views-ec_pro_testimonials-block_2 h2 {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .02em;
    font-size: 21px;
    font-weight: 500;
}

#sidebar #block-views-ec_pro_testimonials-block_2 strong {
    margin-bottom: 8px;
    color: #0292db;
}

#sidebar #block-views-ec_pro_testimonials-block_2 a {
    color: #0292db;
    clear:both;
    display: block;
    text-align: center;
    font-weight: 600;
}

.front #sidebar #block-views-ec_pro_testimonials-block_2 em {
    width: 50%;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
}

#sidebar h1, 
#sidebar h2{
    
	font-size:     21px;
	line-height:   24px;
}

#sidebar h1, 
#sidebar h2, 
#sidebar h3, 
#sidebar h4, 
#sidebar h5, 
#sidebar h6, 
#sidebar p, 
#sidebar ul, 
#sidebar li, 
#sidebar em, 
#sidebar strong{
    
	color:         #333;
}

/*---------------------------------------------------------------------------*\

    FOOTER

\*---------------------------------------------------------------------------*/

#footer{
    
    overflow: hidden;
}


#footer .limiter{
    
	border:    none;
}


#footer .content img{
	height:	   75px;
	width:     auto;
	border:    solid 4px #d4d4d4;
}

#footer table td {
    padding: 20px;
    color: #333;
    vertical-align: top;
}

#footer table td:first-child {
    width: 35%;
    }

#footer table td:nth-child(2) {
    width: 25%;
}

#footer table td:nth-child(3) {
    width: 20%;
}

#footer table td:last-child {
    width: 20%;
    }

#footer table td h3 {
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 600;
}

#footer table td a {
    color: #333;
    text-decoration: underline;
    display: block;
    clear:both;
    margin-bottom:5px;
}