icy/* ============================================================================

Theme Name: Elvyre
Version: 1.0

============================================================================= */

/*===========================================================================

    CONTENTS:

    1. CSS RESET
    2. PAGE CONTENT BACKGROUNDS (PARALLAX BACKGROUNDS)
    3. TYPOGRAPHY
    4. HEADER
        4.1. Global styling
        4.2. Main navigation
        4.3. Search
        4.4. Header style 3
        4.5. Header style 4
        4.6. Header style 5
    5. PAGE TITLES
        5.1. Page title 2
        5.2. Page title 3
    6. ELEMENTS
        6.1. Accordion
        6.2. Blockquote
        6.3. Buttons
        6.4. Client carousel
        6.5. Development process boxes
        6.6. Dropcaps
        6.7. Heading centered
        6.8. Heading with borders
        6.9. Highlighted text
        6.10. History section
        6.11. Icons list
        6.12. Information boxes
        6.13. Notes
        6.14. Portfolio carousel
        6.15. Pricing tables
        6.16. Services boxes
        6.17. Services overview list
        6.18. Services vertical tabs
        6.19. Skills circular style
        6.20. Skills rectangular style
        6.21. Stats counter
        6.22. Testimonials
        6.23. Tabs horizontal
        6.24. Tabs vertical
   7. PAGE SPECIFIC STYLES
        7.1. About pages
        7.2. Portfolio
        7.3. Blog
        7.4. Contact page
   8. WIDGETS
   9. FOOTER
        

============================================================================= */

/* ==========================================================================
    1. CSS RESET
============================================================================= */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto;}
ol, ul {list-style: none;}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 75%;}
sub,sup {line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
a{list-style: none; text-decoration: none;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}
.clearfix{clear: both;}

body {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
}

.animated { position: relative !important; }

.add-margin{
    display: block;
    margin-bottom: 30px !important;
    float: left;
}

.no-bottom-margin{
  margin-bottom: -80px;
}

 .numbers-counter li {
    background-color: #A4C339 !important;
}

.page-node-129 .page-content.parallax-3 ul{
      margin-left: 25px;
    margin-bottom: 15px;
    list-style: disc !important;
    line-height: 26px;
    list-style-type: disc;
    color: #666;
    font: 14px 'Open Sans', Arial, sans-serif;
    line-height: 26px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
  
    }

    .mg-top{     margin-bottom:40px;
}

.architect-heading{
    font: 32px 'Raleway', Arial , sans-serif;
    line-height: 34px;
    color: #39414b;
    margin-bottom: 15px;
    font-weight:bold;
    }

    .architect-heading-2{
    font: 26px 'Raleway', Arial , sans-serif;
    line-height: 34px;
    color: #39414b;
    margin-bottom: 5px;
    font-weight:bold;

    }


    .vidspce{
        margin-right: 80px;
        margin-bottom:12px;
    }


.title-leak{
font-weight:bold;
}

div#block-icynene-utility-icynene-utility-home-continue {
    display: none;
}

 #block-md-megamenu-2 .block-title{
  display:none;
 }

 .house-leak {
    position: relative;
}


/**
 * House leaks image
 */
.house-leak {
  position: relative;
}
.house-leak a {
  position: absolute;
  padding: 6px 10px;
  background-color: #2ba4f0;
  color: white;
  text-decoration: none;
  display: block;
  font-size: 1.2em;
}

.rtecenter {
    text-align: center;
    margin-bottom: 15px;
}

/*  1.5 Inner Conntent Styles from existing site
============================================================================= */

#block-system-main .field-name-body p {
    margin-bottom: 20px;
}

#region-content h2 {
    font-size: 1.5em;
    font-weight: normal;
    color: #054b7b;
    margin-bottom: 10px;
}

#block-system-main .content ul, #block-system-main .content ol {
    margin-left: 25px;
    margin-bottom: 15px;
}

#block-system-main .content ul li {
    list-style-type: disc;
    color: #666;
    font: 14px 'Open Sans', Arial, sans-serif;
    line-height: 26px;
}

.ho-thr{
    margin-bottom:80px;
}


b, strong {
    font-weight: bold;
    color:#353535;
}

.blue, .blue a {
    color: #054b7b;
    text-decoration: none;
    margin-bottom: 10px;
    margin-top: 30px;
    text-align:left !important;
}

h3.blue{
    margin-bottom:10px !important;
}


h2.bluehome {
    text-align: left !important;
    color: #054b7b;
}

h1#pt.title {

/**display:none;*/
}

.node-type-blog h1#pt.title {
margin-top:25px;
display:block !important;
}


tr.selected td {
    background: #fff; 
}

.page-title-1 .breadcrumbs {
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 0;
    background-color: #1965B0;
}

ul.crumbs {
    color: #fff;
}
#block-crumbs-breadcrumb {
    display: none;
}

.parallax-cap{
	color:#fff;
	font-size:16px;
}

.parallax-cap-builders{
margin-bottom:40px;
	color:#fff;
	font-size:18px;
}

#billboard button {
  background: none;
  border: 3px solid #ffffff;
  transition: all 0.5s ease;
  border-radius: 0;
}
#billboard button:hover {
  color: white;
  background: #00313c;
}

.aio-icon-img .img-icon {
    width: 1em;
    max-width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block;
    font-size: inherit;
}

left-icon .aio-icon-left .aio-icon, .left-icon .aio-icon-left .aio-icon-img {
    margin-right: 25px;
}

.feature-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25.6px;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0;
    color: #28262b;
    -webkit-transition: color .3s ease-in-out, border-bottom-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out, border-bottom-color .3s ease-in-out;
    transition: color .3s ease-in-out, border-bottom-color .3s ease-in-out;
}

.left-icon .aio-icon-description, .left-icon .aio-icon-header {
    float: left;
    width: 100%;
}

.left-icon .aio-icon-left {
    display: table-cell;
    vertical-align: top;
}

.aio-icon-component .aio-icon-box {
    position: relative;
    margin-bottom: 0 !important;
}

.aio-icon-component.style_9 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.aio-icon-component .aio-icon-description {
    position: relative;
    padding-bottom: 30px;
}

.left-icon .aio-icon-description, .left-icon .aio-icon-header {
    float: left;
    width: 100%;
}


.aio-icon-header+.aio-icon-description {
    margin-top: 10px;
}

.aio-icon-component .aio-icon-description {
    position: relative;
    padding-bottom: 30px;
}


.aio-icon-component .aio-icon-box {
    position: relative;
    margin-bottom: 0 !important;
}

.aio-icon-box.left-icon {
    display: inline-block;
}

.left-icon .aio-icon-left .aio-icon, .left-icon .aio-icon-left .aio-icon-img {
    margin-right: 25px;
}

.left-icon .aio-ibd-block {
    display: table-cell;
    vertical-align: middle;
}

.post-info .post-date, .post-info-container .post-date {

    list-style-type: none !important;
}

.post-metas li {

    list-style-type: none !important;
}

li.blog-post.format-standard {
    list-style: none !important;
}

.post-info .post-category i, .post-info-container .post-category i {
    width: 60px;
    height: 0px !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.view.view-building-genius-blog.view-id-building_genius_blog h2 a {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}


.view.view-building-genius-blog.view-id-building_genius_blo #block-system-main .content ul, #block-system-main .content ol {
    /* margin-left: 25px; */
    margin-bottom: 0px !important;
}

/* Blogs */

#building-genius-logo{
	width: 100%;
	margin-bottom:
}

/* Exposed search form for blog */
#views-exposed-form-building-genius-blog-blog input[type="text"]{
	width: 100%;
	margin-bottom: 15px;
}

#views-exposed-form-building-genius-blog-blog .views-submit-button input{
	margin-top: 5px;
}

/*Blog Archive Block*/
.view-id-blog_archive ul li,
.view-id-yearly_blog_archive ul li{
	margin-left: 0px;
}

.view-id-blog_archive ul li a,
.view-id-yearly_blog_archive ul li a{
	font-weight: bold;
	text-decoration: none;
}

.view-id-blog_archive ul li:first-child,
.view-id-yearly_blog_archive ul li:first-child{
	margin-top: 5px;
}

/*Recent Posts*/
div.view-display-id-recent_posts div.view-content div.views-row{
	border-bottom: #bbb 1px dashed;
	padding: 8px 0px;
}

div.view-display-id-recent_posts div.views-field-created span{
	font-size: 14px;
	font-weight: bold;
}

div.view-display-id-recent_posts div.views-field-created{
	margin-bottom: 0px;
}

div.view-display-id-recent_posts div.views-field-title span a{
	font-size: 12px;
	text-decoration: none;
}

/* Blog View */
div.view-building-genius-blog div.views-field {
	margin-bottom: 10px;
}

div.view-building-genius-blog div.views-row,
body.page-taxonomy-term .node-blog,
body.page-blog-archive .node-blog,
body.page-yearly-blog-archive .node-blog{
	padding: 15px 0px;
	border-bottom: 1px solid #A3C239;


}

.view-building-genius-blog header h2.node-title a,
body.page-taxonomy-term .node-blog header h2.node-title a,
body.page-blog-archive .node-blog header h2.node-title a,
body.page-yearly-blog-archive .node-blog header h2.node-title a{
	color: #054b7b;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;

}

.view-building-genius-blog header,
body.page-taxonomy-term .node-blog header,
body.page-blog-archive .node-blog header,
body.page-yearly-blog-archive .node-blog header{
	margin-bottom: 10px;
}

.view-building-genius-blog ul.pager,
body.page-taxonomy-term #block-system-main ul.pager,
body.page-blog-archive #block-system-main ul.pager,
body.page-yearly-blog-archive #block-system-main ul.pager{
	margin-top: 20px;
}

/*Blog Nodes*/
#blog-preamble-info{
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #1B75BB;
}

#blog-preamble-info .field-name-field-tags,
#blog-preamble-info .blog-posted,
.node-blog .field-name-field-tags{
	color: #939597;
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 5px;
}

#blog-preamble-info .field-name-field-tags a, .node-blog .field-name-field-tags a {
    text-decoration: none;
    color: #939597;
    position: relative;
    margin: 2px 6px 3px 0;
    padding: 4px 8px 4px 8px;
    border-radius: 3px;
    font-size: 80%;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #0068CB;
    border-radius: .25em;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    cursor: default;
}



div#block-views-exp-building-genius-blog-blog .views-exposed-form {
    margin-top: 10px;
    background-color: #FFFFFF;
    width: 70%;
    padding-left: 10px;
    color: #000000;
    padding-bottom: 5px;
}

#blog-preamble-info .field-name-field-tags div.field-items,
#blog-preamble-info .field-name-field-tags div.field-label,
.node-blog .field-name-field-tags div.field-items,
.node-blog .field-name-field-tags div.field-label{
	display: inline;
}

#blog-preamble-info .field-name-field-tags div.field-items .field-item:first-child,
.node-blog .field-name-field-tags div.field-items .field-item:first-child{
	margin-left: 5px;
}

.node-blog .field-name-field-thumbnail-image{
	display: inline-block;
	float: left;
	margin: 0px 10px 10px 0px;
}

div.field-name-field-tags div.field-item{
	display: inline-block;
	margin-right: 5px;
}

div.field-name-field-tags div.field-item:after{
	content: ",";
}

div.field-name-field-tags div.field-item:last-child:after{
	content: "";
}

article a {
	color:#054b7b;
}

.pt-title h2 {
    color: #fff !important;
}

#view-all-posts-link{
	float: right;
}

#view-all-posts-link a,
.node-blog #blog-add-this .add-this-label{
	color: #000;
	text-decoration: none;
	font-size: 16px;
}

.node-blog .field-name-field-thumbnail-image{
	height: 190px;
}

.node-blog #blog-add-this{
	float: left;
}

.node-blog .addthis_toolbox{
	display: inline-block;
	width: 110px !important;
}

.node-teaser span.blog-created-date,
.node-teaser span.blog-comment-count{
	font-size: 12px;
	color: #939597;
}

/* General Comments */
.comment{
	margin: 10px 0px;
	padding: 10px;
	background-color: #EEE;
}

.comment .submitted,
.comment .links a{
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.comment .links{
	float: right;
}

#comments h2.title,
h2.comment-form{
	color: #054b7b;
}

/* Feedburner Subscription Block */
#region-sidebar-right .feedburner-sub-block{
	background: #DDD;
	padding: 5px;
}

#region-sidebar-right .feedburner-sub-block *{
	color: #000 !important;
}

#region-sidebar-right .feedburner-sub-block input[type="submit"]{
	color: #fff !important;
	background: none repeat scroll 0 0 #054877;
	border: medium none;
	float: right;
	padding: 5px;
}

#region-sidebar-right .feedburner-sub-block input[type="text"]{
	width: 99%;
}

#region-sidebar-right .feedburner-sub-block .block-title{
	color: #054877;
	border-bottom: 3px solid #054877;
}

#region-sidebar-right .feedburner-sub-block .actions{
	margin-top: 25px;
}


li.post-date {
    display: none;
}

li.post-category {
    display: none;
}

ul.post-metas {
    width: 100%;
    
}



/* Live Help */
.LHPOS { position:absolute; position:fixed;	bottom:0px; right:240px; z-index:999999; width:0px; margin-bottom:0px; }
.LHContainer { /* width:240px; */ height:162px;  position: absolute;
  /* left: 15px; */
  width:219px !important;
  left: -10px;
  top: 50%;
  margin-top: -50px;
  width: 200px;
  box-shadow: 0 0 15px rgba(51, 51, 51, 0.4);
  border-radius: 5px;
  overflow: hidden;
  -webkit-animation: slideInLeft 0.2s ease-out;
          animation: slideInLeft 0.2s ease-out; }
#LHbutton a { outline:none }
#LHbutton {	margin: 0; padding: 0; text-indent: 99999px; position: relative; background-color:red; no-repeat; width:240px; height:162px; }
#LHbutton a { position: absolute; top: 0; left: 0; width: 240px; height: 179px; display: block; border: 0; background: transparent; overflow: hidden; }
#LHbutton .fake-hover { margin: 0; padding: 0; width: 50px; height: 200px; display: block; position: absolute; top: 0; left: 0;	background: url(img/livehelp2.png) no-repeat; }

.button-tools {
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  color: #666;
  overflow: hidden;
  background-color: rgb(255, 136, 51);
  padding: 10px;
}

.button-tools a:hover {
 text-decoration:none;
}


.ui-accordion-content-active { height: inherit !important; }
/*  1.5 Inner Conntent Styles from existing site
============================================================================= */

.page-node-134 #page-title {
    background: url('../img/banned.jpg') center center !important;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}

.page-node-129 #page-title {
    background: url('../img/1b.jpg') center center !important;
    background-size: cover;
    padding: 50px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}


.page-node-130 #page-title {
    background: url('../img/1b.jpg') center center !important;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}

.page-node-111 #page-title {
    background: url('../img/1b.jpg') center center !important;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}

.page-content.parallax-architects {
    background: url('../img/architect-slide2.jpg') center center !important;
    background-color:#fff !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: repeat-y !important;
  }

.page-content.parallax-builders {
    background: url('../img/builders-parallax.jpg') center center !important;
    background-color:#fff !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: repeat-y !important;
  }

  .page-content.parallax-homeowners {
    background: url('../img/builders-parallax.jpg') center center !important;
    background-color:#fff !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: repeat-y !important;
  }


  .page-content.parallax-products{
    
    background-color: #ededed;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: repeat-y !important;
  }


.page-content.parallax-products {
  padding: 20px 0 0 0 !important;
  }


.page-node-129  .page-content.parallax-3{
    
    background:0% -468px rgb(246, 246, 246);
    background-color:#;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.sblock1{
  background-color:#fff;
}

.intro-ser {
    padding: 40px 30px;
    position: relative;
    background-color:#fff;
}

.intro-ser .tag {
    height: 58px;
    width: 58px;
    border-radius: 50%;
    border: 4px solid #fff;
    background: #0066CC;
    position: absolute;
    line-height: 44px;
    text-align: center;
    right: 20px;
    top: -30px;
}

.sblock1 .intro-ser .tag i {
   font-size: 27px;
   color: #fff;
   line-height: 1.8;
}

.no-margin {
    margin: 0 !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
    font-weight:bold;
}

.intro-ser h6 {
}

.ion-paintbrush:before {
    content: "\f4d5";
}

.line-height-22 {
    line-height: 22px !important;
}


.intro-ser a {
    border-bottom: 1px dashed #0066CC;
    text-transform: uppercase;
    font-size: 16px;
    color: #0066CC;
    margin-top: 20px;
    display: inline-block;
  }

  .intro-ser h6:before {
    position: absolute;
    height: 23px;
    width: 4px;
    background: #0066CC;
    content: "";
    left: 0px;
}

/*
.sblock1 .intro-ser .tag i {
   font-size: 27px;
   color: #fff;
   line-height: 1.8;
} */


.container-home-blog{

 width: 100%;
    background: #333 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/143797/debut_dark.png);
}

.col-lg-6 {
    width: 50%;
    min-height: 1px;

    float: left;
    display: inline;
}




#bb1 .img-box {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/143797/family1.jpg) 50% 50% !important;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}


.blck-box {
    color: white;
}

.img-box {
    overflow: hidden;
    background: #000;
    color: white;
    /* display: table-cell; */
    position: relative;
    background-image:url('../img/pictures/blog-home-left.jpg');
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background-repeat:no-repeat;
}

