/*
Theme Name:         Roots
Theme URI:          http://www.rootstheme.com/
Description:        Roots is a starting WordPress theme made for developers that's based on HTML5 Boilerplate and Bootstrap from Twitter. <a href="https://github.com/retlehs/roots/contributors">Contribute on GitHub</a>
Version:            5.2.0
Author:             Ben Word
Author URI:         http://benword.com/

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
/* Header */
.logo{float: left; width: 269px;padding: 23px; height: 48px;}
.logo a{background-image:url("../img/logo.jpg"); text-indent: -9000px; display: block;height: 54px;}
.menu-wrap-1{float: right; width: 138px;padding: 20px; height: 60px;border-left: solid 1px #f2f2f2;}
.menu-wrap-2{float: right; width: 138px;padding: 20px; height: 60px;border-left: solid 1px #f2f2f2;}

/* Home Page */
.homepage-main-top{float: left;background-image:url("../img/duo-color-bg-top.png");display: block;height: 32px;width: 940px;}
.main-home{background-image:url("../img/duo-color-bg.png");}
.products{background-image:url("../img/duo-color-bg.png"); padding-bottom: 15px;}
.mantra{background: #008FD5; height: 64px; padding: 18px;}
.mantra h2{text-align: center; color: #fff; font-weight: 300;line-height: 1; font-size: 25px;}
.video-embed{line-height: 0; background: #fff; }
.feature-wrap{float: left;width: 640px;}
.feature-1{float: left;width: 500px;padding-left: 140px;background:url("../img/shutters-bg.png") no-repeat 0 4px ; margin-bottom: 20px;}
.feature-title h3 a{color: #fff;}
.feature-title h3 a:hover{color: #CCCCCC;text-decoration: none;}
.feature-image{float: left;width: 500px;height: 100px; margin: 12px 0 12px 0;overflow: hidden;position: relative;text-align: center;cursor: default;}
.feature-image .mask{width: 500px;height: 100px; position: absolute;overflow: hidden;top: 0;left: 0;}
.feature-image img{ display: block;position: relative;}
.feature-image a {opacity: 0;display: inline-block;text-decoration: none;width: 500px;height: 100px;background: none; 
-webkit-transition-property:color, background, opacity; 
-webkit-transition-duration: 0.3s, 0.2s; 
-webkit-transition-timing-function: linear, ease-in;}
.feature-image a:hover {background: #fff;opacity: 0.3;}
a.feature{ padding-left: 27px;line-height: 19px; background:url("../img/circle-arrow.png") no-repeat 0 -19px ;color: #fff;height: 19px; display: block;overflow: hidden;}
a.feature:hover{background:url("../img/circle-arrow.png")no-repeat 0 0;color: #CCCCCC;text-decoration: none;}
.feature-link-btn{float: left; margin: 0 0 12px 0;}

/* Products */
.slider-wrap{width: 940px;height: 500px;position: relative;}
.slider-wrap .slider-angle, .map-wrap .slider-angle{width: 940px;height: 32px;position: absolute; bottom: 0;left: 0;background:url("../img/duo-color-slider.png") no-repeat 0 0 ;z-index: 100;display: block;}
.slider-nav { padding: 0;width: 56px; position: absolute; top: 0;right: 0;z-index: 1000;text-align: center;}
.slider-nav a#prev,.slider-nav a#next{height: 27px;cursor: pointer; width: 28px;text-align: center;float: left;background: #33CCFF; font-size: 27px; color: #fff;font-weight: 300;z-index: 200;} 
.slider-inner .item{display: none;}
.slider-nav a#prev:hover, .slider-nav a#next:hover{text-decoration: none;color:#CCCCCC;} 
.product-list-wrap{float: left;width: 540px;padding-left: 120px;background:url("../img/shutters-bg.png") no-repeat 0 4px ; margin-bottom: 20px;}
.product-wrap{float: left;width: 240px;margin-left:20px; margin-bottom: 15px;}
.product-thumb{float: left; width: 240px;margin-bottom: 3px;}
.page-header-products{margin-left:20px;padding: 0;}
.page-header-products h2{margin: 0 0 15px 0;padding: 0;line-height: 24px;}
.page-header{margin-left:20px;padding: 0;}
.page-header h2{margin: 0 0 10px 0;padding: 0;line-height: 24px;}
.product-desc-wrap{float: left;width: 500px;margin-left:20px; margin-bottom: 20px;}
.map-wrap{width: 940px;height: 420px;position: relative;overflow: hidden;}
.cycle-pager{position: absolute;top: 0;z-index: 200;background: #33CCFF;padding: 5px 5px 8px 5px;line-height: 1;height: 14px;}
.cycle-pager span{padding: 5px 4px; cursor: pointer; }
.cycle-pager span.cycle-pager-active{padding: 5px 4px; color: #ccc;}

/* Sidebar */
.sidebar-wrap{float: right;width: 240px;text-align: center;padding-right: 20px;}
.sidebar-products-wrap{float: right;width: 240px;padding:33px 20px 0 0; }
.sidebar-products-wrap li{list-style: none; list-style-position: outside; }
.sidebar-products-wrap ul{list-style: none; list-style-position: outside;margin:10px 0 0 0;}
.quote-in{background:url("../img/quote-in.png") no-repeat 0 0; width:31px;height: 21px;margin: 20px auto;}
.quote-out{background:url("../img/quote-out.png") no-repeat 0 0;width:31px;height: 21px;margin: 20px auto; }
.widget-inner-quote{text-align: center; }
.widget-inner-quote p{font-style: italic;font-weight: 300;}
.widget_text{margin-bottom: 24px;}
h3.page-quote-ref{text-align: center;}

/* Footer */
#content-info{background: #fff;color: #4D4D4D;padding: 20px 0 20px 0;text-align: center;}
.credit-footer{background: #282828;color: #CCCCCC;padding: 15px 0 5px 0;text-align: center;}
.credit-footer a{color: #CCCCCC;}
#content-info .widget-2, #content-info .widget-1, #content-info .widget-3{float: left; margin: 0 36px; width: 240px; }
.widget-inner h3{ font-size: 25px;color: #008FD5;margin: 12px 0;}
.wpcf7 input{ border-radius: 4px; background:#F2F2F2;border: none; color: #4D4D4D;font-size: 14px;padding: 4px;width: 360px;text-align: left;box-shadow:none ;}
.wpcf7 textarea{height: 140px; border-radius: 4px; background:#F2F2F2;border: none; color: #4D4D4D;font-size: 14px;padding: 4px;width: 360px;text-align: left;box-shadow:none ;}
.textwidget .wpcf7 input{ border-radius: 4px; background:#F2F2F2;border: none; color: #4D4D4D;font-size: 14px;padding: 4px;width: 160px;text-align: center;box-shadow:none ;}

.wpcf7 input.wpcf7-submit {border-radius: 4px; background:#33CCFF;border: none; color: #FFF;padding: 4px;width: 168px;text-align: center;}
.wpcf7 p.submit{padding-left: 20px;}
.wpcf7-form p{margin: 0;}
.textwidget a{color:#4D4D4D;}
.textwidget a:hover{color:#eaeaea;}
ul.social li a{float: left; background:url("../img/social.png") no-repeat 0 -30px;color: #fff;width: 31px; height: 30px; margin: 0 8px 0 8px; display: block;overflow: hidden;text-indent: -9000px;}
ul.social li.facebook a{background:url("../img/social.png")no-repeat 0 -30px;}
ul.social li.facebook a:hover{background:url("../img/social.png") no-repeat 0 0;}
ul.social li.twitter a{background:url("../img/social.png") no-repeat -31px -30px;}
ul.social li.twitter a:hover{background:url("../img/social.png") no-repeat -31px 0;}
ul.social li.vimeo a{background:url("../img/social.png") no-repeat -62px -30px;}
ul.social li.vimeo a:hover{background:url("../img/social.png") no-repeat -62px 0;}
ul.social{display: inline;list-style-type: none;margin: 0;padding: 0;}
.list-wrap{margin: 0 auto; width: 146px;}
ul.social li{display: inline;}