/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css);

/* disable affix sticky TOC for small screen */
@media (min-width: 1024px) {.affix {position:fixed;}  }
@media (max-width: 1023px) {.affix {position:static;} .container{width: 96%;} }
/* wide container on wide screen */
@media (min-width: 1400px) {.container {width: 1260px !important;}}

body,html {width:100%;height:100%;font-size:18px;font-family:"Open Sans",Arial,sans-serif;}
footer {padding:30px 0;background-color:#f2f2f2;}
h1,.h1,h2,.h2,h3,.h3{margin-top:6px;margin-bottom:12px;line-height:1.3}
h1,.h1{font-size:48px;font-weight:700;letter-spacing:-1px}
h2,.h2{font-size:36px;font-weight:700;letter-spacing:-1px}
h3,.h3{font-weight:lighter}

/* #B73338 #337AB7 */
a:link {color:#337AB7;text-decoration:none}
a:visited {color:#337AB7;text-decoration:none}
a:hover {color:#337AB7;text-decoration:none}
a.no-decoration {color:#252525;text-decoration:none;}

.border-underline {border-bottom:1px dashed #428bca;color:inherit;display:inline-block;text-decoration:none;}
.border-underline:hover {color:#428bca}

a img {border-style:none}
p{margin:0.375em 0}
ul{padding-left:20px}
td{padding:0px;margin:0px}

select{color:#333333;outline:none;background-color:#fff;border:inset 1px #CCCCCC}
input{background-color:#fff;border:inset 1px #232323}
textarea{background-color:#fff;border:inset 1px #232323}
.reports-thumbs {border:1px solid #D0D0D0;display:block;margin:0 auto;}
.clear {visibility:hidden;display:block;clear:both;height:0px;margin:0;padding:0}
pre {background-color:#DDD;padding:8px;font-size:medium;border-radius:4px}
.documentation {margin-right:20px;background:#f6f6f6;white-space: pre-wrap;}
.documentation-warning{color:#ff4040;border:1px solid #FF4040;padding:0.6em;border-radius:4px;margin-top:20px;}

/* table start */
table.data-bordered {border-bottom:1px solid #B4B4B4;border-right:1px solid #B4B4B4;border-spacing:0;margin-bottom:1em}
.data-bordered thead th {vertical-align:middle}
.data-bordered th,.data-bordered td {padding:0.35em 10px;vertical-align:top;border-top:solid 1px #b4b4b4;border-left:solid 1px #b4b4b4;text-align:center;}
.data-bordered .alt td {background-color:#E5E5E5;}
.icon-yes {background-position:center center;background-repeat:no-repeat;color:transparent !important;
letter-spacing:-2ex;min-height:16px;overflow:hidden;padding:0 !important;
text-align:left;white-space:nowrap;display:table-cell;width:auto;
word-spacing:-2ex;background-image:url(point.gif);}
/* table end */

.fgreadmore {padding-right:7px;}

/* mid column size box */
.box4 {font-size:16px;background-color:#f6f6f6;margin-top:12px;padding-top:24px;border:1px solid #e4e4e4;border-top:1px solid #f6f6f6;border-radius:4px}
.box4 div {padding:6px;border-bottom:1px solid #e4e4e4}
.box4 div.bottom {border-bottom:none;padding-bottom:24px}

/* plans pricing packages */
.plan {height:660px;position:relative;text-align:center}
.plans h4 {color:#B73338;font-size:42px;font-weight:normal;line-height:1.1em;margin-top:24px;margin-bottom:4px;}
.plans h4 small {font-size:32px;font-weight:normal;line-height:1.1em;color:#2A3333;}
.plans-price {display:block;font-size:14px;font-weight:bold;line-height:1.2em;}
.plans-price-small {display:block;font-size:14px;color:#666666;margin-bottom:12px}
.plans-normal {display:block;font-size:14px;font-weight:bold}
.plans-size {margin-top:8px;margin-bottom:12px;/* background-color:#aaa */}
.plans .table > tbody > tr > td {font-size:14px;padding:4px;}
.plans-feature {text-align:left; display:block;font-size:14px;color:#333;line-height:1.6em;margin-left:12px}
.plans-bottom {position:absolute;bottom:10px;right:8%;left:8%;}
.plans-bottom .btn-lg-wide {width:160px}
.panel:hover {box-shadow:0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);}

.payment-methods {display:flex;justify-content:space-between;margin-top:12px; margin-bottom:6px}
.payment-method {display:flex;flex-direction:column;width:382px;
height:112px;padding-top:12px;padding-bottom:6px;cursor:pointer;
border:1px solid #ccc;border-radius:2px;background-color:rgb(249, 249, 249);
justify-content:center;align-items:center;}

/* gallery */
.box6 {float:left;margin:8px 8px 8px 8px;border-color:#D3D4D4;border-style:solid;border-width:1px 1px 2px;box-shadow:0 0 10px #AAAAAA;}
.box6 div {padding:8px 8px 8px 8px;font-size:14px}
.box6:hover {box-shadow:0 0 10px #666666;}

/* quote */
.fright{float:right}
.quote{display:block}
.quote-text{display:inline-block;padding:0 17px}
.quote-open,.quote-close{display:inline-block;height:10px;width:12px}
.quote-open{background:url('quote-open.png') no-repeat}
.quote-close{background:url('quote-close.png') no-repeat 0 bottom;height:15px}
.quote-sayer{padding:20px 0 0;font-style:normal}
.quote-font{color:#b1b1bc;font-size:small;margin-left:0.5em; margin-right:0.5em;vertical-align:0.5em;}

.fg-frontpage-hero{position:relative;width:99vw;height:50vh;margin:auto}
.fg-frontpage-hero::before{background:url(../images/FG-Pain-Gain-2.jpg);filter:brightness(100%);
content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
/* smaller hero on small device*/
@media (max-width: 1023px) {.fg-hero {height:40vh;}}

.fg-products-hero{position:relative;width:99vw;height:50vh;}
.fg-products-hero::before{background:url(../images/fg-products-hero.jpg);filter:brightness(90%);
content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}

.fg-order-hero{position:relative;width:99vw;height:40vh;}
.fg-order-hero::before{background:url(../images/fg-order-hero.jpg);filter:brightness(60%);
content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}

.fg-hero-content{position:relative;height:100%;font-family:"Monserrat",sans-serif;text-align:center;margin:0.625rem;}
.fg-hero-title{text-shadow: 1px 1px 2px black, 0 0 1em #ccc, 0 0 0.2em #ccc;color:#f0f0f0;font-size:36px;font-weight:400;padding-top:80px;line-height:1;margin-bottom:0px}
.fg-hero-subtitle{text-shadow: 1px 1px 2px black, 0 0 1em #ccc, 0 0 0.2em #ccc;color:#f0f0f0;font-size:24px;font-weight:200;bottom:0;padding-bottom:16px;position:absolute;width:100%}

.intro-header{padding-top:12px;text-align:left;margin-top:24px;padding-bottom:24px;border-bottom:1px solid #ccc;}
.content-section-heading {margin-top:80px;padding-bottom:24px;border-bottom:1px solid #ccc;}
.content-section-a {padding:64px 0 !important;background-color:#fff;border-bottom:1px solid #ccc;}
.content-section-b {padding:64px 0 !important;background-color:#fff;border-bottom:1px solid #ccc;}
.section-heading {margin-bottom:30px;}
.section-heading-spacer {float:left;width:200px;border-top:3px solid #e3e3e8;}

.fg-panel-down {width:100%;margin-top:48px;border-top:1px solid #e3e3e8;border-radius:8px;background-color:#f2f2f7}
.fg-panel-down > div {margin-bottom:12px;font-size:small;line-height:1.6}
.fg-panel-down > div > div {padding-left:6px;padding-right:6px}
.fg-panel-down > div > div > h2{font-size:16px;font-weight:normal;margin-top:12px;bottom:6px;}
.footnote{padding-top:16px;margin-top:12px;margin-bottom:12px;font-size:small;color:#888888}

.ImageBox{margin:4px;border:solid 1px #D3D4D4;border-radius:8px}
.img-circle-profile{width:100px;height:100px;border:1px solid #a1a1a1;margin:6px}
.fa-fg-circle-1{font-size:1.6em;width:42px;height:42px;line-height:42px;border:1px solid #a1a1a1;border-radius:50%;color:#444;text-align:center;background-color:#ddd;margin-right:6px;margin-bottom:6px}

.panel-heading > h4 {font-size:18px;font-weight:bold}

/*responsive youtube embed*/
.videowrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.fg-col-block {padding-left:4px;padding-right:4px;}
.fg-col-block>div {padding:15px;border:1px solid #dfdfdf;border-width:1px 1px 1px 1px;}

.counter>a{text-decoration:none;}
.counter>div>a>i,.counter>div>a>h2 {color:#B73338;/* #d9534f */}
.counter>div>a>h2 {font-size:56px}
.counter>div>a>p {font-size:24px;color:#252525}
.counter-suffix{font-size:76%}

/*  ------------------------------  */
/* bootstrap customization */
/*  ------------------------------  */
.navbar, .navbar-default, .navbar .container{/*height:20px;*/margin-bottom:0px;}
.navbar {background-color:#fff;border-color:#f00}
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:visited{font-size:16px;font-weight:500;color:#555}
.navbar-default .navbar-nav > li > a:hover{color:#B73338}
.navbar-fixed-top{/*border-width:0*/}
.navbar-collapse {background-color:#FFF}
.navbar-collapse.in {min-height:480px;position:relative;z-index:110;}
#fg-navbar-homepage .nav > li > a {padding-left:4px;}
#fg-toc .nav > li > a {padding:0px 4px;font-size:16px;line-height:1.5}


.dropdown:hover .dropdown-menu {display:block}
.dropdown-menu, .dropdown-menu > li > a {font-size:16px;font-weight:500;/*background-color:#F5F6F7;*/color:#555}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color:#B73338}
.dropdown-menu .divider {margin:4px 0;background-color:#D0D0D0}
.lead {font-size:18px;font-weight:400;}
.row {font-size:18px;font-weight:400;line-height:30px;}
.btn{border-radius:24px !important}
.btn-info , btn-info > a {color:#fff}
.btn-danger {background-color:#B73338}

/* bootstrap customization of carousel */
.carousel-indicators li {border-color:#337AB7 !important;}
.carousel-control.left {background-image:none !important}
.carousel-control.right {background-image:none !important}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {top:85% !important}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev  {top:85% !important}
#clients-carousel .carousel-inner .item {min-height:280px}

/* FAQ */
.list-group.help-group {margin-bottom:20px;padding-left:0;margin:0;}
.list-group.help-group .faq-list {display:block;top:auto;margin:0 0 32px;border-radius:2px;border:1px solid #ddd;box-shadow:0 1px 5px rgba(85, 85, 85, 0.15);}
.list-group.help-group .faq-list .list-group-item {position:relative;display:block;margin:0;padding:13px 16px;background-color:#fff;border:0;border-bottom:1px solid #ddd;
border-top-left-radius:2px;border-top-right-radius:2px;color:#616161;transition:background-color .2s;}
.list-group.help-group .faq-list .list-group-item i.mdi {margin-right:5px;font-size:18px;position:relative;top:2px;}
.list-group.help-group .faq-list .list-group-item:hover {background-color:#f6f6f6;}
.list-group.help-group .faq-list .list-group-item.active {background-color:#f6f6f6;font-weight:600;color:rgba(0, 0, 0, 0.87);}
.list-group.help-group .faq-list .list-group-item:last-of-type {border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-bottom:0;}
.tab-content.panels-faq {padding:0;border:0;}
.panel.panel-help {box-shadow:0 1px 5px rgba(85, 85, 85, 0.15);padding-bottom:0;border-radius:2px;overflow:hidden;background-color:#fff;margin:0 0 16px;}
.panel.panel-help a[href^="#"],
.panel.panel-help a[href^="#"]:hover,
.panel.panel-help a[href^="#"]:focus {outline:none;cursor:pointer;text-decoration:none;}
.panel.panel-help .panel-heading {background-color:#f6f6f6;padding:0 16px;line-height:48px;border-top-right-radius:2px;border-top-left-radius:2px;color:rgba(0, 0, 0, 0.87);}
.panel.panel-help .panel-heading h2 {margin:0;padding:14px 0 14px;font-size:18px;font-weight:600;line-height:20px;letter-spacing:0;text-transform:none;}
.panel.panel-help .panel-body {background-color:#fff;border-top:1px solid #ddd;border-radius:2px;border-top-right-radius:0;border-top-left-radius:0;margin-top:0;}
.panel.panel-help .panel-body p {margin:0 0 16px;}
.panel.panel-help .panel-body p:last-of-type {margin:0;}