.img-comfort {
    overflow: hidden;
    background: #000;
    color: white;
    /* display: table-cell; */
    position: relative;
    background-image:url('../img/pictures/home-left.jpg');
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background-repeat:no-repeat;
}

.left{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#0166CC;
  height : 100%;
  color : #FFF;
  margin-left:0px !important;
  margin-right:0px !important;
  padding:50px;
      background-image: url('#');
    padding: 120px;
        padding-top: 60px;
    padding-bottom: 60px;
}


.right-blog{
  display : flex;
  background-color:#FFF;
  height : 100%;
  color : #3d231b;
  padding:80px;
      background: url('../img/builders-parallax.jpg') center center !important;
}

.right-blog p {
color : #fff;
}

.right-blog h1{
color : #fff;
}

.right-blog  b{
color : #fff;
}



@media (max-width: 1200px) { 
  .left{
    height:50%
  }
  .right-blog{
    height:50%
  }
}
.about{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#000;
  color : #FFF;
  height:100%
}

.white-blogbox{
  color:#fff;
  font-size:15px;
  padding:8%;
}


.white-blogbox-right{
  color:#fff !important;
  font-size:15px;
  padding:12%;

}

.white-blogbox-left{
  color:#fff !important;
  font-size:15px;
  padding:12%;
padding-bottom:20%;
}



.white-blogbox-right p{
  color:#fff !important;
}

.white-blogbox-right b{
  color:#fff !important;
}


.white-blogbox-right h2{
  color:#fff !important;
}


.white-blogbox-right .btn-medium.empty.grey, .btn-big.empty.grey {
    border: 1px solid #fff  !important;
  color:#fff !important;

}



.white-blogbox-left p{
  color:#fff !important;
}

.white-blogbox-left b{
  color:#fff !important;
}


.white-blogbox-left h2{
  color:#fff !important;
}


.white-blogbox-left .btn-medium.empty.grey, .btn-big.empty.grey {
    border: 1px solid #fff  !important;
  color:#fff !important;

}

/*  2. PAGE CONTENT BACKGROUNDS
============================================================================= */
.page-content{
    width: 100%;
    margin: 0 auto;
    float: left;

}


.page-node-108 .page-content  .row {
    margin-bottom: 10px;
    position: relative;
}
/*.page-content.background-black{
    background-color: #333;
}*/


.page-content.background-black{
   background: #0066cc !important;
}


table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
    border: 0em solid #333;
}

.page-content.background-black h1, 
.page-content.background-black h2, 
.page-content.background-black h3, 
.page-content.background-black h4, 
.page-content.background-black h5, 
.page-content.background-black h6{
    color: #fff;
}

.page-content.background-black p, 
.page-content.background-black a, 
.page-content.background-black span{
    color: #ccc;
}

.page-content.parallax{
    padding: 70px 0 0 0;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px 
    solid #eee;
    overflow: hidden;
        background: url('../img/homeowners/ho-landing.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
}

.page-content.pattern{
    background: url('../img/pattern-1.png') center center;
    background-size: cover;
}

.page-content.parallax-1{
    background: url('../img/pictures/3sec.jpg');
    background-color:#fff;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;

}

.page-content.parallax-2{
   /* background: url('../img/pictures/parallax-bkg-2.jpg'); */
   background: url('../img/pictures/parallax-bkg-2.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.page-content.parallax-3{
    /*background: url('../img/pictures/parallax-bkg-3.jpg');*/
    background:0% -468px rgb(246, 246, 246);
    background-color:#;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.page-content.parallax-4{
    background: url('../img/pictures/parallax-bkg-4.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.page-content.parallax + .page-content{
    margin-top: 80px;
}

.page-content.parallax .parallax-home-blog + .page-content{
    margin-top: 0px;
}


.page-content.parallax.parallax_home_blog {
    padding: 0px 0 0 0;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
        background: url('../img/homeowners/ho-banner.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
}

 .heading-centered p{
	text-align:left !important;
}

.grid_icimg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid__item_icimg {
  background-color: lightgray;
  background-position: center center;
  background-size: cover;
  /*flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 120px;*/
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  margin: 2px;
  height: 240px;
  -webkit-flex-basis: 150px;
      -ms-flex-preferred-size: 150px;
          flex-basis: 150px;
  /*@media screen and (min-width: 768px) {
    flex-basis: 230px;
  }*/
}
@media screen and (min-width: 600px) {
  .grid__item_icimg {
    -webkit-flex-basis: 230px;
        -ms-flex-preferred-size: 230px;
            flex-basis: 230px;
  }
}



.row-icy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 960px;
}

.col-icy {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0 10px;
}

._span-4 {
  -webkit-flex-basis: 33.333333333%;
      -ms-flex-preferred-size: 33.333333333%;
          flex-basis: 33.333333333%;
}

._span-8 {
  -webkit-flex-basis: 66.666666667%;
      -ms-flex-preferred-size: 66.666666667%;
          flex-basis: 66.666666667%;
}

.imagegrid {
  height: 440px;
}
.imagegrid .imagegrid-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.imagegrid .imagegrid-image {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 10px 0;
  background: #eee;
}

.imagegrid-image._1 {
  background: url(https://lorempixel.com/640/480/people/2) #eee center center;
  background-size: cover;
}

.imagegrid-image._2 {
  background: url(https://lorempixel.com/640/480/people/9) #eee center center;
  background-size: cover;
}

.imagegrid-image._3 {
  background: url(https://lorempixel.com/640/480/people/4) #eee center center;
  background-size: cover;
}


.box-products {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-width: 3px;
    font-family: 'Roboto', sans-serif;
}
.head-products {
    background: #0c76bc;
    padding: 12px 30px;
}

.thin {
    color: #fff;
    font-weight: bold;
   font-size: 25px;
}

.content-products {
    padding: 30px;
}
.righttop {
    float: right;
    margin-top: -25px;
    font-weight: 300;
}
div.image-products {
    float: left;
    width: 20%;
    color: #0066CC;
    
}
div.info-products {
    margin: 20px;
    font-size: 12px;
    font-weight: 300;
    padding-left: 21%;
    
}
div.iBox {
    width: 100%;
    margin-bottom: 50px;
}

.image-products i:before  {font-size:50px; margin: 0 auto;}
.image-products i.flaticon-sea1:before {font-size:40px}
.flaticon-refrigerator3 {padding:10px;}

.info-products h2{
	font-size:18px !important;
	font-weight:bold;
	margin-bottom:0px !important;
}



/* ==========================================================================
    3. TYPOGRAPHY
============================================================================= */
p, a{
    color: #666;
    font: 14px 'Open Sans', Arial, sans-serif;
    line-height: 26px;
}

a.read-more{
    float: right;
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    padding-top: 10px;
}

a.read-more span{
    padding-left: 5px;
}

a{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.underlined{
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 400;
    color: #39414b;
    margin-bottom: 30px; 
}

h1{
    font: 36px  'Raleway', Arial, sans-serif;
    line-height: 38px;
}

h2{
    font: 32px 'Raleway', Arial , sans-serif;
    line-height: 34px;
}

h3{
    font: 26px 'Raleway', Arial, sans-serif;
    line-height: 28px;
}

h4{
    font: 22px 'Raleway', Arial, sans-serif;
    line-height: 24px;
}

h5{
    font: 18px 'Raleway', Arial, sans-serif;
    line-height: 22px;
}

h6{
    font: 16px 'Raleway', Arial, sans-serif;
    line-height: 20px;
}

img.float-left{
    float: left;
    margin: 12px 12px 12px 0;
}

img.float-right{
    float: right;
    margin: 12px 0px 12px 12px;
}

img + p, p+img{
    display: block;
    margin-top: 15px;
}

.bottom-fixed{
    margin-bottom: -80px;
    position: absolute;
    bottom: 0;
}

span.strong, 
b{
    font-weight: 600;
}


.text-red{
    color: #ce292d;
}

.front .region-sidebar-right{
	display:none !important;
}


/* ========================================================================== 
    4. HEADER 
============================================================================= */

/* 4.1. GLOBAL STYLING 
----------------------------------------------------------------------------- */
#header-wrapper{
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
    position: relative;
}

#top-bar-wrapper{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    margin-bottom:5px;
}

#top-bar{
    margin: 0 auto;
    width: 1170px;
}

#top-bar .contact-info{
   /* width: 50%;*/
  /*  float: left;*/
    padding-top: 13px;
    font-size:17px;
}

#top-bar .contact-info li{
    float: left;
    margin-right: 25px;
    color: #313131;
    font-size: 15px;
}

#top-bar .contact-info li a{
    line-height: 12px;
    color: #888;
}

#top-bar .social-links{
  /*  max-width: 50%;*/
    float: left;
	margin-right: 15px;
}

#top-bar .social-links li{
    float: left;
    background: #fff;
    width: 45px;
    height: 45px;
    border-left: 1px solid #eee;
margin:0px !important;
list-style:none;
}

#top-bar .social-links li a{
    color: #bbb;
    width: 45px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}

#top-bar .social-links li:hover a{
    color: #fff !important;
}

#top-bar .social-links li:last-child{
    border-right: 1px solid #eee;
}

.social-links.presentation li a{
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 2px;
    margin-bottom: 2px;
    font-size: 18px;
}


#header{
    width: 1170px;
    margin: 0 auto;
}

#logo {
    
    float: left;
    max-width: 250px;
}

a.button-tpcta {
  font-family: 'Raleway', sans-serif;
  font-size: 19px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: -1em;
  background: #1965B0;
  overflow: hidden;
  padding-left: 1em;
  float:right;
   color:#fff;
}
a.button-tpcta:after {
  display: inline-block;
  background: #1965B0;
  content: "»";
  position: relative;
  margin-left: 1em;
  padding: .6em 1em;
   color:#fff;
  

}
a.button-tpcta a:hover {
  background-color: #1965B0;
  color:#fff;

}


#block-lang-dropdown-language-content .block-title{
	display:none;
}

/* 4.2. MAIN NAVIGATION 
----------------------------------------------------------------------------- */
#nav-container{
    width: 830px;
    height: 80px;
    margin-left: 30px;
    z-index: 90;
    position: relative; 
    float: left;
}

#nav{
    height: 100%;
    list-style: none;
    max-width: 100%;
    float: right;
}

#nav > ul{
    display: block !important;
}

#nav li{
    float: left;
    position: relative;
    cursor: pointer;
}

#nav > ul > li > a{
    font: 13px 'Open Sans', Arial, sans-serif;
    padding: 30px 20px;
}

#nav > ul > li.current-menu-item > a, 
#nav > ul > li:hover > a{    
    background: #f6f6f6;
}

#nav > ul > li > a{  
    text-transform: uppercase;
}

#nav > ul > li{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#nav li a{
    float: none;
    display: block;
    font: 15px 'Open Sans', Arial, sans-serif;
    color: #333;  
}

#nav > ul > li.no-sub:hover{
    border-bottom: 4px solid #eee;
}


/* MAIN NAVIGATION SECOND LEVEL
----------------------------------------------------------------------------- */
#nav li ul{
    display: none;
    position: absolute;	
    margin: 0;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 200px;
}

#nav li ul li{
    background: #fff;
    border-right: 4px solid #eee;
    border-left: 4px solid #eee; 

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#nav li ul li:first-child{
    border-top: 4px solid #eee; 
}

#nav li ul li:last-child{
    border-bottom: 4px solid #eee;
}

#nav li ul li:hover{
    background: #fff;
}

#nav li ul li a{
    text-transform: none;
    line-height: 15px;
    color: #313131 ;
    padding: 10px 5px ; 

    transition-property: text-indent;
    transition-duration: 0.2s;
    -webkit-transition-property: text-indent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-property: text-indent;
    -moz-transition-duration: 0.2s;
    -o-transition-property: text-indent;
    -o-transition-duration: 0.2s;
    
}

#nav li ul li:hover > a{
    text-indent: 3px;
    color: #333 !important;
    background: #f6f6f6;
}

#nav li ul li, #nav li ul li a{
    float: none;
}

#nav li.current-menu-item ul li.current-menu-item{
    background: #f6f6f6;
}

/* MAIN NAVIGATION THIRD LEVEL
----------------------------------------------------------------------------- */
#nav li ul li ul {
    display: none;
}

#nav li ul li:hover ul {
    left: 100%;
    top: -2px;
    padding-top: 0 !important;
    padding-left: 5px;
    position: absolute;
    display: block !important;
}

/*  SUPERFISH for Foambooth
----------------------------------------------------------------------------- */
.block-superfish-1 ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  width: 12em;
  }
  
.block-superfish-1 li ul.sf-megamenu {
width: 930px;
  font-size: 1em;
  }
      
.block-superfish-1 ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li {
margin: 0 0 0 1em;
  padding: 0 0 0 1em;
  }
          
.block-superfish-1 li.sf-depth-2 {
margin-left: 20px;
}
            
#superfish-2 {
  font-size: 1em;
  }
.not-front .block-superfish a.sf-depth-2 {
padding: 11px 20px;
}

/* inner pages */
.not-front .block-superfish .block-title {
  position: absolute;
top: -50px;
}
    
.not-front .block-superfish li {
  margin: 0;
}
      
.not-front .block-superfish a.sf-depth-2 {
font-size: 1.2em;
  font-weight: 600;
text-decoration: none;
  padding: 2px 20px;
border-right: solid 1px #ccc;
  margin: 4px 0 0 0;
    text-transform: uppercase;
}
                    
.not-front .block-superfish li.sf-depth-2 ul li {
  border-bottom: dotted 1px #007bc8;
}
.not-front .block-superfish li.sf-depth-2 ul a {
font-size: 1.2em;
  font-weight: 600;
text-decoration: none;
  padding: 5px;
    border-right: solid 1px #ccc;
}
                                
    .block-superfish a.active,
    .block-superfish a:hover {
      color: #A3C239;
}
                                  
.not-front .block-superfish .sf-menu.sf-horizontal ul {
    background-image: none;
  background-color: white;
}
                                  
.not-front .block-superfish .sf-menu.sf-horizontal li:hover > ul,
.not-front .block-superfish .sf-menu.sf-horizontal li.sfHover > ul {
    top: 47px;
}


/* 4.3. SEARCH 
------------------------------------------------------------------------------*/
#search{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-left: 30px;
    top: 20px;
    float: right;
    z-index: 90;
}

.search-submit{
    background: url('../img/search.png') no-repeat;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
}

#m_search{
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 10px;
    position: absolute;
    top: 105%;
    width: 135px;
    margin-left: -112px;
    font: italic 11px 'Raleway', Arial, sans-serif;
    color: #777;
    display: none;
}

.tp-bannershadow.tp-shadow2 {
    display: none !important;
 
}

/* ========================================================================== 
    CSS Workarounds Front Page 
============================================================================= */

#node-4661   { 
display:none;}


.front .item-list .pager {
    display: none;
    text-align: center;
}

.page-taxonomy.page-taxonomy-term.page-taxonomy-term- h1#pt.title {
    display: block;
    font-size: 32px;
    margin-top: 40px;
    color: #1965b0;
    font-weight:bold;
}

.page-taxonomy.page-taxonomy-term.page-taxonomy-term- h2 a{
font-size:21px;
    color: #1965b0;

}

.page-taxonomy.page-taxonomy-term.page-taxonomy-term-  li.node-readmore.first.last a{
    float:left;
    color: #1965b0;

}




 .media-rowz{
    margin-top:40px;
    margin-bottom:40px;
}


.field-content.media-bdy {
    margin-top: 10px;
    margin-bottom: 10px;
}

span.field-content.med-sec {
    padding: 0 10px;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 1px;
    background-color: #0c76bc;
    border: none;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
    display: inline-block;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    margin-top: 5px;
}

span.field-content.med-sec a {
color:#fff;
}

span.field-content.med-sec a:hover {
color:#fff;
}

.med-title a{
font-size:21px;
    color: #0066cc;

}

.medfooter-cta{
    margin-top:60px;
    margin-bottom:20px;

}

.mediafooter-dl{
    color: #0066cc;
    margin-top:20px;
    margin-bottom:20px;
    font-weight:bold;
    font-size:21px;

}


/* ========================================================================== 
    4.4. HEADER STYLE 3 (grey colored top bar)
============================================================================= */
.header-style-3 #top-bar-wrapper{
    background: #333;
    border-bottom: none;
}

.header-style-3 #top-bar .contact-info li, 
.header-style-3 #top-bar .contact-info li a{
    color: #bbb;
}

.header-style-3 #top-bar .social-links li{
    background: #444;
    border-left: 1px solid #555;
    border-right: 1px solid #333;
}

.header-style-3 #top-bar .social-links li:last-child{
    border-right: none;
}

.views-field.views-field-PHONE1.cta-phone-nd {
    display: none;
}

/* ========================================================================== 
    4.5. HEADER STYLE 4 
============================================================================= */
.header-style-4 .social-links{
    float: right;
    margin-left: 30px;
    max-width: 1030px;
    margin-top: 25px;
}

.header-style-4 .social-links li{
    float: left;
    margin-left: 10px;
    
    background-color: #eee;
    width: 30px;
    height: 30px;
    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-style-4 .social-links li:hover a{
    color: #fff !important;
}

.header-style-4 .social-links li a{
    width: 30px;
    font-size: 10px;
    height: 30px;display: table-cell;
    vertical-align: middle;
    text-align: center;
    
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-style-4  #nav-container{
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.header-style-4  #nav-container #nav{
    max-width: 1100px;
    float: left;
}


/* ========================================================================== 
    4.6. HEADER STYLE 5
============================================================================= */
.header-style-5 #logo{
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    float: none;
}

