﻿@charset "utf-8";/* CSS Document */
/* Content */
.content{ position:relative;margin:-25px 0 25px;background:#fff;border:1px solid #d6d6d6;min-height:400px; }
.altcol{ float:none;margin-bottom:10px; }
 .altcol.nomb{ margin-bottom:0; }
.lineBlock{ display:block; }
.infopad{ border-top:none;border-bottom:none;margin:0;display:block;width:100%; }
.infoleftCol{ width:180px;padding:15px;background:#f5f5f5;border-right:1px solid #dedede;display:block;min-height:600px; }
.inforightCol{ background:#fff;padding-left:1px;display:block;min-height:600px; }
.infoSection{ margin-bottom:20px; }
 .infoSection h3{ font:14px/20px Arial;color:#b2b2b2;margin-bottom:10px; }
 .infoSection ul{ list-style-type:none; }
 .infoSection ul li a{ display:block;font:bold 14px/20px Arial;color:#666;min-height:40px;padding:10px 10px 10px 15px;text-decoration:none;margin-left:-15px;margin-right:-15px; }
 .infoSection ul li a:hover, .infoSection ul li a.active{ background:#cce6ff; }
 .infoSection ul li a img{ float:left; }
 .infoSection ul li a span{ margin-left:25px;display:block; }
.infoContent{ padding:0 15px;font:14px Arial;color:#000; }
/* Sidebar */
/*#contentBox{ overflow-x:hidden; }
*/
.sidebarWrap{ display:none; }
#sidebar{ height:100%; }
.navbar-toggle-sidebar{ background:#fff;border:1px solid #e7e7e7;border-radius:4px;float:left;/*margin-bottom:8px;*/
 margin-top:0;margin-right:15px;padding:9px 10px 7px 10px;position:relative;display:none;vertical-align:middle; }
 .navbar-toggle-sidebar .icon-bar{ background:#888; }
 .navbar-toggle-sidebar .icon-bar{ border-radius:1px;display:block;height:2px;width:22px;margin-bottom:3px; }
 .navbar-toggle-sidebar:hover, .navbar-toggle-sidebar:active{ background:#eee;border:1px solid #ccc; }
/* ========================================================================== Info - Default ========================================================================== */
.infoMain{ margin-left:-7px;margin-right:-7px; }
 .infoMain > [class^=col]{ padding-left:7px;padding-right:7px; }
 .infoMain > .col-xs-6{ width:100%; }
.infoTile{ border:1px solid #cbcbcb;margin:15px 0 0 0;cursor:pointer;padding:10px; }
 .infoTile:hover{ border-color:#09f; }
 .infoTile h3{ font:bold 20px/24px Arial;margin:10px 0 0;text-align:center; }
 .infoTile .infoImg{ height:190px; }
 .infoTile .infoImg img{ padding:20px 10px; }
 .infoTile p{ font-size:12px;color:#333; }
/* ========================================================================== Pro Referral Agreement ========================================================================== */
.infopad .breadcrumb{ background:#fff;font:12px/16px TeXGyreHerosRegular;color:#666;padding:5px 0;margin:10px 0; }
 .infopad .breadcrumb li a{ color:#0178ec;text-decoration:none; }
 .infopad .breadcrumb li:before{ color:#666; }
.infoBox{ color:#333;margin-top:20px; }
.infoHeading{ font:bold 18px Arial;color:#333; }
.infoBox ul{ list-style-type:none;margin:15px 0 15px 25px; }
 .infoBox ul.bulleted{ list-style-type:disc;margin:15px 0 15px 35px; }
 .infoBox ul li{ margin-bottom:5px; }
.infoBox a{ color:#0178ec;text-decoration:none; }
.infoBox p{ line-height:1.3; }
/* ========================================================================== About Us ========================================================================== */
.Aboutimg{ margin-top:-8px; }
/* ========================================================================== News Room ========================================================================== */
ul.newsroom{ list-style-type:none;margin-top:0;margin-left:0; }
 ul.newsroom > li{ clear:both;overflow:hidden;margin-bottom:20px; }
.news-item{ cursor:pointer; }
 .news-item a{ color:#999; }
.news-detail{ display:none; }
.story{ padding:0 10px 10px; }
.social-links{ border-bottom:1px solid #00274d;border-top:1px solid #00274d;padding:9px 0 9px 20px;margin:20px 0; }
 .social-links ul{ float:left;margin:0;padding:0; }
 .social-links ul li{ float:left;margin-right:12px; }
.story ul{ margin-left:0; }
 .story ul li{ margin-bottom:10px; }
.print{ cursor:pointer;float:right;margin-right:24px;padding-top:2px; }
.newshide{ display:none; }
.latestAds h4{ font-size:15px;font-weight:bold;margin-bottom:10px; }
.latestAds img{ cursor:pointer; }
/* Video Modal */
.modal-style{ font-size:14px; }
.modal-style h4.modal-title{ color:#009afe;font-size:18px; }
.modal-style h4.modal-title img{ float:left;margin-right:10px; }
.modal-style .form-group{ margin-bottom:0; }
.video-thumb-holder{ position:relative; }
.play-icon{ background:url(../images/play-default.png) no-repeat;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-20px;height:29px;width:41px; }
.video-thumb-holder:hover .play-icon{ background:url(../images/play-hover.png) no-repeat;cursor:pointer; }
@media print{ h4.heading04{ font-size:20px; }
 .social-links{ display:none; }
 }
/* ========================================================================== Contact Us ========================================================================== */
.infoContent .alert{ padding:10px 15px; }
.contactForm .form-control{ font:18px TeXGyreHerosRegular;color:#9a9a9a;padding:6px 15px 8px;height:38px; }
.contactForm textarea.form-control{ height:auto; }
.infoContact{ background:#f5f5f5;padding:5px 10px;margin-top:15px; }
 .infoContact ul{ list-style-type:none; }
 .infoContact ul li{ padding:9px 0 10px; }
 .infoContact ul li + li{ border-top:1px solid #ccc; }
 .infoContact ul li h4{ font-size:18px;color:#333;margin-bottom:4px; }
 .infoContact ul li span{ display:block;font-size:14px;color:#333; }
.contactSocial{ color:#333;padding:15px 0 0; }
 .contactSocial a{ display:inline-block;margin-left:7px; }
/* ========================================================================== Why Fizber Buyer ========================================================================== */
.infoAltLink{ display:inline-block;float:none;font:12px TeXGyreHerosRegular;color:#0178ec; }
/* ========================================================================== Success Stories ========================================================================== */
/* Quote Box */
.successStory{ margin:10px 0;clear:both;overflow:hidden;padding-bottom:15px; }
.successProfile{ width:80px;float:left;line-height:13px;text-align:center; }
 .successProfile img{ margin-left:auto;margin-right:auto; }
.successProfileName{ font:14px/18px TeXGyreHerosRegular;color:#333;display:block;margin-top:5px; }
.successBox{ margin-left:90px;background:#fff;padding:10px;border:solid 1px #dbdbdb;position:relative; }
.tip{ float:left;margin-left:-51px;width:16px;height:24px;background:url(../images/arrow.png) no-repeat; }
 .tip + p{ margin-top:3px; }
.alt .successProfile{ float:right; }
.alt .tip{ background:url(../images/arrow2.png) no-repeat;float:right;margin-left:0;margin-right:-26px; }
.alt .successBox{ margin-left:0;margin-right:90px; }
.successStory blockquote{ border-left:none;quotes:"\201C""\201D""\2018""\2019";padding:0 0 0 25px;margin:0px;font:14px/22px TeXGyreHerosRegular; }
 .successStory blockquote:before{ color:#ccc;content:open-quote;font-family:Georgia;font-size:50px;position:absolute;left:10px;top:25px; }
 /*.successStory blockquote p:before{ color:#ccc;content:open-quote;font-family:Georgia;font-size:50px;line-height:0px;position:relative;left:-30px;top:25px; }
*/
 .successStory blockquote p{ color:#606060;line-height:1.6 !important; }
 /*.successStory blockquote span{ color:#ccc;font-family:Georgia;font-size:50px;line-height:21px;display:inline;vertical-align:top;position:relative;left:5px;top:10px; }
*/
 .successStory blockquote p:after{ color:#ccc;content:close-quote;font-family:Georgia;font-size:50px;position:relative;left:5px;top:21px;line-height:0px; }
.infoContent .sepLine{ border-top:1px solid #ccc;border-bottom:1px solid #efefef;height:2px;font-size:1px; }
.shareSuccess{ background:#ededed;padding:20px 30px 25px; }
 .shareSuccess h3{ font:bold 18px/24px Arial;color:#666;border-bottom:1px solid #999;padding-bottom:5px; }
.successForm{  }
/* Small devices (480px and up) */
@media (min-width:480px){ /* ========================================================================== Info - Default ========================================================================== */
 .infoMain > .col-xs-6{ width:50%; }
 .infoTile{ min-height:400px; }
 /* ========================================================================== News Room ========================================================================== */
 .social-links ul li{ margin-right:20px; }
 }
/* @media */
/* Small devices (600px and up) */
@media (min-width:600px){ /* ========================================================================== Info - Default ========================================================================== */
 .infoTile{ min-height:370px; }
 }
/* @media */
/* Small devices (tablets, 768px and up) */
@media (min-width:768px){ .altcol{ float:right;margin-bottom:0; }
 .infopad{ display:table;table-layout:fixed; }
 .infoleftCol{ display:table-cell;vertical-align:top;height:600px; }
 .inforightCol{ display:table-cell;/*min-width:586px;*/
 height:600px; }
 .infoContent{ padding:0 25px; }
 .lineBlock{ display:inline-block; }
 /* ========================================================================== Success Stories ========================================================================== */
 /* Quote Box */
 .successProfile{ width:175px; }
 .successBox{ margin-left:190px;padding:10px 15px; }
 .tip{ margin-left:-66px; }
 .alt .successBox{ margin-right:190px; }
 .alt .tip{ margin-right:-31px; }
 .successStory blockquote:before{ left:20px; }
 .successStory blockquote{ padding-left:35px; }
 /* ========================================================================== Info - Default ========================================================================== */
 .infoMain > .col-sm-4{ width:33.33%; }
 .infoTile{ min-height:450px; }
 .infoTile h3{ height:50px; }
 }
/* @media */
/* Medium devices (900px and up) */
@media (min-width:900px){ /* ========================================================================== Info - Default ========================================================================== */
 .infoTile{ min-height:415px; }
 }
/* @media */
/* Medium devices (desktops, 992px and up) */
@media (min-width:992px){ /* ========================================================================== About Us ========================================================================== */
 .Aboutimg{ margin-top:-40px; }
 /* ========================================================================== Why Fizber Buyer ========================================================================== */
 .infoAltLink{ float:right;margin-top:5px;text-align:left; }
 }
/* @media */
/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px){  }
/* @media */
@media screen and (max-width:767px){ body{ overflow-x:hidden; }
 /* Sidebar */
 #contentBox{ overflow-x:hidden; }
 .sidebarWrap{ border-bottom:1px solid #ccc;padding:10px 15px;background:#f5f5f5;font-size:16px;color:#666;font-weight:700;clear:both;overflow:hidden;line-height:30px;display:block; }
 .row-offcanvas{ position:relative;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;transition:all 0.25s ease-out; }
 .row-offcanvas-left .sidebar-offcanvas{ left:-180px; }
 .row-offcanvas-left.active{ left:180px; }
 .sidebar-offcanvas{ position:absolute;width:180px;top:0px; }
 .navbar-toggle-sidebar{ display:block; }
 .video-thumb-holder{ width:229px; }
 }
/* @media */
