@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
body{font-family: 'Montserrat', sans-serif;font-size: 12px;color:#070707}
.margin-0{margin: 0px;}
.margin-5{margin: 5px;}
.margin-top-0{margin-top: 0px;}
.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-bottom-0{margin-bottom: 0px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-left-0{margin-left: 0px;}
.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-40{margin-left: 40px;}
.margin-right-0{margin-right: 0px;}
.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-top-bottom-0{margin-top: 0px;margin-bottom: 0px;}
.margin-top-bottom-5{margin: 5px 0px;}
.margin-top-bottom-10{margin: 10px 0px;}
.padding-0{padding: 0px;}
.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-20{padding: 20px;}
.padding-top-0{padding-top: 0px;}
.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-20{padding-top: 20px;}
.padding-bottom-0{padding-bottom: 0px;}
.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-left-0{padding-left: 0px;}
.padding-left-5{padding-left: 5px;}
.padding-left-10{padding-left: 10px;}
.padding-right-0{padding-right: 0px;}
.padding-right-5{padding-right: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-top-bottom-0{padding-bottom: 0;padding-top: 0px;}
.padding-top-bottom-5{padding: 5px 0px;}
.padding-top-bottom-10{padding: 10px 0px;}
.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px !important;margin-bottom: 16px !important}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.font-30{font-size: 30px;}
.font-36{font-size: 36px;}
.font-weight-300{font-weight: 300;}
.font-weight-400{font-weight: 400;}
.font-weight-500{font-weight: 500;}
.font-weight-600{font-weight: 600;}
.font-weight-700{font-weight: 700;}
.width-100{width: 100%;}
.bg-white{background-color: #FFF !important;}
.bg-green{background-color: #8dc63f;}
.bg-light-green{background-color: #7bc043;}
.color-white{color: #FFF;}
.color-darkgray{color: #808080;}
.noresize{resize: none;}
.position-relative{position: relative;}
.form-group .error{color:#ff2c2c;font-weight: 500;}
a,a:hover{color: #151518;text-decoration: none}
a:focus{outline: none;}
html,
body {
    padding:0;
    margin:0;
    height: 100%;
    font-size:16px;
    font-weight:500;
    color:#151518
}
/* Home Page Carousel */
header.carousel {
    height: 88%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.navbar-inverse{background-color: rgba(21, 21, 29, 0.90);border-color: rgba(21, 21, 29, 0.90);}
.navbar{min-height: 96px;}
.navbar-nav>li>a{padding:0px !important;}
.navbar-inverse .navbar-nav>li>a{color:#FFFFFF;}
.nav>li>a{padding:0px;margin: 36px 15px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    background:transparent;color: #ED3237;
}
.navbar-inverse .navbar-nav>.active>a:before{ 
    content: "";position: absolute;height: 1px;border: 2px solid white;top: 21px;width: 40px;border-radius: 100px;
}
.navbar-brand{padding:0px;margin:15px 15px}
.navbar-toggle{margin-top:30px;background: #ed3237;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #ed3237;}
.navbar-collapse{box-shadow: none;-webkit-box-shadow:none;}
.carousel-caption h2{font-size:70px;text-transform:uppercase}
.carousel-caption p{font-size:40px;text-transform:capitalize}
.carousel-caption p span{color:#ED3237}
.carousel-indicators .active{width: 28px;height: 8px;background-color: #ed3237;margin-bottom: 2px;border: 1px solid #ed3237;}
.carousel-indicators li{background: #ffffff}

section{padding:100px 0px}
.our-website h1{font-size: 30px;font-weight: 600;margin-top: 0px;margin-bottom: 16px;}
.our-website p {line-height: 24px;text-align: justify;}
.btn-danger {color: #fff;background-color: #ED3237;border-color: #ED3237;padding: 10px 24px;border-radius: 50px;font-weight: 600}

section.our-product {padding:50px 0px;background:#EDEDED}
section.our-product h1{font-size: 30px;font-weight: 600;margin-top: 0px;margin-bottom: 30px;}
.our-product h4{font-size:18px;font-weight:600;margin-top: 18px;margin-bottom: 10px;}
.our-product p{font-size:14px;font-weight:600;text-align:justify}
.our-product a{color: #ED3237;font-weight: 700;text-decoration: none;}
.view-btn a{color: #ffffff;}
hr {margin-top: 60px;margin-bottom: 20px;border: 0;border-top: 1px solid #ed3237;}
.view-btn{margin-top: -42px;}

.video-s-p h1{font-size: 30px;font-weight: 600;margin-top: 0px;}
section.video-s-p{padding:60px 0px}
.testimonials p{font-weight:600}
.testimonials h4{font-size:24px;font-weight:600}
.testimonials  .item {border:2px solid #EDEDED;padding: 70px 20px;}
.testimonials .testimonial-img{bottom: -31px;position: relative;z-index: 2;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fc2c32!important;margin: 5px 4px}
.owl-theme .owl-dots .owl-dot span{margin: 5px 4px !important}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:0px}
/* Footer Styles */
.footer-section a{color: #ffffff}
.footer-section{background:#1F222A;padding:50px 0px 30px 0px;color:#FFFFFF;}
.footer-section .list-unstyled li{margin-bottom:10px}
.footer-section .list-unstyled a{color:#FFFFFF;text-decoration: none;font-size: 14px}
.footer-section .list-unstyled a:hover{color: #ED3237}
.footer-section h4{font-size:16px;color: #FFFFFF;margin-bottom:10px;font-weight: 600;}
.footer-section p{font-weight:400;margin-bottom: 20px;}
.footer-section .list-inline li{padding: 0px}
.footer-section .list-inline img{margin-right:20px;}
section.footer-bottom{padding:16px 0px;background:#2A2D35;color:#696B6F;font-size:16px;font-weight:600;text-align:center;}
.footer-bottom p{margin:0;font-weight:400}


/* About Us Styles */
.inner-main{background: url(../image/about-inner-bg.png)no-repeat center center;width: 100%;height: 500px;padding: 370px 0px 0px 0px}
.inner-main h1{font-size: 30px;color: #fff;}
.breadcrumb {padding: 8px 0px;margin-bottom: 20px;list-style: none;background-color: transparent;border-radius: 4px; font-size: 14px}
.breadcrumb a {color: #9d9d9d;text-decoration: none;}
.breadcrumb>.active {color: #fff;}
.about-details p{margin-bottom: 20px}

.our-product .block-margin{margin-bottom: 30px}
.coming-soon{    margin: 0;
                 color: #ffffff;
                 position: absolute;
                 top: 38%;
                 left: 50%;
                 margin-right: -50%;
                 transform: translate(-50%, -50%);}

section.distributors{padding: 60px 0px}
.distributors thead > tr > th{
    text-align: left;background: #1F222A;color: #ffffff;border:0px !important;font-weight: 500;padding: 15px 44px !important
}
.distributors .table-bordered>tbody>tr>td{text-align: left;border: 1px solid #1f222a;background: #DDDDDD;padding: 8px 36px;border-bottom: 1px solid #fff;}
.distributors .table-f-column{padding: 104px 42px !important}
.distributors .border-bottom{border-bottom: 1px solid !important;}
.distributors .table-s-column{padding: 47px 42px !important}
.distributors .table-t-column{padding: 28px 42px !important}

.mega-mass-table h3{font-weight: 600;margin-bottom: 16px}
.mega-mass-table .table{border: 1px solid #EDEDED}
.mega-mass-table .table-striped>tbody>tr:nth-of-type(odd) {background-color: #EDEDED;}
.mega-mass-table .table>tbody>tr>td{border-top: 0px;font-weight: 600;width: 70%}
.mega-mass-table .table>tbody>tr>td:nth-child(2){text-align: center;width: 15%}
.mega-mass-table .table>tbody>tr>td:nth-child(3){text-align: center;width: 15%}

.contact-us .list-inline li{padding: 0px}
.contact-us p{font-size: 14px;margin: 0 0 5px}
.contact-us .list-inline img {margin-right: 20px;}
.contact-us p.contact-title{font-weight: 600}
.contact-details{padding: 20px 20px;background: #EDEDED;}
.contact-us .media-body h4{font-size: 16px;font-weight: 600;margin-bottom: 10px;}
.custom-input input {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    height: 40px;
    margin-bottom: 24px;
}
.custom-input textarea {
    border-radius: 0;
    background-color: #fff;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 24px;
}
.font-p-color {
    color: rgba(104,104,104,1);font-weight: 400
}

.creatine-power li {
    padding-left: 1.3em;
    margin-bottom: 10px;
}
.creatine-power li:before {
    content: "\f0a4"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

/* Responsive Styles */
@media (min-width: 1200px) and (max-width: 1500px){
    .carousel-caption h2{font-size:50px;}
    .carousel-caption p{font-size:30px;}
    header.carousel {height: 100%;}
}
@media (min-width: 992px) and (max-width: 1200px){
    .carousel-caption h2{font-size:40px;}
    .carousel-caption p{font-size:24px;}
    .about-details p {margin-bottom: 10px;font-size: 14px;}
    .our-website p {line-height: 20px;}
}
@media (min-width: 768px) and (max-width: 992px){
    /********************************************************* Tablet View Mobile Header ***************************************************/
    .top-navigation .navbar-nav .dropdown-menu {box-shadow: none;border: 1px solid #e7eaec;color: #2F4051;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;
    }
    .dropdown-submenu>.dropdown-menu {
        top: 0;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px 6px;border-radius: 0 6px 6px 6px;
    }
    .top-navigation .nav > li > a{padding: 10px 10px !important}
    #navbar li.active a{padding: 10px 10px !important}
    .navbar-header {float: none;}
    .navbar-toggle {display: block;margin-top: 34px}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}

    .navbar-nav>li {float: left;width: 100%;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;width: 100%;margin:12px 16px}
    .navbar-text {float: none;margin: 15px 0;}
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { display: block!important;}
    .collapsing {overflow: hidden!important;}

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {max-height: 340px;}

    .carousel-caption {right: 0%;left: 0%;}
    .carousel-caption h2{font-size:40px;}
    .carousel-caption p{font-size:24px;}
    section {padding: 50px 0px;}
    .our-product a{margin-bottom: 10px;display:block}
    .inner-main{height: 380px;padding: 250px 0px 0px 0px;}
    .distributors thead > tr > th{padding: 15px 12px !important}
    .distributors .table-bordered>tbody>tr>td{padding: 8px 10px}
    .footer-section .list-inline img {margin-right: 8px;height: 40px;}   
}

@media (min-width: 768px){
    .navbar-nav>li>a {
        padding-top: 28px;
        padding-bottom: 15px;	
        font-weight:600
    }
}
@media(max-width:767px) {
    header.carousel {height: 100%;}
    .carousel-caption {right: 0%;left: 0%;}
    .carousel-caption h2{font-size:24px;}
    .carousel-caption p{font-size:18px;}    
    .our-website h1,.our-website h1,.our-product h1,.video-s-p h1{font-size:28px !important;text-align:center}
    header.carousel .carousel {
        height: 70%;
    }
    .nav>li>a{margin:20px 15px}
    section {padding: 50px 0px;}
    .our-product a{margin-bottom: 10px;display:block}
    .our-website .margin-right-5,.our-product .margin-right-5,.video-s-p .margin-right-5{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}
    .footer-section p{font-size:14px;}
    .inner-main{height: 380px;padding: 250px 0px 0px 0px;}
    .mega-mass-table .table>tbody>tr>td{width:0px}    
    .mega-mass-table .table>tbody>tr>td:nth-child(2) {width: 0%;}
    .mega-mass-table .table>tbody>tr>td:nth-child(3) {width: 0%;}
}