.header-style-5 #logo a{
    display: table;
    margin: 0 auto;
}

.header-style-5  #nav-container{
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.header-style-5  #nav-container #nav{
    max-width: 1100px;
    float: left;
}


ul#superfish-4 {
    display: block !important;
}


select.icy-jump {
    position: absolute;
    top: -25px;
    right: 0;
    font-size: 1.2em;
}



.sf-menu.sf-horizontal.sf-shadow ul, .sf-menu.sf-vertical.sf-shadow ul, .sf-menu.sf-navbar.sf-shadow ul ul {

    opacity: 1 !important;
}

/* ========================================================================== 
   5. PAGE TITLES 
============================================================================= */
#page-title{
    background: url('../img/page-titles/page-title-bkg.jpg') center center;
    background-size: cover;
    padding: 80px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
}

#page-title-2{
    background: url('../img/banned.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
}

#page-title-3{
    background: url('../img/banner-altz.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-4{
    background: url('../img/architects/sustainability.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}


#page-title-5{
    background: url('../img/homeowners/banner.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-6{
    background: url('../img/homeowners/leak-banner.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-7{
    background: url('../img/homeowners/whysprayfoam-banner.jpg') center center;
    background-size: cover;
    padding: 150px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-8{
    background: url('../img/homeowners/homecomfort-banner.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-9{
    background: url('../img/homeowners/contractors-banner.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-10{
    background: url('../img/homeowners/rebates.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}


#page-title-11{
    background: url('../img/homeowners/masterspec.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-12{
    background: url('../img/homeowners/banner.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-13{
    background: url('../img/homeowners/spray-foam-cost.jpg') center center;
    background-size: cover;
    padding: 250px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
     background-position: center !important;
}

#page-title-14{
    background: url('../img/homeowners/resources.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }

    #page-title-15{
    background: url('../img/homeowners/sprayer-hs.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }

    #page-title-16{
    background: url('../img/homeowners/sprayer.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }
      
     #page-title-17{
    background: url('../img/page-titles/page-title-bkg.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }
    

     #page-title-18{
    background: url('../img/homeowners/roof-banner.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }

         #page-title-19{
    background: url('../img/banned.jpg') center center !important;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }

                 #page-title-20{
    background: url('../img/homeowners/smart-thermo-banner.jpg') center center;
    background-size: cover;
    padding: 150px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }

                     #page-title-21{
    background: url('../img/banned.jpg') center center !important;
    background-size: cover;
    padding: 150px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }

                         #page-title-23{
    background: url('../img/banned.jpg') center center !important;
    background-size: cover;
    padding: 150px 0 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-position: center !important;
    }
        
            
                               

#page-title.no-image .pt-title{
    padding-bottom: 100px;
}

.pt-title{
    padding: 20px 0;
}

.pt-title h1 {
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 51px;
    line-height: 51px;
    color:#fff;
    font-weight:bold;
}

.homeowners-parallax h1 {
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 11px;
    line-height: 51px;
    color:#fff;
    margin-top:90px;
}

.homeowner-cap {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}

.homeowner-spacer{
	margin-bottom:90px;
}

.pt-image-container{
    float: right;
   /* width: 100%;*/
}

.pt-image{
    position: relative;
    bottom: 0;
}

.pt-image .float-right{
    margin: 0;
}

.page-title-1 .breadcrumbs{
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 0;
}

.breadcrumbs li{
    float: left;
    padding-right: 5px;
    line-height: 22px;
    font-family: 'Raleway', Arial, sanserif;
}

.breadcrumbs li a{
    color: #fff;
    font-family: 'Raleway', Arial, sanserif;
}

.breadcrumbs li a:hover{
    color: #ddd !important;
}


.parallax-cap-2 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}

.pt-title.two.triggerAnimation.animated.fadeInLeft {
    padding-bottom: 0px;
}

table {
  border-collapse: collapse;
  width: 100%;
}
th {
  background-color: #eee;
  font-weight: bold;
  color: #1965b0;
}
th,
td {
  border: 0.125em solid #333;
  line-height: 1.5;
  padding: 0.75em;
  text-align: left;
}

/* override Chosen to see through blue highlighted select */
.chzn-container .chzn-results .highlighted{
       color:white !important;
}

/* Stack rows vertically on small screens */
@media (max-width: 30em) {
  /* Hide column labels */
	thead tr {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	tr {
    border: 0.125em solid #333;
    border-bottom: 0;
  }
	/* Leave a space between table rows */
  tr + tr {
    margin-top: 1.5em;
  }
  /* Get table cells to act like rows */
  tr,
  td {
		display: block;
	}
	td {
		border: none;
		border-bottom: 0.125em solid #333;
	/* Leave a space for data labels */
		padding-left: 50%;
	}
	/* Add data labels */
  td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%;
  }
}
/* Stack labels vertically on smaller screens */
@media (max-width: 20em) {
  td {
    padding-left: 0.75em;
  }
  td:before {
    display: block;
    margin-bottom: 0.75em;
    margin-left: 0;
  }
}

/*  5.1. PAGE TITLE 2
============================================================================= */

#page-title.page-title-2{
    padding: 50px 0;
}

#page-title.page-title-2 .pt-title{
    padding: 0;
    float: left;
    margin-right: 40px;
}

#page-title.page-title-2 .pt-title h1{
    margin-bottom: 0;
}

#page-title.page-title-2 .breadcrumbs{
    float: right;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
}



/*  5.2. PAGE TITLE 3
============================================================================= */
#page-title.page-title-3{
    background: #f6f6f6;
    padding: 10px 0;
}

#page-title.page-title-3 .breadcrumbs li a{
    color: #666;
}



/* ========================================================================== 
   6. ELEMENTS
============================================================================= */

/* 6.1. ACCORDION
============================================================================= */
.accordion .title{
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-left: 45px;
    padding-top: 10px;
    float: left;
    background-color: #f6f6f6;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}

.accordion .title a{
    font-size: 14px;
    font-family: 'Raleway', Arial, sans-serif;
}

.accordion .title span{
    padding-right: 10px;
    font-size: 16px;
}

.accordion .title, 
.accordion .content{
    padding-bottom: 10px;
    float: left;
    cursor: pointer;
    width: 100%;
}

.accordion .title.active a{
    color: #222;
    font-weight: 500;
}

.accordion .title a:hover{
    color: #333;
}

.accordion .content{
    padding-bottom: 20px;
}

/* Accordion style 2
----------------------------------------------------------------------------- */
.accordion.style-2 .title{
    background-color: #fff;
    background-image: url('../img/accordion-closed2.png'); 
    border: 1px solid #e6e6e6;
}

.accordion.style-2 .title.active{
    background-image: url('../img/accordion-opened2.png');
}




/*  6.2. BLOCKQUOTE
============================================================================= */
blockquote{
    background: #f6f6f6;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    float: left;
}

blockquote p{ 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font: italic 16px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    line-height: 26px;
}

cite{
    font-size: 12px;
    padding: 10px 0 0;
    display: block;
    width: 100%;
    font-weight: 400;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

p + blockquote, 
blockquote + p{
    display: block;
    margin-top: 14px;
    float: left;
}




/*  6.3. BUTTONS
============================================================================= */
.btn-group{
    width: 100%;
    float: left;
}

.btn-group a.btn-medium, 
.btn-group a.btn-big{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn-medium i, 
.btn-big i{
    padding-right: 8px;
}

.btn-medium{
    padding: 10px 15px;
    font: 13px 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: left;
    
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-big{
    padding: 15px 18px;
    font: 14px 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: left;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-medium:hover, 
.btn-big:hover{
    color: #fff !important;
}



/* EMPTY BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.empty, 
.btn-big.empty{
    background: none;
    color: #333;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-medium.empty:hover,
.btn-big.empty:hover,
.btn-medium.empty.white, 
.btn-big.empty.white{
    color: #fff !important;
}

.btn-medium.empty.white, 
.btn-big.empty.white{
    border: 2px solid #fff;
    font-size:20px;
    font-weight:bold;
}



/* BUTTONS COLORS
============================================================================= */

/*  Black
----------------------------------------------------------------------------- */
.btn-medium.black, 
.btn-big.black{
    background: #333;
}

.btn-medium.black:hover, 
.btn-big.black:hover{
    background: #555;
}


.btn-medium.empty.black, 
.btn-big.empty.black{
    border: 1px solid #333;
    color: #333 !important;
    background: none;
}


.btn-medium.empty.black:hover, 
.btn-big.empty.black:hover{
    background-color: #333;
    color: #fff !important;
}


/*  Grey
----------------------------------------------------------------------------- */
.btn-medium.grey, 
.btn-big.grey{
    background: #777;
}

.btn-medium.grey:hover, 
.btn-big.grey:hover{
    background: #888;
}

.btn-medium.empty.grey, 
.btn-big.empty.grey{
    border: 1px solid #777;
    color: #777 !important;
    background: none;
}


.btn-medium.empty.grey:hover, 
.btn-big.empty.grey:hover{
    background-color: #777;
    color: #fff !important;
}


/*  Silver
----------------------------------------------------------------------------- */
.btn-medium.silver, 
.btn-big.silver{
    background: #aaa;
}

.btn-medium.silver:hover, 
.btn-big.silver:hover{
    background: #bbb;
}

.btn-medium.empty.silver, 
.btn-big.empty.silver{
    border: 1px solid #aaa;
    color: #777 !important;
    background: none;
}

.btn-medium.empty.silver:hover, 
.btn-big.empty.silver:hover{
    background-color: #aaa;
    color: #fff !important;
}


/*  Blue
----------------------------------------------------------------------------- */
.btn-medium.blue, 
.btn-big.blue{
    background: #0166CC;
    color:#fff;
    font-size:15px;
    margin-top:15px;
}

.btn-medium.blue:hover, 
.btn-big.blue:hover{
    background: #1965B0;
}

.btn-medium.empty.blue, 
.btn-big.empty.blue{
    border: 1px solid #2277eb;
    color: #2277eb !important;
    background: none;
}

.btn-medium.empty.blue:hover, 
.btn-big.empty.blue:hover{
    background-color: #1965B0;
    color: #fff !important;
}


/*  Red
----------------------------------------------------------------------------- */
.btn-medium.red, 
.btn-big.red{
    background: #d52b2a;
}

.btn-medium.red:hover, 
.btn-big.red:hover{
    background: #DD5555;
}

.btn-medium.empty.red, 
.btn-big.empty.red{
    border: 1px solid #d52b2a;
    color: #d52b2a !important;
    background: none;
}

.btn-medium.empty.red:hover, 
.btn-big.empty.red:hover{
    background-color: #d52b2a;
    color: #fff !important;
}


/*  Yellow
----------------------------------------------------------------------------- */
.btn-medium.yellow, 
.btn-big.yellow{
    background: #fcc820;
}

.btn-medium.yellow:hover, 
.btn-big.yellow:hover{
    background: #FDD34D;
}

.btn-medium.empty.yellow, 
.btn-big.empty.yellow{
    border: 1px solid #fcc820;
    color: #fcc820 !important;
    background: none;
}

.btn-medium.empty.yellow:hover, 
.btn-big.empty.yellow:hover{
    background-color: #fcc820;
    color: #fff !important;
}


/*  Orange
----------------------------------------------------------------------------- */
.btn-medium.orange, 
.btn-big.orange{
    background: #f8806c;
}

.btn-medium.orange:hover, 
.btn-big.orange:hover{
    background: #F99989;
}


.btn-medium.empty.orange, 
.btn-big.empty.orange{
    border: 1px solid #f8806c;
    color: #f8806c !important;
    background: none;
}

.btn-medium.empty.orange:hover, 
.btn-big.empty.orange:hover{
    background-color: #f8806c;
    color: #fff !important;
}


/*  Green
----------------------------------------------------------------------------- */
.btn-medium.green, 
.btn-big.green{
    background: #9ab869;
}

.btn-medium.green:hover, 
.btn-big.green:hover{
    background: #AEC687;
}

.btn-medium.empty.green, 
.btn-big.empty.green{
    border: 1px solid #9ab869;
    color: #9ab869 !important;
    background: none;
}

.btn-medium.empty.green:hover, 
.btn-big.empty.green:hover{
    background-color: #9ab869;
    color: #fff !important;
}


/*  Aqua
----------------------------------------------------------------------------- */
.btn-medium.aqua, 
.btn-big.aqua{
    background: #60cfc8;
}

.btn-medium.aqua:hover, 
.btn-big.aqua:hover{
    background: #80D9D3;
}

.btn-medium.empty.aqua, 
.btn-big.empty.aqua{
    border: 1px solid #60cfc8;
    color: #60cfc8 !important;
    background: none;
}

.btn-medium.empty.aqua:hover, 
.btn-big.empty.aqua:hover{
    background-color: #60cfc8;
    color: #fff !important;
}



/*  6.4. CLIENT CAROUSEL
============================================================================= */
#client-carousel li{
    width: 170px;
    margin-right: 30px;
    float: left;
    display: block;
}




/*  6.5. DEVELOPMENT PROCESS BOXESS
============================================================================= */
.process-box{
    background: #fff;
    width: 90%;
    float: right;
    padding: 25px 15px 25px 70px;
    position: relative;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.process-box::after{
    position: absolute;
    display: block;
    content: "";
    background: url('../img/development-shadow.png') no-repeat center 0;
    bottom: 0;
    width: 100%;
    height: 19px;
    left: 0;
    bottom: -19px;
    opacity:0;
    
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.process-box:hover{
    transform: translateY(-10px);
    -ms-transform: translateY(-10px); /* IE 9 */
    -webkit-transform: translateY(-10px); /* Safari and Chrome */
}

.process-box:hover h5, 
.process-box:hover p{
    color: #fff;
}

.process-box:hover::after{
    opacity: 0.7;
}

.process-box .img-container{
    width: 94px;
    height: 94px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -50px;
    display: block;
    float: left;

    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    
    overflow: hidden;
    z-index: 30;
}

.process-box .img-container img{
    width: 94px;
    height: 94px;
    display: block;
    
    -webkit-border-radius: 50%;
}

.process-box h5{
    margin-bottom: 15px;
}



/*  6.6. DROPCAPS
============================================================================= */
.dropcap{
    color: #fff;
    background: #333;
    float: left;
    margin-right: 10px;
    font: 18px 'Open Sans', Arial, sans-serif;
    line-height: 18px;
    padding: 14px;
    position: relative;
    top: 8px;
    
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.dropcap.circle{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    top: 5px;
}



/*  6.7. HEADING CENTERED
============================================================================= */
.heading-centered{
    width: 100%;
    margin-bottom: -40px;
}

.heading-centered h1, 
.heading-centered h2, 
.heading-centered h3, 
.heading-centered h4, 
.heading-centered h5, 
.heading-centered h6, 
.heading-centered p{
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}




/*  6.8. HEADING WITH BORDERS
============================================================================= */
.heading-bordered{
    border-bottom: 1px solid #e8eef6;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.heading-bordered-frontin{
    border-bottom: 1px solid #e8eef6;
    margin-bottom: 30px;
    width: 100%;
    text-align:center;
    
}



.heading-bordered h1, 
.heading-bordered h2, 
.heading-bordered h3, 
.heading-bordered h4, 
.heading-bordered h5, 
.heading-bordered h6{
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #a8b4c3;
    display: inline-block;
    margin-bottom: -1px;
}




/*  6.9. HIGHLIGHTED TEXT
============================================================================= */
.highlighted-color, 
.highlighted-color:hover{
    color: #fff !important;
    margin-right: 3px;
}




/*  6.10. HISTORY SECTION
============================================================================= */
.history{
    width: 100%;
    float: left;
}

.history .year-holder{
    width: 104px;
    height: 104px;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    float: left;

    margin-right: 30px;
}

.history .year-holder .inner-holder{
    position: relative;
    top: 12px;
    left: 12px;
}

.history .year-holder span.year{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    position: relative;
    font-size: 18px;
    font-weight: 300;

    width: 80px;
    height: 80px;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.history h4{
    margin-bottom: 12px;
    padding-top: 15px;
    padding-left: 140px;
}

.history-arrow-left, 
.history-arrow-right{
    width: 100%;
    min-height: 104px;
}

.history p{
    padding-left: 140px;
}




/*  6.11. ICONS LISTS
============================================================================= */
.icons-list li a, .icons-list li p {
    padding-left: 10px;
    display: inline;
}

.icons-list li{
    padding-bottom: 3px;
}

.icons-list.big li{
    font-size: 22px;
    padding-bottom: 8px;
}

.icons-list.big li p{
    font-size: 18px;
    position: relative;
    top: -2px;
    font-family: 'Raleway', Arial, sans-serif;
}




/* 6.12. INFORMATIN BOXES
============================================================================= */
.information-boxes{
    width: 100%;
    float: left;
    cursor: pointer;
}

.information-boxes .close{
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: url('../img/close.png') no-repeat;
    display: block;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0;
    
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.information-boxes:hover .close{
    opacity: 1;
}


/* INFORMATION BOXES - INFO BOX
----------------------------------------------------------------------------- */
.infobox{
    background: #e0f2ff;
    border: 1px solid #c1def2;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.infobox p{
    background: url('../img/info-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 25px;
    color: #61adb0;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - WARNING BOX
----------------------------------------------------------------------------- */
.warning-box{
    background: #f8f6bc;
    border: 1px solid #e7e48b;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.warning-box p{
    background: url('../img/warning-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 27px;
    color: #989426;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - SUCCES BOX 
----------------------------------------------------------------------------- */
.success-box{
    background: #ebfdd7;
    border: 1px solid #cef4a4;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.success-box p{
    background: url('../img/success-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 25px;
    color: #7eb244;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - ERROR BOX
----------------------------------------------------------------------------- */
.error-box{
    background: #fadddd;
    border: 1px solid #fcc1c1;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.error-box p{
    background: url('../img/error-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 25px;
    color: #d86d6d;
    text-shadow: 0 1px 0 #fff;
}


.img-responsive:hover{
     opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.table-title h3 {
   color: #fafafa;
   font-size: 30px;
   font-weight: 400;
   font-style:normal;
   font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
   text-transform:uppercase;
}





/*  6.13. NOTES
============================================================================= */
.note h2{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.note .btn-medium, 
.note .btn-big{
    float: none;
    display: table;
    margin: 0 auto;
}

/* NOTE WITH BACKGROUND CENTERED */
.note.has-background{
    background: #f6f6f6;
    padding: 30px;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page-content.background-black .note{
    padding: 15px 0;
    width: 100%;
}

.page-content.background-black .note h4{
    color: #fff;
    text-align: center;
}


 .contractor-headline-fr {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    margin: 0;
    width: 100%;
    line-height: 60px;
    font-size: 1.1em !important;
    font-weight: bold !important;
    text-align: center;
    text-transform: uppercase;
    margin-left: 10px !important;
}


input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #313131;
    color: #fff !important;
    float: right;
    border: 1px solid black;
}


/*  6.14. PORTFOLIO CAROUSEL
============================================================================= */
.carousel-nav-container{
    width: 100%;
    float: left;
}

.portfolio-carousel .isotope-item{
    margin-bottom: 0;
    margin-right: 2px;
    display: block;
    float: left;
    height: auto;
}

.carousel-nav{
    margin: 25px auto 0 ;
    display: table;
}

.carousel-nav li{
    width: 30px;
    height: 30px;
    float: left;

    background-color: #eee;    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 5px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.carousel-nav li a[class^="c_prev"]{
    background-image: url('../img/c_prev.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block !important;
}

.carousel-nav li a[class^="c_next"]{
    background-image: url('../img/c_next.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block !important;
}




/*  6.15. PRICING TABLES
============================================================================= */
.pricing-table-col{
    border: 10px solid #eee;
    float: left;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pricing-table-col .head{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
}

.pricing-table-col .head h2{
    padding: 20px 0;
    text-align: center;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}

.pricing-table-col .head .price{
    background: #f6f6f6;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: block;
    font: 12px Arial, sans-serif;
    color: #333;
}

.head .price span{
    font: 30px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.pricing-table-col.selected .head .price span, 
.pricing-table-col.selected .head .price{
    color: #fff !important;
}

.pricing-table-col li{
    color: #777;
    padding: 8px;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #fff;
    text-align: center;
    width: 100%;
    float: left;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pricing-table-col li:first-child{
    border: none;
    float: none;
}

.pricing-table-col li.odd{
    background-color: #fcfcfc;
}

li.pricing-footer{
    height: auto !important;
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: none;
}

.pricing-footer .btn-small,
.pricing-footer .btn-medium,
.pricing-footer .btn-big{
    margin: 5px auto;
    display: table;
    float: none;
}





/*  6.16. SERVICES BOXES
============================================================================= */
#services-carousel li{
    margin-right: 30px;
    list-style:none !important;
}


/*  Service box style 1
----------------------------------------------------------------------------- */
.service-box-1{
    width: 100%;
    float: left;
    cursor: pointer;
    margin-right:45px;
}

.service-box-1 .icon{
    padding: 10px;
    font-size: 16px;
    background: #333;
    color: #fff;
    float: left;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    display: table-cell;
    vertical-align: middle;
    text-align: center;

    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.service-box-1 h5{
    padding-top: 7px;
    margin-bottom: 20px;
    padding-left: 50px;
}

.service-box-1:hover .icon{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/*  Service box 2 (background and shadow)
----------------------------------------------------------------------------- */
.service-box-2{
    width: 100%;
    padding: 30px;
    cursor: pointer;
    position: relative;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-box-2 .icon{
    width: 100%;
    margin: 0 auto 15px;
    display: table;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-box-2 .icon i{
    font-size: 24px;
    padding: 20px;
    display: table;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    color: #fff;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-box-2 h5{
    text-align: center;
    margin-bottom: 10px;
}

.service-box-2 p{
    text-align: center;
}

.service-box-2 a.read-more{
    width: 100%;
    float: none;
    text-align: center;
    display: block;
}

.service-box-2:hover .icon i{
    background-color: #fff;
}

.service-box-2:hover h5, 
.service-box-2:hover p, 
.service-box-2:hover a.read-more{
    color: #fff;
}

.service-box-2 a.read-more:hover{
    color: #fff !important;
}

.service-box-2:hover::before{
    content: "";
    position: absolute;
    display: block;
    background: url('../img/service-shadow-left.png') no-repeat;
    top: 0;
    left: -16px;
    width: 16px;
    height: 253px;
}

.service-box-2:hover::after{
    content: "";
    position: absolute;
    display: block;
    background: url('../img/service-shadow-right.png') no-repeat;
    top: 0;
    right: -16px;
    width: 16px;
    height: 253px;
}





/*  6.17. SERVICES OVERVIEW LIST
============================================================================= */
.services-overview li{
    background: url('../img/checkmark.png') no-repeat 0 0;
    float: left;
    width: 100%;
    padding-left: 70px;
    margin-bottom: 30px;
    list-style: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.services-overview li h5{
    margin-bottom: 15px;
}




/*  6.18. SERVICES VERTICAL TABS
----------------------------------------------------------------------------- */
.tabs.vertical.services-tabs{
    width: 50%;
}

.tabs.vertical.services-tabs li{
    background: none;
    border: none;
    margin-bottom: 30px;
}

.tabs.vertical.services-tabs li.active, 
.tabs.vertical.services-tabs li:first-child{
    border: none !important;
}

.tabs.vertical.services-tabs li.active{
    background: none;
}


.tabs.vertical.services-tabs li a{
    padding: 0;
}

.tabs.vertical.services-tabs li.active a{  
    color: #fff !important;
}

.tabs.vertical.services-tabs li .icon{
    font-size: 30px;
    padding: 20px;
    background: #fff;
    display: table-cell;
    float: left;

    border: 1px solid #eee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tabs.vertical.services-tabs li:hover .icon{
    color: #fff;

    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.tabs.vertical.services-tabs li.active:hover .icon{
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.tabs.vertical.services-tabs li h5{
    margin-bottom: 3px;
    padding-left: 92px;
    padding-top: 12px;
}

.tabs.vertical.services-tabs p{
    padding-left: 92px;
}

.tab-content-wrap.vertical.services-tab-content-wrap{
    background: none;
    padding: 0 0 0 30px;
    width: 50%;
}

.tab-content-wrap.vertical.services-tab-content-wrap .tab-content{
    background: none;
}





/*  6.19. SKILLS CIRCULAR STYLE
============================================================================= */
.skills-circular{
    width: 100%;
    float: left;
}

.skills-circular li{
    float: left;
    margin-right: 30px;
}

.skills-circular.big li{
    margin-left: 30px;
    margin-right: 60px;
    min-height: 155px;
}

.skills-circular li:last-child{
    margin-right: 0;
}

.chart {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
}

.skills-circular.big .chart{
    width: 110px;
    height: 110px;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent-container{
    top: 12px;
    left: 12px;
    position: relative;
}

.percent {
    display: table-cell;
    width: 46px;
    height: 46px;
    background: #727c89;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
    

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.skills-circular.big .percent{
    width: 86px;
    height: 86px;
    font-size: 22px;
}

.chart span.info{
    padding-top: 30px;
    float: left;
    width: 100%;
}




/*  6.20. SKILLS RECTANLE STYLE
============================================================================= */
.skills-bar{
    width: 100%;
    position: relative;
    float: left;
}

.skills{
    padding-top: 20px;
    display: block;
}

.skills li em{
    position: relative;
    top: -23px;
    font: 12px 'Open Sans', Arial, sans-serif;
    font-style: normal;
}

.skills li{
    display: block;
    height: 15px;
    margin-bottom: 35px;

    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* W3C */

    border: 1px solid #ddd;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.expand{
    height: 15px;
    position: absolute;
    margin-top: -1px;
}

.skills .percentage-10      { width:10%;  -moz-animation:percentage-10 2s ease-out;       -webkit-animation:percentage-10 2s ease-out;}
.skills .percentage-20      { width:20%;  -moz-animation:percentage-20 2s ease-out;       -webkit-animation:percentage-20 2s ease-out;}
.skills .percentage-30      { width:30%;  -moz-animation:percentage-30 2s ease-out;       -webkit-animation:percentage-30 2s ease-out;}
.skills .percentage-40      { width:40%;  -moz-animation:percentage-40 2s ease-out;       -webkit-animation:percentage-40 2s ease-out;}
.skills .percentage-50      { width:50%;  -moz-animation:percentage-50 2s ease-out;       -webkit-animation:percentage-50 2s ease-out;}
.skills .percentage-60      { width:60%;  -moz-animation:percentage-60 2s ease-out;       -webkit-animation:percentage-60 2s ease-out;}
.skills .percentage-70      { width:70%;  -moz-animation:percentage-70 2s ease-out;       -webkit-animation:percentage-70 2s ease-out;}
.skills .percentage-80      { width:80%;  -moz-animation:percentage-80 2s ease-out;       -webkit-animation:percentage-80 2s ease-out;}
.skills .percentage-90      { width:90%;  -moz-animation:percentage-90 2s ease-out;       -webkit-animation:percentage-90 2s ease-out;}
.skills .percentage-100      { width:100%;  -moz-animation:percentage-100 2s ease-out;       -webkit-animation:percentage-100 2s ease-out;}

@-moz-keyframes percentage-10       { 0%  { width:0px;} 100%{ width:10%;}  }
@-moz-keyframes percentage-20        { 0%  { width:0px;} 100%{ width:20%;}  }
@-moz-keyframes percentage-30       { 0%  { width:0px;} 100%{ width:30%;}  }
@-moz-keyframes percentage-40  { 0%  { width:0px;} 100%{ width:40%;}  }
@-moz-keyframes percentage-50 { 0%  { width:0px;} 100%{ width:50%;} }
@-moz-keyframes percentage-60 { 0%  { width:0px;} 100%{ width:60%;} }
@-moz-keyframes percentage-70 { 0%  { width:0px;} 100%{ width:70%;} }
@-moz-keyframes percentage-80 { 0%  { width:0px;} 100%{ width:80%;} }
@-moz-keyframes percentage-90 { 0%  { width:0px;} 100%{ width:90%;} }
@-moz-keyframes percentage-100 { 0%  { width:0px;} 100%{ width:100%;} }

@-webkit-keyframes percentage-10       { 0%  { width:0px;} 100%{ width:10%;}  }
@-webkit-keyframes percentage-20        { 0%  { width:0px;} 100%{ width:20%;}  }
@-webkit-keyframes percentage-30       { 0%  { width:0px;} 100%{ width:30%;}  }
@-webkit-keyframes percentage-40  { 0%  { width:0px;} 100%{ width:40%;}  }
@-webkit-keyframes percentage-50 { 0%  { width:0px;} 100%{ width:50%;} }
@-webkit-keyframes percentage-60 { 0%  { width:0px;} 100%{ width:60%;} }
@-webkit-keyframes percentage-70 { 0%  { width:0px;} 100%{ width:70%;} }
@-webkit-keyframes percentage-80 { 0%  { width:0px;} 100%{ width:80%;} }
@-webkit-keyframes percentage-90 { 0%  { width:0px;} 100%{ width:90%;} }
@-webkit-keyframes percentage-100 { 0%  { width:0px;} 100%{ width:100%;} }





/*  6.21. STATS COUNTER
============================================================================= */
.numbers-counter{
    width: 100%;
    float: left;
    list-style: none !important;
}

.numbers-counter li span, 
.numbers-counter li p{
    color: #fff;
}

.numbers-counter li{ 
    margin-left: 1px;
    margin-bottom: 1px;
    float: left;
}

.numbers-counter li span{
    font-size: 26px;
    width: 100%;
    text-align: center;
    display: block;
}

.numbers-counter li p{
    width: 100%;
    display: block;
    text-align: center;
}

.timer-text{
    font-size:10px;
}

/* DIFFERENT GRIDS - FROM GRID_3 TO GRID_12 */
/* GRID_3 */
.grid_3 .numbers-counter li{
    width: 134px !important;
    height: 134px !important;
}

.grid_3 .numbers-counter li span{
    padding-top: 30px;    
}



/* GRID_4 */
.grid_4 .numbers-counter li{
    width: 184px;
    height: 184px;
}

.grid_4 .numbers-counter li span{
    padding-top: 50px;    
}



/* GRID_5 */
.grid_5 .numbers-counter li{
    width: 155px;
    height: 155px;
}

.grid_5 .numbers-counter li span{
    padding-top: 40px;    
}


/* GRID_6 */
.grid_6 .numbers-counter li{
    width: 189px;
    height: 189px;
}

.grid_6 .numbers-counter li span{
    padding-top: 55px;    
}


/* GRID_7 */
.grid_7 .numbers-counter li{
    width: 166px;
    height: 166px;
}

.grid_7 .numbers-counter li span{
    padding-top: 45px;    
}



/* GRID_8 */
.grid_8 .numbers-counter li{
    width: 191px;
    height: 191px;
}

.grid_8 .numbers-counter li span{
    padding-top: 55px;    
}


/* GRID_9 */
.grid_9 .numbers-counter li{
    width: 173px;
    height: 173px;
}

.grid_9 .numbers-counter li span{
    padding-top: 55px;    
}

/* GRID_12 */
.grid_12 .numbers-counter li{
    width: 194px;
    height: 194px;
}

.grid_12 .numbers-counter li span{
    padding-top: 55px;    
}



.grid_3 .numbers-counter li:nth-child(2n), 
.grid_4 .numbers-counter li:nth-child(2n){
    margin-right: 0;
}

.grid_5 .numbers-counter li:nth-child(3n), 
.grid_6 .numbers-counter li:nth-child(3n){
    margin-right: 0;
}




/*  6.22. TESTIMONIALS
============================================================================= */
.caroufredsel_wrapper{
    float: left !important;
}
.testimonial-carousel{
    float: left;
    width: 100%;
}
.testimonial{
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.testimonial .testimonial-text{
    width: 100%;
    background: #f6f6f6;
    padding: 30px 30px 60px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.testimonial .testimonial-text p{
    font-size: 14px;
    font-style: italic;
}

.testimonial-author{
    width: 100%;
    position: relative;
    top: -40px;
    padding-left: 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.testimonial-image-container{
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 20px;

    border: 4px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    overflow: hidden;
}

.testimonial-image-container img{
    dispaly: block;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
}

.testimonial-author-name{
    margin-bottom: 0;
    padding-top: 50px;
}

.testimonial-author-company{
    width: 100%;
    display: block;
    font-style: italic;
    font-weight: 300;
}


/*  TESTIMONIAL STYLE 02
============================================================================= */
.testimonial.style-2 .testimonial-text{
    background: none;
    padding-bottom: 0;
}

.testimonial.style-2 .testimonial-text p{
    text-align: center;
    font-size: 18px;
    line-height: 28px;
}

.testimonial.style-2 .testimonial-text span{
    text-align: center;
    padding-top: 10px;
    width: 100%;
    display: block;
    font-style: italic;
}




/* 6.23. TABS HORISONTAL 
============================================================================= */
.tabs{
    overflow: hidden;
    float: left;
}

.tabs i{
    padding-right: 5px; 
    font-size: 13px;
}

.tabs li{
    float: left;
    border-left: 1px solid #eee;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 38px;
    top: 1px;
    background-color: #f6f6f6;
    cursor: pointer;
}

.tabs li a{    
    color: #333;    
    padding: 0px 16px;
    font: 13px 'Raleway', Arial, sans-serif;
    line-height: 38px;
    padding-top: 2px;
}

.tabs li.active{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

.tabs li:first-child{
    border-left: none;
}

.tabs li.active:first-child{
    border-left: 1px solid #eee;
}

.tabs li.active:last-child{
    border-right: 1px solid #eee;
}

.tab-content-wrap{
    width: 100%;
    border: 1px solid #eee;    
    margin-top: -1px;
    overflow: hidden;
    float: left;
    padding: 30px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}





/*  6.24. TABS VERTICAL 
============================================================================= */
*[class*="grid_"].tabs.vertical, 
*[class*="grid_"].tabs.vertical li.active{
    overflow: visible;
}

.tabs.vertical{
    overflow: hidden;
    float: left;
    width: 30%;
}

.tabs.vertical li{
    float: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-top: none;
    overflow: hidden;
    padding: 0;
    line-height: 42px;
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tabs.vertical li:first-child{
    border-top: 1px solid #eee !important;
}

.tabs.vertical li a{    
    color: #333;    
    padding: 15px;
    font: 13px 'Open Sans', Arial, sans-serif;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.tabs.vertical li a i{
    font-size: 16px;
    padding-right: 15px;
    position: relative;
    top: 2px;
}

.tabs.vertical li.active{
    border-bottom: 1px solid #eee;
    border-right: none;
    border-top: none;
    background: #fff;
    position: relative;
}

.tabs.vertical li.active a{
    color: #fff;
}

.tab-content-wrap.vertical{  
    margin-top: 0;
    overflow: hidden;
    float: left;
    border: none;
    width: 70%;
    padding: 0;
}

.tab-content-wrap.vertical .tab-content{
    padding-left: 30px;
    background: #fff;
}





/* ==========================================================================
    7. PAGE SPECIFIC STYLES
============================================================================= */

/* ========================================================================== 
    7.1. ABOUT PAGES
============================================================================= */

/*  7.1.1. TEAM MEMBERS
============================================================================= */
.team{
    width: 100%;
    float: left;
}

.team-img-container{
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.team-img-container .team-img-hover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.team-img-container .team-img-hover .mask{  
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-img-container:hover .mask{
    opacity: 1;
}

.team h6{
    margin-bottom: 0;
}

.team .position{
    font-style: italic;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.team-social-links{
    width: 100%;
    margin-top: 15px;
    float: left;
}

.team-social-links li{
    float: left;
    margin-right: 20px;
}

.team-social-links li a{
    font-size: 16px;
    color: #aaa;
}




/* 7.1.2.  TEAM MEMBERS ALTERNATIVE
============================================================================= */
.team-alternative li{
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 284px;

    position: relative;
    overflow: hidden;

    cursor: pointer;
}

.team-member-hover{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;

    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-member-hover .mask{
    opacity: 0.7;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.team-member:hover .team-member-hover{
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);

    opacity: 1;
}

.team-member-hover .team-member-info{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
}

.team-member-hover .team-member-info h5{
    color: #fff;
    text-align: center;
    padding-top: 60px;
    margin-bottom: 3px;
}

.team-member-hover .team-member-info .position{
    width: 100%;
    display: block;
    text-align: center;
    font-style: italic;
    color: #fff;
    margin-bottom: 30px;
}

.team-member-hover .btn-medium{
    position: relative;
    left: 90px;
}



/* ========================================================================== 
    7.2. PORTFOLIO
============================================================================= */
.row.portfolio-items-holder{
    margin-bottom: 30px;
}



/*  Portfolio filters
----------------------------------------------------------------------------- */
.row.portfolio-filters{
    margin-bottom: 30px;
}

.portfolio-filters.portfolio-full ul{
    display: table;
    margin: 0 auto;
}

#filters li{
    float: left;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #ddd;
}

#filters li .item-number{
    background: #eee;
    min-width: 25px;
    min-height: 25px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    font-family: 'Raleway', Arial, sans-serif;
    padding-top: 1px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#filters li a{
    font-family: 'Raleway', Arial, sans-serif;
}

#filters li.active .item-number, 
#filters li:hover .item-number{
    color: #fff;
}

#filters li:last-child{
    border-right: none;
}


/* PORTFOLIO ITEMS
----------------------------------------------------------------------------- */
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
}

.isotope-item{
    float: left;
    margin-bottom: 30px;
    z-index: 2;
}

.portfolio-img-container .portfolio-img{
    position: relative;
    overflow: hidden;
    width: 100%;
}


.portfolio-img-container .portfolio-img-hover{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top:0;
    left: 0;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-img-container .portfolio-img:hover .portfolio-img-hover{
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    opacity: 1;
}

.isotope-item .portfolio-style-2 .portfolio-img{
    width: 100%;
    overflow: hidden;
}

.isotope-item .portfolio-img-container .portfolio-img img{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-img-container .portfolio-img:hover  img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.portfolio-img-container .portfolio-img-hover .mask{
    opacity: 0.7;
    width: 100%;
    height: 100%;
}

.portfolio-img-container .portfolio-img-hover li{
    background: #222;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-img-container .portfolio-img-hover li.portfolio-zoom{
    margin-left: -45px !important;
}

.portfolio-img-container .portfolio-img-hover li.portfolio-single{
    margin-left: 5px !important;
}

.portfolio-img-container .portfolio-img-hover li a{
    width: 45px;
    height: 45px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #eee;
}

.portfolio-img-container .portfolio-img-hover li:hover a{
    color: #fff !important;
}

.portfolio-img-container figcaption{
    width: 100%;
    background: #f6f6f6;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.portfolio-img-container figcaption .portfolio-item-like{
    float: right;
    padding-top: 5px;
}

.grid_6.isotope-item figcaption .title{
    max-width: 500px;
}

#portfolioitems{
   /* padding-left: 15px;*/
}

.portfolio-items-holder .isotope-item{
    margin-bottom: 2px;
    margin-right: 2px;
    margin-left: 0;
}

.portfolio-items-holder .grid_6{
    width: 584px;
}

.portfolio-items-holder .grid_4{
    width: 388px;
}

.portfolio-items-holder .grid_3{
    width: 291px;
}

.portfolio-items-holder .grid_6:nth-child(2n){
    margin-right: 0;
}

.container.full #portfolioitems{
    padding: 0;
}

.container.full .portfolio-items-holder .isotope-item{
    width: 16.6%;
    margin-right: 1px;
    margin-bottom: 1px;
}

.pagination.portfolio-full{
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 30px;
}

.pagination.portfolio-full ul{
    float: none;
    display: table;
    margin: 0 auto;
}



/* Portfolio single project
----------------------------------------------------------------------------- */
.portfolio-info li{
    width: 100%;
    padding-bottom: 3px;
}

.portfolio-single-like{
    width: 100%;
}

.portfolio-single-like p{
    display: inline;
    float: left;
}

.portfolio-single-like .portfolio-item-like{
    float: left;
    padding-top: 5px;
    padding-left: 10px;
}





/* ==========================================================================
    7.3. BLOG
============================================================================= */
.blog-posts .blog-post {
    float: left;
    margin-bottom: 50px;
    width: 100%;
    position: relative;
}

a.read-more {
    float: right;
    /* font-family: 'Raleway', Arial, sans-serif; */
    /* position: relative; */
    /* padding-top: 10px; */
    background: #0166CC;
    color: #fff;
    padding-top: 5px;
    /* font-size: 15px; */
    /* margin-top: 15px; */
    border-bottom: 1px dashed #0066CC;
    text-transform: uppercase;
    font-size: 16px;
    /* color: #0066CC; */
    margin-top: 20px;
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
}


/* Blog media container (image, video, audio, ...)
----------------------------------------------------------------------------- */
#post-slider{
    margin-bottom: 0;
}

.post-media-container{
    width:29%;
    margin-right:30px;
    margin-bottom: 60px;
    position: relative;
    float: left;
}

.post-media-container .post-media-hover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.post-media-container .post-media-hover .mask{  
    background: rgba(255, 255, 255, 0.3);
    box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-media-container:hover .mask{
    opacity: 1;
}



/* Video iframe
----------------------------------------------------------------------------- */
.post-media-container iframe{
    width: 100%;
    height: auto;
    min-height: 371px;
}

.grid_12.blog-posts .post-media-container iframe{
    min-height: 500px;
}



/* Audio blog post
----------------------------------------------------------------------------- */
.post-media-container .audio-player{
    width: 100%;
}

.post-media-container .audio-player.with-image{
    position: absolute;
    bottom: 30px;
    width: 90%;
    left: 40px;
}

.grid_12.blog-posts .post-media-container .audio-player.with-image{
    left: 60px;
}


.view.view-blog-small-image {
	margin-top:40px;
	
}
/* Blog info icons
----------------------------------------------------------------------------- */


.post-info li, 
.post-info-container .date-category li{
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.post-info .post-date, 
.post-info-container .post-date{
    background: #eee;
    position: relative;
    z-index: 20;
}

.post-info .post-date span, 
.post-info-container .post-date span{
    width: 100%;
    display: block;
    text-transform: uppercase;
}

.post-info .post-date .day, 
.post-info-container .post-date .day{
    text-align: center;
    font: 19px 'Open Sans';
    line-height: 20px;
    font-weight: 600;
    padding-top: 14px;
}

.post-info .post-date .month, 
.post-info-container .post-date .month{
    font-size: 9px;
    text-align: center;
}

.post-info .post-category, 
.post-info-container .post-category{
    margin-left: -10px;
}

.post-info .post-category i, 
.post-info-container .post-category i{
    width: 60px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #fff;
}


/* Post body
----------------------------------------------------------------------------- */


.post-body h3{
    margin-bottom: 10px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.post-meta{
    width: 100%;
    margin-bottom: 20px;
    float: left;
    display: block;
}

.post-meta li{
    float: left;
    padding-right: 15px;
    color: #666;
    line-height: 22px;
}

.post-meta li span{
    font: 13px 'Open Sans', Arial, sans-serif;
}

.post-meta li a{
    position: relative;
    display: inline-block;
    margin-right: 3px;
}

.post-meta li a::after{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    opacity: 0;

    -webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: height 0.2s, opacity 0.2s, -moz-transform 0.2s;
    -o-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    -ms-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    transition: height 0.2s, opacity 0.2s, transform 0.2s;

    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.post-meta li a:hover::after{
    height: 2px;
    opacity: 1;

    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}


/*  Pagination
----------------------------------------------------------------------------- */
.pagination{
    width: 100%;
    float: right;
}

.pagination ul{
    float: right;
}

.pagination li{
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #eee;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pagination li:last-child{
    margin-right: 0;
}

.pagination li a{
    width: 30px;
    height: 30px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;   
}

.pagination li:hover a, 
.pagination li.active a{
    color: #fff !important;
}

.pagination li.current-page{
    width: auto;
    height: auto;
    padding-top: 5px;
    background: none;
    margin-right: 25px;
}

.pagination li.current-page:hover{
    background: none;
}


/*  BLOG WITH SMALL IMAGES (BLOG.HTML)
============================================================================= */


.blog-posts.blog-post-small-image li .post-body /*, .blog-posts.si li .post-body */{
    padding-left: 300px;
}

.blog-posts.blog-post-small-image .post-info-container, .blog-posts.si .post-info-container {
    width: 100%;
    margin-bottom: 20px;
}

.blog-posts.blog-post-small-image .post-info-container .date-category, .blog-posts.si .post-info-container .date-category{
    width: 110px;
    height: 60px;
    margin-right: 20px;
    float: left;
}

.blog-posts.blog-post-small-image .post-info-container .post-info, .blog-posts.si .post-info-container .post-info {
    padding-left: 130px;
    width: 100%;
    margin-right: 0;
    float: none;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.blog-posts.blog-post-small-image .post-info-container .post-info li, .blog-posts.si .post-info-container .post-info li {
    width: auto;
    height: auto;
}

.blog-posts.blog-post-small-image .post-media-container iframe, .blog-posts.si li .post-media-container  iframe{
    min-height: 212px;
}

.blog-posts.blog-post-small-image .post-media-container .audio-player.with-image{
    left: 15px;
}



/*  BLOG MASONRY
============================================================================= */
.blog-posts.isotope.cols li.blog-post.isotope-item{
    width: 420px;
    margin-right: 30px;
    margin-bottom: 50px;
}

.blog-posts.isotope.cols li.blog-post.isotope-item:nth-child(2n){
    margin-right: 0;
}

.blog-post.isotope-item .post-info{
    width: 70px;
}

.blog-post.isotope-item .post-info .post-category{
    margin-left: 0;
    margin-top: -10px;
}

.blog-post.isotope-item .post-body{
    padding-left: 100px;
}

.blog-post.isotope-item iframe{
    min-height: 250px;
}

.grid_12.blog-posts .blog-post.isotope-item .post-media-container iframe{
    min-height: 300px;
}

.blog-post.isotope-item .post-media-container .audio-player.with-image{
    bottom: 20px;
    left: 20px;
}

.blog-posts.isotope.full li.blog-post.isotope-item{
    width: 370px;
    margin-right: 30px;
    margin-bottom: 50px;
}

.blog-posts.isotope.full li.blog-post.isotope-item:nth-child(3n){
    margin-right: 0;
}

.blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider{
    min-height: 158px;
}



/* BLOG SINGLE POST
============================================================================= */
.post-author{
    float: left;
    margin-bottom: 80px;
    width: 100%;
}

.post-author .img-container{
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 30px;

    border: 3px solid #eee;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.post-author .info{
    padding-left: 103px;
}

.post-author .info h6{
    margin-bottom: 3px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-author .info span.member{
    font-style: italic;
    margin-bottom: 10px;
    display: block;
}


/* ==========================================================================
    POST COMMENTS
============================================================================= */
.post-comments{
    width: 100%;
    float: left;
}

.comments-li{
    float: left;
    margin-bottom: 30px;
}

.comments-li > li{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.comments-li > li:last-child .comment{
    border: none;
    margin-bottom: 0;
}

.comment{
    float: left;
    min-height: 60px;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 30px;
}

.post-comments .comment + .children{
    margin-top: 30px;
}

.post-comments .children + .children{
    margin-top: 30px;
}

.comment .avatar{
    width: 70px;
    height: 70px;
    margin-right: 30px;
    float: left;

    border: 3px solid #eee;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;    
}

.comment-meta li{
    font-style: italic;
}

.comment-meta .author{
    font: 15px 'Raleway', Arial, sans-serif;
    font-weight: 600;
}

.comment .comment-body{
    margin-left: 100px;
    margin-top: 15px;
}

.comment .comment-reply-link, .comment li.comment-reply a{
    display: block;
    margin-top: 15px;
    background: url('../img/icon-reply.png') no-repeat 0 center;
    padding-left: 22px;
    cursor: pointer;
    text-transform: uppercase;
}

.post-comments .children{
    margin-left: 20px;
    float: left;
    padding: 0 0 0 20px;
}

/* COMMENT FORM */
.comment-form, #respond{
    float: left;
    width: 100%;
}

#respond form{
    margin-top: 20px;
}

#respond fieldset{
    margin-bottom: 10px;
}

#respond label{
    width: 100%;
    color: #444;
    display: block;
    margin-bottom: 7px;
}

#respond .name-container{
    margin-right: 20px;
    float: left;
}

#respond .email-container{
    float: left;
}

#respond .name-container input, 
#respond .email-container input{
    background: #f6F6F6;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 30px;
    width: 308px;
    font: 13px 'Open Sans', Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    color: #666;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
input, textarea{
    background: #f6F6F6;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 30px;
   /* width: 308px;*/
    max-width: 100%
    font: 13px 'Open Sans', Arial, sans-serif; 
    padding-left: 10px;
    padding-right: 10px;
    color: #666;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.form-textarea-wrapper textarea {height: 200px;}

#respond .message{
    float: left;
    margin-top: 5px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#respond .message textarea{
    background: #f6F6F6;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font: 13px 'Open Sans', Arial, sans-serif;
    line-height: 22px;
    padding: 10px;
    color: #666;
}

#respond #comment-reply{
    color: #fff;
    font: 12px 'Open Sans', Arial,sans-serif;
    background-color: #333;
    cursor: pointer;
    padding: 8px 15px;
    border: none;
    float: right;
    margin-top: 10px;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

#respond .name-container input:focus, 
#respond .email-container input:focus, 
#respond .message textarea:focus{
    border-color: #aaa;
}




/*    SHARRE BLOG POSTS AND PORTFOLIO POSTS
============================================================================= */
.share-post{
    float: left;
    background: #f6f6f6;
    margin-top: 30px;
    padding: 10px 15px;
    width: 100%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.share-post span{
    float: left;
    display: block;
    margin-right: 20px;
    color: #333;
    position: relative;
    top: 2px;
}

.share-post #shareme{
    float: left;
}

.sharrre .box{
    background:#333;

    -webkit-box-shadow:0 1px 1px #d3d3d3;
    -moz-box-shadow:0 1px 1px #d3d3d3;
    box-shadow:0 1px 1px #d3d3d3;

    height:22px;
    display:inline-block;
    position:relative;

    padding:0px 55px 0 8px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

    font-size:12px;
    float:left;
    clear:both;
    overflow:hidden;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    cursor: pointer;
}

.sharrre.portfolio-item-like .box{
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0 5px 0 0;
    position: relative;
    top: -5px;
    color: #666;
}

.sharrre .left{
    line-height:22px;
    display:block;
    white-space:nowrap;

    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#ffffff;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.sharrre .middle{
    position:absolute;
    height:22px;
    top:0px;
    right:30px;
    width:0px;
    background:#555;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    white-space:nowrap;
    text-align:left;
    overflow:hidden;

    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;

    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.sharrre .middle a{
    color:#ccc;
    font-weight:bold;
    padding:0 9px 0 9px;
    text-align:center;
    float:left;
    line-height:22px;

    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:45px;
    text-align:center;
    line-height:22px;
    color:#fff;
}

.sharrre .box:hover{
    padding-right:130px;
}

.sharrre.portfolio-item-like .box:hover{
    padding-right: 5px;
}

.sharrre .middle a:hover{
    text-decoration:none;
    color: #fff !important;
}
.sharrre .box:hover .middle{
    width:90px;
}

.blog-post .share-post{
    margin-bottom: 80px;
}




/* ========================================================================== 
   7.4.  CONTACT PAGE
============================================================================= */

/* GOOGLE MAP
------------------------------------------------------------------------------*/
.map_canvas{
    width: 100%;
    height: 550px;
}

.contact-info-list i{
    padding-right: 10px;
    padding-bottom: 5px;
}

.widget .contact-info-list li{
    background: none;
    border-bottom: none !important;
    padding-left: 0;
}

/* CONTACT FORM
------------------------------------------------------------------------------*/
.wpcf7{
    float: left;
    width: 100%;
}

.wpcf7 fieldset{
    max-width: 100%;
    margin-bottom: 20px;
}

.wpcf7 label{
    color: #444;
    font: 13px Arial,sans-serif;
    line-height: 18px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    float: left;
}

.wpcf7-text{
    max-width: 100%;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 8px 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.wpcf7-text#portfolio-link{
    width: 100%;
}

.wpcf7-textarea{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 10px;
}

.wpcf7-text:focus, 
.wpcf7-textarea:focus{
    border-color: #aaa;
}

.wpcf7-submit{
    border: 0px solid;
    font: 12px 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    background-color: #333;
    /*padding: 10px 17px;*/
    cursor: pointer;
	margin-right: 6px;

    /*float: right;*/

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.wpcf7-select{
    background: #f6f6f6;
    border: 1px solid #ddd;
    width: 100%;
    line-height: 29px !important;
    padding: 8px 8px 8px 10px;
    font: 12px 'Open Sans', Arial, sans-serif;
    color: #666;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}



#search-form input[type="search"] {
    width: 100%;
    padding: 0 5px 0 22px;
    background: transparent;
    border: none;
    font-size:17px;
    letter-spacing:1px;
    text-align:center;
}

.form-item.form-type-select.form-item-lang-dropdown-select {
    margin-left: 50px;
    margin-top:15px;
}

/* ==================== landing page webform ============== */

#webform-client-form-431 #webform-component-first-name,
#webform-client-form-431 #webform-component-last-name,
#webform-client-form-431 #webform-component-e-mail-address,
#webform-client-form-431 #webform-component-phone-number,
#webform-client-form-431 #webform-component-zip,
#webform-client-form-510 #webform-component-prenom,
#webform-client-form-510 #webform-component-nom-de-famille,
#webform-client-form-510 #webform-component-email,
#webform-client-form-510 #webform-component-telephone,
#webform-client-form-510 #webform-component-code-postal{
  float: left;
  margin-right: 20px;
}
      ....
#webform-client-form-431 #webform-component-city,
#webform-client-form-431 #webform-component-e-mail-address,
#webform-client-form-431 #webform-component-company-name,
#webform-client-form-510 #webform-component-ville,
#webform-client-form-510 #webform-component-email,
#webform-client-form-510 #webform-component-nom-de-lentreprise {
    clear: left;
}
        
#webform-client-form-431 .form-actions input,
#webform-client-form-510 .form-actions input {
        background-color: #106CB5;
        border-width: 0px;
        text-transform: uppercase;
        padding: 5px 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: white;
        font-size: 1.2em;
}
        
.node-type-landing-page .webform-client-form {
        border: 1px solid #b0b0b0;
        margin: -265px 10px 60px 0;
        padding: 10px 10px 25px;
        position: relative;
        float: right;
        width: 218px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        background: #f0f0f0;
        background: -moz-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -webkit-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -o-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -ms-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        font-size: 0.9em;
}
        
.node-type-landing-page form#webform-client-form-4708.webform-client-form {
        border: 1px solid #b0b0b0;
        margin: -260px 240px 60px 0;
        padding: 10px 10px 20px;
        position: relative;
        float: left;
        width: 260px;
        height: 250px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        background: #f0f0f0;
        background: -moz-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -webkit-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -o-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -ms-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        font-size: 0.9em;
}

.node-type-landing-page form#webform-client-form-4976.webform-client-form {
        border: 1px solid #b0b0b0;
        margin: -40px 790px 60px;
        padding: 10px 10px 20px;
        position: relative;
        float: inherit;
    width: 255px;
        height: 220px;
    -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        background: #f0f0f0;
        background: -moz-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -webkit-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -o-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
        background: -ms-linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
    background: linear-gradient(top,#fefefe 0%,#f0f0f0 100%);
    font-size: 0.9em;
}


.node-type-landing-page input.form-text {
        width: 90%;
}
        
.node-type-landing-page input, textarea {
        background: #fff;
}
        
.node-type-landing-page element.style {
        float: right;
        width: 90%;
}
        
.node-type-landing-page #page-title {
        position: absolute;
        top: 70px;
        left: 40px;
        color: #fff;
        font-size: 32px;
        font-weight: normal;
        line-height: 1.2;
        margin: 0 0 15px;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
        width: 450px;
}

.node-type-landing-page form#webform-client-form-4708.webform-client-form .form-submit {
        border: 1px solid #09467c;
        bottom: -25px;
        color: #FFF;
        float: left;
        font-size: 18px;
        font-weight: bold;
        margin: 230px 5px;
        padding: 12px 0 10px;
        position: absolute;
        text-shadow: 1px 1px 0 #1c65a8;
        vertical-align: bottom;
        width: 205px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #689ecb;
        background: -moz-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: -webkit-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: -o-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: -ms-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: linear-gradient(top,#689ecb 0%,#467fb6 100%);
        -moz-box-shadow: 0 1px 3px 0 #09467c;
        -webkit-box-shadow: 0 1px 3px 0 #09467c;
        box-shadow: 0 1px 3px 0 #09467c;
}

.node-type-landing-page .webform-client-form .form-submit {
        border: 1px solid #09467c;
        bottom: -25px;
        color: #FFF;
        float: left;
        font-size: 18px;
        font-weight: bold;
        margin: 200px -5px;
        padding: 12px 0 10px;
        position: absolute;
        text-shadow: 1px 1px 0 #1c65a8;
        vertical-align: bottom;
        width: 210px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #689ecb;
        background: -moz-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: -webkit-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: -o-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: -ms-linear-gradient(top,#689ecb 0%,#467fb6 100%);
        background: linear-gradient(top,#689ecb 0%,#467fb6 100%);
        -moz-box-shadow: 0 1px 3px 0 #09467c;
        -webkit-box-shadow: 0 1px 3px 0 #09467c;
        box-shadow: 0 1px 3px 0 #09467c;
}

.node-type-landing-page form#webform-client-form-4976.webform-client-form .form-submit {
        border: 1px solid #09467c;
        bottom: -25px;
        color: #FFF;
        float: left;
        font-size: 18px;
  font-weight: bold;
        margin: 200px 5px;
        padding: 12px 0 10px;
        position: absolute;
    text-shadow: 1px 1px 0 #1c65a8;
        vertical-align: bottom;
        width: 245px;
    -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    background: #689ecb;
    background: -moz-linear-gradient(top,#689ecb 0%,#467fb6 100%);
    background: -webkit-linear-gradient(top,#689ecb 0%,#467fb6 100%);
    background: -o-linear-gradient(top,#689ecb 0%,#467fb6 100%);
    background: -ms-linear-gradient(top,#689ecb 0%,#467fb6 100%);
    background: linear-gradient(top,#689ecb 0%,#467fb6 100%);
    -moz-box-shadow: 0 1px 3px 0 #09467c;
    -webkit-box-shadow: 0 1px 3px 0 #09467c;
    box-shadow: 0 1px 3px 0 #09467c;
}

.node-type-landing-page .footer-wrapper {
display: none;
}

.node-type-landing-page .region-md-menu {
display: none;
}

.node-type-landing-page .region-top-right {
display: none;
}

.node-type-landing-page .region-top-left {
display: none;
}

.node-type-landing-page .region-top-middle {
display: none;
}

/* ========================================================================== 
    8. WIDGETS
============================================================================= */
/* SIDEBAR WIDGETS AND FOOTER WIDGETS GLOBAL STYLES
============================================================================= */
.widget h6{
    margin-bottom: 20px;
    text-transform: uppercase;
}

/*.footer-widget-container .widget h6{
    color: #eee; 
}*/

.footer-widget-container .widget h6{
    color: #fff; 
    font-weight:bold;
}

.aside-left{
    margin-bottom: 0;
    float: left;
}

.aside-right{
    margin-bottom: 0;
    float: right;
}

.widget{
    display: block;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.widget li{
    background: url('../img/aside-arrow.png') no-repeat 0 12px;
    border-bottom: 1px dotted #ddd;
    padding-left: 28px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.widget li:last-child{
    border-bottom: none !important;
    padding-bottom: 0;
}

.footer-widget-container .widget li{
    border-bottom: 1px dotted #555;
}

.footer-widget-container li.widget:last-child{
    margin-bottom: 70px;
}




/* ASIDE SEARCH WIDGET
============================================================================= */
.widget_search form{
    position: relative;
}

.widget_search #a_search{
    background: #fff;
    border: 1px solid #ddd !important;
    width: 100%;
    display: block;
    font-size: 11px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #777;
    font-style: italic;
    left:0;
    top: 0;

    padding: 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget_search .search-submit{
    background: url('../img/aside-search.png') center center no-repeat;
    width: 20px;
    height: 100%;
    border: none;
    text-indent: -9999px;
    position: absolute;
    float: left;
    cursor: pointer;
    right: 6px;
    top: 1px;
}





/* WIDEGT RECENT POSTS
============================================================================= */
.pi_recent_posts ul > li{
    float: left;
    border-bottom: none;
    background: none;
    margin-bottom: 15px;
    padding-bottom: 0;
    padding-left: 0;
}

.pi_recent_posts .post-media{
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
    float: left;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pi_recent_posts .widget-post-info .meta li{
    margin-bottom: 0px;
}

.pi_recent_posts .widget-post-info{
    width: 100%;
    padding-left: 90px;
    padding-top: 8px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pi_recent_posts .widget-post-info h6{
    font-size: 15px;
    text-transform: none;
    margin-bottom: 0px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pi_recent_posts .widget-post-info .meta{
    width: 100%;
    float: left;
}

.pi_recent_posts .widget-post-info .meta li{
    float: left;
    padding-right: 10px;
    color: #666;
}

.pi_recent_posts .widget-post-info .meta li span{
    font: 13px 'Open Sans', Arial, sans-serif;
    line-height: 22px;
    color: #666;
}

.footer-widget-container .pi_recent_posts li{
    border: none;
}





/* WIDEGT LATEST POSTS (ON HOME PAGE) - CAN GO IN GRID_3, GRID_6, GRID_9 AND GRID_12
============================================================================= */
.latest-posts{
    width: 100%;
    float: left;
}

.latest-posts li .post-media-container{
    margin-bottom: 15px;
}

.latest-posts li h5{
    width: 100%;
    margin-bottom: 5px;
}

.latest-posts li.post{
    width: 270px;
    margin-right: 30px;
    float: left;
}

.latest-posts li.post:last-child{
    margin-right: 0;
}





/* WIDEGT RECENT COMMENTS
============================================================================= */
.widget_recent_comments li{
    background: url('../img/icon-comment.png') no-repeat 0 center;
    padding-left: 60px;
    padding-top: 0;
    min-height: 40px;
    border: none;
    margin-bottom: 15px;
}

.widget_recent_comments li a{
    font-style: italic;
}

.widget_recent_comments li span{
    font: 13px 'Open Sans', Arial, sans-serif;
    line-height: 22px;
    padding-left: 3px;
}

.footer-widget-container .widget_recent_comments li{
    color: #bbb;
}





/* IMAGE PHOTO STREAMS/SOCIAL FEED WIDGET
============================================================================= */
.widget.social-feed li{
    background: none;
    border: none;
    padding: 0;
    float: left;
    width: 66px;
    height: 66px;
    margin-right: 1px;
    margin-bottom: 1px;
    overflow: hidden;
}

.widget.social-feed li a img{
    width: 66px;
    height: 66px;
    opacity: 0.6;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.widget.social-feed li a img:hover{
    opacity:1;
}

.widget.social-feed li:nth-child(4n){
    margin-right: 0;
}




/* NEWSLETTER SUBSCRIBE WIDGET
============================================================================= */
.newsletter .email{
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;

    width: 148px;
    height: 28px;
    padding: 0 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 11px;
}

.footer-widget-container .newsletter .email{
    background: #444;
    border: 1px solid #555;
    color: #ccc;
    color: #bbb;
}

.widget .newsletter .submit{
    height: 28px;
    color: #eee;
    font-size: 11px;
    position: relative;
    top: 0;
    padding: 0 15px;
    cursor: pointer;

    border: 1px solid #555;
    background: #444;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}





/* TAG CLOUD WIDGET
============================================================================= */
.widget_tag_cloud a{
    background: #f6f6f6;
    color: #777;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 2px;
}

.widget_tag_cloud a:hover{
    color: #fff !important;
}

.footer-widget-container .widget_tag_cloud a{
    background: #444;
    color: #bbb;
    font-size: 12px;
}


#footer .content p{
	color:#fff;
}



/* TWITTER WIDGET
============================================================================= */
#tweet-sroll-wrapper.widget li{
    border: none;
    background: url('../img/twitter.png') no-repeat 0 5px;
    padding-left: 44px;
    margin-bottom: 8px;
}

.footer-widget-container #tweet-sroll-wrapper.widget li a{
    color: #ccc;
}

#tweet-sroll-wrapper.widget .tweets-list-container{
    overflow: hidden;
    width: 100%;
}

#tweet-sroll-wrapper.widget .tweet-list{
    position: relative;
}


/* TOKEN-LOCATOR WIDGET added by Vic
============================================================================= */
#token-locator-default {
    background-color: #a3c239;
    border-radius: 10px;
    color: white;
    height: 70px;
    padding: 1% 2% 2% 1%;
    text-align: right;
    text-transform: none;
    width: 192px;
}
#token-locator-default h2 {
    color: #fff;
    font-size: 1.62em !important;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 0;
}
#token-locator-default h3 {
    color: #fff;
    font-size: 1.02em !important;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 3px;
}
#token-locator-default form {
    height: 100%;
}
#token-locator-default #locator-default-zip {
    border-radius: 3px 0 0 3px;
    border-width: 0;
    display: inline-block;
    font-size: 0.8em;
    height: 26%;
    line-height: normal;
    margin: 0;
    padding-bottom: 0;
    padding-left: 3%;
    padding-top: 0;
    width: 68%;
}
#token-locator-default #submit-default-locator {
    background-color: #939597;
    border-radius: 0 3px 3px 0;
    border-width: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9em !important;
    font-weight: 600;
    height: 26.4%;
    margin: 0;
    padding: 0 3%;
    text-transform: uppercase;
    width: auto;
}


/* size700 */
#token-locator-size700 {
    background-color: #a3c239;
    border-radius: 10px;
    color: white;
    height: 66px;
    padding: 2px 40px 2px 30px;
    text-transform: none;
    text-align: left;
    width: 630px;
}
#token-locator-size700 h2 {
    width: 160px;
    text-align: left;
    color: #fff;
    font-size: 1.9em !important;
    font-weight: normal;
    line-height: 30px;
    float: left;
    margin-bottom: 0;
    border-right: 3px #FFF solid;
    margin-right: 40px;
    background: url('/sites/all/themes/icynene/images/jimmy_circle.png') no-repeat;
    background-size: 27%;
    padding-left: 90px;
}
#token-locator-size700 h2 span {
    font-size: 38px !important;
}

#token-locator-size700 h3 {
    color: #fff;
    font-size: 1.8em !important;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 3px;
}
#token-locator-size700 form {
    height: 100%;
}
#token-locator-size700 #locator-default-zip {
    border-radius: 3px 0 0 3px;
    border-width: 0;
    display: inline-block;
    font-size: 0.8em;
    height: 34%;
    line-height: normal;
    margin: 0;
    padding-bottom: 0;
    padding-left: 3%;
    padding-top: 0;
    width: 25%;
}
#token-locator-size700 #submit-default-locator {
    background-color: #939597;
    border-radius: 0 3px 3px 0;
    border-width: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em !important;
    font-weight: 600;
    height: 34.4%;
    margin: 0;
    padding: 0 3%;
    text-transform: uppercase;
    width: auto;
}


/* size900 */
#token-locator-size900 {
    background-color: #a3c239;
    border-radius: 10px;
    color: white;
    height: 72px;
    padding: 4px 40px 4px 30px;
    text-transform: none;
    text-align: left;
    width: 870px;
}
#token-locator-size900 h2 {
display:none;
}
#token-locator-size900 h2 span {
    font-size: 47px !important;
    line-height: 27px;
}

#token-locator-size900 h3 {
    color: #fff;
    font-size: 2.2em !important;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 3px;
}
#token-locator-size900 form {
    height: 100%;
}
#token-locator-size900 #locator-default-zip {
    border-radius: 3px 0 0 3px;
    border-width: 0;
    display: inline-block;
    font-size: 1.1em;
    height: 34%;
    line-height: normal;
    margin: 0;
    padding-bottom: 0;
    padding-left: 3%;
    padding-top: 0;
    width: 25%;
}
#token-locator-size900 #submit-default-locator {
    background-color: #939597;
    border-radius: 0 3px 3px 0;
    border-width: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em !important;
    font-weight: 600;
    height: 34.4%;
    margin: 0;
    padding: 0 3%;
    text-transform: uppercase;
    width: auto;
}

.icynene_blue_bg {
  background-color: #0064af !important;
}




/* ========================================================================== 
    9. FOOTER
============================================================================= */
.footer-wrapper{
    /*background: #333;*/
    background:#06C;
    border-top: 10px solid #e5e8ec;
    width: 100%;
    float: left;
    padding: 70px 0 0 0;
}

#footer p, 
footer a{
    color: #fff;
}


/* COPYRIGHT CONTAINER 
----------------------------------------------------------------------------- */
.copyright-container{
    background: #fff;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
    float: left;
}

.copyright-container a, 
.copyright-container p{
    line-height: 12px;
    font-size: 12px;
    text-transform: uppercase;
    color: #39414b;
}

.copyright-container p{
    padding-top: 7px;
}

.footer-breadcrumbs{
    float: right;
}

.footer-breadcrumbs a {
    margin-right: 15px;
    padding-bottom: 3px;
    position: relative;
    display: inline-block;
}

.footer-breadcrumbs a::after{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #666;
    height: 1px;
    content: "";
    opacity: 0;

    -webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: height 0.2s, opacity 0.2s, -moz-transform 0.2s;
    -o-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    -ms-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    transition: height 0.2s, opacity 0.2s, transform 0.2s;

    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.footer-breadcrumbs a:hover::after{
    height: 2px;
    opacity: 1;

    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.scroll-up{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../img/to-top.png') no-repeat;
}

/*DD  */

.region.region-top-left {margin-left: -15px;
}

.admin-menu-toolbar-category.expandable a, .dropdown li a, .admin-menu-toolbar-category li a, .dropdown li li.expandable a, .dropdown li ul li a, .toolbar-shortcuts li a {color: #FFFFFF !important;}
div.toolbar-shortcuts ul li a:hover {
 color:#fff;
}
#footer h2.block-title {
font: 16px 'Raleway', Arial, sans-serif;
line-height: 20px;
color: #fff;
margin-bottom: 20px;
text-transform: uppercase;
font-weight:bold;
}
.d-tabs ul.primary li.active a {
    background-color: #FFFFFF;
    border-color: none;
    border-image: none;
    border:none;
}
.d-tabs ul.primary {
    border:none;
    height: auto;
    margin: 5px;
    padding: 0;

}
.d-tabs ul.primary li a {padding: 10px; background-color:#f6f6f6; margin-right: 0; border:none;}
.d-tabs .tabs {float:none;}
.breadcrumbs.bc {background: none !important;}

 ul.ajax-register-links {
float: left;
padding: 8px;
padding-top: 12px;
margin-bottom: 0;
}
div.ctools-modal-content .modal-header {
background-color: #333;
padding: 1em;
}
.portfolio-img-container figcaption .portfolio-tags {
float: right;
padding-top: 4px;
text-transform: lowercase;
}

.mean-container .mean-nav, .mean-container .mean-bar  {
background: #333;
}
.mean-container .mean-nav ul li a.mean-expand {
	height: auto !important;
}
.mean-container .mean-nav ul li a:hover {
	color: #fff;
}

.portfolio-tags {
font-size: 11px;
}
.breadcrumbs.bc2 ul.crumbs  a {
    color: #FFFFFF !important;
    font-family: 'Raleway',Arial,sanserif;
}
.breadcrumbs.bc2 ul.crumbs a:hover {
    color: #DDDDDD !important;
}
.field-name-field-portfolio-link a {
    padding: 10px 15px;
    font: 13px 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    /*color: #fff;*/
    float: left;
    
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.field-name-field-portfolio-link a:hover {
color: #fff !important;
background-color: #727c89;
}
/*.field-name-field-tags div.field-item {display:inline-block;}*/

.aside-left h2.block-title, .aside-right h2.block-title {
margin-bottom: 20px;
text-transform: uppercase;
font: 16px 'Raleway', Arial, sans-serif;
line-height: 20px;
}
.aside-left .block, .aside-right .block {margin-bottom: 50px;}
.blog-post {margin-bottom: 110px;
display: none;
}
#search-block-form input {width: 49%; background-color:#fff;}
#search-block-form button {display:none;}
.page-node-1 .page-content .row,.page-node-3 .view-portfolio-block .row /*, .page-node-27 .page-content .row*/ {margin-bottom: 40px !important;}
.tal {text-align:left !important;}

.page-node-27 section#page-title, .page-node-32 section#page-title {display:none;}
.page-node-18 .page-content, .page-node-16 .page-content {margin-top: 0!important;}
.post-meta li div.field-name-field-tags div.field-items a {
position: relative;
display: inline-block;
margin-right: 3px;
float:left;
}
.post-metas{
    width: 100%;
    margin-bottom: 40px !important;
    display: block;
}
.post-metas li{
    float: left;
    padding-right: 15px;
    color: #666;
    line-height: 22px;
}

.post-metas li span{
    font: 13px 'Open Sans', Arial, sans-serif;
}

.post-metas li a{
    position: relative;
    display: inline-block;
    margin-right: 3px;
}
.fn {float:none;}
 
.view-tag-cloud .view-content div a {
    background: #444;
    color: #bbb;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px 10px;
	float: left;
	text-transform:lowercase;
}
.view-tag-cloud .view-content div a:hover {
    color: #FFFFFF !important;
	background-color:#727c89;
}
#footer .block {margin-bottom: 30px;}
#footer #newsletter-subscribe-form input.form-text  {
    background: none repeat scroll 0 0 #444444;
    border: 1px solid #555555;
    color: #BBBBBB;
}
#newsletter-error {color:#bbb;}
.heading-bordered.mt {
margin-top: -15px !important;
}
.page-contact .rb .wpcf7-submit {float:right;}
.page-contact label, #block-user-login label{
    color: #444444;
    font: 13px/18px Arial,sans-serif;
    margin-bottom: 5px;
}
.mb80 {margin-bottom: 80px !important;}
.mt80 {margin-top: 80px !important;}

.view-recent-posts-footer  .item-list ul li {
    border-bottom: 1px dotted #555555;
}
.view-recent-posts-footer .item-list ul li {
    background: url("../img/aside-arrow.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    padding-left: 28px;
    padding-top: 5px;
}

.view-recent-posts-footer .item-list ul li {
margin: 0;
}

.page-taxonomy-term .heading-bordered h3 a {font: 26px/28px 'Raleway',Arial,sans-serif;}

.view-recent-posts-footer li a:visited {
	color: #BBBBBB;
	}

/*      +++    */

#block-search-form {
   /* margin: 0;*/
    overflow: hidden;
    position: relative;
}
#block-search-form .form-item {
    margin: 0;
}
#block-search-form .content {
    margin-top: 0;
}
#block-search-form input {
    margin-right: 5px;
    /*width: 190px;*/
    margin-top: 10px;
}
#block-search-form input.form-submit {
    background: url("../img/aside-search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
   /* border-color: #E4E4E4 #D2D2D2 #B4B4B4;*/
    cursor: pointer;
    height: 21px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 30px;
    text-indent: -9999px;
    top: 8px;
   
}
#search-block-form input.form-submit:hover, #search-block-form input.form-submit:focus, #search-form input.form-submit:hover, #search-form input.form-submit:focus {
    opacity: 0.7;
}
#search-block-form .form-actions {
    float: left;
    padding: 0;
}
#search-block-form .form-actions input {
    margin: 1px 0;
    margin-top: 10px;
}
#search-form .form-item-keys label {
    display: block;
}
ol.search-results {
    padding-left: 0;
}
.search-results li {
    border-bottom: 1px solid #D3D7D9;
    margin-bottom: 0.5em;
    padding-bottom: 0.4285em;
}
.search-results li:last-child {
    border-bottom: medium none;
    margin-bottom: 1em;
}
.search-results .search-snippet-info {
    padding-left: 0;
}

.dd {
    margin-top: 17px;
}

#block-views-tag-cloud-block {
overflow: auto;
}

.widget #block-newsletter-newsletter-subscribe {
	margin-bottom: 0;
}
.search-results h3.title a {font-size: 16px;}

.node-type-article h1#pt, .page-blog-small-image h1#pt, .node-type-portfolio h1#pt{display:none;}



.md-style1.awemenu-left .awemenu, .md-style1.awemenu-right .awemenu, .md-style1.awemenu-outleft .awemenu, .md-style1.awemenu-outright .awemenu {
    background-color: #fff;
    border-bottom: 0;
    width: 100%;
}

#md-megamenu-2 {
    width: 100%;
    margin-top: 20px;
}

.contractor-box {
  width: 380px;
  margin: 0px auto;
  color: #0b171f;
  background-color: #fff;
  float: right;
}

.contractor-box .contractor-header {
  *zoom: 1;
  position: relative;
  color: #fff;
  background-color: #1965B0;
}
.contractor-box .contractor-header:after {
  content: "";
  display: table;
  clear: both;
}
.contractor-box .contractor-header .contractor-headline {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  margin: 0;
  width: 100%;
  line-height: 60px;
  font-size: 1.3em;
  font-weight: bold !important;
  text-align: center;
  text-transform: uppercase;
  margin-left:10px !important;
  
}

.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  outline: none;
  background: url("/sites/all/themes/elvyre/img/contractor-header.png");
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #A4C339;
}

#toggle-search {
  float: right;
  background-position: -60px 0;
}
#toggle-search.open:after {
  top: 40px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index:99;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}


.icy-title {
  font-size: 40px;
    line-height: 38px;
    margin-bottom: 20px;
    line-height: 51px;
    color: #fff;
}

.parallax-cap-bottom {
    color: #fff;
    font-size: 16px;
    margin-bottom:30px;
}

.mb-arc{
  margin-bottom:30px;
}


.wif{
	width:100%;
}

.awemenu-nav .awemenu-megamenu-wrapper p {
    font-size: 12px;
    color: #000;
    margin-bottom: 5px !important; 
}

ul.awemenu-submenu {
width:850px !important;}

.cbp-hrsub  {
   color: #06C !important;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:15px;
text-align:center;
}

.cbp-hrsub-sm  {
   color: #06C !important;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    margin-bottom:15px;
text-align:center;
}

a.cbp-hrsub-first  {
    color: #06C !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom:10px !important;
}

.cbp-hrsub-first  {
    color: #06C !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom:10px !important;
}

a.cbp-hrsub-first-topad  {
    color: #06C !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom:10px !important;
}


.cbp-hrsub-first-doubled  {
    color: #06C !important;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:15px;
    margin-top:15px;
}


.img-menu{
	margin-bottom:10px;
	height:100%;
	width:100%;
}

.md-style1.awemenu-left .awemenu > .awemenu-item.awemenu-active > a {
	background-color: #fff !important;
	
}

.md-style1.awemenu-left .awemenu > .awemenu-item.awemenu-active > a:hover {
	background-color: #fff !important;
}

.tap{
    margin-top: -60px !important;
}

.mega-gap{
    height:20px;
}

@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
figure.snip1384 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000000;
}
figure.snip1384 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1384 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
figure.snip1384:after,
figure.snip1384 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1384:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
figure.snip1384 figcaption {
  z-index: 1;
  padding: 40px;
}
figure.snip1384 h3,
figure.snip1384 .links {
  width: 100%;
  margin: 5px 0;
  padding: 0;
}
figure.snip1384 h3 {
  line-height: 1.1em;
  font-weight: 700;
  font-size: 1.4em;
  text-transform: uppercase;
  opacity: 0;
}
figure.snip1384 p {
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 1px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  color:#fff !important;
}
figure.snip1384 i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 20px 25px;
  font-size: 34px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
figure.snip1384 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
figure.snip1384:hover img,
figure.snip1384.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
figure.snip1384:hover:after,
figure.snip1384.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
figure.snip1384:hover h3,
figure.snip1384.hover h3,
figure.snip1384:hover p,
figure.snip1384.hover p,
figure.snip1384:hover i,
figure.snip1384.hover i {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}

figure.snip1084 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 220px;
  max-width: 310px;
  max-height: 220px;
  width: 100%;
  background: #000000;
  text-align: center;
}

figure.snip1084 * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

figure.snip1084 img {
  opacity: 1;
  width: 100%;
}

figure.snip1084 figcaption {
  top: 50%;
  left: 40px;
  right: 40px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

figure.snip1084 figcaption h2 {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  -webkit-transform: translateY(75%);
  transform: translateY(75%);
  font-size:18px !important;
}

figure.snip1084 figcaption h2 span {
  font-weight: 800;
}

figure.snip1084 figcaption p {
  font-size: 0.9em;
  font-weight: 500;
  opacity: 0;
  margin: 0 !important;
  color:#fff !important;
}

figure.snip1084:before,
figure.snip1084:after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s, transform 0.6s;
}

figure.snip1084:before {
  border-top: 1px double #fff;
  border-bottom: 1px double #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

figure.snip1084:after {
  border-right: 1px double #fff;
  border-left: 1px double #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

figure.snip1084 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1084.blue {
  background: #0a212f;
}

figure.snip1084.red {
  background: #23527c;
}

figure.snip1084.yellow {
  background: #562e0a;
}

figure.snip1084:hover img,
figure.snip1084.hover img {
  opacity: 0.2;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1084:hover figcaption h2,
figure.snip1084.hover figcaption h2,
figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip1084:hover:before,
figure.snip1084.hover:before,
figure.snip1084:hover:after,
figure.snip1084.hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1);
  transform: scale(1);
}

#feedback_simple img {
    border: none;
   
}

.dd .ddTitle {

    height: auto !important;
}

.md-style1.awemenu-standard, .md-style1.awemenu-top, .md-style1.awemenu-bottom, .md-style1.awemenu-left, .md-style1.awemenu-right, .md-style1.awemenu-outleft, .md-style1.awemenu-outright {
    border-bottom: 0px solid #000 !important;
    background-color: #fff;
}

.button-md-cta {
  background-color: #B715B8;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-family: verdana;
  font-size: 13px;
  line-height: 1;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.button-md-cta:after {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #ccc;
  width: 0;
}
.button-md-cta:hover {
  background-color: #a012a1;
}
.button-md-cta:hover:after {
  width: 100%;
}

.ui-accordion .ui-accordion-content {

    height: auto !important;
}

.ui-accordion .ui-accordion-content p{
    margin-bottom:10px;
}

 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #1965b0 !important;
    font-weight: normal;
    color: #fff !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
     color: #fff !important;
    text-decoration: none;
}

.ui-state-default a{
    color: #313131 !important;

}



input{ border:0; border-radius:2px; height:38px; padding:0 10px; font-size:13px !important;  position:relative; top:-1px; outline: none; margin:0 10px 0 0;}

.checkbox { height:41px; position: relative; display:inline; color:#fff; padding:0 32px 0 0; top:-4px; margin:0 0 0 12px;}
.checkbox input[type=checkbox]{display:none;}
.checkbox .box { cursor: pointer; position: absolute; width: 25px; height: 25px;	top: 0;	right: 0; background: #fff; border-radius:2px; border-bottom:3px solid rgba(0,0,0,0.3);}
.checkbox .box:after {
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkbox .box:hover::after {
	border-color:#ccc;
}
.checkbox input[type=checkbox]:checked + .box:after {
  border-color:#22c6b8;
}
.checkbox input[type=checkbox]:checked + .box {
	background:#fff;
}
.checkbox .text{position:relative; cursor:pointer; font-size:25px; font-weight:bold;}

a.button {background:#454F58; color:#fff; display:inline-block; text-decoration:none; height:38px; line-height:40px; padding:0 25px; border-radius:2px; border-bottom:3px solid #444; font-size:14px; letter-spacing:0.08em; margin:0 0 0 16px;}
a.button:hover{border-bottom:5px solid #888; position:relative; top:-2px; background:#999;}
a.button:active{border-bottom:3px solid #313131; position:relative; top:0px;}

.form {height:60px;
background-color: #A3C239;
border-radius: 2px;
    width: 738px;
    margin: auto;
left: 50%;padding:13px 14px 0 14px; }

#view-header_find_contractor {
  padding: 20px 15px;
  margin-bottom: 10px;
  line-height: 22px;
  border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 15px;
    margin-bottom: 15px;
    float: left;
    line-height: inherit;
}

#find_contractor_right {
  padding: 20px 15px;
  background: #dfecf8;
  margin-bottom: 15px;
  line-height: 22px;
  zoom:1;
      border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-bottom: 0px;
    line-height: inherit;
    padding: 15px;
    float: right;
    clear: inherit;
}


.ecorebates{
  padding: 15px;
  background: #FFF;
  border: solid 1px;
  border-color: #A3C239;
  -webkit-border-top-right-radius:20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius: 20px;
  top-left-border-radius: 20px;
}
#ecorebates-accordian {
  margin-bottom: 20px;
}

#ecorebates-accordian .ui-accordion .ui-accordion-header {
  border: 3px solid;
  border-color: #A3C239;
  border-radius:0px;
  padding:10px 10px 10px 10px;
  background:#FFF;
}
.ecorebates_accordian_text{
  color:#000;
  font-size:14px;
}

.ecorebates_accordian_location_text {
  color:#C97626;
  font-size:14px;
  font-weight:bold;
  display: block;
  margin-bottom: 10px;
}
#accordion .ui-icon {
  display: none;
}

.ecorebates_view_rebates_btn{
    background:#09467c;
    color:#FFF;
    border: 1px solid #BBBBBB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
   display: inline-block;
   font-family: 'Open Sans', sans-serif;
}

input#modal-submit-contractor {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #0066cc;
    color: #fff !important;
    float: none;
    border: 0px solid white;
    top: -4px;
    margin-left: 40px;
}

.view-id-contractors h3 {
  font-size: 1.8em;
  color: #054B7B;
  border-bottom: dashed 1px #00A79D;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: normal;
}
.view-id-contractors .views-field-CUSTNAME {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 6px;
}

.view-id-contractors .views-row {
  margin-bottom: 20px;
  float: inherit;
}

.view-id-contractors .views-row .views-field.views-field-Internal-Icon {
  margin-left: 0px;
  float: left;
}

.view-id-contractors .views-row .views-field {
  margin-left: 70px;
}

div#view-contractors_header_photo {
    display: none;
}
#view-header_find_contractor {
    width: 64%;
    height: 70%;
    clear: both;
}

#find_contractor_right {
    background-color: #F6F6F6;
    padding: 10px;
    width: 35%;
    color: #000;
    margin-top: 14px;
}
#view-contractors_header_text {
    float: left;
    width: 95%;
}

.views-exposed-form {
    margin-top: 10px;
    background-color: #A4C339;
    width: 100%;
    padding-left: 10px;
    color: #000000;
    padding-bottom: 5px;
}

#view-contractors_header_text p{
color:#000;
}

.view-id-contractors.view-display-id-page > div.attachment {
    float: right;
 
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0.8em;
}

.views-field.views-field-Miles-Km {
    font-weight: bold;
    margin-top: 10px;
        margin-bottom: 10px;
}

.views-field.views-field-shortDescription {
    margin-bottom: 20px;
    margin-right: 30px;
}

a.colorbox-load.contractor_learn_more_btn.init-colorbox-load-processed.cboxElement {
    background-color: #0068CB;
    color: #fff;
    padding: 3px 7px;
    margin-top: 20px;
}

a.colorbox-node.contractor_learn_more_btn.init-colorbox-node-processed-processed{
    background-color: #0068CB;
    color: #fff;
    padding: 3px 7px;
    margin-top: 20px;
}


.view-id-contractors .views-field-CUSTNAME {
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 6px;
}

.view-id-contractors .views-row {
    margin-bottom: 20px;
}

.view-id-contractors .views-row .views-field.views-field-logo {
margin-left: 30px;
    float: left;
    text-align: center;
}

.view-id-contractors .views-row .views-field {
    margin-left: 180px;
}

ul.view-header_find_contractor, ul.view-header_find_contractor ul {
    display: inline-block;
    list-style: none !important;
    margin-left: 0 !important;
    padding: 10px 0;
    border-radius: 20px;
    margin-bottom: 10px;

}

ul.view-header_find_contractor li {
    list-style: none !important;
}

ul.view-header_find_contractor li a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    float: left;
}

ul.view-header_find_contractor li a {
    display: block;
    padding: 2px 4px;
    color: #000;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    float: left;
        font-size: 17px;
    letter-spacing: 0.3px;
}

.views-field.views-field-lmLogo {
    float: left;
    padding-right: 25px;
}

h4.views-label.views-label-ADDRESS1 {
    margin-bottom: 5px;
        font-size: 16px;
    font-weight: bold;
}

h4.views-label.views-label-Email {
    margin-bottom: 0 !Important;
    margin-top: 15px;
        font-size: 16px;
    font-weight: bold;
}

h4.views-label.views-label-CNTCPRSN{
    margin-bottom: 5px;
    margin-top:15px;
        font-size: 16px;
    font-weight: bold;
}

h4.views-label.views-label-longDescription {
    margin-top: 50px;
    /* float: left; */
    /* margin-left: 30px; */
        font-weight: bold;
    margin-bottom: 15px;
}

h4.views-label.views-label-webURL {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 0px;
}

.view-footer {
    padding-left: 20px;
    padding-right: 20px;
}

.views-field.views-field-longDescription {
    margin-left: 30px;
    padding-top:10px;
}

input#edit-submitted-name {
    width: 40%;
}

input#edit-submitted-telephone {
width: 40%;
}

input#edit-submitted-email-address{
	width: 40%;
}

