@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic');
h1, h2, h3, h4, h5, h5, p{margin:0px; padding:0px}

body{/*   */
overflow-x: hidden; color: #707070; font-size: 14px;
font-family: 'Source Sans Pro',sans-serif,Calibri,helvetica,Cantarell,arial,tahoma,verdana
}
.message-btn-section {
    padding: 10px;
    border: 1px solid rgba(204, 204, 204, 0.36);
    border-top: none;
}
.divider{border-top:1px solid #ebebeb;  font-size:14px;padding:28px 0 28px 0;letter-spacing: 1px; text-transform:capitalize;} 
.top-container{width: 100%; height: auto;display: block; overflow: hidden; position:relative;}  

/* Overwrite Bootstrap */
.page-header{margin: 10px 0 20px;}
/* End Overwrite Bootstrap */

/* ajax loading image */
.top-container > .main-content > div#ajax-loading-section {display: none;}
.top-container > .main-content > div#ajax-loading-section > .loading-overlay {width: 100%;height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.7); -webkit-transition: all .5s ease; z-index: 1900;}
.top-container > .main-content > div#ajax-loading-section .loading-image {left: 50%; position: fixed; top: 50%; z-index: 2000;transform: translate(-50%, -50%);width: 200px;}
.top-container > .main-content > div#ajax-loading-section .loading-image img {height: 100px; width: 100px;}
.top-container > .main-content > div#ajax-loading-section .loading-image .loading-text { color: #ff6d00; font-size: 20px; vertical-align: middle;}
header .log-out-sec li {float:none; display:inline-block;}

/* Header start */
header {width:100%; display:block; margin:0 auto;}
.navalign{color:#000;font-size: 21px; font-weight:400;letter-spacing: 4px; padding: 0; }
.top-container header .navbar > .container > .navbar-header > .navbar-brand.pull-left.navalign.site-logo {height: 55px; width: auto;}
.top-container > header .navbar-header > .site-logo > img {height: 100%;}
.navalign1{margin:0; border:none; background:transparent;}
.nav_menu{text-transform: uppercase;font-size: 13px;} 
.nav_menu li a.active  {color: #36adb5;}
.Padding{padding:0; margin:0;}
.outer-wrapper{width: 100%; height: auto;display: block; text-align: center; position:relative;}
.navbar-default .navbar-brand{color:#211e1e;}
.navbar-nav li a:hover{background:none;}
.navbar-collapse .navbar-nav li a{/* padding:28px 15px; */  font-weight: 600; font-size:14px; padding: 8px 15px 15px 15px;}
.space{padding: 40px 0 0 0px;  }
header .navbar-default {/* 	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 6px rgba(0,0,0,.42);  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0px 1px 6px rgba(0,0,0,.42); */}
header .navbar-header {padding:10px 0px;} 
header .navbar-default {border-radius: 0; }
.navbar-collapse .navbar-nav li a:hover { color: #36adb5;}
.navbar-collapse .navbar-nav li ul li a:hover { color: #fff; background: #36adb5;}
.navbar-collapse .navbar-nav li ul {padding: 0; display: none;  border-radius: 0; border-left: none; border-right: none; border-bottom: none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {     box-shadow: none; background: transparent; background-image: transparent; background-color: transparent; color: #36adb5;}
.collapse .navbar-nav li ul li a {  padding: 10px 20px;  font-weight: 600;    font-size: 13px;  text-align: center;}
.collapse .navbar-nav li ul li i {margin-right: 5px;}
header .navbar-header {position:relative;} 
header .navbar-header a.site-logo { position: absolute; top: 7px; left: 0; width: 125px!important; display: block; height:auto!important; z-index:99;}
header .navbar-header a.site-logo img {max-width:100%; height:auto!important;} 
h1, h2, h3, h4 {text-transform:capitalize;}
.page-header h1 {text-transform:capitalize;}
header .navbar {  min-height: 87px;}
header .navbar .user-show {position:static; float:right; margin:10px 0;} 
header .navbar .user-show li {float:none; display:inline-block; color: #777; font-size:13px; font-weight:normal;     padding-left: 6px; text-transform: capitalize;}
header .navbar .user-show li a { color: #36adb5; font-size:13px; font-weight:normal;  padding: 0;  padding-bottom: 0;     text-transform: capitalize;}
header .navbar .user-show li a:hover {text-decoration:underline;} 
header .navbar .user-show li:first-child a {font-weight:bold;}
header .navbar .user-show li:last-child a {padding-left:0px;}
header .navbar .nav_menu {clear:right;}


/* Header end */
  
/* Top Banner */

/* Top Banner */ ul li a {    padding: 10px 10px;
    font-weight: 600;
    font-size: 13px;
    text-align: center;}
   
 /* Homapage slider start*/  
   section.slider .flexslider .flex-control-thumbs li {float:left; width:20%; margin:0!important;}
   #slider .flex-direction-nav a {opacity:1;}
   #slider .flex-direction-nav .flex-next {right:42%;}
   #slider .flex-direction-nav .flex-prev {left:42%;} 
   #slider .flex-direction-nav .flex-prev.flex-disabled {opacity:1!important; z-index:99;}
   #slider .flex-direction-nav .flex-prev:before {content:''; background:url(../images/slider-left-icon.png) no-repeat; width:7px; height:13px;}
   #slider .flex-direction-nav .flex-next:before {content:''; background:url(../images/slider-right-icon.png) no-repeat; width:7px; height:13px;}
   .slider #carousel .flex-direction-nav .flex-prev:before {content:''; background:url(../images/thumb-left-icon.png) no-repeat; width:7px; height:13px;}
   .slider #carousel .flex-direction-nav .flex-next:before {content:''; background:url(../images/thumb-right-icon.png) no-repeat; width:7px; height:13px;}
   .slider #carousel .flex-direction-nav .flex-next {right:6px;}
   .slider #carousel .flex-direction-nav .flex-prev {left:6px;}
   .slider #carousel .flex-direction-nav a {opacity:1;}
   #carousel .flex-direction-nav {bottom:30%;}
   .dtl-tabber .tab-content .main-tabber .section {border: none!important; padding: 0px!important;}
    .dtl-tabber .tab-content .main-tabber .section h4 {padding-left:10px;     color: #111;
      font-size: 16px;}
	.dtl-tabber .tab-content .main-tabber .section .cmn {padding-left:10px; font-size:14px; padding-right: 0px;}
	.custom-detail .detail-rht .top-section p a {font-size:14px; font-weight:300;}
	.custom-detail .detail-rht .thumbnail .text-center a {font-weight:600!important; color:17px!important;
	color: #322e2e!important;}
	.custom-detail .detail-rht .thumbnail .lead { font-size: 13px; color: #322e2e;  font-weight: normal; 
    text-align: left; line-height:1;} 
	.custom-detail .detail-rht .thumbnail .user-name { font-size:12px; }
	.custom-detail .detail-rht .top-section {margin-top:27px;} 
	.custom-detail .dtl-tabber .nav-tabs > li.active:before { border-top: 3px solid #38abb3; border-right: none; content:'';     
	float: left; width: 100%;  top: 1px; position: absolute;     z-index: 99;}
.rht-map .media .media-left {height:168px; text-align: center;}
	/*code by juhi*/

	.detail_page .detail-lft {margin-bottom:20px; float: left;}
.detail-rht .top-section p a {font-size:14px; font-weight:300;}
 .detail-rht .thumbnail .text-center a {font-weight:600!important; color:17px!important;
	color: #322e2e!important;}
 .detail-rht .thumbnail .lead { font-size: 13px; color: #322e2e;  font-weight: normal; 
    text-align: left; line-height:1;} 
.detail-rht .thumbnail .user-name { font-size:12px; }
.detail-rht .top-section {margin-top:27px;} 
.dtl-tabber .nav-tabs > li.active:before { border-top: 3px solid #38abb3; border-right: none; content:'';     
	float: left; width: 100%;  top: 1px; position: absolute;     z-index: 99;}
.rht-map .media .media-left {padding-bottom: 92%; text-align: center;}
.form-inline .input-group{ width: 100%;}
#form-init .form-group:last-child{text-align: right;}
#form-init .cmn-f-group{margin-top: 19px !important}
#form-init  .form-control-feedback{top: 13px !important; right: 71px;}
#form-init .form-group{vertical-align: top; }
#form-init .has-feedback .form-control{padding-right: 10.5px;}
#form-init .form-group:last-child button[type = "submit"]{float: right;}
.review-slider{height: 348px;width: 100%;overflow-x:hidden;overflow-y: auto;}
.input-group-addon{  padding: 6px 12px }
.register-heading{padding-left: 0px !important;}
.opening_heading{font-size: 14px !important;color: #020621;
    line-height: 1;
    font-weight: normal;
    padding-top: 25px !important;
    margin-bottom: 10px;
    padding-bottom: 25px !important;}
/*.common_tab{margin-left: 10px;}
*/.common_tab .contact-seller{display: inline-block;width: 80%;}
.common_tab .img-default-seller{width: 100px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 50px;}
.common_tab h4{font-size: 14px;
    float: right;
    margin-top: 40px;margin-top: 20px;}
/* Homapage slider start*/

/* Homapage Start */
.contentbox{width:100%; margin:0px auto;text-align: -webkit-center;} 
.fac{padding: 0px 10px 0 2px;font-size: 18px;}
.slide1{width:72%; height:175px; background:#fff; position: absolute;margin: 0px auto;left: 0;right: 0;bottom: -17px;}
.content1{width:75%; height:auto; background:#fff; margin: 0px auto;display: inline-block;}
.single-content .c_img{margin-bottom:40px;margin-top: 20px;}
.single-content { text-align:center;}
.single-content h1 {color:#242424;font-size:80px;font-weight:400;letter-spacing: 2px;}
.single-content span {font-size:20px; }
.outer-section{margin:20px 0 7px 0;}
.search2{width:13%;background:#0054a6;font-size:16px;height:46px;border-style: none;color:#fff;border-radius: 5px;margin:    92px 0px 55px 0;}
.cmn-container .row {padding:0px!important;}
.inr-section {width:100%; float:left;}

/* Homepage End */

/* Reel Detail Page */
h3.left-side{padding-left: 0; font-size:15px; font-weight: 600;/*text-transform: capitalize;*/text-transform: none !important;}
h3.right-side{padding-right: 0;}
.detail-lft .top-section .left-side { font-size: 22px;    color: #322e2e; font-weight:bold;} 
.detail-lft .top-section p i { color: #36adb5;    font-size: 21px; float: left; padding-right: 8px;}
.detail-rht .thumbnail { border: 1px solid #e6e6e6;  border-radius: 0; margin-top: 18px; box-shadow: none; padding: 15px 18px;}
.thumbnail p.lead { color: #322e2e;  font-size: 16px;}  
.detail-lft .top-section h3 {padding-bottom:6px;}
.detail-lft .reel-image {float: left; width: 100%;}
.detail-lft .top-section .right-side { color: #36adb5; font-weight: 600; font-size: 24px;}
.detail-lft .top-section .detail-name { letter-spacing: 0.5px; text-align: left; width: 100%; float: left; font-size:16px; font-weight:300;} 
.detail-rht .top-section p {color: #6d6c6c; font-size: 17px; text-align:left;}
.detail-rht .top-section p a {color: #6d6c6c; font-size: 16px;}
.detail-rht .top-section p i {color: #6d6c6c; font-size: 15px;}
.detail-rht .top-section .lead { margin-bottom: 7px;}
.detail-rht .thumbnail .text-left {margin-bottom: 15px;}
.detail-rht .thumbnail .user-name {color:#36adb5; padding-bottom:48px;}
.detail-rht .thumbnail .text-center a.btn  {    background: #36adb5;
    box-shadow: none;
        -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 16px 0px;
    line-height: 1;
    color: #fff!important;
    z-index: 1;
    position: relative;
    text-shadow: none;
    border: 0;
    font-size: 15px;
    text-transform: capitalize;
    
    width: 91%;}
.detail-rht .thumbnail .text-center a.btn:hover {    background: #5ebdc3;
    color: #fff; }
.detail-lft .dtl-tabber {width:100%; float:left; margin-top:40px;}
.detail-lft .dtl-tabber .nav-tabs {border-bottom:0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border-bottom-color: transparent!important; border-radius: 0!important; color: #111111; font-weight: 600; font-size: 17px; padding: 12px 30px; line-height: 1; border-right: 0px;}
.nav-tabs>li.active {border-top: 3px solid #38abb3;     border-right: 1px solid #ddd;}
.nav-tabs > li > a {border-bottom-color: transparent; border-radius: 0!important; color: #111111; font-weight: 600; font-size: 17px; min-width: 120px; margin: 0; padding: 12px 30px; line-height: 1;}
.nav-tabs > li > a:hover {background:transparent; }
.dtl-tabber .tab-content .tab-pane  {width:100%; float:left; margin-top: 0;     padding: 25px 12px;   
 border: 1px solid #e6e6e6;}
.dtl-tabber .tab-content .tab-pane .section {width:100%; float:left; border: 1px solid #e6e6e6; padding: 20px; box-sizing: border-box;   /*  margin-left: 10px;*/}
.dtl-tabber .tab-content .tab-pane .section:last-child {border-top:0;}
.tab-pane .section .cmn {color: #6d6c6c; font-size: 15px; line-height: 1.8;}
.tab-pane .section h4 {font-size: 18px; color: #322e2e; padding-bottom: 12px; padding-left: 15px;}
.dtl-tabber .tab-content .tab-pane .page-header { padding-bottom: 0; border-bottom: none; margin-top: 0px; margin-bottom: 12px; }
.dtl-tabber .tab-content .tab-pane .page-header h3 {    font-size: 18px;    color: #322e2e;}
.detail-rht .thumbnail .text-center a { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;  -webkit-transition-property: color; transition-property: color; text-shadow:0;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.detail-rht .thumbnail .text-center a.btn:hover:before{    -webkit-transform: scale(1);  transform: scale(1);} 
.detail-rht .thumbnail .text-center a:hover {color:#777;}
.detail-rht .thumbnail .text-center a.btn:before {/* content: "";position: absolute;z-index: -1; top: 0;left: 0;right: 0; color:#fff;bottom: 0;background: #36adb5;-webkit-transform: scale(0); transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; */ } 
.custom-detail { width: 855px; float: none; margin: 0 auto;}
.custom-detail .detail-lft {width:590px; float:left; margin-right:15px; padding-right:0px;}
.custom-detail .detail-lft {padding-left: 0px;} 
.custom-detail .detail-rht {padding-right: 0px; width:250px; padding-left: 0px;}
.dtl-tabber .nav-tabs>li {    margin-bottom: -2px;}
.user-review .rating i {font-size: 16px;}
.slider #carousel .flex-direction-nav {background:transparent;}
.slider #slider .flex-viewport {height:auto; width:100%; max-height: auto!important;}
.slider #carousel .slides li {width:75px!important; height:75px;     cursor: pointer;}
.slider #carousel .slides li img { max-width: 100%; /*height: 100%;*/} 
.slider #carousel { padding: 15px 20px; box-sizing: border-box;} 
/*.custom-detail .detail-lft .slider {  box-shadow: 0px 0px 5px rgba(0,0,0,.42); padding-left: 0;
    width: 100%; float: left; padding-right: 0; box-sizing: border-box;} */
	/*code by juhi*/
 .detail-lft .slider {box-shadow: 0px 0px 5px rgba(0,0,0,.42); padding-left: 0;
    width: 100%; float: left; padding-right: 0; box-sizing: border-box;}
.slider #slider .flex-direction-nav li {float:none; display:inline-block; margin-right: 8px;  color: #fff;
    font-size: 14px;}
.slider #slider .flex-direction-nav {width:100%; float:left; text-align:center;}
.slider #slider .flex-direction-nav li.total-slides {margin-top:11px; margin-right:8px; color:#fff; font-size: 14px;}
.slider #slider .flex-direction-nav li.current-slide {margin-top:11px; margin-left:8px; color:#fff; font-size: 14px;}
.slider #slider .flex-viewport .slides {height:300px;}
.slider #slider .flex-viewport .slides li {height: 100%;}
.slider #slider .flex-viewport .slides li  img {max-width:100%; height:auto; height: 100%;     object-fit: contain;} 
button.btn:focus, button.btn:hover, button.btn.active, button.btn:active {    background: #5ebdc3;
    color: #fff; border: 1px solid #5ebdc3;     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;  border-radius: 4px;} 
.form-horizontal .form-group .gm-style #pac-input {     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.custom-detail {padding-bottom:60px!important;}
.cust-edit-section .form-horizontal .form-group label {color:#333;}

/* Panel below  slider start */
.dtl-tabber .tab-content .tab-pane .cmn-class { width: 50%;float: left;border: 1px solid #e6e6e6;padding: 20px;min-height: 216px;box-sizing: border-box;}
.tab-pane .cmn-class  .aligncenter {text-align:center; padding-top: 35px;}
.aligncenter  .rating-avg{ font-size: 45px; color: #333; line-height:1;}
.cmn-class  .aligncenter .total-review-txt { font-size: 16px; color: #999999; text-align:center;}
.rate {margin-top:22px; }
.dtl-tabber .tab-content .tab-pane .cmn-class:last-child {border-left:0px;} 
.tab-pane .cmn-class  .aligncenter .total-review-txt {padding-top:10px;}
.tab-pane .cmn-class  .aligncenter .vtext {padding-bottom:10px;}
.tab-pane .cmn-class  .aligncenter a.btn  {background: #36adb5;
    box-shadow: none;  padding: 15px 0px;  line-height: 1; color: #fff!important;    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;  position: relative; text-shadow: none;  border: 0;  font-size: 15px; text-transform: capitalize;
      width: 79%;}
.tab-pane .cmn-class  .aligncenter a.btn:before {/* content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;color: #fff;bottom: 0;background: #36adb5;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;
transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; */}
.tab-pane .cmn-class  .aligncenter a.btn:hover:before {/* -webkit-transform: scale(1);transform: scale(1); */}
.tab-pane .cmn-class  .aligncenter a.btn:hover {    background: #5ebdc3;
    color: #fff;  }
.tab-pane .cmn-class .rev-text span { font-size: 16px;color: #999999;text-align: center;padding-bottom: 10px;display: block;} 
.tab-pane .cmn-class  .aligncenter .rev-text {padding-top:25px; }
.detail-rht .top-section {margin-top:35px; }
.nav-tabs>li>a {    border: 1px solid #e6e6e6; border-bottom: 0;} 
.main-tabber .page-header {width: 100%; float: left;}
.main-tabber .customer-review-one {width: 100%; float: left; margin-bottom:20px; padding:0;}
.main-tabber .customer-review-two {width: 100%; float: left; margin: 0; padding:0;}
.customer-review-two .customer-review {margin-top: 40px;     font-size: 18px;    color: #322e2e;     border-bottom: 1px solid #e6e6e6;   padding-bottom: 15px;    margin-bottom: 20px;}
.customer-review-two .customer-review .number-review {font-size: 13px; display: block; padding-top: 10px;     color: #ababab;}
.customer-review-two .customer-description {margin: 0; padding: 0;}
.customer-review-two .customer-description li {list-style: none; width: 100%; float: left;}
.customer-description li .userimg span {    background: #63d6d1;  font-size: 25px; line-height: 54px; color: #fff; text-align: center;  width: 52px; height: 52px; float: left;     border-radius: 50%;}
.customer-description li .text {    margin-left: 70px;    float: left;}
.customer-description li .text .head { font-size: 15px;  line-height: 18px; white-space: pre-wrap; color: #333333; padding-top: 8px; padding-bottom: 8px;}
.customer-description li .text .reviewUserName {    height: 14px;  display: inline-block; line-height: 13px;  -webkit-box-orient: vertical;  overflow: hidden;  font-size: 13px;  white-space: nowrap;  color: #999999;  margin-top: 5px; text-transform: capitalize;}
.customer-description li .text.head .verifiedname {    font-size: 13px;  vertical-align: text-top;  border-left: solid 1px #efefef;  padding-left: 8px;} 
.customer-description li .text p {    font-size: 13px;  line-height: 20px;  white-space: pre-wrap;  word-wrap: break-word;  color: #666; margin-top: 6px;}
.customer-description li .text .hf-review  {font-size: 13px;  padding: 0px;  height: 36px; line .hf-review -height: 36px;}
.customer-description li .text .hf-review { padding: 10px 0px;}
.middle-grey-button { display: inline-block;    border: solid 1px #e6e6e6;  line-height: 14px; cursor: pointer; -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 color: #9e9e9e;  font-size: 10px; text-decoration: none;  margin-top: 14px;  margin-left: 5px !important;  padding: 5px 10px;}
.middle-grey-button .hf-num {    font-size: 14px;  color: #999;  padding-left: 10px;}
.middle-grey-button:hover {border: 1px solid #333; text-decoration: none;}
.main-tabber {width: 100%; float: left;}
.aligncenter span .rating {font-size: 16px;color: #36adb5;display: inline-block;}
/* Panel below slide end */
 
/* Reel Detail Page slider start*/

/*.custom-detail .detail-lft .top-section .left-side {font-size:18px; font-weight:600;  padding-bottom: 8px;line-height: 1;} 
.custom-detail .detail-lft .top-section .right-side {font-size:18px; font-weight:600;}
.custom-detail .dtl-tabber .nav-tabs>li { margin-bottom: -1px; border-top: 0px solid #fff;}
.custom-detail .dtl-tabber .nav-tabs>li>a {border-right:none;     min-width: 122px;
    min-height: 42px; font-size: 17px; font-weight: 600;  color: #111111; letter-spacing: 1px;}
.custom-detail .dtl-tabber .nav-tabs>li:last-child {    border-right: 1px solid #ddd!important;}
.custom-detail .dtl-tabber .nav-tabs>li.active { /* border-top: 3px solid #38abb3; border-right:none; */} 
/*.custom-detail .tab-pane .section h4 {font-size: 16px;  padding-bottom: 10px;}*/
/*code by juhi */
.flex-control-thumbs li {margin-right: 5px;} 
.slider .flexslider {  border-radius: 0;  margin: 0;  padding: 0 0 0.1px 0; border: 0;}
.flex-direction-nav .flex-nav-prev a {padding: 0; width: 7px; height: 13px; margin: 0px 0 0; top: 35%;}
.flex-direction-nav .flex-nav-next a {padding: 0; width: 7px; height: 13px; margin: 0px 0 0; top: 35%;} 
.flexslider .flex-direction-nav a:before {text-shadow: none;}
.detail-lft .top-section .left-side {font-size:18px; font-weight:600;  padding-bottom: 8px;line-height: 1;} 
.detail-lft .top-section .right-side {font-size:18px; font-weight:600;}
.dtl-tabber .nav-tabs>li { margin-bottom: -1px; border-top: 0px solid #fff;}
.dtl-tabber .nav-tabs>li>a {border-right:none;     min-width: 122px;
    min-height: 42px; font-size: 17px; font-weight: 600;  color: #111111; letter-spacing: 1px;}
.dtl-tabber .nav-tabs>li:last-child {    border-right: 1px solid #ddd!important;}
.dtl-tabber .nav-tabs>li.active { /* border-top: 3px solid #38abb3; border-right:none; */} 
.tab-pane .section h4 {    font-size: 16px;  padding-bottom: 10px;}

.slider #slider .flex-direction-nav {bottom:0px; position: absolute;  left: 0;  height: 40px;  background: rgba(54,173,181,.7); width: 100%;}
#slider .flex-direction-nav li.flex-nav-next a:before { } 
.dtl-tabber .tab-content .tab-pane .page-header h3 {color: #322e2e; font-size: 18px;}
.dtl-tabber .tab-content .main-tabber .section h4.condition-head {    margin-top: 15px;
    border-top: 1px solid #e6e6e6;  padding-top: 20px;}
.customer-review-two .customer-review { font-size: 16px; padding-bottom: 10px; font-weight: 500;}
form#form .form-group .caption .qq-uploader-selector {-webkit-appearance: textfield;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.slider #carousel .flex-viewport { z-index:1;}
.slider #slider .flex-direction-nav {z-index:2; }
/*.custom-detail .detail-rht .thumbnail .user-name a { font-size: 12px; letter-spacing: 0.5px; color: #36adb5;  line-height: 1;} */
.detail-rht .thumbnail .user-name a { font-size: 12px; letter-spacing: 0.5px; color: #36adb5;  line-height: 1;}
/* Reel Detail Page slider end*/

/* Reel Detail Page End */ 

/* Map Page Start */
.map-section .rht-map .media {overflow: visible;} 
.map-section .rht-map .media .media-list:hover .media-price{    border-color: #56c0c8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(86,192,200,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(86,192,200,.6);}
.rht-map .media .media-left .favicon i:hover {box-shadow: none;  -moz-box-shadow: none;}
.rht-map .media .media-list {background: #fff;}
.rht-map .media .media-list .media-left img {max-width: 100%; height: 100%;width: 100%;position: absolute; }
.rht-map .media .media-body .list-inline li p label {min-width: 80px;}
.rht-map .media .media-left .favicon i:before { content: "\f041"; color: #36adb5;}
.map-section .rht-map .media .media-list p.media-price {  color: #fff; background: rgba(54,173,181,.9); width: 100%; text-align: center; clear: both;
    padding: 10px 0;  line-height: 1;     box-sizing: border-box;     font-weight: 600;
    font-size: 14px;
    
    letter-spacing: 1px;}
.map-section .rht-map .media .media-list { width: 100%; float: left;}
.map-section .rht-map .media .media-list:hover {}
.rht-map #search-results .row {padding-top: 0px;}
.rht-map .media .media-left .favicon { position: absolute; top: 0px; right: 0px; width: 100%;  float: left; z-index: 0;}
.rht-map .media .media-left .favicon i:hover .location {display: block!important;}  
.rht-map .media .media-left .favicon i .location { position: absolute;    z-index: -9; box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); -moz-box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);top: 0; background: #36adb5; left: 0; color: #fff; width: 100%; display: none;  float: left;  padding: 10px;}
.rht-map .media .media-left .favicon i .location p {line-height: 1; font-size: 16px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.rht-map .media .media-left .favicon i { float: right;  margin-top: 0px;  margin-right: 0px;  width: 36px;  height: 36px; 
text-align: center; box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3); -moz-box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);
background: #fff; line-height: 36px; z-index: 9999;}
.map-section .rht-map .media .media-list .media-left img { object-fit: cover; border-bottom: 1px solid #ccc;}
.map-section .rht-map #search-results {width: 100%; float: left; margin: 0; padding: 0; margin-top: 0px;display: inline-flex;
    flex-flow: row wrap;}
.map-section .lft-map h3 {    font-size: 13px;    font-weight: 600;     color: #322e2e; padding-top:5px;}
.map-section .jumbotron {background: #fff; padding: 17px 10px 17px 10px; box-sizing: border-box; border-radius: 0px; }
.map-section .jumbotron label { color: #322e2e;  font-size: 14px;  font-weight: 500;}
.map-section .jumbotron  .irs .irs-from, .irs-to, .irs-single {background: #36adb5 none repeat scroll 0 0; border-radius: 0;}
.map-section .jumbotron select option{font-size: 13px;}
.map-section .rht-map a { color: #322e2e;}
.map-section .rht-map a.active, .map-section .rht-map a:focus, .map-section .rht-map a:hover {color: #36adb5;}
.text-center a .fa-map-marker {padding-right: 8px;} 
.map-section .rht-map .text-center { padding-bottom: 30px; text-align: center;}
.map-section .rht-map .text-center a {float:none; display:inline-block;     padding: 0 30px; font-size:20px; font-weight: 600;}
.map-section .rht-map .text-centera a { font-size: 18px;    line-height: 1; font-weight: 600;}
.map-section .rht-map .text-centera a i {    font-size: 32px; vertical-align: middle; padding-right: 15px;}
/*.map-section .rht-map  #map {!* width:560px; height:388px!important; *! border:8px solid #e8e8e8;}*/
.map-section .rht-map .media {margin-top:0; float:left; box-sizing:border-box; margin-bottom: 40px;border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);margin: 1%;    width: 30.333333%;}
.rht-map .media .media-left { background: #fff; position: relative; width: 100%; float: left;}
.rht-map .media .media-body {padding: 10px;}
.rht-map .media .media-body .list-inline li {    width: 100%;
    float: left;  text-align: left;}
.rht-map .media .media-body .list-inline li p {display: inline-block;     padding-bottom: 0;} 
.rht-map .media .media-body .list-inline li p span {display: inline-block;}
.rht-map .media .media-left a { display: block; padding: 0px; box-sizing: border-box;}
.rht-map .media .media-left .media-price {color: #fff; background: rgba(54,173,181,.9); width: 100%; text-align: center; padding: 10px 0; font-size: 18px; font-weight:600; position: absolute; bottom: 0; left: 0; line-height: 1;}
.rht-map .media .media-left img { width: 66%; margin: 0 auto;}
.map-section .rht-map .media .media-body p { font-size: 16px; color: #322e2e; font-weight:600; line-height: 1; padding-bottom: 14px;}
.media .media-body p span { display: block; font-weight:400; padding-top: 10px;}
.media .media-body .nrm-text { color: #4f4f4f!important; font-size: 16px!important; line-height: 1.4!important;}
.media .media-body { padding: 15px 40px 15px 30px; box-sizing: border-box; width: 100%; float: left;}
.media .media-body p span i { COLOR: #36adb5;}
.rht-#map {height:600px!important;}*/
.custom-detail .detail-lft .top-section { width: 100%; float: left; display: block;}
.custom-detail .detail-lft .dtl-tabber { width: 100%; float: left; display: block;}

 .detail-lft .top-section { width: 100%; float: left; display: block;}
.detail-lft .dtl-tabber { width: 100%; float: left; display: block;}
.media-body {width:auto;} 
.map-section .rht-map .text-center a p {display:inline-block; font-weight: 600}
.map-section .rht-map .text-center a:hover {text-decoration:none;}
.map-section .rht-map .text-center a p:hover {color:#000;}

.jumbotron .form-group {margin-bottom:20px; width: 100%; float: left; border-bottom: 1px solid #bfbfbf; padding-bottom: 18px;}
.map-section .jumbotron {width:100%; float:left;}
.irs .irs-line-mid {    background-position: 100% -30px;     background: #b8b8b8;
    height: 3px;}
.jumbotron .form-group .irs .irs-to { background: #36adb5 none repeat scroll 0 0;
border-radius: 0; color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px;}
.jumbotron .form-group:last-child {margin-bottom:0px;}
.irs .irs-min, .irs .irs-max {display:none;}
.irs .irs-slider {cursor:pointer;}
.jumbotron .form-group .irs .irs-to:before { content:''; border-left: 6px solid transparent; left:50%;
border-right: 6px solid transparent; border-top: 6px solid #36adb5; position: absolute; top: 16px; height: 0; margin: 0 0 0 -5px; width:10px;}
.jumbotron .form-group .irs .irs-to {top:-10px;}
.map-section .jumbotron .irs .irs-from {top:-10px;}
.map-section .jumbotron .irs .irs-from:before {    content:''; border-left: 6px solid transparent; left: 50%;
border-right: 6px solid transparent; border-top: 6px solid #36adb5; position: absolute; top: 16px; height: 0; margin: 0 0 0 -5px; width:10px;}
.map-section .jumbotron .form-group label {margin-bottom:10px;  font-size:13px; font-weight: bold; color: #333; padding-bottom: 5px;}
.top-container .main-content .map-section .text-center {margin-bottom: 20px; text-align:left;}
.main-content .map-section .text-center .form-group button.btn { padding: 9px 30px;}
.main-content .map-section .text-center .form-group label {padding-right: 20px; font-weight: bold; text-transform:capitalize; font-size: 15px;    }
.top-container .main-content .map-section .rht-map .text-center {margin-bottom:0px;}
.irs .irs-single { background: #36adb5 none repeat scroll 0 0;  top:-6px; border-radius: 0; color: #fff;  font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px;}
.irs .irs-single:before{    
  content: ''; 
  border-left: 5px solid transparent;  
  border-right: 5px solid transparent;  
  border-top: 5px solid #36adb5; 
  position: absolute; 
  top: 14.5px;  
  height: 0; margin: 0;    
  right: 50%;
  transform: translateX(50%);
}  
.map-section .rht-map p.text-bold {padding-bottom:20px;}
.map-section .lft-map .jumbotron {margin-top: 0px; box-shadow: 4px 4px 9px #ddd;}
.map-section .rht-map .text-center {padding-bottom:30px;}
.map-section .rht-map .text-bold { padding-bottom: 20px;  font-size: 15px;
    color: #333; font-weight:500;}
.custom-register-contner form#form .form-group {margin-left:0px; margin-right:0px; margin-bottom:18px;}
.custom-register-contner form#form .form-group .reg-sec {    padding: 0 0;
    margin-left: 0px;
    display: inline-block;}

/*.custom-register-contner form#form .form-group .reg-sec #map #pac-input {    margin-left: 3%;
     margin-right: 3%; border-radius: 0;     -webkit-appearance: textfield;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.map-section .lft-map .jumbotron .form-group {margin-bottom:23px;}
.map-section .lft-map .jumbotron .form-group label { padding-bottom: 20px; margin-bottom: 0px; line-height:1;} 
.map-section .lft-map .jumbotron .form-group:last-child {margin-bottom:0px;} 
.form-horizontal .full-map-sec {margin-left:0px; margin-right:0px; padding:0px;}*/
.form-horizontal .form-group .unq-sec {min-height:120px;}
.personal-head h3 {    color: #040809;
    font-size: 22px; text-align:center;
    font-weight: 600;
    } 
	.personal-head {padding-bottom:19px;}
	.edit-heading {width:100%; float:left; padding:0;}
.map-section .text-center .form-inline .form-group input {    border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.map-section .text-center .form-inline .form-group .input-group-addon { border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
/*.custom-register-contner form#form .form-group .cust-class-ph {margin-left:8.33333333%;}*/
  .form-inline{text-align: left;}
.reset_btn{
      display: inline-block;
    float: right;
}
.phone_number_block .cust-class-ph input{border: none !important;}
.form-inline{ display: inline-block; float: left; }
/*.form-inline .form-group.dimension_input{    width: 235px;}*/
/* Map page end css*/
   
/*Register-section */
.main-content { border-bottom: 1px solid #eeeeee;  background: #FAFAFA /* margin-bottom: 10px; padding-bottom: 25px; */}
/*.main-content > .container > .row.content-padding { padding: 60px 0 30px 0;}*/
.regi-page{padding-top:60px;}
.custom-register-contner { width:100%; float:none; margin:0 auto 35px auto; background:#fff;}
.custom-register-contner .form-horizontal .control-label { text-align:left;}
.custom-register-contner form#form .form-group .reg-sec #map {height:385px!important;} 
.custom-register-contner form#form .form-group button.btn  {width: auto;}
.custom-register-contner form#form .form-group .control-label {font-size: 13px; padding: 0;}
.panel.panel-default.custom-register-contner .panel-heading {border: none; border-radius: 0; color: #020621; 
background: transparent; font-size: 26px;  line-height: 1; font-weight: normal;     padding-top: 25px; margin-bottom: 10px;
    padding-bottom: 30px; padding-left: 38px; padding-right: 20px; box-sizing: border-box;}
.panel.panel-default.custom-register-contner .panel-body {padding:0 20px;}
.rounded-content-frame__header {  background-color: rgba(241,238,234,0.2); border-bottom: 1px solid #F1EEEA;  padding: 20px; font-size: 14px;  text-align: center;  color: #3D3D66; font-weight:500;}
.rounded-content-frame__header a {font-weight:500; color:#36adb5; text-transform:capitalize;}
.dtl-tabber .tab-content .main-tabber .section .cmn {    font-size: 14px;
    color: #111111;  font-weight: 500;  letter-spacing: 1px;}
.custom-detail .detail-rht .thumbnail {margin-top:16px; }
.custom-register-contner form#form .form-group .terms  {text-align:center; font-size:13px; }
.custom-register-contner form#form .form-group .terms a {color:#36adb5;}
.custom-register-contner form#form .form-group .control-label.req-field span {color:red; position:relative;}
.custom-register-contner form#form .form-group .control-label.req-field span:before {    content: '*';
    position: absolute; top: 13%; left: 30%; font-size: 15px; bottom: 0;}
.custom-register-contner form#form .form-group button.btn:hover {background:#5ebdc3; color:#fff;     -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease; border: 1px solid #5ebdc3;
    transition: all 500ms ease;}
.custom-register-contner form#form .form-group button.btn {-moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;     -webkit-appearance: textfield;
    -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
.regi-page .row {padding-bottom:25px!important;}
.custom-register-contner form#form .form-group select option:first-child {color:#9C9999;}
.custom-register-contner form#form .form-group select option.active { color:red;}
.custom-register-contner form#form .form-group.regis-term {    margin-bottom: 30px;}
.custom-register-contner form#form .form-group .help-block strong { font-weight: 500; }
.custom-register-contner form#form .form-group .help-block {margin-bottom: 0px;}
.btn-primary:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active {
  background-position: 0 -15px;  background: #5ebdc3;      -webkit-border-radius: 4px;
    -moz-border-radius: 4px;  border-radius: 4px;
  color: #fff;  border: 1px solid #5ebdc3; } 
.custom-register-contner form#form .form-group .terms a {cursor: pointer;}


 /* Optional: Makes the sample page fill the window. */
 html, body {  height: 100%;  margin: 0;  padding: 0;  }
.controls { margin-top: 10px; border: 1px solid transparent;  border-radius: 2px 0 0 2px;  
box-sizing: border-box;  -moz-box-sizing: border-box;  height: 32px;  outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
 #pac-input { background-color: #fff;  font-family: Roboto;  font-size: 15px;  font-weight: 300; margin-left: 12px; margin-top: 12px; padding: 0 11px 0 13px; text-overflow: ellipsis;  width: 300px;  }
 #pac-input:focus {  border-color: #4d90fe;  }
.pac-container { font-family: Roboto; }
/*Resiter-section end*/

/* List Page sidebar start*/
 .irs .irs-max {    background: #36adb5 none repeat scroll 0 0;  border-radius: 0;  padding: 1px 5px; color: #fff;}
 .lft-map .jumbotron .form-group .irs .irs-to { height: 16px; line-height: 16px;  min-width: 28px; text-align: center; cursor:pointer;} 
 .lft-map .jumbotron .form-group .irs .irs-from { height: 18px; line-height: 15px; min-width: 28px; text-align: center; cursor:pointer;}
 .cust-edit-sidebar .nav-sidebar li  a:hover {    background: #5ebdc3; color:#fff;}
 .right_text{display: inline-block;float: right;padding: 5px;}
/* List Page sidebar end*/


/* List Page start*/
.content-display .dataTables_wrapper .dataTables_scroll {margin-bottom:15px;  }  
.content-display .dataTables_wrapper .dataTables_filter label {margin-bottom:15px;}
.content-display .dataTables_wrapper .dataTables_filter input:hover {    border-color: #56c0c8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(86,192,200,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(86,192,200,.6);}

.content-display .dataTables_wrapper .dataTables_filter input {height: 34px; padding: 6px 12px;font-size: 14px; 
line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.dataTables_filter input:focus { border-color: #56c0c8; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(86,192,200,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(86,192,200,.6);}
.table_container{display: inline-block;width: 100%;overflow: auto;}
.irs-line-left{background: #b8b8b8 !important;}
.irs-line-right{background-position: 100% 4px !important;}
/* List Page start*/


/* footer */
.top-container footer {width: 100%; height: auto; float:left; padding: 20px 0px 0 0;}
.footercontent {color: #000;margin: 0 auto;overflow: hidden;padding: 20px 0; width: 100%;}
.footer-left-bar{width:60%; background:#fff;text-align: left; float:left;}
.footer-right-bar{width:40%; background:#fff;text-align: left; float:left;padding: 0 0 0 43px; border-left: 1px solid #ebebeb;}
.footerlink-horizontal{padding-right: 69px;}
.footerlink-horizontal p{font-size:12px;      color:#979797; text-align: justify;}
.footerlink-horizontal ul{font-size:14px;}
.footerlink-horizontal li{color:#6c6c6c;padding:0 0 0 31px}
.footerlink-horizontal li:first-child{padding-left:5px;}
.footerlink-horizontal ul a{text-decoration:none; color:#6c6c6c;}
.align{margin-left:190px;}
.footericon {font-size:21px;color:#393939;}
.download-icon {padding: 9px 0 0px 0px;font-size:21px;color:#393939;}
.footericon ul img{padding: 0 0 0 2px;margin: 0 0 0 9px;}
.download-icon ul img{padding: 0 0 0 2px;margin: 0 0 0 9px;}
.outer-section1{margin:20px 0 5px 0;border-bottom: 1px solid #ebebeb;}
.socialsection{margin: -1px 0 0 0;display: inline-block;}
.footerlink-horizontal ul a:hover {color: #36adb5;}
.footerlink-horizontal .list-inline {margin-left:0px;}
.footerlink-horizontal .list-inline li {padding-left:0px; }
.footerlink-horizontal .list-inline li a {padding-left:0px; padding-right:20px; }
footer .socialsection {margin:0px; text-align: left; float: left; padding: 0 0 0 43px; border-left: 1px solid #ebebeb;}
footer .socialsection .list-inline {margin-left:0px;}
footer .socialsection .download-icon .list-inline {margin-left:0px;}
footer .socialsection .footericon .list-inline span { line-height: 1; display: inline-block; font-size:19px;    
  color: #393939; float: left; margin-top: 9px; min-width: 100px;}
footer .socialsection .download-icon .list-inline span {line-height: 1; display: inline-block; font-size:19px; 
   color: #393939;  margin-top: 10px; float: left; min-width: 100px;}
.top-container .main-content { margin-bottom:0px;}
footer .divider {margin-top:20px;}
.socialsection .download-icon {padding-top:0px;}
/* footer end */

/* user form upload button css start*/
.qq-gallery .qq-upload-button { display: table; margin:0 auto; float:none; vertical-align: middle; 
      border: 1px solid #36adb5;    
	  -webkit-appearance: textfield; 
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important; 
    border-radius: 4px!important; 
	width:152px;
    background: #36adb5;
    color: #fff;
     padding: 12px 30px; line-height: 1; font-weight: 500; border-radius: 0; 
     text-shadow: none; font-size: 16px;}
.qq-gallery .qq-upload-button:hover {    background: #5ebdc3; color: #fff;  border: 1px solid #5ebdc3;}
.qq-gallery .qq-upload-button:hover { background: #5ebdc3; color: #fff; border: 1px solid #5ebdc3;}
.qq-gallery .qq-upload-button:hover:before{ -webkit-transform: scale(1); transform: scale(1);}
.caption .qq-gallery .qq-upload-list .qq-upload-success { background: #36adb5;}
.caption .qq-gallery .qq-upload-button > div {    background: transparent;display: inline-block;min-width: auto;padding: 0;
  color: #fff;}
.qq-gallery .qq-upload-list .qq-file-info { color: #fff; }
.qq-gallery .qq-upload-button:hover div {color: #fff;}


button.btn { display: inline-block; outline: 0;  border: 1px solid #36adb5;;  background: #36adb5;      -webkit-border-radius: 4px;
    -moz-border-radius: 2px;
    border-radius: 2px;
 padding: 9px 30px;  line-height: 1;  color: #fff;  font-weight: 500;  text-shadow: none; font-size: 16px;}
button.btn:before {/* content: "";    position: absolute;    z-index: -1;    top: 0;    left: 0;    right: 0;    color: #36adb5;    bottom: 0;    background: #ffffff;    -webkit-transform: scale(0);    transform: scale(0);    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out; */} 
button.btn:hover ,button.btn:active, button.btn:focus {/*color: #36adb5;  background-color: transparent; background-position: 0;   border: 1px solid #36adb5;*/}

button.btn:hover:before {    -webkit-transform: scale(1);  transform: scale(1);} 
a:focus {outline: none;} 
.select:focus {outline: none;} 
.form-control {border-radius: 0;}
:focus{outline:none;}
a:focus{outline:none;} 
select:focus{outline:none;}
:hover{outline:none;}
a:hover{outline:none;}
select:hover{outline:none;}
.btn-primary:active:focus, .btn-primary:active:hover, .btn-success:active:focus, .btn-success:active:hover{
      background-color: #36adb5;
    border: 1px solid #36adb5;
    color: #fff; outline: none;
    border-radius: 0;
    box-shadow: none;
}
.content1 .outer-section a.btn:hover {background: #5ebdc3;
    color: #fff;  }
.content-display .form-horizontal .ad-dimension .custom-input { width: 120px; flex-basis:120px;} 
.content-display .form-horizontal .ad-dimension .custom-input .input-group-addon { padding: 6px 5px;
    font-size: 13px; min-width: 22px; font-weight: 600;line-height: 1;}
.content-display .form-horizontal .ad-dimension .custom-input  .form-control { padding: 6px 5px;
    text-align: center; height: 36px; min-width: 41px;}
.content-display .form-horizontal .ad-dimension .custom-input .measurement-unit { padding: 6px 5px;
    font-size: 13px; min-width: 35px; font-weight: 600; line-height: 1;}
 .content-display .form-horizontal .form-group .date input {    border-top-right-radius: 0;
    border-bottom-right-radius: 0;}
.content-display .form-horizontal .form-group .date .input-group-addon {    border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.ad-dimension .form-group #helpBlock {margin-bottom:0px;}
.form-group.ad-dimension .custom-input .input-group .input-group-addon {    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;}
.form-group.ad-dimension .custom-input .input-group .input-group-addon.measurement-unit {    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;     border-top-left-radius: 0;  border-bottom-left-radius: 0;}

/* user form upload button css end*/


/*home page btton css start*/

.content1 .outer-section a.btn { background: #36adb5;    box-shadow: none;     padding: 17px 55px;    line-height: 1;    color: #fff; z-index: 1;    font-weight: 600;    position: relative;    text-shadow: none;   
 border: 0;   
    min-width: 275px;    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 65px; 
 font-size: 15px; text-transform: uppercase; box-shadow: 0px 2px 7px rgba(0,0,0,.3);} 
.content1 .outer-section a.btn:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    left: 0;    right: 0;    color: #fff; bottom: 0;    background: #36adb5;    -webkit-transform: scale(0);    transform: scale(0);    -webkit-transition-property: transform;    transition-property: transform;
-webkit-transition-duration: 0.3s;    transition-duration: 0.3s;     -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.content1 .outer-section a.btn p {    float: left;    line-height: 36px;    padding-left: 10px;}
.content1 .outer-section a.btn:hover {color: #fff;}
.content1 .outer-section a.btn:hover:before { } 
.top-banner {position: relative;}
.content1 .outer-section a.btn i {float: left;     padding-top: 4px;}
.top-banner .content1 { width: 100%; height: auto; background: transparent; margin: 0; display: inline-block; position: absolute; bottom: 44%; left: 0; right: 0;}
.content1 .outer-section { margin: 0;}
.outer-section .hom-left {    padding-right: 4%;} 
.outer-section .home-right {    padding-left: 4%;}
.inr-section .contentbox { margin-top: 50px;  margin-bottom: 50px;}
.cmn-container { width: 850px; float: none; margin: 0 auto;}
.cmn-container .contentbox { position: relative; overflow: hidden;}
.cmn-container .contentbox:before, .cmn-container .contentbox:after, .cmn-container #map:before, .cmn-container #map:after {    position: absolute;
    display: block;
    box-shadow: 0 0 10px 0 rgba(225, 225, 225, 0.6);
    content: '';
    z-index: 5;}
	.cmn-container .contentbox:before, .cmn-container #map:before {    top: -5px;
    left: 0;  right: 0; height: 5px;}
		.cmn-container .contentbox:after, .cmn-container #map:after{ right: -5px;
    top: 0;  bottom: 0;    width: 5px;}

/*home page btton css start*/
.cust-form .control-label{width: 100%;text-align: left;}
/*account sidebar css start*/
.img_text-center{text-align: center; display: inline-block;}
.img_text-center img{max-width: 100%;}
.nav-sidebar li  a {    padding: 10px 10px;  color: #6c6c6c;  font-size: 13px;  font-weight: 600; text-align: left;}
.nav-sidebar li a:hover, .nav-sidebar li a.active  {background: #36adb5; color: #fff;  /*-webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;*/}
.reg-sec .cust-ac-lft {padding-left:0px;}
.reg-sec .cust-ac-rht {padding-right:0px;}
.cust-form .cust-ac-lft{padding-right: 20px;}
.cust-form .cust-ac-rht {padding-left:20px;}
#timepicker-from input, #timepicker-to input{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.reg-sec .cust-ac-rht  .input-group-addon,
.reg-sec .cust-ac-lft  .input-group-addon
{border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;}
.cust-field-sec form.form-horizontal .form-group .form-container .cust-ac-lft {padding-left:0px;}
.cust-field-sec form.form-horizontal .form-group .form-container .cust-ac-rht {padding-left:0px;}
.cust-edit-sidebar .nav-sidebar li {margin-bottom:2px;}
/*.container.ac-container .row {padding:60px 0px;}*/
.cust-field-sec .form-horizontal .text-right {padding-right:0px;}
.cust-edit-section .form-horizontal .form-group:last-child { margin-bottom:40px;}
.cust-field-sec form.form-horizontal .form-group .form-container .cust-ac-lft .date input {     border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;  border-top-right-radius: 0; border-bottom-right-radius: 0px; }
.cust-field-sec form.form-horizontal .form-group .form-container .cust-ac-rht .date input {    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;  border-top-right-radius: 0; border-bottom-right-radius: 0px; }
.cust-field-sec .form-horizontal .form-group .phone-icon select {width:100%; float:left;}
.cust-field-sec .form-horizontal .form-group .phone-icon .col-sm-3 {float:left; padding-left:0px;}
.cust-field-sec .form-horizontal .form-group .phone-icon .col-sm-9 {float:right; padding-right:0px;}
.cust-field-sec .form-horizontal .form-group .phone-icon select {width:100%; float:right;}

/*account sidebar css start*/
.account-left .nav>li{margin-bottom: 5px;}
/*reel create form css start*/
.phone_number_block .reg-sec input.form-control{border:none;}
.content-display h1.page-header {    margin-top: 0;  font-size: 25px;  padding-bottom: 5px; text-transform:capitalize;}
.form-horizontal .form-group input.form-control {margin: 0; -moz-appearance: textfield; -webkit-appearance: textfield; height: 40px; outline: 0; border: 1px solid #eee;}
.form-horizontal .form-group .input-group .input-group-addon { background: #36adb5;  border: 0; border-radius:0px; outline: none; box-shadow: none; color: #fff; margin: 0;}
.custom-input {    width: 195px; flex: 1; flex-basis: 195px; flex-wrap: wrap; flex-shrink: 0;flex-grow: 0;}
.custom_margin{margin-top: 15px;}
.ad-dimension .custom-input:nth-child(4),.ad-dimension .custom-input:nth-child(5) {margin-top: 15px;}
.ad-dimension .custom-input input {padding:6px 5px; text-align:center; height: 36px;}
.empty-text {font-size:13px;}
.custom-input input {height:35px;}
.custom-input .form-control-feedback{right: 0px !important;}
.custom-input .form-control:focus,.custom-input .has-error .form-control:focus{box-shadow: none;}
.validation_sign.has-feedback .form-control-feedback{    right: 0px !important;}
.cart-details h3{display: inline-block;}
.cart-details .plan-name{display: inline-block;float: right;}
/*reel create form css end*/

/*login css start*/
.table_responsive td,.table_responsive th{    padding: 0px 10px;}
.panel.panel-default {    border-color: #e6e6e6;     border-radius: 0;     box-shadow: none;}
.panel-default .panel-heading {border: none; border-radius: 0; color: #fff; background: #56c0c8; font-size: 20px; font-weight: normal; height: 50px;}
.form-horizontal .form-group a.btn {color: #56c0c8;}
.form-horizontal .form-group button.btn  {    padding: 10px 30px;}
.form-horizontal .form-group .checkbox input {  outline: none; border: none; -webkit-border-radius: 4px;
    -moz-border-radius: 4px;  border-radius: 4px;} 
.form-horizontal .form-group select.form-control { 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  text-indent: 1px; 
  text-overflow: '';
  /*background: url(../images/arrow-down.jpg)#fff no-repeat;*/
  float: right; 
  background-position-x: right;
  -webkit-appearance: textfield;
  -webkit-border-radius: 0px;  -moz-border-radius: 0px;  border-radius: 0px; height: 40px; border:1px solid #eee;}
.form-horizontal .form-group ::-webkit-inner-spin-button { -webkit-appearance: none;}
.form-horizontal .form-group ::-webkit-outer-spin-button { -webkit-appearance: none;}
.form-control:focus { border-color: #56c0c8;  outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(86,192,200,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(86,192,200,.6);}
form.form-horizontal .form-group .control-label {padding-top:0px; padding-bottom:5px;}
.form-horizontal .form-group .phone-icon .col-sm-3 {padding-left:0px;}
.left-colm{padding-left:0px;}
.right-colm{padding-left:0px;padding-right:0px;}
form.form-horizontal .text-right button.btn { float: right;  margin-right: 0px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.login-page-cont {width:500px; float:none; margin:0 auto;}
.login-page-cont .panel-heading { border: none; border-radius: 0; color: #020621; background: transparent; font-size: 26px; line-height: 1;
 font-weight: normal;  padding-top: 25px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.login-page-cont .panel-body {padding:0 20px;}
.login-page-cont .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; margin-bottom: 17px;margin-top: 10px;}
.login-page-cont .form-horizontal .form-group .login-sec {padding:0 0; }
.login-page-cont .form-horizontal .form-group .login-sec .help-block {margin-bottom:0px;}
.login-page-cont .form-horizontal .form-group .login-sec .help-block strong { font-weight: 500; font-size: 14px;}
.login-page-cont .form-horizontal .form-group.forget-p a.btn.btn-link {padding:0px 0; line-height:1; font-size:12px;}
.login-page-cont .form-horizontal .form-group.log-submit button.btn {    background: #36adb5;
    color: #fff; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease;  -o-transition: all 500ms ease;
    transition: all 500ms ease; padding: 10px 30px; line-height: 1;  color: #fff; font-weight: 500;     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;  border-radius: 4px;
    text-shadow: none;  font-size: 16px; width:100%; float:left;} 
.login-page-cont .form-horizontal .form-group.log-submit button.btn:hover {    background: #5ebdc3;
    color: #fff;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 10px 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    font-size: 16px;}
.login-page-cont .form-horizontal .form-group .log-condition {    margin-bottom: 10px;}
.login-page-cont .form-horizontal .form-group.log-condition {    margin-bottom: 10px;}
.login-page-cont .form-horizontal .form-group.forget-p {margin-bottom:11px;}
.login-page-cont .form-horizontal .form-group.log-submit {margin-bottom: 8px;}
.login-page-cont .form-horizontal .form-group.login-btm {margin-bottom:25px;}
.login-main {margin-bottom:40px; padding-top:60px;}
.login-page-cont .panel.panel-default {margin-bottom:0px;}
.cust-ftr-sec .rounded-content-frame__footer {    background-color: rgba(241,238,234,0.2);
    border-top: 1px solid #F1EEEA; padding: 20px;  font-size: 14px; text-align: center;  color: #3D3D66;}
.login-page-cont .cust-ftr-sec {margin-bottom:0px;}
.cust-ftr-sec .rounded-content-frame__footer a { font-weight: 500; color: #36adb5; text-transform:capitalize;}
.login-page-cont .form-horizontal .form-group.login-btm .checkbox label input { margin-top:4px; }

/*login css end*/

/*reset password css start*/
.reset-container-main { width: 500px; float: none;  margin: 0 auto;}
.reset-container-main .panel-heading { border: none;
    border-radius: 0; color: #020621; background: transparent; font-size: 26px; line-height: 1; font-weight: normal;
    padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.reset-container-main .panel-body {    padding: 20px 20px 20px 20px;}
.reset-container-main .form-horizontal .form-group{ margin-left: 0px; margin-right: 0px; margin-bottom: 17px;}
.reset-container-main .form-horizontal .form-group .full-btn button.btn { padding: 10px 10px;
width: 100%; float: left;}
.reset-container-main .modal_dialog_head {    background-color: rgba(241,238,234,0.2);
border-bottom: none; text-align: center; color: #3D3D66; font-weight: 500; padding: 20px;}px;
.reset-container-main .modal_dialog_head h4 { font-size: 14px; padding: 20px; border-bottom: 1px solid #cecbc7; margin-bottom: 0px; text-align: center;  font-weight: 500; color: #3D3D66;}
.reset-container-main .modal_dialog_head a.modal_dialog_close{    font-size: 14px;
margin-bottom: 10px; color: #3D3D66;  position: absolute;
right: 0; top: 0px; padding: 20px;  margin: 0; z-index: 99;}
.reset-container-main .form-horizontal .form-group p { 
    font-weight: 500; color: #3D3D66;  font-size: 14px; line-height: 1.5;}
.reset-container-main .form-horizontal .form-group .help-block {margin-bottom:0px;}
.reset-container-main .form-horizontal .form-group .help-block strong {font-weight:500; font-size:14px;}
.form-horizontal .form-group.has-error .form-container .help-block {margin-bottom:0px;}
.form-horizontal .form-group.has-error .form-container .help-block strong {    font-weight: 500; font-size: 14px;}
.form-horizontal .form-group textarea {-webkit-appearance: textfield; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:1px solid #eee;}

/*reset passwordcss end*/
/*popup contact*/
.popup_contact .text_paracontact p{line-height: 22px !important;}
.text_paracontact{margin-bottom: 10px;}
.text_paracontact p{line-height: 20px !important;}
/*credit balance*/
.image_Section{border-bottom: 1px solid #ccc;}
.image_Section img{max-width: 100%;}
.text_content p{text-align: center;color: #000;font-size: 25px;}
.text_content h2{text-align: center;color: #000;
    font-size: 25px;}
.text_content{text-align: center;    background: #fff;
    padding: 20px 10px;margin: 0;}
.text_content .buy-button{display: inline-block;
    width: 100%;
    text-align: center;    padding-top: 15px !important;}
.text_content .buy-button .btn{float: none;background: none;
    border: 1px solid #36adb5;padding: 6px 45px;background: #36adb5;
    color: #fff;font-size: 16px;
    font-weight: 500;}
.text_content .buy-button .btn:hover{background: #5ebdc3;
    color: #fff;
    border: 1px solid #5ebdc3;}
.back_shadow{text-align: center;
    display: inline-block;
    width: 100%;margin-bottom: 60px;}
.plan_feature{margin-bottom: 40px;border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
  .back_shadow .buy-subs a .btn.btn-success{ float: none; }
  .ticket_planbox{width: 35%;margin: 0 auto;display: block;}
/*search filter sidebar css start*/
.form-group select.form-control { -webkit-appearance: none;  -moz-appearance: none; text-indent: 1px; text-overflow: ''; 
/*background: url(../img/arrow-down.jpg)#fff no-repeat; */
float: right; background-position-x: right;}
.form-group select.form-control { overflow:hidden; white-space:pre; text-overflow:ellipsis; -webkit-appearance: none;}
form.form-horizontal .form-group label {text-transform:capitalize;}
label.control-label.text-small {
    text-transform: inherit !important;
}
/*search filter sidebar css start*/ 

  .form-inline{text-align: left;}
.reset_btn{
      display: inline-block;
    float: right;
}
.form-inline{ display: inline-block; float: left; }
/*.form-inline .form-group.dimension_input{    width:192px;}*/
    .content-display .form-horizontal .ad-dimension .custom-input { padding-right: 15px;margin-bottom: 15px; padding-left: 0;}
/* media queries */
@media screen and (min-width: 992px) and (max-width:1200px) {
.ad-dimension .custom-input:nth-child(3),  .ad-dimension .custom-input:nth-child(4),.ad-dimension .custom-input:nth-child(5) {margin-top: 10px;}
.cmn-f-group{width: auto;float: none;display: block !important;padding-bottom: 10px;margin-left: 0px !important;}
.top-container .main-content .map-section .text-center{display: inline-block;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;}
	.map-section form#form-init .form-group:last-child {/*margin-top: 10px;    float: right;
    margin-right: 5%;*/display:inline-block;}
  .form-inline .form-group.dimension_input{ width: 254px;}
  .reset_btn {
    display: inline-block;
    float:left;
    
    margin-top: 30px;
	margin-left:20px;
  }
  .text_content h2,.text_content p{font-size: 20px;}
  .text_content .buy-button{padding-top: 5px !important;}
  .list-item{padding: 16px 10px 15px 10px;}
}
@media screen and (min-width:992px){
  .cust-field-sec form.form-horizontal .form-group .form-container .cust-ac-rht{
    padding-right: 0;
  }
  .img_text-center{float: right;}
}
@media screen and (min-width: 768px) and (max-width:992px) {
.map-section .form-group.cmn-f-group{margin-left:0px !important;}
   .img_text-center{text-align: right;}
  .phone_number_block .reg-sec{width: 60%;}
.reset_btn{    margin-top: 30px;}
.form-inline .form-group.dimension_input { width: 228px;}
  .navbar-nav li a {  padding: 28px 8px;}
	.navbar-collapse .navbar-nav li a {font-size:12.5px;     padding: 8px 5px 15px 5px;}
	#map { height: 400px!important;}
	header .navbar-header a.site-logo { top: 15px; left: 0; width: 100px!important;}
	.cmn-f-group {width: auto; float: none; display: block !important;}
	footer .socialsection {padding-left:25px;}
	.custom-detail .detail-lft {/* width: 68%; float: left;  margin-right: 2%;*/}
	.custom-detail .detail-rht {/*width:30%; float:right; padding:0;*/}	
.detail-lft { width:100%; float: left;  margin-right: 2%;}
.detail-rht {width:30%; float:right; padding:0;}
	.slider #slider .flex-viewport {width:100%;}
	.custom-detail .detail-rht .thumbnail .text-center a.btn {
    font-size: 14px;  padding: 10px 10px; min-width: 170px;}
	.custom-detail .detail-rht .thumbnail { padding: 14px 12px; }
.map-section .rht-map .text-center {  padding-bottom: 0;} 
.main-content .map-section .rht-map .row {padding-top:20px!important;}
.map-section .rht-map p.text-bold { padding-bottom: 0px;} 
.map-section .form-inline .cmn-f-group {padding-bottom:10px;}
footer .socialsection {  border-top: 0px!important; padding-top: 0px!important; }
footer .second-divider { margin-top: 0px!important;  padding-bottom: 20px; }
.cust-field-sec form.form-horizontal .form-group .form-container .cust-ac-lft {margin-bottom:15px; padding-right:0px;}
.cust-field-sec form.form-horizontal .form-group .form-container .cust-ac-rht {padding-left:0px; padding-right: 0}
.cust-field-sec .form-horizontal .form-group label {text-align:left;}
	
}
@media screen and (max-width:1200px) and (min-width:768px){
  .input-group-addon{  padding:0 }
  header .navbar-header a.site-logo{position:relative;}
}

@media screen and (max-width:1199px) {
    .custom-detail .detail-rht .thumbnail {padding:15px 20px;}
    .custom-detail .detail-rht .thumbnail .text-center a.btn {font-size:16px; padding: 13px 20px;} 
}

@media screen and (min-width:1200px){
	.container{/* width:1230px; */}  
}


@media screen and (max-width:1024px) {

    /*.main-content .container .row {padding-top:50px!important;}*/
    .container.cmn-container .row {padding-top:0px!important;}
    .map-section .jumbotron {/*margin-top:20px!important;*/}  
    .map-section .rht-map .text-center a {font-size:22px!important;}
    .top-container footer {width:100%;}
    .map-section .rht-map .media .media-left .media-price {padding: 10px 0; font-size: 19px;}
    .rht-map .media .media-body {padding-bottom:0;}
    .custom-detail {width: 96%;}
    .detail-lft .top-section h3 {display: inline-block;}
    .detail-lft .top-section .right-side {float: right;}
    .custom-detail .detail-rht .thumbnail .text-center a.btn { font-size: 14px;  padding: 12px 14px;}
    .flex-direction-nav {bottom: 22.5%;}
    .navbar-collapse .navbar-nav li a {   /*  padding: 28px 8px; */}
    .aligncenter  .rating {font-size: 40px;}
    .content-display h1.page-header {font-size: 20px;} 
    .text_content h2,.text_content p{font-size: 18px;}
  .text_content .buy-button{padding-top: 5px !important;}

    /* subscription_page */
.inner_subs_content .container,
    .subs_container{
      width:80%;
    }
    .inner_drop_down_section{
      width: 90%;    
      margin-bottom: 30px;
      text-align: left;
    }
     .subs_banner_section{
        background:url(../images/subscription-wall.png) no-repeat;
        background-size: cover;
        background-position: 0 -423px;
        margin-bottom: 10rem;
        
     }
     .subs_banner_section img{
      display: none;
     }
     .inner_subs_content{
      position: relative !important;

     }
     .drop_down_section{
      text-align: center;
     }
}
@media screen and (max-width:996px){
.panel.panel-yellow .panel-body{
float:none;

}

}
@media screen and (max-width:992px) {

  .ad-dimension .custom-input:nth-child(4), .ad-dimension .custom-input:nth-child(5){margin-top: 0;}
.ad-dimension .custom-input{flex-basis:165px; width: 165px;margin-bottom: 10px;}
.custom-register-contner form#form .form-group .reg-sec{
  display: block;
}
.phone_number_block .reg-sec{
  display: inline-block;
}
.phone_number_block .reg-sec input.form-control{
  padding-right: 0;
  padding-left: 5px;
    width: 100%;
    float: right;
}
.reg-sec .cust-ac-lft,
.reg-sec .cust-ac-rht{
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 15px 0;
}
.map-section .lft-map .jumbotron .form-group .irs-line-mid,
.map-section .lft-map .jumbotron .form-group .irs-line-left,
.map-section .lft-map .jumbotron .form-group .irs-line-right { width: 99%; float: left; }
	.form-horizontal .form-group.cust-form .cust-ac-lft {padding:0px; margin-bottom:20px;}
  .form-horizontal .form-group.cust-form .cust-ac-rht {padding:0px;}
}


@media screen and (max-width:991px){
  .table_responsive{overflow-x: auto;}
  .content-display .form-horizontal .ad-dimension .custom-input{width: 50%}
  .top-container .main-content .map-section .rht-map .text-center{display:block !important;text-align:center;}
	.right-text .text-center{display:none !important;}
	.top-container .main-content .map-section .text-center{display: inline-block;width: 100%;margin-left: -15px;margin-right: -15px;}
}
@media screen and (max-width:992px) and (min-width:767px){
/*.list-item{padding: 10px 10px 10px 10px !important;}*/
.left-user-list .inner-side .left-full-container .navbar-nav .dropdown-menu li a{font-size: 12px !important;}
.map-section .rht-map .media {width: 45%;}
}
@media screen and (max-width:767px) and (min-width:481px){
.map-section .rht-map .media {width: 45%;}
.user-list-page .left-user-list .inner-side .list-user-bar {width:50%; float:left; text-align: center;}
.user-list-page .left-user-list .inner-side .left-full-container {width:50%; float:left;}
.user-list-page .left-user-list .inner-side .user-lft-img img ,
.user-list-page .left-user-list .inner-side .user-lft-img:hover .edit_profile{
    width: 100px!important;
    height: 100px!important;
    float: none;
    
}
.left-user-list .inner-side .page-header {font-size:16px; border-bottom:none;}
.left-user-list .inner-side .left-full-container .nav.navbar-nav li a {
    font-size: 14px!important;
    height: 40px!important;
    line-height: 21px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.left-user-list .inner-side .left-full-container .nav.navbar-nav li a .caret {
    margin-top: 8px!important;
}
.left-user-list .inner-side .left-full-container .navbar-nav .dropdown-menu li a {
    height: 40px!important;
    line-height: 40px!important;
    font-size: 14px!important;
}
.user-list-page .right-user-list {margin-top:40px;}
.user-list-page .right-user-list .media-body .list-inline li {width:100%; float:left; text-align:left;}
.user-list-page .right-user-list .media-body .list-inline {    margin-left: 0;
    list-style: none; width: 100%;  float: left;}
.left-user-list .inner-side .left-full-container .navbar-nav li a .user-icon { top: 2px!important;}
.left-user-list .inner-side .left-full-container .navbar-nav { margin-bottom: 0;  margin-top: 20px;}
#slider .flex-direction-nav .flex-prev { left: 40%;}
#slider .flex-direction-nav .flex-next { right: 40%; }
.rht-map .media .media-left {
    height: auto!important;
}
.cust-field-sec {margin-top:30px; }
.cust-field-sec .form-horizontal .form-group .phone-icon .col-sm-3{    padding-left: 0px;
    width: 100%;    float: left;    padding-right: 0px;}
.cust-field-sec .form-horizontal .form-group .phone-icon select {margin-bottom:20px;}
.cust-field-sec .form-horizontal .form-group .phone-icon .col-sm-9 {    padding-left: 0px;
    width: 100%;    float: left;    padding-right: 0px;}
.form-horizontal .form-group.cust-form .cust-ac-lft {padding-left: 0px; margin-bottom:20px;}
.form-horizontal .form-group.cust-form .cust-ac-rht {padding:0px;}
  .content-display .form-horizontal .ad-dimension .custom-input{
    width:33%;
  }	
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

/*@media screen and (max-width:767px) and (min-width:557px){
  .ad-dimension .custom-input:nth-child(3),  .ad-dimension .custom-input:nth-child(4),.ad-dimension .custom-input:nth-child(5) {margin-top: 15px;}

}*/
@media screen and (max-width:768px) and (min-width:481px){
.user-list-page .right-user-list .media {    width: 50%; float:left;}	
.user-list-page .left-user-list .inner-side .left-full-container .navbar-nav {margin-bottom:20px!important;}
.dtl-tabber .tab-content .tab-pane .page-header h3 {font-size:16px; }
.dtl-tabber .tab-content .tab-pane .page-header h3 {font-size:16px;}
.dtl-tabber .tab-content .tab-pane .cmn-class { padding: 10px;  min-height: 189px; }
.tab-pane .cmn-class  .aligncenter .rev-text {padding-top:0px;}
.detail-rht .thumbnail .text-left {padding-right:20px!important;}
.detail-rht .thumbnail .user-name {text-align:left!important;}
.custom-detail .detail-rht .thumbnail .text-center a.btn {min-width:100%!important;}

}
@media screen and (min-width:1024px){
  .outer-wrapper img {
    height:600px !important;
  }
    .inner_subs_content .container,
    .subs_container{
      width:80%;
    }
    .inner_drop_down_section{
      /*width: 379px;*/    
      box-shadow: 0.5px 0.5px 10px 0.5px rgba(0, 0, 0, 0.59) 
    }
    .drop_down_right{
      float: right;
    }
}



@media screen and (max-width:767px) {
  .cart-details .form-control-feedback{    top: 8px;}
  .jp-card{min-width: 265px !important;}
  .card-container .has-feedback label~.form-control-feedback{top: 40px;}
 .plan-price, .cart-details h3{font-size: 15px;}
  .order-btn button.btn{padding: 10px 22px !important;}
  .ticket_planbox{width: 40%;}
  .list-item{    padding: 20px 30px;}
  .list-item:first-child{border-left: 0;}
  .text_content h2,.text_content p{font-size: 18px;}
  .text_content .buy-button{padding-top: 5px !important;}
  .detail-container{padding: 0px !important;}
  .cm-f-group, label{margin-top: 10px;margin-bottom: 0px;}
  .panel-heading.clearfix{font-size: 16px !important;}
  .testimonial-desc{padding: 5px 5px 0 !important}
  .col-md-6.testimonial{margin-bottom: 35px !important;}
  .map_container{display: inline-block; width: 100%;}
  .chat{width: 100% !important;    margin-top: 10px !important; display: inline-block;}
  .testimonial-title.text-center{margin-bottom: 5px !important;}
  .h1, h1{font-size: 22px;}
  .subscription-plan-heading{padding: 50px 0 20px !important;}
  .btn-group.buy-button{text-align: center;}
  .col-md-6.subscription-plan-container{padding-bottom: 10px !important;}
  .col-md-6.subscription-plan-container 
  .buy-button label{float: none !important; margin-bottom: 5px;}
  .custom-register-contner form#form .form-group .reg-sec{width:100%;}
  .reset_btn { display: inline-block; float: right; margin-right: 45px; margin-top: -52px;}
  .or-text{margin-left: 15px;margin-right:15px;}
  .left-text{margin-left: 15px;margin-right:15px;}
  .map-section .dim-set{margin-right:0px;}
  .right-dim{margin-right:0px;}
  .map-section .form-group.cmn-f-group{margin-left:0px !important;}
  .top-container .main-content .map-section .text-center{display: inline-block;width: 100%;margin-left:0px;margin-right:0px;}
 .form-inline{ display: block;float: none;}
.form-inline .form-group.dimension_input { width: auto;}
    .navbar-nav>li>a {  padding-top: 10px!important;  padding-bottom: 10px!important; line-height: 20px;}
    .top-container .map-section .rht-map .text-center {padding-bottom:18px;}
    .aligncenter  .rating {font-size: 32px;}
    .tab-pane .cmn-class .rev-text span {font-size: 14px;}
    .cmn-class  .aligncenter .total-review-txt {font-size: 14px;}
    .navbar-collapse .navbar-nav li a {text-align: left;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {font-size: 12px;}
    .top-banner .content1 {bottom: 10%;}
    .outer-section .hom-left {width: 50%; float: left;}
    .outer-section .home-right {width: 50%; float: left;}
    .content1 .outer-section a.btn {    padding: 14px 20px; min-width: 205px;}
    .content-display h1.page-header { font-size: 18px; }
    .navbar-collapse .navbar-nav li ul {    box-shadow: none;  border: 0;  -webkit-box-shadow: none;}
    .collapse .navbar-nav li ul li a {font-size: 12px;}
	.custom-input {margin-bottom:10px;}
	#map { height: 300px!important;    }
  .result-container{margin-left:0px !important;}
/*   .inr-section #map {margin-bottom: 30px;} */
 /*  .inr-section #map { width: 90%!important; float: none; margin: 50px auto 20px auto;} */ 
	header .navbar { min-height: 75px;}
	header .navbar-header a.site-logo {width:105px!important;}
	.navbar-default .navbar-toggle {margin-top:10px; border-radius: 0px;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #36adb5;}
	.navbar-default .navbar-toggle:focus:hover .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {    background-color: #fff;}
	.custom-detail .detail-lft {/* width: 100%; float: left;  margin-right: 0%;*/}
	.custom-detail .detail-rht {/*width:100%; float:right; padding:0;*/}
	
	 .detail-lft { width: 100%; float: left;  margin-right: 0%;}
	.detail-rht {width:100%; float:right; padding:0;}
	.slider #slider .flex-viewport {width:100%;} 
	.custom-detail .detail-rht .thumbnail .text-center a.btn { 
    font-size: 14px;  padding: 10px 10px;  min-width: 170px;}
	.detail-rht .thumbnail .user-name { padding-bottom: 20px; } 
    header .log-out-sec li { float: left; display: block; width: 100%;}
	header .log-out-sec li.space {display:none;}
	.navbar-default .navbar-toggle {padding-top:15px;}
	.custom-register-contner {width:100%;}
	.login-page-cont {width:440px;}
	.reset-container-main {width:440px;}
	.reset-container-main .panel-body {padding-bottom:0px;}
	.reset-container-main .panel.panel-default {margin-bottom:0px;}
	
	
	.cust-field-sec {margin-top:30px; }
.cust-field-sec .form-horizontal .form-group .phone-icon .col-sm-3{    padding-left: 0px;
    width: 100%;    float: left;    padding-right: 0px;}
.cust-field-sec .form-horizontal .form-group .phone-icon select {margin-bottom:20px;}
.cust-field-sec .form-horizontal .form-group .phone-icon .col-sm-9 {    padding-left: 0px;
    width: 100%;    float: left;    padding-right: 0px;}
.form-horizontal .form-group.cust-form .cust-ac-lft {padding:0px; margin-bottom:20px;}
.form-horizontal .form-group.cust-form .cust-ac-rht {padding:0px;}
.cust-edit-section {margin-top:40px;}

.b_v_section .Thank_section,
.inner_b_v_section{
  font-size: 20px !important;
}

}

@media screen and (max-width:768px) {

	footer .second-divider {margin-top:20px;border-top: 1px solid #ebebeb;}
	footer .socialsection { margin: 0px; padding: 10px 0 0 0px; width: 100%;
	text-align: center; border-left: 0;}
	footer .socialsection .footericon {float:none; display:inline-block;  padding-right: 10px;}
	footer .socialsection .download-icon {float:none; display:inline-block; padding-left: 10px; padding-top: 0;}
	footer .divider { margin-top: 0px; padding: 20px 0;}
	.footerlink-horizontal .list-inline {text-align:center;margin-bottom: 0px;}
	.footerlink-horizontal .list-inline li {float:none; display:inline-block;}
	.footerlink-horizontal { padding-right: 0;margin-top: 20px;}
		.custom-detail .detail-lft {/* width: 100%;    float: left;    margin-right: 0;    padding-right: 0px;*/}
	.custom-detail .detail-rht { /*padding-right: 15px;  width: 100%;*/}
	.custom-detail .detail-rht .thumbnail { /*padding: 15px 20px; float: left; width: 100%;*/}
	
	 .detail-lft {    width: 100%;    float: left;    margin-right: 0;    padding-right: 15px;}
	 .detail-rht { padding-right: 15px;  width: 100%;}
	 .detail-rht .thumbnail { padding: 15px 20px; float: left; width: 100%;}
	.detail-rht .thumbnail .text-left {float:left;  padding-right: 20px;}
.cust-edit-sidebar {margin-bottom:20px;}
.left-user-list .inner-side .left-full-container .navbar-nav .dropdown-menu li a {font-size:14px; line-height:40px; height:40px;}
.left-user-list .inner-side .left-full-container .navbar-nav li a {font-size:14px; padding-left: 10px; padding-right: 10px;}	
	
  .inner_subs_content .container{
    width:100%;
  }
  .inner_drop_down_section{
    widfth:100%;
  }
  .inner_subs_content h1{
    font-size: 31px;
  }
}

@media screen and (max-width:481px) {
  .panel-default .panel-heading{font-size: 18px;height: 45px;}
  .h3, h3{font-size: 20px;}
  .customer-description li .text{
      width: 80%;
  }
  .content-display .form-horizontal .ad-dimension .custom-input{
    width:50%;
  }
    .rht-map .media .media-left {width:100%!important; height:auto;}
    .map-section .rht-map .text-center a {font-size:18px!important;     padding: 0 10px!important;}
	
	.main-content .map-section .text-center .form-group button.btn{padding: 9px 20px;}
	button.btn{padding: 9px 25px;}
	.top-container .main-content .map-section .text-center{text-align:center}
	.map-section .text-center a.map-text {font-size:18px!important;     padding: 0 10px!important;}
    .top-container .map-section .rht-map .text-center {padding-bottom:20px;}
    .footercontent  {width:100%; float:left;}
    footer .footercontent .footer-right-bar {width:100%; float:left; padding: 12px 0 0 0; border-left: 0;}
    footer .footercontent .footer-left-bar {width:100%; float:left;}
    .footer-left-bar .footerlink-horizontal {    padding-right: 0;}
    .footer-left-bar .footerlink-horizontal .list-inline li {width:100%; float:left; text-align:center; padding-bottom:8px;}
    .footer-right-bar .socialsection .list-inline span {font-size:17px;}
    .footer-right-bar .socialsection .list-inline {margin-left:0px;}
    .rht-map .media .media-body {    padding: 15px 20px 15px 20px;}
    .map-section .rht-map .media .media-body p {font-size:16px!important;}
    .top-container .map-section .lft-map h3 {font-size:18px;} 
    .detail-lft .dtl-tabber .tab-content .tab-pane .cmn-class {width:100%; padding:10px;     min-height: auto;}
    .flex-direction-nav {  bottom: 24.5%;}
    .dtl-tabber .tab-content .tab-pane .section {padding: 10px;}
    .dtl-tabber .tab-content .tab-pane .page-header h3 {  font-size: 16px;  padding-left: 0px;}
    .tab-pane .section h4 {font-size: 16px;}
    .tab-pane .section .cmn {font-size: 14px; padding-bottom:4px;}
    .detail-lft .top-section .left-side {font-size: 18px!important;}
    .detail-lft .top-section .right-side {font-size: 18px!important;}
    .dtl-tabber .tab-content .tab-pane .cmn-class:last-child {  border-top: 0px;     border-left: 1px solid #e6e6e6;}
    .customer-description li .text {  margin-left: 0;  float: left;  margin-top: 20px;}
    .outer-section .hom-left {width: 100%; float: left; margin-bottom: 15px;}
    .outer-section .home-right {width: 100%; float: left;}
    .content1 .outer-section a.btn { 
     padding: 13px 22px;    float: left;  min-width: 176px;     min-height: 50px; font-size: 13px; float: none; margin: 0 auto;  display: block;}
    .content1 .outer-section a.btn p {padding-left: 5px;     line-height: 1; float: none; display: inline-block;}
    .content-display h1.page-header { font-size: 15px; line-height: 1.4;}
	.footerlink-horizontal .list-inline li a {padding-right:8px;}
	footer .socialsection .footericon { width: 100%; float: left;}
	footer .socialsection .download-icon { width: 100%; float: left; padding-left:0px;}
	footer .socialsection .footericon .list-inline span {text-align:left; font-size:17px;}
	footer .socialsection .download-icon .list-inline span {text-align:left; font-size:17px;}
	footer .divider {font-size:12px;}
	.container .row.custom-detail {    padding-top: 30px!important;  padding-bottom: 30px!important;}
	.detail-lft .top-section .detail-name {font-size:16px; letter-spacing: 0.5px;}
	.detail-lft .top-section .detail-name i {padding-top:2px;}
	.dtl-tabber .tab-content .main-tabber .section .cmn {font-size:13px;} 
	.custom-detail .detail-lft .dtl-tabber .tab-content .tab-pane {/*padding:10px 0px;*/}
 .detail-lft .dtl-tabber .tab-content .tab-pane {padding:10px 0px;}
	.detail-lft .top-section p i {font-size:18px;}
	.custom-detail .detail-rht .thumbnail .text-center a.btn {/*min-width:100%;*/}
 .detail-rht .thumbnail .text-center a.btn {min-width:100%;}
	.footerlink-horizontal .list-inline li a {font-size:12px;}
	footer .socialsection .footericon .list-inline span {font-size:15px;}
	footer .socialsection .download-icon .list-inline span {font-size:15px;}
	.tab-pane .cmn-class .aligncenter {    text-align: center;  padding-top: 25px;    padding-bottom: 25px;}
	.tab-pane .cmn-class .aligncenter .rev-text {  padding-top: 0;}
	.custom-detail .detail-rht .thumbnail {
    padding: 15px 20px;    float: left;    width: 100%;}
	.thumbnail p.lead {margin-bottom:10px; font-size:15px;}
	.detail-rht .thumbnail .text-left {  margin-bottom: 15px;  float: left;}
	.detail-rht .thumbnail .user-name {text-align:center;}
	.detail-rht .thumbnail .user-name .text-center {text-align:center;}
	.custom-register-contner { width: 100%; float: none; margin: 0 auto; background: #fff;}
	.login-page-cont {width:300px;}
	.login-page-cont .panel-heading {padding-top: 20px; padding-bottom: 20px; font-size: 20px;}
	.panel.panel-default.custom-register-contner .panel-heading { padding-top: 20px; padding-bottom: 20px; font-size:20px;}
  .content1 .outer-section a.btn i {  float: none;  padding-top: 0px;   font-size: 1.5em; display: inline-block;} 
  .top-banner .content1 { bottom: 15%;}
  .user-list-page .right-user-list .media-body .list-inline li {width:100%; float:left; text-align:center;}
.user-list-page .right-user-list .media-body .list-inline {    margin-left: 0;
    list-style: none; width: 100%;  float: left; margin-bottom:0px;}
.left-user-list .inner-side .left-full-container .navbar-nav {margin:0px;}
.left-user-list .inner-side .left-full-container .navbar-nav li a {
    font-size: 14px!important;
    height: 42px!important;
    line-height: 30px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 10px!important;
    padding-right: 10px!important;




}
.left-user-list .inner-side .left-full-container .navbar-nav li a .caret { margin-top: 12px!important;}
.left-user-list .inner-side .left-full-container .navbar-nav li a .user-icon { top: 8px!important;} 
.left-user-list .inner-side .left-full-container {margin-top:20px;}
.left-user-list .inner-side .left-full-container .navbar-nav {margin-bottom:0px!important;}
.user-list-page  .right-user-list  {margin-top:30px;}
.reset-container-main {width:300px;}
.reset-container-main .form-horizontal .form-group p {font-size:13px;}
.reset-container-main .modal_dialog_head h4 {font-size:13px; padding:15px; font-weight:normal;}
.cust-ftr-sec .rounded-content-frame__footer {font-size:13px; padding:15px;}
.rounded-content-frame__header {font-size:13px; padding:15px;}
.reset-container-main .form-horizontal .form-group .full-btn button.btn {font-size:14px;}
.detail-rht .thumbnail .text-left {padding-right:0px;}
.customer-review-two .customer-review {padding:10px;}  
.customer-review-two .customer-description {padding:10px;} 
.main-tabber .customer-review-one .cmn-class {width:90%!important; float:none!important; margin:0 auto;}
}

@media screen and (max-width:480px) {
  .map-section .rht-map .media{width: 100%;}
  .ticket_planbox{width: 60%;}
  #pac-input{
    width: 70% !important;
  }
#slider .flex-direction-nav .flex-next { right: 30%!important; }
#slider .flex-direction-nav .flex-prev { left: 30%!important; }	
.slider #slider .flex-viewport .slides {height:320px;}	
.sweet-alert h2{font-size: 25px !important;}
.sweet-alert p{font-size: 14px !important;}
.sweet-alert button{padding: 10px 25px !important;font-size: 14px !important;}
	
}
@media screen and (max-width:360px) {
  .customer-description li .text {
    width: 75%;
  }
}
@media screen and (max-width:768px){
.full-map-sec{
position:relative;
width:100%;
display:inline-block;

}
}
@media screen and (max-width:991px) {
.personal-head {
    padding-bottom: 8px;
    text-align: center;
}
.left-user-list .inner-side .page-header {font-size:18px!important;}
.personal-head h3 {font-size:16px;}
	
.cmn-container {width:90%;}
.left-user-list .inner-side .left-full-container .navbar-nav li a {    padding-left: 10px!important;
    padding-right: 10px!important;}
.custom-register-contner form#form .form-group .cust-class-code {width:30%; float:left; margin:0;}	
.custom-register-contner form#form .form-group .cust-class-ph {width:60%; float:left; margin:0;}

}
@media screen and (max-width:375px){
  .ad-dimension .custom-input{width: 100%; flex-basis:100%;}
.custom-register-contner form#form .form-group .cust-class-code {width:63%; float:left; margin:0;}	
}
.form-control-feedback{
width:0%;
float:right;
}



.rht-map .media .media-body .list-inline li p label{font-weight: 600; font-size:14px;     margin-bottom: 5px;}
label{font-weight: 500}
.rht-map .media .media-body .list-inline li p span{font-size: 16px;     padding-top: 0;} 
.ad-dimension .col-sm-4{margin:5px 0;}
.phone-icon  i{margin-top: 10px;}
#reels_list .list-inline>li{    padding-left: 5px; padding-right: 0;float: left;}
#reels_list table.dataTable tbody th, table.dataTable tbody td{padding: 5px 5px !important;text-align: center;}
tbody > tr > td {overflow: hidden; white-space: nowrap;}
.form-horizontal .form-group tbody > tr > td {overflow: hidden; white-space: normal;}

select:disabled, input:disabled {background-color: #eee!important; background-image: none!important;}
.detail-rht .thumbnail .lead {font-size:14px;}
table#reels_list .list-inline li {float:none;}
#contacts_table .list-inline>li,#contacts_table .head{    margin-top: 15px;}

.left-full-container .navbar-collapse .navbar-nav li ul {}
.left-full-container .navbar-inverse {background-image:transparent; background:transparent; border:transparent; width: 100%;
    float: left;}
.left-user-list .inner-side {width:100%; float:left; border: 1px solid #eeeeee; border-radius: 0px;}

.left-user-list .inner-side .page-header {    text-align: center;     font-size: 26px;
    font-weight: normal;
    
    color: #040809;
    padding-bottom: 13px; margin-bottom: 0px;  text-transform: capitalize; line-height: 1;}
.left-user-list .inner-side .left-full-container {width:100%; float:left;}
.left-user-list .inner-side .left-full-container .navbar-nav {width:100%; float:left;}
.left-user-list .inner-side .left-full-container .navbar-nav li a {    font-size: 16px;
    color: #322e2e;  font-weight: 500;  line-height: 1; }
.left-user-list .inner-side .left-full-container .navbar-nav li .forAnimate {opacity:1;}
.left-user-list .inner-side .left-full-container .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
    background-image: none!important;
    background-image: none!important; 
    background-image: none!important;
    background-image: none!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
    background-repeat: repeat-x;  -webkit-box-shadow: none!important;	background-color:transparent!important;  box-shadow: none;}
	
.left-user-list .inner-side .left-full-container .navbar-nav .dropdown-menu li a {    color: #010101;
    padding: 0 10px;
    height: auto;
    line-height: normal;     
    text-transform: capitalize;
    background: rgba(121, 118, 118, 0.07);
    padding-bottom: 10px;
    font-size: 15px;
    text-align: left;
  }
  .left-user-list .inner-side .left-full-container .navbar-nav .dropdown-menu li:first-child a{padding-top: 10px;}
.left-user-list .inner-side .left-full-container .navbar-nav .dropdown-menu li a:hover {color:#fff; 
    background: rgba(54,173,181,.9);
}
.left-user-list .inner-side .left-full-container .navbar-nav li a  {
    font-size: 16px;
    color: #322e2e;
    font-weight: 500;
    
    height: 52px;
    line-height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 29px;
    padding-right: 26px;	
	text-transform:capitalize;
}

.left-user-list .inner-side .left-full-container .navbar-nav li a .glyphicon-user {top:16px;}
.left-user-list .inner-side .left-full-container .navbar-nav li a .caret { margin-top: 24px;}
.left-user-list .inner-side .left-full-container .navbar-nav li a .user-icon { top: 16px;}
.map-section .form-inline .form-group .input-group .input-group-addon {    height: 34px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    background: #5ebdc3;
    color: #fff;
    border: 1px solid #5ebdc3;
    cursor: pointer;}
.map-section .form-inline .form-group .input-group .form-control {height:36px;}	
.map-section .form-inline .cmn-f-group label {margin-bottom:0px;}

	
/*drop-down*/


/* remove outer padding */
.main .row{padding: 0px;margin: 0px;}
/*Remove rounded coners*/
nav.sidebar.navbar {border-radius: 0px;}
nav.sidebar, .main{-webkit-transition: margin 200ms ease-out;-moz-transition: margin 200ms ease-out;-o-transition: margin 200ms ease-out;
transition: margin 200ms ease-out;}
/* Add gap to nav and right windows.*/
.main{ padding: 10px 10px 0 10px;}
/* .....NavBar: Icon only with coloring/layout.....*/
/*small/medium side display*/
@media (min-width: 768px) {.user-list-page .left-user-list  { padding-left: 0px;  padding-right: 0px;}
.map-section .lft-map {padding-left:0; padding-right:0px;}

/*Allow main to be next to Nav*/
.main{position: absolute;width: calc(100% - 40px); /*keeps 100% minus nav size*/
margin-left: 40px;float: right;}

/*lets nav bar to be showed on mouseover*/
nav.sidebar:hover + .main{margin-left: 200px;}

/*Center Brand*/
nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
/*Center Brand*/
nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
text-align: center;width: 100%;margin-left: 0px;}

/*Center Icons*/
nav.sidebar a{padding-right: 13px;}

/*adds border top to first nav box */
nav.sidebar .navbar-nav > li:first-child{border-top: 1px #e5e5e5 solid;}

/*adds border to bottom nav boxes*/
nav.sidebar .navbar-nav > li{border-bottom: 1px #e5e5e5 solid;}

/* Colors/style dropdown box*/
nav.sidebar .navbar-nav .open .dropdown-menu {
position: static;float: none;width: auto;margin-top: 0;
background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}

/*allows nav box to use 100% width*/
nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{padding: 0 0px 0 0px;}

/*colors dropdown box text */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #777;}

/*gives sidebar width/height*/
nav.sidebar{width: 200px;height: 100%;margin-left: 0px;float: left;z-index: 1;margin-bottom: 0px;}

/*give sidebar 100% width;*/
nav.sidebar li {width: 100%;}

/* Move nav to full on mouse over*/
nav.sidebar:hover{margin-left: 0px;}
/*for hiden things when navbar hidden*/
.forAnimate{opacity: 0;}
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {
/*Allow main to be next to Nav*/
.main{width: calc(100% - 200px); /*keeps 100% minus nav size*/margin-left: 200px;}

/*Show all nav*/
nav.sidebar{margin-left: 0px;float: left;}
/*Show hidden items on nav*/
nav.sidebar .forAnimate{opacity: 1;}
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
color: #CCC;background-color: transparent;} 

nav:hover .forAnimate{opacity: 1;}
section{padding-left: 15px;}

.delete-image {	float: right;}	
.image-slider { overflow-x: scroll; white-space: nowrap;}

/*user reels edit section start*/
 .form-horizontal .form-group .image-slider {   overflow-x: scroll; white-space: nowrap;  width: 100%; margin-top: 10px; margin-top: 10px;
    float: left;
	display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    height: auto;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
 .form-horizontal .form-group .image-slider ul { width:1500px; float:left; margin:0; padding:0;} 
 .form-horizontal .form-group .image-slider ul li.reel-images-list { list-style:none; float:left; position:relative; margin-right:10px; width:110px;
 height:110px; cursor:pointer;     border: 1px solid #ccc;
    text-align: center;
    -webkit-appearance: textfield;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;} 
 .form-horizontal .form-group .image-slider ul li.reel-images-list a {padding:0; position:absolute; top:3px; right:5px; cursor: pointer;
    font-size: 18px; display:none;} 
 .form-horizontal .form-group .image-slider ul li.reel-images-list img {width:100px!important; height:100%;     object-fit: contain;}
 .form-horizontal .form-group .image-slider ul li.reel-images-list:hover a {display:block;}
 .form-horizontal .form-group a.delete-image {    color: #36adb5;  font-size: 13px;  font-weight: 600; cursor: pointer;}

/*user reels edit section end*/
/*.star-rating {unicode-bidi: bidi-override;direction: rtl;text-align: center;}
.rating > span {
    display: inline-block;
    position: relative;
     width: auto;
    height: auto;
    margin-right: 0px;
    color: #36adb5;
	font-size:22px;
}
.rating > span:hover, .rating > span:hover ~ span {
    color: transparent;
}
.rating > span:hover:before, .rating > span:hover ~ span:before {
    content: "\2605";
    position: absolute;
    left: 0;
    color: #36adb5;
}
.rating{
  direction:rtl;
}*/
 /*Modal css */
 .modal-content .modal-body .popup-class input, .modal-content .modal-body .popup-class textarea {width:100%; float:left;}
.modal-content .modal-body .popup-class { padding: 0;margin-bottom: 16px;}
.modal-content .modal-body .popup-class input{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;
color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.modal-content .modal-body .popup-class textarea { display: block; width: 100%;min-height: 80px;padding: 6px 12px;font-size: 14px;
line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.modal-content .modal-body .popup-class button { background: #36adb5;color: #fff;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;
 -o-transition: all 500ms ease;transition: all 500ms ease;padding: 10px 30px;line-height: 1;color: #fff;font-weight: 500;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
text-shadow: none;font-size: 16px;width: 100%;float: left;border: 1px solid #36adb5;height: 36px;}
.modal-content .modal-body .popup-class button:hover { background: #5ebdc3;color: #fff;border: 1px solid #5ebdc3;-webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px;}
.modal-content .modal-footer { border:0px;padding: 20px;text-align: center;}
.modal-content .modal-header h4 { color: #fff;font-size: 25px;line-height: 1;font-weight: normal;}
.modal-content .modal-body { padding: 20px;width: 100%;float: left;}
.modal-content .modal-body p{ line-height: 2.4; }

/* review scroll*/
.customer-review-two .show { height: 451px; overflow-y: scroll;}

/*Bootstrap validation */
#success_message{ display: none;}

/*Testimonial page css*/
 .reviews-asignee input[type=radio]{
  vertical-align: sub;
}
.testimonial-image .user-lft-img img {border-radius: 50%;float: none;height: 100px;margin: 10px auto; object-fit:cover;
padding: 4px;width: 100px;}
.container.testimonial-section {width: 80%; margin-bottom: 80px;}
.testimonial-desc {padding: 5px 70px 0;}
.testimonial-title.text-center {color: #36adb5; margin-bottom:20px;}
.col-md-6.testimonial {margin-bottom: 60px;}
/*new code added */
.pay_section{width:50%;}
.reel-search-page .lft-map{display: inline-block;}
.five_value_container{    display: flex; flex-wrap: wrap;}
.dataTables_wrapper{overflow-x: auto;}
.input-group.date{position: relative; }
/***** CSS Magic to Highlight Stars on Hover *****/

.tile__rating fieldset{border:none;}
/*.tile__rating { margin-right: 111px;}*/
.rating > label { color: #ddd; float: right;}
.rating > input:checked ~ label, 
.rating:not(:checked) > label:hover,  
.rating:not(:checked) > label:hover ~ label { color: #36adb5;}
.rating > input:checked + label:hover, 
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, 
.rating > input:checked ~ label:hover ~ label { color: #36adb5;}
 #demo .star-color{color:#36adb5;}
.fa.fa-star{padding:2px;}


.rating-section fieldset{border:none; display: inline-block;}
.rating-section { text-align: center !important;   display: inline-block;    width: 100%;}
.user-rating > label { color: #ddd; float: right;}

/* code for popup or edit profile image */
.user-list-page .left-user-list .inner-side .user-lft-img{
    margin: 32px auto 0px auto; 
    display:inline-block;
    text-align: center;
        position: relative;
}
.list-user-bar{
  text-align: center;
}
.user-list-page .left-user-list .inner-side .user-lft-img img { display: inline-block;   border-radius: 50%;
    border: 2px solid #999; padding: 4px; width: 123px;  height: 123px; float: none;object-fit:cover}
.contact-img .user-lft-img{border: 2px solid #ccc;
    margin-bottom: 10px;
    display: inline-block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    position: relative;
    background: rgba(153, 153, 153, 0.15);
    border-radius: 50%;}
   .contact-img .user-lft-img img {position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;}
   .contact-img .reviewer-imgName{position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 25px;}
    .contact-img{display: inline-block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    position: relative;
    background: rgba(153, 153, 153, 0.15);
    border-radius: 50%;}
.edit_profile{
 /* width: 42%;
  margin: 0 auto 10px auto;
  display: block;
  text-align: right;
   border: 2px solid #999; padding: 4px; width: 123px;  height: 123px; float: none;
   position: absolute;*/
    display: inline-block;   
    border-radius: 50%;
    border: 2px solid #999; 
    padding: 4px; 
    width: 0px;  
    height: 0px; 
    float: none;
    left: 0;
    transform: translateY(-50%);
    background: #f1f1f1;
    position: absolute;
    transition: 0.4s ease-in-out all;
    opacity: 0;
    visibility: hidden;
    top:50%;
    width: 100%;
    height: 100%;
    cursor: pointer; 
}
.user-list-page .left-user-list .inner-side .user-lft-img:hover .edit_profile,
.user-list-page .left-user-list .inner-side .user-lft-img:active .edit_profile{
  visibility: visible;
  opacity: 1;
  width: 123px;  
    height: 123px; 

}
.user-list-page .left-user-list .inner-side .user-lft-img:hover .fa,
.user-list-page .left-user-list .inner-side .user-lft-img:active .fa{
  font-size: 30px;
}
.edit_profile .fa{ font-size: 0px; color: #a09a9a;    padding: 37px;}
.modal-content{
  display: inline-block;
  width: 100%;
}
.modal-dialog .qq-gallery .qq-upload-button{
  padding: 12px 14px;
}
.modal-dialog .qq-gallery .qq-upload-button div{
      background: transparent;
      width: 100%;
      padding: 0;
      min-width: 100%;
}
.modal-dialog button.btn{
  margin-top: 10px;
  text-align: center;
  margin: 10px auto;
  display: block;
}
.qq-thumbnail-wrapper .qq-thumbnail-selector{
  max-height: 67px !important;
  margin: 12px 0;
}
.qq-upload-list-selector .qq-upload-cancel-selector.qq-upload-cancel{
  padding: 2px 6px !important;
}
.qq-upload-success .qq-thumbnail-wrapper{
  float: left;
}
.qq-thumbnail-wrapper .qq-thumbnail-selector{
  margin: 0 !important;
}
.qq-upload-list li.qq-upload-success{
  background-color: transparent !important;
}
.qq-gallery .qq-upload-list .qq-file-info{
  color: #000 !important;
  margin-left: 11px ;
}
.sa-confirm-button-containerx button{
   background-color: #36adb5 !important;
}

.customer-description li .text{
  width: 86%;
  margin: 0 0 30px 0;
  float: right;
}
.user-review .rating-section{
  float: left;
  width: 100%;
  text-align: left;
}
.user-review .rating-section fieldset{
  float: left;
}
.customer-description li .text .head{
  line-height: 24px;
  display: block;
  word-break: break-all;
}
.customer-description li .text .reviewUserName{
  float: right;
}
/* story page */
.story_wrapper_section{
  padding-top: 55px;
}
.story_detail{
  font-size: 15px;
  line-height: 28px;
  margin-bottom:0px;
/*  padding:15px;*/
  text-align: justify;
}
.story_detail p {
  /* line-height: 28px; */
  padding: 7px;
}
/*Map Css*/
 /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */

#map {
        height: 300px;
      }
      /* Optional: Makes the sample page fill the window. */
      
    .controls {
        margin-top: 10px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      }

      #pac-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 300px;
      }

.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}



#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: Roboto;
} 
 /* subscription page layout */
 .subs_banner_section{
   position: relative;
   width: 100%;
   
   font-weight: 300;
   margin-bottom: 18rem;
 }
 .inner_subs_content{
    position: absolute;
    top: 10rem;
    display: block;
    margin: 0 auto;
    left: 0;
    width: 100%;
 }

 .inner_subs_content h1{
    font-size: 38px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    margin-bottom: 80px;
 }
 .inner_drop_down_section{
    background:#eae5e5;
    display: inline-block;
    box-shadow: 0.5px 0.5px 10px 0.5px rgba(0, 0, 0, 0.59) ;
    text-align: left;
 }
 .Contract_Request{
    background: #353434;

 }
 .reels_listing{
    background: #fe6872;
 }
 .inner_drop_down_section  .drop_title
 {
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    padding: 15px 0;
    margin:3px 3px 0 3px;
    text-align: center;
 }
.inner_drop_down_section ul {
   margin: 0;
   padding: 0;
   padding-bottom: 80px;  
 }

.inner_drop_down_section ul li{
  list-style: none;
  padding: 15px;
  border-bottom: #d4d2d2 2px solid ;
}
.inner_drop_down_section ul li input{
  width:20px;
  vertical-align: sub;
  height: 20px;

}
.outer_drop_down_section{
      display: block;
    margin: 0 auto;
    text-align: center;
}
.inner_drop_down_section input[type='radio']:before {
    content:'';
    display:block;
    width: 59%;
    height: 59%;
    margin: 4px;   
    border-radius:50%;
}

.inner_drop_down_section ul li input[type='radio']:checked:before{
      background:#36adb5;
}
.inner_drop_down_section ul li span{
  font-size:20px;
   margin-left: 1rem;
 

}
.inner_drop_down_section ul li span.c_price{
  float: right;
}
.radio_check{
  background: #fff;
}
.b_v_color{
  color: #36adb5;
  font-weight: 500;
}
.b_v_section{
   
}
.b_v_section .Thank_section{
  font-size:22px;
  font-weight: 300;
  color: #1d1d1d;
  border-bottom: 1px solid #e0dfdf;
      margin: 5rem 0;
}
.b_v_section .inner_b_v_section{
  color: #515151;
  font-size:22px;
  font-weight: 300;
}
.b_v_btm{
  margin-bottom: 20px;
}
.Proceed_btn{
  margin: 20px 0 40px 0 ;
  text-align: center;
}
@media screen and (max-width:460px) and (min-width: 320px){
  .dtl-tabber .nav-tabs>li>a{font-size: 11px;min-width: 50px;padding: 15px 10px;}
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{padding: 15px 5px;font-size: 11px;}
  .inner_drop_down_section ul li{
    display: inline-block;
    width: 100%;
  }
  .inner_subs_content h1{
    font-size: 24px;
  }
  .inner_drop_down_section  .drop_title{
    font-size:21px;
  }
  .inner_drop_down_section ul li span{
    font-size:16px;
  }
 
  .inner_drop_down_section ul li{
        padding: 4px 3px;
  }
  .inner_drop_down_section ul li input,
  .inner_drop_down_section ul li span{
    float: left;
  }

}
.form-control{box-shadow: none;}
.form-control-feedback{
  
  /*right: 33px !important;*/
}

#reg_form .form-group i {
    right: 25px;
    margin-top: 4px;
}

#reg_form .login-sec i {
    right: 25px;
    margin-top: 4px;
}

.phone-icon  i{
  margin-top:0;
  top: 0 !important;
}

.form-container{
  position: relative;
}

.btn-small{
  border-radius: 3px;
    font-size: 10px;
    line-height: 1.5;
    padding: 1px 3px 2px;
}
/*Modal css*/
.modal-header{background: #36adb5 none repeat scroll 0 0;}

/*dashboard css*/
.change-email {font-size: 11px;text-transform: initial;margin-left:10px;}

/*Panel Css*/
.panel-green > .panel-heading {background-color: #5cb85c;border-color: #5cb85c;color: #fff;}
.panel-green {border-color: #5cb85c;}
.panel-yellow > .panel-heading {background-color: #f0ad4e;border-color: #f0ad4e;color: #fff;}
.panel-yellow {border-color: #f0ad4e;}

/*Country code field css */
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown{position: static;}
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}
.dropdown dt a { display:block;border:1px solid #d4ca9a; width:65px;}
.dropdown dt a span {cursor:pointer; display:inline-block; padding: 9px 5px; position: relative;}
.dropdown dd ul {     position: absolute;
    width: 100%;
    background: #fff;
    top: 40px;
    z-index: 9;
    height: 286px;
    overflow-x: scroll;
    overflow-x: hidden;}
.dropdown span.value { display:none;}
.dropdown dd ul li a {display: inline-block; width: 100%;     text-align: left;    padding: 8px 11px;}
.dropdown dd ul li a:hover { background-color:#d0c9af;}
.dropdown img.flag { border:none; vertical-align:center; margin-left:10px; }
.flagvisibility { display:none;}
.country_code > div{    color: #999;
    border: 1px solid #ccc;
    padding: 6px 3px 4px 2px;
    display: inline-block;
    margin-right: 5px;}
.phone_number_block.dropdown{ position: static; }
.dropdown dt a span:after{
  position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a8a8a8;
    content: "";
}
.pac-container:empty{
    display: none !important;
}
/* code added by poonam */
.commentlist {}
.commentlist .userimg{}
.commentlist  .head{display: inline-block;margin-top: 17px;}

.card_detail_section .cart-details{ margin-bottom:10px;border-top:2px solid #ccc; border-bottom:1px solid #ccc; display:block; padding:15px 0px;padding-left:10px; }
.card_detail_section .cart-details2{background:#ddd;margin-top:10px;margin-bottom:25px;}
.plan-total{float:right; text-transform:uppercase;padding:5px 0px;color:#777;}
.plan-price{float:right;color: #999; padding: 0px 0px;font-size: 17px;}
.card_detail_section .card_title{ margin-bottom: 0px; }
.card_detail_section .edit-heading h1{margin-bottom: 20px; font-weight:bold;}
.card_detail_section .cart-details p{font-size: 18px;margin-top: 5px; color: #777;}
.has-error .form-control{box-shadow: none;}
.phone_number_block{border: 1px solid #eee; display: inline-block; width: 100%}
.phone_number_block .dropdown dt a{ border: none; }
.phone_number_block .country_code {display: inline-block;vertical-align: middle; float: left;padding-left: 5px;}
.phone_number_block .country_code .dropdown{display: inline-block;width: 45px;}
.country_code dl{margin-bottom: 0px;}
.phone_number_block .country_code > div{border:none;}
.phone_number_block .form-control{border:none;}
.phone_number_block .form-control:focus .phone_number_block{    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(86,192,200,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(86,192,200,.6);}
    .phone_number_block .form-control:focus{box-shadow: none;}
    .phone_number_block .reg-sec{
      padding: 0 0;
      margin-left: 0px;
      display: inline-block;vertical-align: middle;
    }
.phone_number_block .country_code span img{width:20px;}
    .required_text{
      display: inline-block; width: 100%;
    }
  .dataTables_wrapper .btn-info{
    display: block;
  }
  .Payment_summary h2{
      margin-bottom: 30px;
  }
  
.card_detail_section .card_title h1{padding:20px; margin-bottom: 30px;font-size: 30px;font-weight: bold;}
.card_detail_section .card_title1{margin-bottom: 30px;padding:10px;margin-top:25px;}
.card_detail_section .card_title1 h1{padding:20px;font-size: 30px;font-weight: bold;}
.card_detail_section .card_title1 p{color:#777; font-size:18px;}
    .Payment_summary p{font-size: 16px;margin-bottom: 14px;letter-spacing: 0.5px;}
       .Payment_summary p span{ display: block; margin-bottom: 10px; }
    .Payment_summary p strong{}
    .full-map-sec{ position: relative; }
    .full-map-sec i{left: 290px; top: 2% !important;}
    .success_status{    background: #5CB85C; display: inline-block; padding: 3px; font-size: 12px !important;
    color: #fff;font-weight: bold;text-transform: capitalize;border-radius: 4px;}

@media screen and (max-width:562px){
.card_detail_section .cart-details .plan-price{float:none;padding:0 2px;}
.pay_section{width:100%;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{padding: 12px 18px;}
}
@media screen and (max-width:769px){
.card_detail_section .cart-details2 .plan-total{float:none;padding:12px;}
.full-map-sec i{left: 205px;}
}
@media screen and (max-width:991px) and (min-width:563px){
.pay_section{width:85%;}
}


/*Reel Index Page */
.content-display .reel-info {padding: 0 0px 20px 0px;}
/* contact page */
.btn-style{background:#36adb5;border-color:#36adb5;}

/*create search agent page*/
  .agent-section .jumbotron {
    background: #e8e8e8 none repeat scroll 0 0;
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 38px;
  }
  .agent-section .jumbotron {
    float: left;
    width: 100%;
}
/* chat section css */

.back {
    position: absolute;
    width: 90px;
    height: 50px;
    top: 0px;
    left: 0px;
    color: #fff;
    line-height: 50px;
    font-size: 30px;
    padding-left: 10px;
    cursor: pointer;
}
.back img {
    position: absolute;
    top: 5px;
    left: 30px;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,0.98);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    margin-left: 15px;
    }
.back:active {
    background: rgba(255,255,255,0.2);
}
.name{
    position: absolute;
    top: 3px;
    left: 110px;
    font-size: 25px;
    font-weight: 300;
    color: rgba(255,255,255,0.98);
    cursor: default;
}
.last{
    position: absolute;
    top: 30px;
    left: 115px;
    font-size: 11px;
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    cursor: default;
}

/* M E S S A G E S */

.top_butn{display: inline-block;width: 100%;}

.chat {
    list-style: none;
    background: none;
    /*padding: 0 0 50px 0;
    width: 500px;*/
    margin: 0 auto;
    height: 443px;
    overflow: auto;
    border: 1px solid rgba(204, 204, 204, 0.36);
    padding: 10px;
    /*box-shadow: 1px 1px 7px 4px rgba(204, 204, 204, 0.44);*/
    border-radius: 4px;
    border-bottom: none;
}
.chat li {
    padding: 0.5rem;
    overflow: hidden;
    display: flex;
}
.chat .avatar {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
    z-index: 2;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    background-color: rgba(255,255,255,0.9);
}
.chat .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    background-color: rgba(255,255,255,0.9);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.chat .day {
    position: relative;
    display: block;
    text-align: center;
    color: #c0c0c0;
    height: 20px;
    text-shadow: 7px 0px 0px #e5e5e5, 6px 0px 0px #e5e5e5, 5px 0px 0px #e5e5e5, 4px 0px 0px #e5e5e5, 3px 0px 0px #e5e5e5, 2px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 0px 0px 0px #e5e5e5, -1px 0px 0px #e5e5e5, -2px 0px 0px #e5e5e5, -3px 0px 0px #e5e5e5, -4px 0px 0px #e5e5e5, -5px 0px 0px #e5e5e5, -6px 0px 0px #e5e5e5, -7px 0px 0px #e5e5e5;
    box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5, inset 0px -2px 0px #d7d7d7;
    line-height: 38px;
    margin-top: 5px;
    margin-bottom: 20px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.other .avatar{
    margin-right: 5px;
}

.other .msg {
    order: 1;
    border-top-left-radius: 0px;
    /*box-shadow: -1px 2px 0px #D4D4D4;*/
    background: rgba(191, 228, 227, 0.33);    
}
.other:before {
    content: "";
    position: relative;
    top: 0px;
    right: 0px;
    left: 55px;
    width: 0px;
    height: 0px;
    border: 7px solid rgba(191, 228, 227, 0.33);
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.self {
    justify-content: flex-end;
    align-items: flex-end;
}
.self .msg {
    order: 1;
    border-bottom-right-radius: 0px;
    /*box-shadow: 1px 2px 0px #D4D4D4;*/
    background: rgba(132, 202, 199, 0.48);
}
.self .avatar {
    order: 2;
    margin-left: 5px;
}
.self .avatar:after {
    content: "";
    position: relative;
    display: inline-block;
    bottom: 15px;
    right: 5px;
    width: 0px;
    height: 0px;
    border: 7px solid rgba(132, 202, 199, 0.48);
    border-right-color: transparent;
    border-top-color: transparent;
  /*  box-shadow: 0px 2px 0px #D4D4D4;*/
}

.msg {
    background: #eee;
    min-width: 50px;
    padding: 10px;
    border-radius: 2px;
   /* box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);*/
    width: calc(100% - 54px);
}
.msg p {
    font-size: 12px;
    margin: 0 0 7px 0;
}
.msg img {
    position: relative;
    display: block;
    width: 450px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #eee;
    transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
@media screen and (max-width: 800px) {
    .msg img {
    width: 300px;
}
}
@media screen and (max-width: 550px) {
    .msg img {
    width: 200px;
}
}

.msg time {
    font-size: 12px;
    margin-top: 3px;
    float: right;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.msg time:before{
    content:"\f017";
    display: inline-block;
    margin-right: 4px;
    font-family: FontAwesome;
}



@-webikt-keyframes pulse {
  from { opacity: 0; }
  to { opacity: 0.5; }
}

/*::-webkit-scrollbar {
    min-width: 12px;
    width: 12px;
    max-width: 12px;
    min-height: 12px;
    height: 12px;
    max-height: 12px;
    background: #e5e5e5;
    box-shadow: inset 0px 50px 0px rgba(82,179,217,0.9), inset 0px -52px 0px #fafafa;
}
*/

::-webkit-scrollbar-thumb {
    background: #bbb;
    border: none;
    border-radius: 100px;
    border: solid 3px #e5e5e5;
    box-shadow: inset 0px 0px 3px #999;
}

::-webkit-scrollbar-thumb:hover {
    background: #b0b0b0;
  box-shadow: inset 0px 0px 3px #888;
}

::-webkit-scrollbar-thumb:active {
    background: #aaa;
  box-shadow: inset 0px 0px 3px #7f7f7f;
}

::-webkit-scrollbar-button {
    display: block;
    height: 26px;
}
.user-img span {
    background: #63d6d1 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 25px;
    height: 50px;
    line-height: 53px;
    text-align: center;
    width: 50px;
}

/* search page css */
.or-text{margin-bottom:20px;}
.filter-text{margin-bottom:20px;}
.map-section  .text-center a.map-text {float:none; display:inline-block;     padding: 0 30px 0 20px; font-size:20px; font-weight: 600;}
.map-section  .text-centera a.view-text { font-size: 18px;    line-height: 1; font-weight: 600;}
.map-section  a.map-text.active, .map-section .rht-map a:focus, .map-section .rht-map a:hover {color: #36adb5;}
.map-section  a.map-text { color: #322e2e;}
   .left-text h3 sp             an{font-size:15px;
    font-weight: 600;
    text-transform: capitalize;}
 .map-section .dim-set{margin-right:12px;}
 .right-dim{margin-right:12px;}
.map-section .form-group.cmn-f-group{margin-left:-15px;}
.left-text{margin-top:5px;}
.top-container .main-content .map-section .rht-map .text-center{display:none;}

/*Home Page Css*/
.outer-wrapper img {
/*  height:600px !important;*/
  object-fit:cover;
  width:100%; 
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success.active[disabled], .btn-success.focus[disabled], .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover{
  background-color: #36adb5 !important;
  background-image: none !important;
}
.buy-subs a .btn.btn-success {
    float: left;
    margin: 20px 0 0;
}
.row.admin-login {
  padding-top: 100px;
}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.col-md-10.account-right {
    background: #fff;
    box-shadow: 4px 4px 9px #ddd;
    padding: 0px;
}
.panel-heading.clearfix {
    background: #36ADB5;
    width: 100%;
    border-radius: 0px;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #36ADB5;
    border-color: #36ADB5;
}
.panel-primary {
    border-color: #36ADB5;
}
.featureText p {
    color: #707070;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.featureValue p {
    color: #707070;
    font-weight: 600;
    margin-bottom: 5px;
}
.subscription-plan-heading {
    text-align: center;
    padding: 50px;
}
.panel.panel-default.subscription-plan {
    box-shadow: 4px 4px 9px #ddd;
    min-height: 420px;
}
.featureText a {
    color: #707070;
}
.price-color{color: #56C0C8;}
.subscription-plan-heading h1 {
    font-weight: 600;
    color: #47484a;
}
.btn-group.buy-button {
    padding-top: 30px;
}
.buy-button label {
    font-size: 17px;
    font-weight: bold;
}
.col-md-6.subscription-plan-container {
    padding-bottom: 30px;
}
.col-md-3.right-text {
    height: 60px;
}
.list-item {
  display: inline-block;
  border-left: 1px solid #E8E8E8;
  padding: 22px 6px 18px 9px;
  float: left;
}
.col-md-2.right-text {
    padding: 0px;
}
a {
    color: #777;
}
a:focus, a:hover {
    color: #5EBDC3;
    text-decoration: none;
}
span.input-group-addon.cable_length {
    /*text-transform: uppercase;*/
    border-radius: 0px;
}
span.input-group-addon.cable_diameter {
     /*text-transform: uppercase;*/
    border-radius: 0px;
}
input.form-control.cable_diameter {
    height: 60px;
}
input.form-control.cable_length {
    height: 60px;
}
button.btn.search {
    height: 60px;
    border-radius: 0px;
    border-left: 1px solid #E8E8E8;
    width: 60px;
    padding:0px;
}
.navbar>.container>.col-md-10 {
    padding-left: 0px;
    padding-right: 0px;
}
.cm-f-group, label {
    font-weight: bold;
    /*text-transform: capitalize;*/
}
.result-container {
    background: #fff;
    padding: 10px;
    box-shadow: 4px 4px 9px #ddd;
    margin-bottom: 20px;
    margin-left: 30px;
}
.row.content-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}
.col-md-9.col-sm-9.col-xs-12.rht-map {
    padding-bottom: 30px;
}
.right-user-list.rht-map.col-md-9.col-sm-9.col-xs-12{display: flex;
    flex-flow: row wrap;}
.form-group.dimension_input.right-dim {
    margin-right: 0px;
}
.detail-container {
    background: #fff;
    padding: 10px;
    box-shadow: 4px 4px 9px #ddd;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.order-btn{display: inline-block;margin-right: 10px !important;}
.back-btn{padding: 10px 30px !important;}
.detail-container input[type=checkbox], input[type=radio]{margin: 0px;vertical-align: middle;}
.detail-container form.form-horizontal .form-group label{margin-bottom: 0px;margin-right: 10px;}
.small-text {
    font-size: 15px;
}
.top-section {
    padding-bottom: 10px;
    border-bottom: 4px solid #38ABB3;
    margin-bottom: 20px;
}
.reel-price {
    color: #38ABB3;
    padding-top: 10px;
}
.img-default-seller {
    width: 200px;
}
.contact-seller {
    text-align: center;
}
.sellter-name {
    color: #5EBDC3;
}
.detail-lft {
    margin-bottom: 20px;
}


.cardForm-Field50 {
  float: left;
  width: 50%;
}



/* Makes the default card text easier to read */
.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
  text-shadow: 0 1px 2px #1D1F20;
}
/* Changes the default styles */
.jp-card .jp-card-front, .jp-card .jp-card-back {
  background: #27ae60!important;
}
.card-container form {
 max-width: 350px;
 text-align: center;
}
.form-container form {
  margin: 10px auto;
}
.form-container input {
  margin: 0 0 10px 0;
  /* padding: 0; */
  font-size: 16px;
  float: left;
  padding: 5px 0;
  box-sizing: border-box;
  webkit-box-shadow: none;
  box-shadow: none;
  /* width: 50%; */
  display: block;
}
input.secondRow {
  float: left;
  display: block;
  width: 100%;
}

.form-container label {
  text-align: left;
  float: left;
  padding: 5px 0 0px 5px;
  width: 100%;
  font-family: arial;
  text-transform: uppercase;
  font-size: 14px;
  /* font-weight: bold; */
}

input.button {
  width: 100%;
  padding: 11px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  /* background: #CCCCCC; */
}
/*input.button:hover {
  background: #27ae60;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}*/
 input:not([type=submit]):not([type=file]) {
   /* omg so much cleaner */
  border: 1px solid #DDD;
    -webkit-box-shadow: 
      inset 0 0 0px  rgba(0,0,0,0.1),
            0 0 0px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 0px  rgba(0,0,0,0.1),
            0 0 0px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 0px  rgba(0,0,0,0.1),
            0 0 0px rgba(0,0,0,0.1); 
    padding: 10px;
}
.form-container input[name="name"]{
  width: 100%;
}
.form-container input[name="number"]{
  width: 100%;
}
.form-container input[name="cvc"]{
  border-left: 0px;
}

.CardDefault, .CardDefault:hover {
  background: gray;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.CardWarning,.CardWarning:hover {
  background: red;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.CardGood, .CardGood:hover {
  background: #27ae60;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.form-container input.incorrectInfo {
  border: red solid 1px;
}
.card-form-container .form-group{
  margin-bottom: 0px;
}
.card-form-container .form-group label{
  font-family: 'Source Sans Pro',sans-serif,Calibri,helvetica,Cantarell,arial,tahoma,verdana
}
#form .form-group i {
    right: 28px;
    margin-top: 4px;
}
#form .form-group div i {
    right: 28px;
    margin-top: 4px;
}
.btn-success {
    border: 1px;
        font-size: 18px;
}
.list-item .active {
  color: #36adb5;
}
#reel-form .form-group div i {
    right: 42px;
    margin-top: 4px;
}
.text-reel-color{
  color:#56c0c8;
}