/*************** labels of css section ***************
*************** Handi - restaurant  theme 1.0v
import CSS and fonts
default settings
theme btns
preloader
Parallax settings
forms inputs
Back to top btn
nav bar
slider
section default
about
projects
Team
contact
footer
media responsive
**************************************************/
/***************import CSS and fonts********************/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,400italic,700,900);
@import url(http://fonts.googleapis.com/css?family=Bitter:700,400,400italic);
@import url('../plugins/font-awesome/css/font-awesome.min.css');
@import url('../plugins/left-side/nav.css');
@import url('../plugins/slider-revolution/settings.css');

/***************default settings********************/
body { background: #000 !important;  font-family: ebrima; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: white; font-family: ebrima; font-weight: 600; }
p {    margin-bottom: 15px; color: white; font-weight: 400; font-size: 16px; line-height: 26px; }
a { color: #0e4da3; }
a:focus { outline: none; }
.right-padding-none { padding-right: 0px; }
.left-padding-none { padding-left: 0px; }
.nopadding { padding: 0px !important; }
.m-b-0 { margin-bottom: 0px !important; }
#bg { position: fixed; bottom: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
.star-list { }
.star-list>li { padding: 0px 2px; font-size: 20px; }
.star-list>li>i { color: #e0e0e0; }
.star-list>li>i.active { color: #ff951a; }
.star-list>li:hover i { color: #ff951a; }
/*************************btn******************/
.red-btn {display: inline-block; box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29); border: none; padding: 8px 25px; background: #FD6C03; border-radius: 3px; color: #fff; }
.red-btn:active, .red-btn.active { box-shadow: none; }
.red-btn:hover, .red-btn:focus, .red-btn.focus { text-decoration: none; outline: none; color: #fff; background: #FD6C03; }

/***************forms inputs********************/
.form-control { box-shadow: none; border-radius: 3px; background: #fff; }
.form-control:focus { box-shadow: none; border-color: #333; outline: none; }
input:focus, selectl:focus { box-shadow: none; border-color: #2d2d2d; outline: none; }
.form-control-feedback { line-height: 50px; }
textarea.form-control { min-height: 200px; resize: none; }

/*********************preloader*************************/
#preloader { position: fixed; background: black; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }
#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-size: 64px 64px; background-image: url(../images/loading.GIF); background-repeat: no-repeat; background-position: center center; margin: -100px 0 0 -100px; }

/***************Back to top btn********************/
.back-to-top {position: fixed;bottom: 15px;right: 10px;text-decoration: none;color: #fff;background-color:#0064E8;font-size: 18px;padding:0.25em 0.5em;display: none;}
.back-to-top:hover {background:#585858;color:#fff;}

/***************overlay********************/
.color-overlay { background: rgba(14, 77, 163, 0.6); position: fixed; z-index: 0; height: 100%; width: 100%; overflow-y: auto; }
.color-overlay.black { background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 0; }

/***************heading separator********************/
.separator_wrapper { display: block; margin: 15px 0px 15px 0px; }
.separator_wrapper:after, .separator_wrapper:before { background-color: #fff; content: ""; display: inline-block; height: 1px; margin-top: -4px; vertical-align: middle; width: 140px; }
.separator_first_circle{text-align: center;border:3px solid #fff;border-radius: 12px; display: inline-block; height: 12px; width: 12px; }
.separator_second_circle { background-color: #fff; border: 2px solid #fff; border-radius: 4px; float: left; height: 2px; width: 2px; display: block; text-align: center; margin: 1px; }

/****************home********************/

.logo-wrap { width: 320px; margin: 12% auto; text-align: center; }
/***************slider********************/

#slider { padding: 0px 0px 0px 0px; text-align: center; }
.slider-grid .item { padding: 0px; position: relative; }
.slider-grid .item img { width: 100%; }
#slider .rev_slider .h2.blue { padding-left: 0px; background: none; }
#slider .rev_slider .h2.white { padding-left: 0px; background: none; }
#slider .rev_slider .h2.blue h2 { color: #FD6C03; font-size: 60px; }
#slider .rev_slider .h2.white h2 { color: #fff; font-size: 60px; }
#slider .rev_slider .h2.black h2 { color: #363636; }
#slider .rev_slider h2 { font-size: 42px; font-weight: 700; margin: 0px; padding: 0px; color: #fff; }
#slider .rev_slider .h2 { display: inline-block; background: #FD6C03; margin: 0px 0px 15px 0px; padding: 8px 25px; font-size: 42px; font-weight: 700; color: #fff; }
#slider .rev_slider .p { background: #363636; margin: 0px 0px 15px 0px; padding: 8px 25px; font-size: 18px; font-weight: 300; color: #fff; }
#slider .rev_slider .slide-btn { padding: 0px 15px; font-size: 14px; line-height: 36px; background: #FD6C03; color: #fff; text-transform: uppercase; border-radius: 0px; border: none; }
#slider .rev_slider .slide-btn span { border-right: 1px solid #224e6b; display: inline-block; padding-right: 10px; margin-right: 10px; }
#slider .rev_slider .hvr-bounce-to-right:before { background: #224e6b; }
#slider .tp-bullets.preview4 .bullet { margin: 0px 7px !important; height: 20px !important; width: 20px !important; background: #fff !important; border-radius: 20px; border: none !important; }
#slider .tp-bullets.preview4 .bullet:hover, #slider .tp-bullets.preview4 .bullet.selected { background: #FD6C03 !important; }
#slider .tp-dottedoverlay { background: rgba(0, 0, 0, 0.6); z-index: 0; }
.content { padding: 15px; }
@font-face {
  font-family: ebrima;
  src: url(../fonts/ebrima.ttf);
}
.heading { font-family: ebrima; font-weight: 700; font-size: 36px; color: white; margin: 0px; padding: 0px 0px 15px 0px; }
.min-heading { font-family: 'Bitter', serif; font-weight: 700; font-size: 24px; color: white; margin: 0px; padding: 0px 0px 25px 0px; }
.heading span { color: #FD6C03; }

.circle-list { margin: 15px 0px; list-style: none; }
.circle-list li { color: white; font-weight: 400; font-size: 16px; line-height: 26px; padding:10px; }
.circle-list li::before { content: "\f005"; font-family: "FontAwesome"; color: #FD6C03; margin-right:10px;}
.circle-list li i { color: #FD6C03; }
#slider h1 { position: relative; font-size: 36px; text-transform: uppercase; font-weight: 700; color: #fff; font-family: ebrima; padding-bottom: 10px; }
#slider h1 span { color: #FD6C03; font-size: 36px; }
#slider .slide-text { font-size: 16px; font-family: 'Bitter', serif; font-style: italic; line-height: 1.6em; color: #fff; }
/***************navbar********************/

.cbp-spmenu-left { left: -16.66666667%; }
.left-nev { position: absolute; top: 40px; right: 40px; z-index: 100; }
.navbar-toggle { display: block; padding: 8px 5px 8px 5px; border: none; top: 0px; margin: 0px; width: 45px; z-index: 9999; cursor: pointer; }
.bar1, .bar2, .bar3 { width: 100%; height: 2px; margin-bottom: 5px; background-color: #fff; transition: all 0.3s ease-in-out; }
.navbar-toggle:hover .bar3, .navbar-toggle:hover .bar1 { background-color: #fff; opacity: 0.8; }
.navbar-on .bar1, .navbar-on .bar2, .navbar-on .bar3 { background-color: #fff; }
.navbar-on .bar1 { transform-origin: 7px; transform: rotate(45deg); }
.navbar-on .bar3 { transform-origin: 8px; transform: rotate(-45deg); }
.navbar-on .bar2 { background-color: transparent; }
.cbp-spmenu-vertical { width: 16.66666667%; top: 0px; background: rgba(0, 0, 0, 0.6); -ms-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2); }
.brand-wrap { width: 100%; float: left; text-align: center; }
.brand-wrap .navbar-brand { border: none; color: #3f51b5; display: block; height: auto; float: none; font-size: 24px; font-weight: 600; padding: 15px 0px; }
.brand-wrap .navbar-brand>img { display: block; width: 100px; margin: 0px auto 0px; }
.cbp-spmenu .list-unstyled { width: 100%; float: left; }
.cbp-spmenu .list-unstyled li a { border: none; color: #fff; text-align: center; font-size: 16px; font-weight: 500; }
.cbp-spmenu .list-unstyled li a:hover { background: #FD6C03; text-decoration: none; }
.cbp-spmenu .list-unstyled li.active a { background: #FD6C03; text-decoration: none; }
.cbp-spmenu-vertical a { }
.cbp-spmenu .brand-wrap a.navbar-brand:hover { background: none; }
.sidebar .list-unstyled { margin: 0px; width: 100%; float: left; }
.sidebar .list-unstyled li a { padding: 15px; display: block; border: none; color: #fff; text-align: center; font-size: 16px; font-weight: 500; }
.sidebar .list-unstyled li a:hover { background: #FD6C03; text-decoration: none; }
.sidebar .list-unstyled li.active a { background: #FD6C03; text-decoration: none; }
.sidebar .brand-wrap a.navbar-brand:hover { background: none; }
.x-panel { min-height: 95vh; margin-bottom: 0px; padding: 15px; border: none; box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29); border-radius: 3px; background:rgba(0,0,0,0.5); position: relative; overflow: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.x-panel .panel-body { min-height: 560px; }
.x-panel.x-map-panel { margin: 0px; }
.x-panel.x-map-panel .panel-body { min-height: 530px; }
/*****************Team******************/

.thumbnail { margin-bottom: 30px; padding: 0px; border: none; box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29); border-radius: 3px; color: white; background: rgba(0,0,0,0.5); position: relative; overflow: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.team-thumbnail.thumbnail { box-shadow: none; text-align: center; margin-top: 15px; margin-bottom: 0px; }
.team-thumbnail .caption { width: 100%; float: left; padding: 15px; }
.team-thumbnail .caption h4 {margin-bottom: 15px; font-size: 24px; font-weight: 400; }
.team-thumbnail .caption p { margin: 0px; color: #455a64; }
.team-thumbnail .post-info { width: 100%; float: left; padding:0px; }
.team-thumbnail .post-info ul { margin: 0px; }
.team-thumbnail .post-info ul li { padding: 0px 7px; }
.team-thumbnail .post-info ul li a { color: #9b9b9b; font-size: 18px; }
.team-thumbnail .post-info ul li a:hover { color: #FD6C03; text-decoration: none; }
.team-thumbnaill:hover { }
.team-thumbnail.thumbnail>a { margin: 0px auto; overflow: hidden; width: 250px; height: 250px; border-radius: 50%; display: block; border: 2px solid #FD6C03; }
.team-thumbnail.thumbnail>a>img { margin: 0px auto; display: block; width: 100%; opacity: 1; }
.team-thumbnail.thumbnail>a:hover>img { opacity: 0.6; }
.team-thumbnail.thumbnail>a:hover { border: 2px solid #263238; }
/*******************menu***********************/

.menu-thumbnail { text-align: center; margin-bottom: 30px; }
.menu-thumbnail>a { display: block; height: 140px; background: #000; overflow: hidden; }
.menu-thumbnail>a>img { transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; }
.menu-thumbnail:hover>a img { opacity: 0.5; transform: scale(1.1, 1.1) rotate(-5deg); -webkit-transform: scale(1.1, 1.1) rotate(-5deg); -ms-transform: scale(1.1, 1.1) rotate(-5deg); -o-transform: scale(1.1, 1.1) rotate(-5deg); -moz-transform: scale(1.1, 1.1) rotate(-5deg); }
.menu-thumbnail .caption {padding: 15px; position: relative; }
.menu-thumbnail .caption .price { position: absolute; left: 0px; right: 0px; width: 60px; height: 60px; margin: 0px auto;background: rgba(0,0,0,0.5); color: #263238; text-align: center; font-size: 18px; line-height: 60px; font-weight: 500; top: -30px; border-radius: 50%; }
.menu-thumbnail .caption .media-heading { position: relative; z-index: 9; }
.menu-thumbnail .caption .star-list { margin-bottom: 0px; }
.menu-thumbnail .caption .star-list>li { padding: 0px 2px; font-size: 20px; }
.menu-thumbnail .caption .star-list>li>i { color: #e0e0e0; }
.menu-thumbnail .caption .star-list>li>i.active { color: #ff951a; }
.menu-thumbnail .caption .star-list>li:hover i { color: #ff951a; }
.menu-thumbnail .media {
    margin-top: 10px;
}
.menu-thumbnail .post-info ul{ margin-bottom:15px;}
.contact-list { margin: 0px; }
.contact-list li { font-size: 15px; margin-bottom: 5px; color: white; }
.contact-list li:last-child { margin-bottom: 0px; }
.contact-list li a { color: #fff; text-decoration: none; }
.contact-list li a:hover { color: #3F51B5; text-decoration: underline; }
.contact-list li i { margin-right: 10px; color: #fff; color: #FD6C03; }
/*---------------- map setting -------------*/

.map { float: left; width: 100%; position: absolute; top: 165px; left: 0px; border-radius: 0px 0px 3px 3px; }
.map #contact_map { height: 85vh; border-radius: 0px 0px 3px 3px; }
.map #contact_map_2 { height: 85vh; border-radius: 0px 0px 3px 3px; }
.map iframe { border: none; height: 520px; width: 100%; float: left; }
.map-info { padding: 15px; }
.contact-info { padding: 15px; }
.contact-info h3 { font-weight: 500; margin-top: 0px; }
.contact-info ul { margin: 0px; }
#contact_map img { max-width: none !important; }
#contact_map_2 img { max-width: none !important; }
.gm-style-iw { width: 350px !important; top: 15px !important; left: 0px !important; background-color: #fff; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); border: 1px solid rgba(152, 152, 152, 0.6); border-radius: 2px 2px 10px 10px; }
#iw-container { margin-bottom: 10px; }
#iw-container .iw-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; font-weight: 400; padding: 10px; background-color: #FD6C03; color: white; margin: 0; border-radius: 2px 2px 0 0; }
#iw-container .iw-content { font-size: 13px; line-height: 18px; font-weight: 400; margin-right: 1px; padding: 10px 15px; max-height: 180px; overflow-y: auto; overflow-x: hidden; }
#iw-container .iw-content p { line-height: 24px; }
.iw-content img { float: right; margin: 0 5px 5px 10px; }
.iw-subTitle { font-size: 16px; font-weight: 700; padding: 5px 0; }
.iw-bottom-gradient { position: absolute; width: 326px; height: 25px; bottom: 10px; right: 18px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
.gm-style .gm-style-iw>div:first-child { width: 100%; }
/******************page-404*********************/

.page-404 h5 { font-size: 48px; font-weight: 300; padding-top: 50px; margin-bottom: 15px; }
.page-404 p { font-size: 22px; font-weight: 300; }
.list-404 li { color: #FD6C03; font-size: 90px; padding: 0px 5px; font-weight: 700; line-height: 65px; }
.list-404 { margin-bottom: 15px; }
.page-404 {
	position: relative;    height: 86vh;
    
}
.page-404 .page-inner{position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;}
/*************************booking-panel************************/
.booking-wrap .heading { padding: 15px 0px; font-size: 30px; }
.booking-wrap .price { padding: 15px 0px; display: block; color: #f33; font-size: 24px; }
.booking-panel h3.min-heading { padding: 0px 0px 15px 0px; }
.star-list{ margin:0px 0px 15px 0px;}
/* ------------- Our Blog page ------------- */

.post { padding: 0px; border: none; background: rgba(0,0,0,0.5); position: relative; overflow: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.post .post-img { width: 100%; }
.post h5 a { color: #17171a; }
.post .align-left { width: 50%; vertical-align: top; }
.post-content { padding: 15px 0px 0px 0px; }
.post .posted-date { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 15px; }
.posted-date span { color: #fff; }
.posted-date a { color: #FD6C03; }
.post img:hover { opacity: .6; }
.post .social-links { border: none; margin-top: 15px; margin-bottom: 25px; }
.post .social-links li { border: none; float: none; }
.post .social-links li a { line-height: 18px; color: #aaa; }
.post .social-links li a i { font-style: normal; }
.post .social-links li a:hover { color: #FD6C03; background: none; }
.pagination{ margin:0px 0px 15px 0px}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #FD6C03; border-color: #FD6C03; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #FD6C03; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
/*------------- Blog List -----------------*/

.blog { color: #74787a; padding: 60px 0px; background: #F8F8F8; text-align: left; }
.blog-list { position: relative; height: 460px; }
.blog p { line-height: 28px; }
.blog .col-md-8 { padding-right: 0px; }
.blog .post-content { background-color: #ffffff; }
.post-content i { font-size: 18px; font-weight: 500; font-style: italic; }
.post-content .share-btn i { font-style: normal; }
.post-item h2 { text-align: left; margin-bottom: 15px; margin-top: 0px; font-weight: 400; }
.post-item h2, .post-item h2 a { color: #fff; font-size: 30px; font-weight: 700; font-family: 'Bitter', serif; }
.post-item h2:hover, .post-item h2 a:hover { color: #FD6C03; text-decoration: none; }
.blog .posted-date { margin-top: 15px; color: #262626; }
.single .posted-date { margin-bottom: 15px; margin-top: 0px; }
.post-nav { text-align: center; }
.post-item { border-bottom: 1px dashed rgba(0, 0, 0, .1); margin-bottom: 30px; }
.share-btn { padding: 0px 0px 15px 0px; }
.share-btn ul { margin-bottom: 0px; }
.share-btn ul li a { display: block; line-height: 24px; }
.share-btn ul li a:hover { color: #3cb5ec; }
.share-btn .btn-facebook { color: #3b5998; }
.share-btn .btn-google-plus { color: #dd4b39; }
.share-btn .btn-twitter { color: #55acee; }
.share-btn .btn-tumblr { color: #2c4762; }
.share-btn .btn-linkedin { color: #007bb6; }
blockquote{ margin-bottom:15px; padding:15px;}
.post-item h3{ margin-top:15px;}
/*-------------- SideBar ---------------*/

.right-sidebar { margin-left: 0px; }
.widget { padding: 15px; margin-bottom: 30px; border: 1px solid rgba(43, 59, 93, 0.29); border-radius: 3px; background: rgba(0,0,0,0.7); position: relative; overflow: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.search { margin-bottom: 30px; position: relative; }
.search form { padding: 0px; border: 1px solid rgba(43, 59, 93, 0.29); border-radius: 3px; background: #fff; position: relative; overflow: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.search form .form-control { border: none; }
.search form .btn { border: none; }
.search form .btn:hover, .search form .btn:focus { background: none; color: #FD6C03; }
.search input[type="search"]::-moz-placeholder {
 color: #314960;
}
.search input[type="search"] { font-size: 15px; font-weight: 300; line-height: 30px; width: 100%; border: none; }
.search input[type="submit"] { background: url(../images/search.png) no-repeat scroll 0 0 / 100% 100%; width: 30px; height: 30px; border: none; text-indent: -999999px; position: absolute; right: 15px; bottom: 20px; }
.widget h2 { font-size: 20px; font-weight: 700; margin-bottom: 15px; text-align: left; margin-top: 0px; text-transform: uppercase; }
.widget h3 { padding: 5px 0px; }
.widget h3, .widget h3 a { font-size: 16px; color: white; text-align: left; font-weight: 500; display: block; margin: 0px 0px; }
.widget h3:hover, .widget h3 a:hover { color: #FD6C03; }
.widget img { position: absolute; left: 0px; top: 0px; }
.widget li { margin-bottom: 15px; position: relative; }
.widget li:last-child { margin-bottom: 0px; }
.widget li .post-img { display: block; }
.widget li a img { width: 80px; }
.widget .widget-content { margin-left: 95px; min-height: 65px; }
.widget .widget-content .widget-date { color: #74787a; font-weight: 300; }
.category-list li { margin-bottom: 0px; border-top: 1px solid rgba(0, 0, 0, .1); }
.category-list li:first-child { border-top: none; }
.category-list li a { color: #2d2d2d; display: block; line-height: 30px; font-weight: 500; }
.category-list li a:hover { color: #FD6C03; }
/*---------------- Author -------------*/

.author { border: none; box-shadow: 0 2px 2px rgba(43, 59, 93, 0.29); border-radius: 3px; background: #fff; position: relative; overflow: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; min-height: 275px; margin-bottom: 25px; }
.author img { position: absolute; }
.author-comment { margin-left: 260px; padding: 30px 30px; }
.author-comment h5 { font-size: 18px; }
/*---------------- Comments -------------*/

.title-head h4 { font-size: 36px; font-weight: 700; margin-bottom: 30px; }
.comment-list li { margin: 0px 0 43px 0; position: relative; }
.comment-list li img { border-radius: 50%; width: 130px; height: 130px; position: absolute; }
.comment-details { margin-left: 165px; }
.post-comments .comments { padding: 15px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; background: rgba(0,0,0,0.5); position: relative; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.post-comments .comments:before { box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0 0 30px 30px; top: 50px; content: ""; display: block; left: -15px; position: absolute; width: 0; z-index: 1; border-color: transparent rgba(0,0,0,0.5); transform: rotate(-45deg); }
.post-comments .comments p { margin-bottom: 0px; font-size: 15px; }
.comment-meta {  }
.comment-meta .user-name {    line-height: 30px; float: left; font-weight: 700; width: 50%; font-size: 22px; }
.comment-meta .posted-date {    line-height: 30px; float: right; width: 50%; text-align: right; }
.reply { border: none; padding: 4px 30px; margin: 0px 15px; text-transform: uppercase; border-radius: 0px 0px 3px 3px; font-weight: 700; float: right; background: #FD6C03; color: #fff; }
.reply:hover { background: #363636; color: #fff; border-radius: 0px 0px 3px 3px; }
.comments-form .main-btn i { margin-right: 26px; }
.home #showLeft { display: block; }
#showLeft { display: none; }
@media (max-width: 1024px) {
.widget h2 { font-size: 16px; margin-bottom: 20px; }
.widget .post-img { width: 100%; display: block; }
.widget li a img { width: 100%; left: auto; position: relative; }
.widget .widget-content { margin: 0px; padding: 10px 0px 0px 0px; min-height: 35px; }
.widget h3, .widget h3 a { font-size: 14px; }
.comment-list li img { width: 100px; height: 100px; }
.comment-details { margin-left: 125px; }
.post-comments .comments:before { top: 35px; }
.post-comments .comments { padding: 15px; }
}
@media (max-width: 768px) {
.x-panel.x-map-panel { min-height: 80vh; margin: 0px 0px 15px 0px; }
.map #contact_map { height: 60vh; }
.map #contact_map_2 { height: 60vh; }
.x-panel.x-map-panel .panel-body { min-height: 400px; }
.widget .widget-content { margin: 0px; padding: 0px 0px 0px 100px; min-height: 55px; }
.widget li a img { width: 80px; position: absolute; }
.cbp-spmenu-vertical { width: 25%; }
.cbp-spmenu-left { left: -25%; }
}
@media (max-width: 767px) {
.circle-list { margin: 15px 0px; }
.circle-list li { font-size: 14px; }
.post-item h2, .post-item h2 a { font-size: 24px; margin-bottom: 15px; }
.post-item { margin-bottom: 15px; }
.post-content { padding: 15px 0px; }
.share-btn ul li a { padding: 6px; }
.comment-details { margin-left: 0px; padding-top: 120px; }
.post-comments .comments:before { border-width: 0 0 20px 20px; top: -10px; left: 35px; transform: rotate(45deg); }
.gm-style-iw { width: 306px !important; }
.gm-style .gm-style-iw>div:first-child { width: 100%; max-width: 306px !important; }
.map #contact_map { height: 52vh; }
.map #contact_map_2 { height: 52vh; }
.x-panel { min-height: 80vh; }
.x-panel .panel-body { min-height: 420px; }
#showLeft { display: block; }
.color-overlay.black { padding-top: 100px; overflow: hidden; }
.cbp-spmenu-left.cbp-spmenu-open { left: -50%; }
.mobi-menu .cbp-spmenu-left { left: 0px; }
.cbp-spmenu-vertical { width: 50%; }
.cbp-spmenu-left { left: -50%; }
.content { height: 86vh; overflow: auto; }
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    /* transition-delay: 1s; */
  }
  
  .carousel-fade .carousel-inner .active {
    opacity: 1;
  }
  
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }
  
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }
  
  .carousel-fade .carousel-control {
    z-index: 2;
  }
  
  /*
    WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
    Need to override the 3.3 new styles for modern browsers & apply opacity
  */
  @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-fade .carousel-inner > .item.next,
      .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
      .carousel-fade .carousel-inner > .item.prev,
      .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
      .carousel-fade .carousel-inner > .item.next.left,
      .carousel-fade .carousel-inner > .item.prev.right,
      .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
  }


.reStyl{
  padding-left: 50px;
}