input#edit-submitted-location{
	width: 40%;
}

.view-footer {
    padding-left: 20px;
    padding-right: 20px;
}

h1#dealer-title{
	font-size:25px;
	font-weight:bold;
    padding-left:15px;
    padding-top:15px;
}

#pagetitle {

    margin-bottom: 80px !important;
    font-size: 3em !important;
    font-weight: bold !important;
    color: #FFF !important;
}

.view.view-extranet-customer.view-id-extranet_customer.view-display-id-attachment_1 {
    padding-left: 20px;
}


.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 12px !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #313131 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #ADCDFE!important;
    border-radius: 10px;
}

a#find_a_contractor_btn {
    color: #0068cb !important;
    padding-left: 9px !important;
    font-weight: bold;
}


.view-id-contractors.view-display-id-page > div.view-content {
    float: left;
    width: 52%;
    margin-right: 2%;
}

.find_a_contractor_title {
    float: none;
    width: auto;
    font-size: 14px;
    font-weight:bold;
}



.views-field.views-field-CUSTNAME {
    font-weight: bold;
}

#view-contractors_header_text p {
    color: #fff;
    background-color: #0068CB;
    padding: 10px;
}

#view-contractors_header_text  strong {
    color: #fff;

}

#tagline {
	display:none !important;
}

