/*
==  THEME DETAILS  ============================================================

    Theme Name: SIMPLE MEDIA Official Theme
    Theme URI: http://simplemedia.co
    Description: A Responsive WordPress Blog and Portfolio Theme
    Version: 1.0

    Designer: SIMPLE MEDIA
    Designer URI: http://simplemedia.co
    
    Developer: Md Shafiul Hoque
    Developer URI: http://theprolancer.com

    Author: The Prolancer
    Author URI: http://theprolancer.com

    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html

===============================================================================

==  WARNING! DO NOT EDIT THIS FILE! (PLEASE)  =================================

    If you wish to make CSS changes to this theme, DO NOT EDIT THIS FILE.
    Instead, use the custom-style.css file to define custom styles. Adding your
    custom CSS there will make it much easier to upgrade to a newer version
    of this theme without losing any of your customizations.

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

/*************************************************************************************
IMPORTING EXTERNAL STYLES
*************************************************************************************/

    @import url("css/fonts.css");

/*************************************************************************************
COMMOM STYLES 
*************************************************************************************/
    *{
        margin: 0;
        padding: 0;
    }
    body { color: #fff; line-height: 100%; font-family: Arial; background: #000; font-size: 14px; }
    .clear, .clr { display: block; clear: both !important; }
    .no-margin-left { margin-left: 0 !important; }
    .no-margin-right { margin-right: 0 !important; }
    .no-padding-top { padding-top: 0 !important; }
    .hide-only-iphone{ display: block; }
    .show-only-iphone{ display: none; }
    .padding-20 { padding-top: 20px !important; padding-bottom: 15px !important; }
    .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    html[xmlns] .clearfix { display: block; }
    * html .clearfix { height: 1%; }
    h1, h2, h3, h4, h5, h6{ line-height: 100%; font-weight: normal; margin: 0; font-family: Arial;}
    h1{font-size: 25px; margin: 0 0 15px; color: #6d6d6d; text-transform: uppercase; text-align: center; font-weight: bold;}
    h3{font-size: 25px; margin: 0;}
    h5{font-size: 20px; color: #010101;}
    p{font-family: Arial; font-size: 15px; line-height: 19px;}
    p span{font-weight: bold;}
    img.alignright {margin:0 0 10px 7px;}
    img.alignleft {margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    .alignright {float:right; }
    .alignleft {float:left; }
    .aligncenter {display: block; margin-left: auto; margin-right: auto}
    .align-center { text-align: center; }
    .align-right { text-align: right; }
    .wrapper { max-width: 980px; margin: 0 auto; position: relative; }
    .flexslider, .flexslider .slides > li { position: relative; }
    .separator {background: url(images/seperator.png) repeat-x; height: 8px; margin-bottom: 12px;}
    img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle;border: 0; -ms-interpolation-mode: bicubic; }
    /** site specific **/

    html[xmlns] #signup-panel .gform_wrapper ul li,
    html[xmlns] #signup-panel .gform_wrapper { 
        display: block; 
    }

    * html #signup-panel .gform_wrapper ul li,
    * html #signup-panel .gform_wrapper { 
        height: 1%; 
    }

    div[id*="-panel"]{
        padding: 0 15px;
    }

    .clear, .clr{ 
    display: block; 
    clear: both !important; 
}

.clearfix:after{ 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0;
}

    a:hover{
        text-decoration: none;
        color: #6d6d6d;
    }

    ul{
        list-style: none;
        margin: 0;
    }

    .c-f2531b{
        color: #f2531b;
    }

    .font-size-16{
        font-size: 16px;
    }

    .call-us{
        display: block;
        text-align: center;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .featured-title{
        margin-bottom: 15px;
        color: #6d6d6d;
        font-weight: bold;
        border-bottom: 2px solid #cacaca;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 22px;
    }

    .margin-bottom-10{
        margin-bottom: 10px;
    }

    label{
        color: #6d6d6d;
    }

/*************************************************************************************
TOP BAR PANEL STYLES 
*************************************************************************************/

.top-bar-panel{
    color: #fff;
    position: relative;
    background: #f2711e;
    border-bottom: 1px solid #cbcbcb;
}

.top-bar-panel span{
    line-height: 55px;
}

/*************************************************************************************
HEADER PANEL STYLES 
*************************************************************************************/

.header-panel{
    position: relative;
    background: #231f20;
}

.header-panel .wrapper{
    min-height: 115px;
    
}

.header-panel .site-logo{
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 10;
}

.header-panel .site-logo img{
    border-radius: 15px;
}

/*************************************************************************************
MENU PANEL STYLES 
*************************************************************************************/

.top-menu{
    position: absolute;
    right: 0;
}

.top-menu .navbar-default{
    border: none;
    background: none;
    margin-bottom: 0;
}

.top-menu .navbar-collapse{
    padding-right: 0;
}

.top-menu .wrapper{
    position: static;
}

.top-menu ul{
    padding-left: 0px;
    text-align: center;
    margin-bottom: 0px;
}

.top-menu ul li{
    margin-left: -3px;
    list-style: none;
}

.top-menu ul li a{
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    color: #2c2c2c;
    transition: all 300ms;
    padding: 43px 25px 52px;
}

.navbar-default .navbar-nav>li>a{
    color: #fff;
}

.active,
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus{
    color: #fff;
    background: #f25317;
}

.navbar-default .navbar-toggle{
    border: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: 0;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
    color: #fff;
}

/*************************************************************************************
CONTENT PANEL STYLES 
*************************************************************************************/

.slider-area{
    padding: 25px 15px;
    background: url(images/slider-bg.jpg) no-repeat;
    background-size: cover;
}

.banner{
    border-radius: 17px;
    border: 5px solid #fff;
}

.content-panel{
    background: #ebebeb;
}

.seperator-title{
    background: #ebebeb;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.seperator-title span{
    margin-left: 40px;
}

.left-menu ul li{
    background: url(images/menu-right-arrow.png) no-repeat right center;
    padding-right: 30px;
    border-bottom: 1px solid #cfcfcf;
}

.left-menu ul li a{
    font-size: 12px;
    color: #6d6d6d;
    text-transform: uppercase;
    line-height: 36px;
}

.left-menu ul li a:hover{
    color: #f2531b;
}

.main-content{
    padding: 25px 0;
}

.address-area span{
    display: block;
    background: url(images/menu-right-arrow.png) no-repeat right center;
    padding-right: 30px;
    border-bottom: 1px solid #cfcfcf;
    color: #4d4d4d;
    font-size: 12px;
    color: #6d6d6d;
    text-transform: uppercase;
    line-height: 36px;
}

.google-map address{
    color: #4d4d4d;
    margin-top: 25px;
    margin-left: 66%;
    font-size: 12px;
    max-width: 150px;
}

/*************************************************************************************
FOOTER PANEL STYLES 
*************************************************************************************/

.footer-panel{
    border-top: 2px solid #f2531b;
    font-size: 14px;
    background: #000;
    color: #9b9b9b;
}

.footer-panel .wrapper{
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer-panel p{
    font-size: 14px;
    margin-bottom: 0;
}

.footer-menu li{
    border-right: 1px solid #4d4d4d;
    display: inline-block;
}

.footer-menu li:last-child{
    border-right: 0;
}

.footer-menu li a{
    padding: 10px;
    color: #4d4d4d;
}


.footer-menu li a:hover{
    color: #f2531b;
}

.footer-menu li:last-child a{
    padding-right: 0;
}

/*product page*/

.main-panel{
    background: #ebebeb url(images/slider-bg.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.main-panel p{
    color: #6d6d6d;
}

.product-content {
    padding: 12px 19px 17px 19px;
    background: #fff;
}

.page-title {
    font-size: 40px;
    line-height: 39px;
    color: #6d6d6d;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.featured-box {
margin-bottom: 23px;
}

.featured-box p {
    margin-bottom: 20px;
}

.product-title {
    font-size: 29px;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 38px;
    color: #534466;
    padding: 15px 0 5px;
}

.featured-img-box{
    line-height: 250px;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

/*service page*/

.services-list{
    padding: 0 0 15px 45px;
    list-style: inherit;
    color: #6d6d6d;
}

.services-list li{
    font-size: 18px;
    line-height: 23px;
}

small{
    display: block;
    margin-top: 25px;
    color: #6d6d6d;
}