/*
Author       : Themes_mountain.
Template Name: Caroline - OnePage E-Commerce Template
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 {
  font-family: "Open Sans", sans-serif;
  background: #fff;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.2rem;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #555;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px;
  font-family: "Dosis", sans-serif;
  color: #333;
  font-weight: 400;
}
a {
font-family: "Montserrat",sans-serif;
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;
}
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: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
color: #333;
margin-top: 30px;
text-transform: uppercase;
font-weight: 600;
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-weight: 500;
letter-spacing: 2px;
margin-top: 0;
text-transform: capitalize;
}
.section-title div {
background: #a8a8a8 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
}
.section-title-white{color:#333;position:relative;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #2a80b9 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: #2a80b9 !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: 250px;
	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-family: "Dosis",sans-serif;
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 4px;
text-transform: uppercase;
}
.menu-top li a:hover { color: #2a80b9!important }
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px
}
.navbar-default.menu-shrink li a:hover { color: #2a80b9 !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: #2a80b9 }
.dropdown-menu > li > a {
clear: both;
color: #333;
display: block;
letter-spacing: 2px;
line-height: 1.42857;
padding: 8px 10px;
text-align: center;
white-space: nowrap;
}
.dropdown-menu > li > a:focus , .dropdown-menu > li > a:hover{
background:#2a80b9;
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.jpg) scroll 0 0;
    background-size: cover;
}
.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}
.slide-3 {
    background: url(../img/bg/slide3.jpg) 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-family: montserrat,sans-serif;
font-size: 50px;
letter-spacing: 2px;
line-height: 70px;
text-transform: uppercase;
}
.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: 20px 35px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.home_btn_color_two{
background: #2a80b9 none repeat scroll 0 0;
border-radius: 500px;
color: #fff;
display: inline-block;
margin: 10px;
overflow: hidden;
padding: 20px 35px;
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: #f9f9f9 none repeat scroll 0 0;}

.single_promotion {
background: #fff none repeat scroll 0 0;
padding: 30px 20px;
box-shadow: 0px 8px 6px rgba(42,128,185,0.3);
}
@media only screen and (max-width:480px) { 
.single_promotion {margin-bottom:30px;}
}
.single_promotion i {
color: #2a80b9;
font-size: 70px;
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 }
@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(42, 128, 185, 0) 0%, rgba(42, 128, 185, 0.8) 75%);
    background: -webkit-linear-gradient(top, rgba(42, 128, 185, 0) 0%, rgba(42, 128, 185, 0.9) 75%);
    background: linear-gradient(to bottom, rgba(42, 128, 185, 0) 0%, rgba(42, 128, 185, 0.9) 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:#2a80b9;}
/*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: #2a80b9 none repeat scroll 0 0;
border: 1px solid #2a80b9;
color: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 * 05.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 06.START PROMOTION TWO DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
    background: #2a80b9 none repeat scroll 0 0;
    padding: 60px 0;
}
.buy_now_title {
    color: #fff;
    font-family: montserrat,sans-serif;
    font-weight: 300;
    margin: 0;
    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: #0d629a none repeat scroll 0 0;
border: 1px solid #0d629a;
border-radius: 30px;
box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.06);
color: #fff;
font-size: 14px;
margin-left: 100px;
padding: 10px 30px;
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
* ----------------------------------------------------------------------------------------
*/
.single_about h1 {
margin-bottom: 30px;
}
.single_about p {
font-size: 19px;
line-height: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial { position: relative }
.testimonial:before {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(42, 128, 185, 0) 0%, rgba(42, 128, 185, 0.8) 95%) 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 #2a80b9;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 5px;
    background: #2a80b9;
}
.carousel-indicators .active {
  background-color: #2a80b9;
  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: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
color: #333;
height: 50px;
margin-bottom: 40px;
}
.signup_form input:focus{
box-shadow: 0 3px 45px 0 rgba(0, 0, 0, 0.2);border-radius: 0;
border-color: -moz-use-text-color -moz-use-text-color #fff;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
}
.signup_form button {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.06);
color: #fff;
font-family: montserrat,sans-serif;
font-size: 14px;
padding: 10px 30px;
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:#f9f9f9;}
.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-family: montserrat,sans-serif;
font-weight: 300;
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: 300;
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: 20px;
}
@media only screen and (max-width:480px) { 
.contact-info{margin-top:30px;}
}
.contact-info p{
background: #2a80b9  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
* ----------------------------------------------------------------------------------------
*/
.panel-default .panel-heading {
    color: #000;
    background-color: #fff;
    border-color: #ddd;
    font-size: 16px;
    padding: 16px;
}
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel + .panel {
    margin: 0;
    border: none;
    border-bottom: 1px solid #EEEEEE;
}
.panel-body {
border-radius: 0;
font-size: 16px;
line-height: 28px;
padding: 30px;
}
.panel-heading { border-radius: 0px }
.panel-title a {
color: #2b3139;
display: block;
font-family: montserrat,sans-serif;
font-weight: 400;
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
.panel-title a{font-size:14px;}
}
@media only screen and (max-width:360px) { 
.panel-title a{font-size:10px;}
}
.panel-title a::after {
    content: "\f067";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    margin-top: 2px;
}
.panel-title a::after {
    content: "\f068";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    background: #2a80b9;
    color: #fff;
    height: 49px;
    width: 49px;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 55px;
    text-align: center;
}
.panel-title a.collapsed::after {
    content: "\f067";
    font: 18px fontAwesome;
    float: left;
    margin-right: 25px;
    background: #2a80b9;
    color: #fff;
    height: 49px;
    width: 49px;
    margin-left: -16px;
    margin-top: -16px;
    line-height: 55px;
    text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 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 #2a80b9;
}
.mbnone { margin-bottom: 0px }
.actions {
    margin-top: 30px;
}
.btn-contact-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-family: montserrat,sans-serif;
font-size: 14px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #2a80b9;
    border: 1px solid #2a80b9;
    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;
}
.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
* ----------------------------------------------------------------------------------------
*/

/* CUSTOM CSS */

.portfolio-top-bottom-padding{
    padding-bottom: 30px;
}

.portfolio-bottom-padding{
    padding-bottom: 30px;
}