.faq-sub{
	width:200px !important;
}

#block-md-megamenu-5 h2.block-title {
	display:none !important;
}

#block-md-megamenu-5 h2.block-title {
	display:none !important;
}

#block-md-megamenu-6 h2.block-title {
	display:none !important;
}

#md-megamenu-5 {
    width: 100%;
    margin-top: 20px;
}

#md-megamenu-6 {
    width: 100%;
    margin-top: 20px;
}

.find{
width:1050px !important;
}

.left-content{
	text-align:left !important;
	margin-bottom:20px !important;
}

.field.field-name-field-front-blog-image.field-type-image.field-label-hidden{
	    padding: 20px !important;
    padding-left: 0px !important;
        margin-right: 60px;
}

div#ui-accordion-1-header-0 {
    margin-top: 60px;
}
.views-field.views-field-title {
    font-size: 16px;
    font-weight: bold;
    color: #0166CC;
}

.views-field.views-field-created{
	font-size:13px;
	font-weight:500;
	color:#313131 !important;
}

#node-4968 {
    display: none !important;
}



.large_bold_blue {

    color: #0068CB !important

}

span.field-content.blog-title-front a{
	font-size: 16px;
    font-weight: bold;
    color: #0166CC;

}


.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .12em !important;
    top: 50%;
    margin-top: -8px;
}

