/*
Author       : Themes_mountain
Template Name: Inspinia - Complete Landing Page Solution
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HEADER TOP DESIGN
    03. START HOME DESIGN
    04. START BOOTSTRAP NAVIGATION OVERRIDES
    05. START ABOUT DESIGN
    06. START PORTFOLIO DESIGN
    07. START SERVICE DESIGN
    08. START HOW IT WORKS DESIGN
    09. START OUR TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PRICING TABLE DESIGN
    12. START NEWSLETTER DESIGN
    13. START PARTNER LOGO DESIGN
    14. START CONTACT FORM DESIGN
    15. START MAP DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #555;
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #ffb900;
    border-right: 8px solid #ffb900;
    border-bottom: 8px solid #ffb900;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.status-mes h4 {
color: #edf3fe;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
font-size: 40px;
font-weight: 600;
margin-top: 0;
text-transform: capitalize;
}
.section-title div {
background: #ffb900 none repeat scroll 0 0;
display: block;
height: 3px;
margin: 20px auto 0;
overflow: hidden;
width: 60px;
}
.section-title-white{color:#333;position:relative;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #ffb900 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding: 10px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffb900 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {
    width: 150px;
	transition: all 0.3s ease 0s;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #333 !important;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
}
.menu-top li a:hover { color: #ffb900!important }
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px
}
/*.navbar-default.menu-shrink li a:hover { color: #ffb900 !important }*/
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffb900 }
.dropdown-menu > li > a {
clear: both;
color: #333;
display: block;
line-height: 1.42857;
padding: 8px 10px;
text-align: center;
white-space: nowrap;
}
.dropdown-menu > li > a:focus , .dropdown-menu > li > a:hover{
background:#ffb900 !important;
color:#fff!important;
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height: 700px }
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div { height: auto }
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}
.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.slide-1 {   
    background: url(../img/bg/Slide1.png) scroll 0 0;
    background-size: cover;
}
.slide-2 {
    background: url(../img/bg/Slide2.png) scroll 0 0;
    background-size: cover;
}
.slide-3 {
    background: url(../img/bg/Slide3.png) scroll 0 0;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h2 {
color: #fff;
font-size: 60px;
font-weight: 600;
text-transform: capitalize;
}
.single-slide-item p {
color: #fff;
font-weight: 400;
letter-spacing: 1px;
margin: auto auto 20px;
width: 70%;
line-height: 28px;
}

.carousel-indicators-slider { bottom: 30px !important }
.home_btn_color_one{
background: #34495e none repeat scroll 0 0;
border-radius: 500px;
color: #fff;
display: inline-block;
margin: 10px;
overflow: hidden;
padding: 15px 45px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.home_btn_color_two{
background: #ffb900 none repeat scroll 0 0;
border-radius: 500px;
color: #fff;
display: inline-block;
margin: 10px;
overflow: hidden;
padding: 15px 45px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.home_btn_color_one:hover{background:#fff;color:#333;}
.home_btn_color_two:hover{background:#fff;color:#333;}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 04.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.section_promotions{background: #edf3fe none repeat scroll 0 0;}

.single_promotion {
background: #fff none repeat scroll 0 0;
padding: 30px 20px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
}
@media only screen and (max-width:480px) { 
.single_promotion {margin-bottom:30px;}
}
.single_promotion i {
color: #ffb900;
font-size: 30px;
margin-bottom: 15px;
}
.single_promotion h4{
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 1px;
font-weight: 500;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 05.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
@media only screen and (max-width:480px) { 
.grid figure {margin-bottom:30px;}
}
.grid figure img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.99;
    filter: alpha(opacity=80);
}
.grid figure figcaption {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.grid figure h4 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.grid figure h4,
.grid figure p { margin: 0 }
.grid figure p {
    font-size: 16px;
    letter-spacing: 1px;
}
.grid figure p a {color: #fff;
font-weight: 600; }
@media only screen and (max-width:768px) { 
.grid figure p a {font-size:12px; }
}
@media only screen and (max-width:480px) { 
.grid figure p a {font-size:16px; }
}
figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 75%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 75%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 75%);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
figure.effect-sadie h4 {
background: #fff none repeat scroll 0 0;
color: #333;
font-size: 18px;
font-weight: 500;
left: 20%;
letter-spacing: 1px;
line-height: 30px;
opacity: 0;
padding: 15px 0;
position: absolute;
text-transform: capitalize;
top: 50%;
transform: translate3d(0px, -50%, 0px);
transition: transform 0.35s ease 0s, color 0.35s ease 0s;
width: 60%;
}
@media only screen and (max-width:768px) { 
    figure.effect-sadie h4 { font-size: 12px }
}
@media only screen and (max-width:480px) { 
    figure.effect-sadie h4 { font-size: 18px }
}
@media only screen and (max-width:320px) { 
    figure.effect-sadie h4 { font-size: 14px }
}
figure.effect-sadie figcaption:before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h4 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.portfolio_btn { padding-top: 50px }

/*project modal*/
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body h4{}
.modal-body p{
	margin: 10px 0px 15px;
}
.project-list {
margin: 30px 0;
}
.project-list label{
color: #333;
margin-bottom: 0;
margin-right: 20px;
width: 150px;
}
.project-list li{
padding: 7px 0;
font-size: 14px;
}
.project-list li a{
color: #777;
font-size: 13px;
transition: all 0.4s ease 0s;
}
.project-list li a:hover{color:#ffb900;}
/*End project modal*/

.btn-order-bg{
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 30px;
box-shadow:0 1px 20px rgba(0, 0, 0, 0.2);
color: #333;
font-size: 14px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-order-bg:hover{
background: #ffb900 none repeat scroll 0 0;
border: 1px solid #ffb900;
color: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 * 05.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 06.START PROMOTION TWO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*.buy_now {
    
    background: #ffb900 none repeat scroll 0 0;
    padding: 30px 0;
}
.buy_now_title {
    color: #fff;    
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}*/
.buy_now_title
{
    padding: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .buy_now_title { font-size: 22px }
}
@media only screen and (max-width:360px) { 
    .buy_now_title { font-size: 15px }
}
.btn-promotion-bg {
background: #005bbc none repeat scroll 0 0;
border: 1px solid #005bbc;
border-radius: 30px;
box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.06);
color: #fff;
font-size: 14px;
margin-left: 100px;
padding: 12px 40px;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) { 
.btn-promotion-bg {
  margin-top: 0 !important;
margin-left: 0px;
}
}
@media only screen and (max-width:480px) { 
.btn-promotion-bg {
margin-left: 20px;
margin-top: 10px !important;
}
}
@media only screen and (max-width:414px) { 
    .btn-promotion-bg {
        margin-left: 10px;
        margin-top: 10px;
    }
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END PROMOTION TWO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*.about-company {
  padding: 100px 0;
}*/
.single_about h1 {
margin-bottom: 30px;
font-weight: 600;
font-size: 40px;
}
.single_about p {}
/*
* ----------------------------------------------------------------------------------------
* 07.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial { position: relative }
.testimonial:before {
background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.testimonial-text i{
color: #fff;
font-size: 60px;
margin-bottom: 20px;
}

.testimonial-text p {
color: #fff;
font-size: 18px;
line-height: 30px;
margin-bottom: 20px;
}
.testimonial-text h4 {
color: #fff;
font-size: 24px;
margin-bottom: 0;
text-transform: capitalize;
} 
.carousel-indicators li {
    border: 1px solid #ffb900;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 5px;
    background: #ffb900;
}
.carousel-indicators .active {
  background-color: #ffb900;
  height: 18px;
  margin: 0 1px ;
  width: 5px;
}
.carousel-indicators-two li {
    border: 1px solid #fff;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 5px;
    background: #fff;
}
.carousel-indicators-two .active {
  background-color: #fff;
  height: 18px;
  margin: 0 1px ;
  width: 5px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators {bottom: -85px; }
#single_preduct { margin-bottom: 70px }
#single_preduct .carousel-indicators {bottom: -85px; }
.carousel-control { display: none }

/*START NEWSLETTER FORM*/
.signup_form h3 {
font-size: 30px;
letter-spacing: 1px;
margin-bottom: 40px;
margin-top: 0;
text-transform: capitalize;
}
.signup_form input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #fff;
border-radius:30px;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #333;
height: 50px;
margin-bottom: 40px;
}
.signup_form input:focus{
border: medium none;
border-radius: 30px;
box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
}
.signup_form button {
background: #ffb900 none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.06);
color: #fff;
font-size: 14px;
padding:12px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.signup_form button:hover {
    background: #34495e;
    color: #fff;
}
/*END NEWSLETTER FORM*/
/*
* ----------------------------------------------------------------------------------------
* 08.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START ORDER FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.order_now{background:#edf3fe ;}
.table-responsive {
  margin-bottom: 30px;
}
.cart-table {}
.cart-table thead{}
.cart-table thead tr{}
.cart-table thead tr th {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-top: 1px solid #eeeeee !important;
color: #333;
font-weight: 500;
line-height: 54px;
padding: 0;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.cart-table thead tr th:first-child {
  border-left: 1px solid #eeeeee;
}
.cart-table thead tr th.number {
  min-width: 66px;
}
.cart-table thead tr th.image {
  min-width: 166px;
  width: 166px;
}
.cart-table thead tr th.name {
  min-width: 250px;
}
.cart-table thead tr th.qty, .cart-table thead tr th.stock {
  min-width: 130px;
}
.cart-table thead tr th.price {
  min-width: 130px;
}
.cart-table thead tr th.total, .cart-table thead tr th.add-cart {
  min-width: 160px;
}
.cart-table thead tr th.remove {
  min-width: 100px;
}
.cart-table tbody{background: #fff;}
.cart-table tbody tr{}
.cart-table tbody tr td {
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 0;
  vertical-align: middle;
}
.cart-table tbody tr td:first-child {
  border-left: 1px solid #eeeeee;
}
.cart-table .cart-number {
  color: #303030;
  display: block;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.cart-table .cart-pro-image {
  display: block;
  padding: 6px 22px;
}
.cart-table .cart-pro-title {
color: #333;
font-weight: 500;
text-transform: uppercase;
}
.cart-table .cart-pro-title:hover {}
.cart-table .cart-pro-qunantuty {
  display: inline-block;
}

.cart-table .cart-pro-qunantuty select {
  border: 1px solid #eee;
  color: #303030;
  height: 28px;
  text-align: center;
}
.cart-table .cart-pro-qunantuty select option {
  padding-left: 0;
  padding-right: 20px;
}
.cart-table .stock {
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase;
}
.cart-table .in-stock {
  color: #30b878;
}
.cart-table .out-stock {}
.cart-table .cart-pro-price {
  color: #333;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.cart-table .cart-price-total {
  color: #606060;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.cart-table .add-cart-btn {}
.cart-table .cart-pro-remove {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #777;
  padding: 0;
  width: 24px;
}
.cart-table .cart-pro-remove i {
  display: block;
  font-size: 24px;
}

.control-label{
color: #333;
font-weight: 400;
margin-bottom: 10px;
text-transform: capitalize;
}
.controls select option{
padding: 5px;
}
.single_order_one{
margin-bottom: 60px;
}
.single_order_two{
margin-bottom: 60px;
}

.contact-info{
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
padding: 40px 20px;
}
@media only screen and (max-width:480px) { 
.contact-info{margin-top:30px;}
}
.contact-info p{
background: #ffb900  none repeat scroll 0 0;
color: #fff;
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 60px;
padding: 10px 0;
text-transform: uppercase;
}

/*
* ----------------------------------------------------------------------------------------
* 09.RND ORDER FORM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_faq{background:#edf3fe;}
.panel-group {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
margin-bottom: 0;
padding: 30px;
}
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 30px;
}
#accordion .panel-title a{
    display: block;
    padding: 12px 20px 12px 50px;
    background: #ffb900;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #ffb900;
    font-size: 25px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    position: absolute;
    top: -5px;
    left: -20px;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{
    content: "\f105";
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    box-shadow: none;
}
#accordion .panel-body{
    padding: 20px 25px 10px 9px;
    background: transparent;
    border-top: none;
    position: relative;
}
#accordion .panel-body p{
    padding-left: 25px;
    border-left: 1px dashed #8c8c8c;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.form-control {
background: #f9f9f9 none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 6px;
box-shadow: none;
color: #333;
height: 50px;
padding-left: 10px;
transition: all 0.2s ease 0s;
}
.form-control:focus {
    border-radius: 6px;
    box-shadow: none;
    outline: 0 none;
	border:2px solid #ffb900;
}
.mbnone { margin-bottom: 0px }
.actions {
    margin-top: 30px;
}
.btn-contact-bg {
background: #ffb900 none repeat scroll 0 0;
border: 1px solid #ffb900;
border-radius: 30px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #fff;
font-size: 16px;
padding: 14px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #ffb900;
    border: 1px solid #ffb900;
    color: #fff;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #379bbc;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
@media only screen and (max-width:480px) { 
.single_address{margin-top:30px;}
}
.single_address p {
color: #333;
font-weight: 400;
line-height: 26px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #292929 none repeat scroll 0 0;
  padding:30px 0;
  /*position: absolute;
  bottom: 0px;
  width: 100%;*/
}
.social_profile {
  margin: 30px 0;
}
.single_footer img{
width: 200px;
}
.single_footer ul{
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.single_footer ul li{
border-color: rgba(255, 255, 255, 0.21);
border-style: solid;
border-width: 1px;
display: inline-block;
}
@media only screen and (max-width:480px) { 
.single_footer ul li{margin:2px;}
}
.single_footer ul li a{
color: #fff;
float: left;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin: 0;
padding: 10px 40px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 100%;
}
@media only screen and (max-width:768px) { 
.single_footer ul li a{padding: 10px 25px;}
}
.single_footer ul li a:hover{background:#fff;color:#333;}
/*END FOOTER SOCIAL DESIGN*/
.copyright{
color: #fff;
font-family: dosis,sans-serif;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 0;
text-align: center;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.chart-font {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}