/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;font-family:Raleway;
}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.listSocialLinks li{ display:inline;}
.listSocialLinks li a .fa{ color: #09F;}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 75%;
}

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;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */
footer {margin: 50px 0;}


h1{ font-family:Raleway; font-size:36px; color:#f68e14; text-align:center;}
h2{ font-family:Raleway; font-size:20px; color:#000000;}
h2 span{ color:#266bd2;}
h3{ font-family:Raleway; font-size:16px; color:#010101; text-transform:uppercase;text-align:center;}
p{ font-family:Raleway; font-size:17px; color:#585858; text-align:center; }

.nomargin{ margin:0px !important;}
.clear{ clear:both;}

/*-- TOP_PANEL START --*/
.top_panel{ background-color:#2e3136; padding:36px 0px;}
.navbar { border: 1px solid transparent; margin-bottom: 0; min-height: 50px;position: relative;}
.call{ font-family:Raleway; font-size:38px; color:#dcdcdc; font-weight:bold; text-align:right;padding-left:20px; }

/*-- MENU START --*/
.navbar-fixed-bottom, .navbar-fixed-top {left: 0; position: relative;right: 0;z-index: 1030;}
.navbar-inverse {background-color: #ffffff; border-color: #080808;}
.navbar-inverse .navbar-nav > li > a {color: #484848;text-transform: uppercase; padding-left:40px; padding-right:40px;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background-color: #2e3136; color: #fff;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: #2e3136;color: #fff;}
/*-- BANNER START --*/
.carousel-caption {left: 11%; padding-bottom: 9%;right: 0%;}
.carousel-caption h2{ font-size:70px; color:#ffffff; font-weight:normal; text-align:left;}
.carousel-caption h3{ font-size:25px; color:#fff; font-weight:normal; text-align:left;}

/*-- BODY START --*/
.top_sec{ padding:15px 0px;}
.top_sec p a{ font-weight:bold; color:#cc6e00;}
.line{ text-align:center; margin:15px 0px;}

.mid_sec{ background-color:#eee3c5; padding:42px 0px; position:relative; min-height:320px; margin:70px 0px 80px; }
.mid_sec .pic{ position:absolute; left:0%; top:10%;}
.mid_sec .circlepic{ border-radius:50%; border:10px solid #ffffff;}
.mid_sec p{ color:#776f4e;}
.mid_sec .link{ text-align:center; margin:23px 0 0px;}
.mid_sec a{ color:#000000; background-color:#ffffff; padding:10px 18px; font-size:14px;}

.middle_panel{  padding:15px;}
.middle_panel h1{ font-size:36px; color:#f68e14; font-weight:normal; text-align:center;}
.middle_panel p{ font-size:14px; color:#ffffff; font-weight:normal; text-align:center;}
.middle_panel .pad01{ padding:18px 0px;}

.bottom_panel{ padding:55px 0px;}
.bord{ border:9px solid #c6c6c6;}
.left_pnl{ border-left:6px solid #c6c6c6;}
.mrg01{ margin:35px 0px;}
.txtcolr{ color:#F60;}

/*-- INNERPAGE START --*/
#accordion p{ text-align:left;}
.innerpage p{text-align:left; margin:10px 0px; }
.link p{font-size:17px;}
.mystyle {background: rgba(0, 0, 0, 0) url("../images/inpt.png") repeat scroll center top;border: 1px solid #d6d6d6;border-radius: 5px;color: #686868;font-size: 14px; height: 36px; margin-bottom: 10px;}
.mystyle01 {background: rgba(0, 0, 0, 0) url("../images/inpt.png") repeat scroll center top;border: 1px solid #d6d6d6;border-radius: 5px; color: #686868; font-size: 14px;height: 100px !important;margin-bottom: 10px;}

.buttons {margin-bottom: 24px;margin-top: 20px; text-align: right;}
.ftr_panel .send { margin-top: 21px; text-align: right;}
.ftr_panel .send a { background-color: #F68E14; border: 1px solid #F68E14; color: #ffffff; font-family: Raleway;font-size: 18px;padding: 10px 84px;
text-align: center; text-decoration: none;}
.gallery_panel{ margin-top:15px;}
.mystyle001{ background-color:#333; color:#fff; border:none; padding:8px 15px;}

/*-- FOOTER START --*/

.footer{ background-color:#2e3136; padding:15px 0px;}
.footer p{ font-size:13px; color:#878787; text-align:center; margin:0px;}



.new_box{ background-color:#333; padding:15px; border:3px solid #F30; text-align:center; }
.new_box h1{ font-size:20px; color: #FFF;font-weight:bold;}
.new_box p{ font-size:15px; color: #FFF;text-align:center; font-weight:bold;}

.mail{ background-color:#960; border:none;}
/* Responsive Styles */ 

@media only screen and (min-width:991px) and (max-width:1200px) {
.navbar-inverse .navbar-nav > li > a {color: #484848; padding-left: 25px;padding-right: 25px;text-transform: uppercase;}
.mid_sec .pic{ position:absolute; left:-44px; top:-10%;}
}

@media(max-width:991px) {
.customer-img,
.img-related { margin-bottom: 30px;}
.logo{ text-align:center;}
.call{ text-align:center;}
.navbar-inverse .navbar-nav > li > a {color: #484848; font-size: 13px; padding-left: 14px; padding-right: 13px; text-transform: uppercase;}
.top_panelpad{ padding-top:50%;}
.mid_sec .link{ text-align:center; margin:23px 0 30px;}
.mid_sec .pic{ position: relative; left:0%; top:0%;}
.top_panelpad{  padding-top:0%;}
.mid_sec .circlepic{ margin: 0 auto;}
}

@media(max-width:767px) {
.img-portfolio {margin-bottom: 15px;}
header.carousel .carousel {height: 70%;}
.carousel-caption h2{ font-size:30px;}
.carousel-caption h3{ font-size:25px;}
}