.material {
  padding: 0 7px;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 1px;
  background-color: #1965B0;
  border: none;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  display: inline-block;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  float:right;
  margin-top: 5px;
}

.material-fr {
  padding: 0 5px;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 1px;
  background-color: #1965B0;
  border: none;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  display: inline-block;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  float:right;
  margin-top: 5px;
}

.material-brochure {
  padding: 0 15px;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 1px;
  background-color: #0c76bc;
  border: none;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  display: inline-block;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  float:left;
  margin-top: 5px;
}

.material-product {
  padding: 0 15px;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 1px;
  background-color: #0c76bc;
  border: none;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  display: inline-block;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
 
 }


.awemenu-nav .awemenu-megamenu-wrapper {
    padding: 20px;
    overflow: hidden;
    width: 100%;
}

.material.full {
  width: 100%;
}
.material.sm {
  width: 150px;
}
.material.md {
  width: 200px;
}
.material.lg {
  width: 300px;
}
.material .ink {
  position: absolute;
  border-radius: 50%;
  height: 1px;
  width: 1px;
  border: 1px solid rgba(13, 71, 161, 0.8);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0.8;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.material:active, .material:focus {
  background-color: #1976d2;
  -webkit-box-shadow: 0px 4px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 4px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 4px 3px 0px rgba(50, 50, 50, 0.2);
  outline: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.material:hover {
  background-color: #1669bb;
  -webkit-box-shadow: 0px 5px 3px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 3px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 5px 3px 0px rgba(50, 50, 50, 0.3);
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.material.yellow {
  background-color: #ffeb3b;
  color: #333333;
}
.material.yellow.ghost {
  color: #ffeb3b;
}
.material.yellow .ink {
  border-color: rgba(245, 127, 23, 0.8);
}
.material.yellow:active, .material.yellow:focus {
  background-color: #fbc02d;
}
.material.yellow:hover {
  background-color: #fbb814;
}
.material.teal {
  background-color: #009688;
  color: white;
}
.material.teal.ghost {
  color: #009688;
}
.material.teal .ink {
  border-color: rgba(0, 77, 64, 0.8);
}
.material.teal:active, .material.teal:focus {
  background-color: #00796b;
}
.material.teal:hover {
  background-color: #006054;
}
.material.red {
  background-color: #f44336;
  color: #ffffff;
}
.material.red.ghost {
  color: #f44336;
}
.material.red .ink {
  border-color: rgba(183, 28, 28, 0.8);
}
.material.red:active, .material.red:focus {
  background-color: #d32f2f;
}
.material.red:hover {
  background-color: #c02929;
}
.material.ghost {
  color: #2196f3;
  background-color: transparent;
}
.material.ghost:hover, .material.ghost:active, .material.ghost:focus {
  background-color: transparent;
}
.material.disabled {
  background-color: #999999;
  color: #666666;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}
.material.disabled .ink {
  display: none;
}
.material.disabled:hover, .material.disabled:active, .material.disabled:focus {
  cursor: initial;
  background-color: #999999;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.region.region-postscript-second ol, ul {
    list-style-type: disc;
    color: #666;
    font: 14px 'Open Sans', Arial, sans-serif;
    line-height: 26px;
    margin-left: 25px;
    
}


.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
    margin-left: 0.5em;
}

.form-item.form-type-textfield.form-item-custom-search-blocks-form-1 {
    margin-top: 0em !important;
margin-bottom: 0em !important;
}


.view.view-news.view-id-news
.views-field.views-field-title a {
    font-size:17px;
}

.view-id-news .views-field-title a {
  text-decoration: none;
  color: #054b7b;
  font-size: 1.1em;
  font-weight: 600;
}

 .view-id-news .views-field-created,
 .view-id-news .views-field-field-brafton-term {
  color: #939597;
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
}

 .view-id-news .views-field-field-brafton-term a {
  color: #939597;
  text-decoration: none;
}

 .view-id-news .views-field-body {
  margin: 15px 0;
}

 .view-id-news .views-row {
  margin: 15px 0;
  padding-top: 15px;
  border-top: dashed #1B75BB 1px;
  border-collapse: collapse;
  float: left;
  display: block;
  width: 100%;
}

 .view-id-news .views-row-last {
    border-bottom: dashed #1B75BB 1px;
    padding-bottom: 15px;
}

/** content details **/
.node-type-b-news #region-content .field-name-body {
  clear: both;
  border-top: dashed 1px #1B75BB;
  padding-top: 15px;
}

.view-id-news  .field-name-post-date,
.view-id-news  .field-name-field-brafton-term{
  display: inline-block;
  color: #939597;
  font-weight: 600;
  text-transform: uppercase;
}

.view-id-news  .field-name-post-date {
  margin-right: 60px;
  vertical-align: top;
}

.view-id-news  .field-name-field-brafton-term {
  font-size: 0.9em;
}

.view-id-news  .field-name-post-date {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.view-id-news  .field-name-field-brafton-term .field-item a {
  text-decoration: none;
  color: #939597;
}

.view-id-news  .field-name-field-brafton-image img{
  margin: 10px 0px;
  max-width: 100%;
  height: auto;
  display: block;
}

.braft_thumb_image {
    float: left;
    margin: 10px 8px 8px 0;
}

.braft_body {
    margin-top: 10px;
}

.headline-modal{
    font-size: 1.75em;
    line-height: 38px;
    margin-bottom: 25px;
    line-height: 51px;
    color: darkgreen;
    font-weight: bold;
    text-align:center;
    background-color: gainsboro;
}

img.center-modal {
    margin-top: 80px;
}

.form-modal  {
    width: 75%;
    padding: 30px;
    margin-top: 10px;
    background-color: lightblue;
}

.form-wrap {
    background-color: rgba(238, 238, 238, 0.36);
    padding: 20px;
}

.form-modal  input.contractor-field {
    width: 215px;
    margin-left:30px;

}
 div#cboxLoadedContent{
    
    overflow: auto;
    background-image: url("/sites/all/themes/elvyre/img/modal-background1.jpg");
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    width: 100%;
    height: 100%;
}

#node-4971 h2 a{
display:none;
}

#node-5312 h2 a{
    display:none;
}

#node-4971 .language-link{
	display:none;
}

#node-4999 h2 a{
display:none;
}

a.feedback_simple-right.feedback_simple {
    top: 84% !important;
}


.view.view-video-gallery.view-id-video_gallery {
	margin-top:60px;
}

.view.view-video-gallery.view-id-video_gallery  td.col-1.col-first {
	padding-right:20px;
}


.view.view-video-gallery.view-id-video_gallery td.col-2 {
	padding-right:20px;
}


.view.view-video-gallery.view-id-video_gallery td.col-3 {
	padding-right:20px;
}


#token-locator-size700 h2 {
    display: none !important;

}

/**
 * Sidebar right
 */

#region-sidebar-right .view-id-news .views-row a {
  text-decoration: none;
  color: #939597;
}

#region-sidebar-right .view-id-news .views-row {
  padding-bottom: 8px;
  margin: 8px 0;
  border-bottom: dashed 1px #ccc;
}

#region-sidebar-right .view-id-news img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 5px;
}

#region-sidebar-right #block-block-3 {
  background-color: #E6E7E8;
  padding: 10px 5px;
}

#region-sidebar-right  #block-block-3 .block-title {
  color: #054B7B;
  border-color: #054B7B;
}


.view.view-contractors.view-id-contractors .views-row.views-row-1.views-row-odd.views-row-first {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}

.view.view-contractors.view-id-contractors .views-row.views-row-2.views-row-even {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}

.view.view-contractors.view-id-contractors .views-row.views-row-3.views-row-odd {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}

.view.view-contractors.view-id-contractors .views-row.views-row-4.views-row-even {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}

.view.view-contractors.view-id-contractors .views-row.views-row-5.views-row-odd {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}

.view.view-contractors.view-id-contractors .views-row.views-row-6.views-row-even {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}

.view.view-contractors.view-id-contractors .views-row.views-row-7.views-row-odd {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}

.view.view-contractors.view-id-contractors .views-row.views-row-8.views-row-even {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #D1CDCD;
}


input.search-contractor {
    background-color: #313131;
    color: #fff !important;
    float: right;
    border: 1px solid black;
}

input.contractor-field {
    width: 180px;
    top: -3px !important;
    margin: 0 0 0 0;
}
input.contractor-field-fr {
    width: 150px;
    top: -3px !important;
}

input#edit-custom-search-blocks-form-1--2 {
    float: left !important;
    margin-top: 5px;
    width:130px !important;
}

@media (max-width: 720px) {
  .material.sm, .material.md, .material.lg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 500px) {
  .button-md-cta {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    text-align: center;
  }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.form {

    width: 100% !important;

}
}

/* m e d i a - q u i e r y */
    @media screen and (max-width: 1200px) {
    .region-postscript-infographic { 
    display:none !important;
}


}


/* m e d i a - q u i e r y */
    @media screen and (max-width: 767px) {
	.form {
    background-color: #0066cc;
    width: 100% !important;
    padding: 0px;
    margin:0px;
    text-align: center;
}

div#feedback_simple {
	display:none;
}

input {

    width: 100%;
    margin: 0 0px 0 0 ;
}

input.contractor-field {
    width: 100%;

}
.checkbox .text {
     font-size: 1.8em;
    font-size: 20px;

}
.img-box {

    width: 100%;
}

.img-comfort {

    width: 100%;
}

.md-style1 .awemenu-bars {
    display: block !important;

}

#nav-container {
    display: block !important;
        margin-left: 0px;
       width: 100% !important;

}

#nav {

    float: none !important;
width: 100%;
}

#nav li {

    width: 100%;
}

.numbers-counter {

    margin-left: 0px;
}

.md-mobile-style1 .awemenu-bars {
    float: none !important;
    text-align: center !important;
}

.tp-rightarrow.default {
    display: none;

}

.tp-leftarrow.default {
    display: none;

}

#toggle-menu {
    display: none;

}

.contractor-box {
    width: 100%;
      margin-bottom: 30px;
      float:none !important;
}

.contractor-box .contractor-header .contractor-headline {

    font-size: 1.1em;
  margin-left: -20px !important;
}

div#block-block-60 {
    display: none !important;
}

.checkbox {

    margin: 0px;
}

#logo {
    float: none !important;
    max-width: 250px;
    text-align: center;
}

#top-bar .social-links {
    max-width: 100%;
    float: none;
    margin-right: 0px;
    margin: 0 auto;
}

.checkbox label {
    padding-left: 0px;

}

#nav li ul {

    position: relative;

}



#nav li ul li a {
    float: none;
    height: auto;
    text-align: center;
   
}

.form-item.form-type-select.form-item-lang-dropdown-select {
    margin-left: 0px; 
     margin-top: 0px; 
}

.awemenu-nav .awemenu-megamenu-wrapper {
    padding: 20px;
    overflow: hidden;
    width: 300px;
}

.cbp-hrsub-first {
margin-top:20px;
    text-align: center;
}

.soc-mob {
    margin: 0 auto;
    display: inline-block;
}

div#edit-lang-dropdown-select_msdd {
    width: 100% !important;
}

.tp-caption img {
    display: none;

}

}


.view-extranet-customer {
	background-color: white; !important;
}


.us1-1800,
.us1-3000,
.us2-1800,
.us2-3000,
.us3-1800,
.us3-3000,
.us4-1800,
.us4-3000,
.us5-1800,
.us5-3000,
.us6-1800,
.us6-3000,
.us7-1800,
.us7-3000,
.us8-1800,
.us8-3000 {
  display: none;
}

.container_tools,
.result {
  display: none;
}

hr{
	margin-top: 20px !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    border-top: 1px solid #ddd !important;
}

#admin-menu{
	z-index: 999999999 !important;
}

#foambooth-order-history-form ul.pager {
    display: block !important;
}

.foambooth #feedback_simple{
	display:none !important;
}

.foambooth h1#pt.title {
    display: block !important;
    font-size: 30px;
}

.view-building-genius-blog .item-list ul.pager {
    display: block !important;
}