@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
 ::-webkit-scrollbar {
     width: 8px;
}
/* Track */
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     -webkit-border-radius: 10px;
     border-radius: 10px;
     background: rgba(0, 0, 0, 0.41);
     -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.24);
}
 ::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(0, 0, 0, 0.41);
}
 .clearfix:before, .clearfix:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after {
     content: " ";
     display: table;
}
 .clearfix:after, .navbar:after, .navbar-header:after {
     clear: both;
}
 .center-block {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .pull-right {
     float: right !important;
}
 .pull-left {
     float: left !important;
}
 .hide {
     display: none !important;
}
 .show {
     display: block !important;
}
 .invisible {
     visibility: hidden;
}
 .text-hide {
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0;
}

 .hidden {
     display: none !important;
     visibility: hidden !important;
}
 .affix {
     position: fixed;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
/* general styles */
 a, button {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 a i.fa, button i.fa {
     margin: 0 0px;
}
 .clickable {
     cursor: pointer !important;
}
 .required {
     color: #38a7bb;
}
 .accent {
     color: #38a7bb;
}
 .text-uppercase {
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 @media (max-width: 991px) {
     .text-center-sm {
         text-align: center;
    }
}
 p.lead {
     margin-bottom: 15px;
}
p.lead a{
     color: #555555;
}
/*section, div.section {
     margin-bottom: 40px;
}
*/
 .no-mb {
     margin-bottom: 0 !important;
}
 .mb-small {
     margin-bottom: 30px !important;
}
 .heading {
     margin-bottom: 40px;
}
 .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 {
     display: inline-block;
     border-bottom: solid 0px #38a7bb;
     line-height: 1.1;
     margin-bottom: 0;
     padding-bottom: 10px;
     vertical-align: middle;
     text-transform: uppercase;
     letter-spacing: 0.06em;
}
 .heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa {
     display: inline-block;
     background: #38a7bb;
     width: 30px;
     height: 30px;
     vertical-align: middle;
     text-align: center;
     color: #fff;
     font-size: 12px;
     line-height: 30px;
     border-radius: 15px;
}
 .icon {
     display: inline-block;
     width: 80px;
     height: 80px;
     color: #fff;
     line-height: 80px;
     border-radius: 40px;
     border: solid 1px #fff;
     font-size: 20px;
}
 .icon.icon-lg {
     font-size: 30px;
     border-width: 2px;
}
 .ul-icons {
     padding-left: 10px;
}
 .ul-icons li {
     list-style-type: none;
     line-height: 20px;
     margin-bottom: 20px;
}
 .ul-icons li i {
     width: 20px;
     height: 20px;
     background: #38a7bb;
     color: #fff;
     text-align: center;
     border-radius: 10px;
     line-height: 20px;
     margin-right: 10px;
}
 ul.list-style-none {
     list-style: none;
}
 #text-page h1, #text-page h2, #text-page h3 {
     font-weight: 700;
}
 #error-page {
     text-align: center;
     margin-top: 40px;
     margin-bottom: 100px;
}
 #error-page h4 {
     margin-bottom: 40px;
}
 #error-page p.buttons {
     margin-top: 40px;
}
 .pages-listing .item {
     text-align: center;
}
 .pages-listing .item h3 {
     font-size: 18px;
     text-transform: uppercase;
     margin-bottom: 20px;
     letter-spacing: 0.08em;
}
 .pages-listing .item h3 a {
     color: #555555;
}
 .pages-listing .item .text {
     margin-bottom: 20px;
}
 .pages-listing .item .text p {
     color: #999999;
     font-size: 12px;
     margin-bottom: 20px;
}
 .banner {
     margin-bottom: 30px;
     text-align: center;
}
 .banner img {
     margin: 0 auto;
}
 .banner a:hover img {
     opacity: 0.8;
     filter: alpha(opacity=80);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .pages {
     text-align: center;
}
 .pages .loadMore {
     text-align: center;
     margin-top: 15px;
}
 .pages .pagination {
     text-align: center;
}
 .features-buttons button {
     margin-bottom: 20px;
}
 @media (min-width: 1300px) {
     body.boxed {
         background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png);
    }
     body.boxed #all {
         position: relative;
         background: #fff;
         width: 1200px;
         margin: 0 auto;
         overflow: hidden;
         -webkit-box-shadow: 0 0 5px #cccccc;
         box-shadow: 0 0 5px #cccccc;
    }
}
 #top {
     background: #555555;
     color: #eeeeee;
     padding: 20px 0 16px 0;
}
 #top p {
     margin: 0;
     font-size: 12px;
}
 #top .social {
     margin-right: 15px;
     float: right;
}
 #top .social a {
     color: #999999;
     display: inline-block;
     width: 15px;
     height: 15px;
     border-radius: 12px;
     line-height: 10px;
     font-size: 12px;
     text-align: center;
     vertical-align: bottom;
     margin-right: 10px;
}
 #top .social a:hover {
     color: #fff;
}
 #top .social a:hover.facebook {
     background-color: #4460ae;
}
 #top .social a:hover.gplus {
     background-color: #c21f25;
}
 #top .social a:hover.twitter {
     background-color: #3cf;
}
 #top .social a:hover.instagram {
     background-color: #cd4378;
}
 #top .social a:hover.email {
     background-color: #4a7f45;
}
 #top .login {
     float: right;
     padding-right: 10px;
}
#top .login > ul li a{
    margin-right: 0px;
}
#top .login > ul{
    list-style:none;
    padding: 0;
    margin: 0;
    position: relative;
}
#top .login ul .dropdown-menu{
    border: 1px solid #e4e3e3;
}
#top .login ul .dropdown-menu li{
    display: block;
}
#top .login > ul .dropdown-menu li a{
    color: #555;
}
#top .login a {
     font-size: 12px;
     color: #eeeeee;
     margin-right: 15px;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 0.10em;
}
 @media (max-width: 767px) {
     #top .login {
         float: left;
    }
}
 #top.light {
     background: #fff;
     color: #999999;
     border-bottom: solid 1px #eeeeee;
}
 #top.light .login a {
     color: #555555;
}
 .navbar {
     border: none;
}
 .navbar ul.nav > li > a {
     text-transform: uppercase;
     text-decoration: none;
     font-weight: bold;
     letter-spacing: 0.08em;
     border-top: solid 5px transparent;
     position: relative;
}
 .navbar ul.nav > li > a:hover {
     border-top: solid 5px #555555;
}
 .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a {
     text-decoration: none !important;
     border-top: solid 4px #e7e9ea;
     border-left: solid 1px #e7e9ea;
     border-right: solid 1px #e7e9ea;
}
 .navbar ul.nav > li.active{
     position:relative;
}
 .navbar ul.nav > li.active:after{
     content:'';
     height: 2px;
     width: 100%;
     display: block;
     background: #ecf0f3;
     bottom: -2px;
     z-index: 1;
     position: absolute;
}
 @media (max-width: 768px) {
     .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a {
         border-top-color: transparent;
    }
     .navbar ul.nav > li > a:hover {
         border-top-color: transparent;
    }
}
 .navbar.navbar-light ul.nav > li.active > a {
     border-top: solid 5px #20616d;
     background: #fff !important;
     color: #555555 !important;
}
 .navbar.navbar-light ul.nav > li.active > a:hover {
     border-top: solid 5px #20616d;
}
 .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus {
     border-top: solid 5px #38a7bb;
     background: #fff !important;
     color: #555555 !important;
}
 .navbar ul.dropdown-menu {
     margin: 0;
     padding: 0;
}
 .navbar ul.dropdown-menu li {
     list-style-type: none;
     border-bottom: solid 1px #eeeeee;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     padding: 4px 0;
}
 .navbar ul.dropdown-menu li a {
     position: relative;
     color: #999999;
     font-size: 12px;
     display: block;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     left: 0;
}
 .navbar ul.dropdown-menu li a:hover {
     color: #38a7bb;
     text-decoration: none;
     background: none;
     left: 2px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 @media (max-width: 767px) {
     .navbar ul.dropdown-menu li a:hover {
         left: 0;
    }
}
 .navbar .yamm-content h3 {
     font-size: 18px;
     text-transform: uppercase;
     padding-bottom: 10px;
     margin-top: 5px;
     border-bottom: dotted 1px #555555;
     letter-spacing: 0.08em;
}
 @media (max-width: 767px) {
     .navbar .yamm-content h3 {
         font-size: 14px;
    }
}
 .navbar .yamm-content h5 {
     text-transform: uppercase;
     padding-bottom: 10px;
     border-bottom: dotted 1px #555555;
     letter-spacing: 0.08em;
}
 .navbar .yamm-content ul {
     margin: 0;
     padding: 0;
}
 .navbar .yamm-content ul li {
     list-style-type: none;
     border-bottom: solid 1px #eeeeee;
     text-transform: uppercase;
     padding: 4px 0;
}
 .navbar .yamm-content ul li a {
     position: relative;
     color: #999999;
     font-size: 12px;
     display: block;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .navbar .yamm-content ul li a:hover {
     color: #38a7bb;
     text-decoration: none;
     padding-left: 2px;
}
 .navbar .yamm-content .banner {
     margin-bottom: 10px;
}
 .navbar .yamm-fw .dropdown-menu {
     padding: 0;
}
 .navbar .navbar-buttons {
     float: right;
}
 .navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle {
     margin-top: 11px;
     margin-bottom: 11px;
     margin-left: 0;
     margin-right: 5px;
}
 .navbar .btn-default, .navbar .btn-default.navbar-toggle {
     color: #999999;
     background-color: #fff;
     margin-left: 7px;
     margin-right: 0;
}
 .navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus {
     background-color: #fff;
     border-color: #38a7bb;
     color: #38a7bb;
}
 .navbar #search {
     clear: both;
     border-top: solid 1px #38a7bb;
     text-align: right;
}
 .navbar #search form {
     float: right;
}
 .navbar #search form .input-group {
     width: 500px;
}
 @media (max-width: 768px) {
     .navbar #search form .input-group {
         width: 100%;
    }
}
 .navbar #basket-overview a {
     margin-left: 7px;
}
 .navbar-affixed-top {
     top: -32px;
}
 .navbar-affixed-top.affix-top {
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 .navbar-affixed-top.affix {
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 1000;
     -webkit-box-shadow: 0 0 5px #cccccc;
     box-shadow: 0 0 5px #cccccc;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 body.boxed .navbar-affixed-top.affix {
     position: static;
}
 #login-modal {
     overflow: hidden;
}
 #login-modal .modal-header h4 {
     text-transform: uppercase;
}
 #login-modal form {
     margin-bottom: 20px;
}
 #login-modal p {
     font-weight: 300;
     margin-bottom: 20px;
     font-size: 13px;
}
/* buttons */
 .btn {
     font-weight: 400;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     padding: 6px 12px;
     font-size: 13px;
     line-height: 1.42857143;
     border-radius: 2px;
     position: relative;
}
 .btn:hover {
     border-radius: 0px 15px 0px 15px;
}
 .input-group .btn {
     font-size: 14px;
}
.btn-lg i{
     min-width: 40px;
     text-align: center;
}
 .btn-lg {
     padding:12px 15px 12px 15px;
     font-size: 14px;
     line-height: 1.33;
     border-radius: 15px 0px 15px 0px;
}
 .btn-sm {
     padding: 10px 40px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 0;
     font-weight: 600;
     font-family: 'Lato', sans-serif;
}
 .btn-xs {
     padding: 1px 5px;
     font-size: 9px;
     line-height: 1.5;
     border-radius: 0;
}
 .btn-sm {
     padding: 4px 11px;
     font-size: 10px;
     line-height: 1.5;
     border-radius: 0;
}
/*.btn-template-main.grey{
     color: #bbbbbb;
     background-color: #fbfbfb;
     border-color: #ececec;
     letter-spacing: 1px;
     font-weight: 400;
}
*/
 .btn-template-main {
     color: #38a7bb;
     background-color: #ffffff;
     border-color: #38a7bb;
}
 .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main {
     color: #38a7bb;
     background-color: #e6e6e6;
     border-color: #2a7d8c;
}
 .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main {
     background-image: none;
}
 .btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active {
     background-color: #ffffff;
     border-color: #38a7bb;
}
 .btn-template-main .badge {
     color: #ffffff;
     background-color: #38a7bb;
}
 .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active {
     background: #38a7bb;
     color: #ffffff;
     border-color: #38a7bb;
}
 .btn-template-transparent-primary {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
}
 .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0);
     border-color: #e0e0e0;
}
 .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary {
     background-image: none;
}
 .btn-template-transparent-primary.disabled, .btn-template-transparent-primary[disabled], fieldset[disabled] .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary[disabled]:hover, fieldset[disabled] .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary[disabled]:focus, fieldset[disabled] .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary[disabled]:active, fieldset[disabled] .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary[disabled].active, fieldset[disabled] .btn-template-transparent-primary.active {
     background-color: transparent;
     border-color: #ffffff;
}
 .btn-template-transparent-primary .badge {
     color: transparent;
     background-color: #ffffff;
}
 .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active {
     background: #fff;
     color: #38a7bb;
     border-color: #fff;
}
 .btn-template-transparent-black {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
}
 .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0);
     border-color: #e0e0e0;
}
 .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black {
     background-image: none;
}
 .btn-template-transparent-black.disabled, .btn-template-transparent-black[disabled], fieldset[disabled] .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black[disabled]:hover, fieldset[disabled] .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black[disabled]:focus, fieldset[disabled] .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black[disabled]:active, fieldset[disabled] .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black[disabled].active, fieldset[disabled] .btn-template-transparent-black.active {
     background-color: transparent;
     border-color: #ffffff;
}
 .btn-template-transparent-black .badge {
     color: transparent;
     background-color: #ffffff;
}
 .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active {
     background: #fff;
     color: #000;
     border-color: #fff;
}
 .btn-template-primary {
     color: #ffffff;
     background-color: #38a7bb;
     border-color: #38a7bb;
}
 .btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary {
     color: #ffffff;
     background-color: #2c8494;
     border-color: #2a7d8c;
}
 .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary {
     background-image: none;
}
 .btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active {
     background-color: #38a7bb;
     border-color: #38a7bb;
}
 .btn-template-primary .badge {
     color: #38a7bb;
     background-color: #ffffff;
}
 #intro {
     background: url('../images/home.jpg') no-repeat center top;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 #intro .item {
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     height: 100%;
}
 #intro .item h1 {
     text-transform: uppercase;
     font-size: 50px;
     color: #fff;
     margin-bottom: 40px;
     letter-spacing: 0.08em;
}
 @media (max-width: 991px) {
     #intro .item h1 {
         font-size: 40px;
    }
}
 @media (max-width: 767px) {
     #intro .item h1 {
         font-size: 25px;
    }
}
 #intro .item h3 {
     color: #fff;
     margin-bottom: 40px;
}
 @media (max-width: 767px) {
     #intro .item h3 {
         font-size: 15px;
         margin-bottom: 20px;
    }
}
 #intro .item .btn {
     text-transform: none;
}
 @media (max-width: 991px) {
     #intro .item .btn {
         font-size: 14px;
    }
}
 @media (max-width: 991px) {
     #intro .item .carousel-caption {
         left: 10%;
         right: 10%;
    }
}
 #intro .container, #intro .row {
     height: 100%;
     position: relative;
}
 .jumbotron {
     padding: 30px;
     margin-bottom: 0;
     position: relative;
     background: url('../images/photogrid.jpg') center center repeat;
     background-size: cover;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .jumbotron .dark-mask {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #38a7bb;
     opacity: 0.9;
     filter: alpha(opacity=90);
}
 .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron p, .jumbotron ul {
     color: #fff;
}
 .jumbotron h1, .jumbotron h2, .jumbotron h3 {
     color: #ffffff;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 .jumbotron p {
     margin-bottom: 20px;
     font-size: 21px;
     font-weight: 400;
}
 .jumbotron p.text-uppercase {
     font-weight: 700;
}
 .jumbotron > hr {
     border-top-color: #d5d5d5;
}
 .container .jumbotron {
     border-radius: 0;
}
 .jumbotron .container {
     max-width: 100%;
     z-index: 2;
}
 @media screen and (min-width: 768px) {
     .jumbotron {
         padding-top: 48px;
         padding-bottom: 48px;
    }
     .container .jumbotron {
         padding-left: 60px;
         padding-right: 60px;
    }
     .jumbotron h1, .jumbotron .h1 {
         font-size: 46px;
    }
}
 #categoryMenu h3 {
     padding: 20px;
     background: #f7f7f7;
     margin: 0;
     border-bottom: solid 1px #eeeeee;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 .panel.sidebar-menu h3 {
     padding: 15px 15px;
     margin: 0;
     text-transform: uppercase;
}
 .panel.sidebar-menu {
     background: #ffffff;
     margin: 0 0 20px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border: solid 1px #e7e9ea;
     border-radius: 5px;
     box-shadow: 2px 2px 2px #dae0e46b;
}
 .panel.sidebar-menu .panel-heading {
     text-transform: uppercase;
     margin-bottom: 0px;
     background: #ffffff;
     padding: 0;
     letter-spacing: 0.08em;
     border-bottom: none;
}
 .panel.sidebar-menu .panel-heading h1, .panel.sidebar-menu .panel-heading h2, .panel.sidebar-menu .panel-heading h3, .panel.sidebar-menu .panel-heading h4, .panel.sidebar-menu .panel-heading h5 {
     display: block;
     border-bottom: solid 1px #eee;
     line-height: 1.1;
     margin-bottom: 0;
     padding-bottom: 15px;
}
 .panel.sidebar-menu .panel-heading .btn.btn-danger {
     color: #fff;
     margin-top: 5px;
}
 .panel.sidebar-menu .panel-body {
     padding: 0;
}
 .panel.sidebar-menu .panel-body.p-15 {
     padding: 15px;
}
 .panel.sidebar-menu .panel-body span.colour {
     display: inline-block;
     width: 15px;
     height: 15px;
     border: solid 1px #555555;
     vertical-align: top;
     margin-top: 2px;
     margin-left: 5px;
}
 .panel.sidebar-menu .panel-body span.colour.white {
     background: #fff;
}
 .panel.sidebar-menu .panel-body span.colour.red {
     background: red;
}
 .panel.sidebar-menu .panel-body span.colour.green {
     background: green;
}
 .panel.sidebar-menu .panel-body span.colour.blue {
     background: blue;
}
 .panel.sidebar-menu .panel-body span.colour.yellow {
     background: yellow;
}
 .panel.sidebar-menu .panel-body label {
     color: #999999;
     font-size: 12px;
}
 .panel.sidebar-menu .panel-body label:hover {
     color: #555555;
}
 .panel.sidebar-menu ul.nav.category-menu {
     margin-bottom: 10px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 0.08em;
}
 .panel.sidebar-menu ul.nav.category-menu li a {
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-size: 13px;
     letter-spacing: 0.5px;
     font-weight: 400;
}
 .panel.sidebar-menu ul.nav.category-menu li a:hover{
     background: #fbfbfb;
}
 .panel.sidebar-menu ul.nav ul {
     list-style: none;
     padding-left: 0;
}
 .panel.sidebar-menu ul.nav ul li {
     display: block;
}
 .panel.sidebar-menu ul.nav ul li a {
     position: relative;
     font-family: "Times New Roman", Times, serif;
     font-weight: normal;
     text-transform: none !important;
     display: block;
     padding: 10px 15px;
     padding-left: 30px;
     font-size: 12px;
     color: #999999;
}
 .panel.sidebar-menu ul.nav ul li a:hover, .panel.sidebar-menu ul.nav ul li a:focus {
     text-decoration: none;
     background-color: #eeeeee;
}
 .panel.sidebar-menu ul.tag-cloud {
     list-style: none;
     padding-left: 0;
}
 .panel.sidebar-menu ul.tag-cloud li {
     display: inline-block;
}
 .panel.sidebar-menu ul.tag-cloud li a {
     display: inline-block;
     padding: 5px;
     border: solid 1px #eeeeee;
     border-radius: 0;
     color: #38a7bb;
     margin: 5px 5px 5px 0;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     font-weight: 700;
     font-size: 12px;
}
.panel.sidebar-menu ul.tag-cloud li.active a {
         color: #fff;
    background: #38a7bb;
}
 .panel.sidebar-menu ul.tag-cloud li a:hover {
     color: #38a7bb;
     text-decoration: none;
     border-color: #38a7bb;
}
 .panel.sidebar-menu ul.popular, .panel.sidebar-menu ul.recent {
     list-style: none;
     padding-left: 0;
     padding: 20px 0;
}
 .panel.sidebar-menu ul.popular li, .panel.sidebar-menu ul.recent li {
     margin-bottom: 10px;
     padding: 5px 0;
     border-bottom: dotted 1px #eeeeee;
}
 .panel.sidebar-menu ul.popular li:before, .panel.sidebar-menu ul.recent li:before, .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after {
     content: " ";
     display: table;
}
 .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after {
     clear: both;
}
 .panel.sidebar-menu ul.popular li:before, .panel.sidebar-menu ul.recent li:before, .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after {
     content: " ";
     display: table;
}
 .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after {
     clear: both;
}
 .panel.sidebar-menu ul.popular li img, .panel.sidebar-menu ul.recent li img {
     width: 50px;
     margin-right: 10px;
}
 .panel.sidebar-menu ul.popular li h5, .panel.sidebar-menu ul.recent li h5 {
     margin: 0 0 10px;
}
 .panel.sidebar-menu ul.popular li h5 a, .panel.sidebar-menu ul.recent li h5 a {
     font-weight: normal;
}
 .panel.sidebar-menu ul.popular li p.date, .panel.sidebar-menu ul.recent li p.date {
     float: right;
     font-size: 12px;
     color: #999999;
}
 .panel.sidebar-menu ul.popular li:last-child, .panel.sidebar-menu ul.recent li:last-child {
     border-bottom: none;
}
 .panel.sidebar-menu .text-widget {
     font-size: 12px;
}
 .panel.sidebar-menu.with-icons ul.nav li a:after {
     font-family: 'FontAwesome';
     content: "\f105";
     position: relative;
     top: 0;
     float: right;
}
/* ribbons for product sales etc. */
 .ribbon {
     position: absolute;
     top: 50px;
     padding-left: 51px;
     font-weight: 700;
     letter-spacing: 0.08em;
}
 .ribbon .ribbon-background {
     position: absolute;
     top: 0;
     right: 0;
}
 .ribbon .theribbon {
     position: relative;
     width: 80px;
     padding: 6px 20px 6px 20px;
     margin: 30px 10px 10px -71px;
     color: #fff;
     background-color: #38a7bb;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
}
 .ribbon .theribbon:before, .ribbon .theribbon:after {
     content: ' ';
     position: absolute;
     width: 0;
     height: 0;
}
 .ribbon .theribbon:after {
     left: 0px;
     top: 100%;
     border-width: 5px 10px;
     border-style: solid;
     border-color: #000000 #000000 transparent transparent;
}
 .ribbon.sale {
     top: 0;
}
 .ribbon.new {
     top: 50px;
}
 .ribbon.new .theribbon {
     background-color: #5bc0de;
     text-shadow: 0px 1px 2px #bbb;
}
 .ribbon.new .theribbon:after {
     border-color: #2390b0 #2390b0 transparent transparent;
}
 .ribbon.gift {
     top: 100px;
}
 .ribbon.gift .theribbon {
     background-color: #5cb85c;
     text-shadow: 0px 1px 2px #bbb;
}
 .ribbon.gift .theribbon:after {
     border-color: #357935 #357935 transparent transparent;
}
 .owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span {
     background: #38a7bb !important;
}
 .owl-controls.clickable {
     position: absolute;
     top: 50%;
     right: 0;
     width: 100%;
     transform: translateY(-72px);
}
.owl-pagination{
    
display: none;
}
 .owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div {
     width: 40px;
     margin: 0;
     font-size: 10px;
     color: #fff;
     padding: 10px 0px;
     background: #000000a1;
     border-radius: 0px;
     vertical-align: middle;
     text-align: center;
     opacity: 1;
     filter: alpha(opacity=100);
     position: absolute;
     text-transform: uppercase;
     writing-mode: vertical-rl;
     text-orientation: upright;
     line-height: 40px;
     top: 0;
}
.owl-carousel .owl-controls .owl-buttons div.owl-next,
.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: 10px;
}
.owl-carousel .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: 0;
}
 .home-carousel {
     position: relative;
     background: url('../images/photogrid.jpg') center center repeat;
     background-size: cover;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .home-carousel .dark-mask {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #38a7bb;
     opacity: 0.9;
     filter: alpha(opacity=90);
}
.home-carousel .owl-carousel {
     padding-top: 60px;
     padding-bottom: 20px;
}
.home-carousel .owl-carousel.one {
     padding-top: 0px;
     padding-bottom: 0px;
}
.home-carousel.one {
    background: transparent;
    margin-bottom: 30px;
}
.home-carousel.one.featured{
     margin-bottom: 60px;
}
.home-carousel.one .owl-theme .owl-controls{
    position: absolute;
    right: 10px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
}
.home-carousel.one .owl-theme .owl-controls .owl-page{
    display: block;
    margin: 10px 0px;
}
.home-carousel.one .owl-theme .owl-controls .owl-page span{
    background: #ffffff;
    opacity: 1;
}
.home-carousel.one .owl-theme .owl-controls .owl-page.active span{
    background: #35a8bc;
}
 .home-carousel .owl-theme .owl-controls .owl-page span {
     background: #666;
}
 .home-carousel .owl-theme .owl-controls .owl-page.active span {
     background: #fff;
}
 .home-carousel .owl-theme .owl-controls .owl-page:hover span {
     background: #fff;
}
 @media (max-width: 767px) {
     .home-carousel {
         text-align: center !important;
    }
}
 @media (min-width: 992px) {
     .home-carousel .right {
         text-align: right;
    }
}
 .home-carousel h1, .home-carousel h2, .home-carousel h3, .home-carousel p, .home-carousel ul {
     color: #fff;
}
 .home-carousel h1 {
     font-weight: 700;
     text-transform: uppercase;
     font-size: 46px;
     letter-spacing: 0.08em;
}
 @media (max-width: 991px) {
     .home-carousel h1 {
         font-size: 36px;
    }
}
 .home-carousel h2 {
     font-weight: 700;
     text-transform: uppercase;
     font-size: 40px;
     letter-spacing: 0.08em;
}
 .home-carousel ul, .home-carousel p {
     font-size: 18px;
     font-weight: 700;
     padding: 0;
     text-transform: uppercase;
     letter-spacing: 0.10em;
}
 @media (max-width: 991px) {
     .home-carousel ul, .home-carousel p {
         font-size: 14px;
    }
}
 .home-carousel ul li {
     margin-bottom: 10px;
}
 .customers {
     padding: 0;
     margin-bottom: 40px;
}
 .customers .item {
     list-style-type: none;
     text-align: center;
     margin: 0 20px;
}
 .customers .item img {
     display: inline-block;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .customers .item img:hover {
     max-width: auto;
     filter: none;
     -webkit-filter: none;
}
 .testimonials {
     padding: 0;
     margin-bottom: 40px;
}
 .testimonials .item {
     list-style-type: none;
     margin: 0 5px;
     background: #fff;
     padding-bottom: 0px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .testimonials .item .testimonial {
     position: relative;
     padding: 20px;
}
 .testimonials .item .testimonial:before, .testimonials .item .testimonial:after {
     content: " ";
     display: table;
}
 .testimonials .item .testimonial:after {
     clear: both;
}
 .testimonials .item .testimonial:before, .testimonials .item .testimonial:after {
     content: " ";
     display: table;
}
 .testimonials .item .testimonial:after {
     clear: both;
}
 .testimonials .item .testimonial .text {
     color: #999999;
     margin-bottom: 40px;
}
 .testimonials .item .testimonial .bottom {
     position: relative;
     left: 0;
     bottom: 0;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0px 0px 20px 0px;
     /* height: 50px; */
}
.testimonials .item .testimonial .bottom:after{
    content:'';
    display:block;
    clear:both;
}
 .testimonials .item .testimonial .bottom .icon {
     color: #38a7bb;
     font-size: 30px;
     float: left;
     width: 20%;
     display: none;
}
 .testimonials .item .testimonial .name-picture {
     float: left;
     width: 100%;
     text-align: left;
}
 .testimonials .item .testimonial .name-picture h5 {
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 .testimonials .item .testimonial .name-picture p {
     color: #999999;
     margin: 0;
     font-size: 12px;
}
 .testimonials .item .testimonial .name-picture img {
     float: left;
     width: 60px;
     border-radius: 30px;
     margin-right: 10px;
}
 .team-member {
     position: relative;
}
 .team-member h3 {
     font-size: 11px;
     text-transform: uppercase;
     margin-bottom: 0px;
     letter-spacing: 0.02em;
     margin-top: 10px;
     margin-bottom: 2px;
}
 .popover-title, .popover-content{
     margin-top: 0 !important;
     letter-spacing: 0 !important;
     background: transparent;
     font-size: 11px !important;
     text-transform: uppercase !important;
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 0 !important;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     padding: 9px 14px;
}
 .team-member h3 a {
     color: #555555;
}
 .team-member p.role {
     color: #999999;
     font-size: 9px;
     text-transform: uppercase;
     letter-spacing: 0.03em;
     margin-bottom: 0px;
}
 .team-member p.des {
     color: #999999;
     font-size: 11px;
     margin-bottom: 0px;
     margin-top: 5px;
}
 .team-member .social {
     margin-bottom: 20px;
}
 .team-member .social a {
     margin: 0 10px 0 0;
     color: #fff;
     display: inline-block;
     width: 26px;
     height: 26px;
     border-radius: 13px;
     line-height: 26px;
     font-size: 15px;
     text-align: center;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     vertical-align: bottom;
}
 .team-member .social a i {
     vertical-align: bottom;
     line-height: 26px;
}
 .team-member .social a.facebook {
     background-color: #4460ae;
}
 .team-member .social a.gplus {
     background-color: #c21f25;
}
 .team-member .social a.twitter {
     background-color: #3cf;
}
 .team-member .social a.instagram {
     background-color: #cd4378;
}
 .team-member .social a.email {
     background-color: #4a7f45;
}
 .team-member .text p {
     color: #999999;
     font-size: 12px;
}
 .team-member .social, .team-member-detail .social {
     margin-bottom: 20px;
}
 .team-member .social a, .team-member-detail .social a {
     margin: 0 10px 0 0;
     color: #fff;
     display: inline-block;
     width: 26px;
     height: 26px;
     border-radius: 13px;
     line-height: 26px;
     font-size: 15px;
     text-align: center;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     vertical-align: bottom;
}
 .team-member .social a i, .team-member-detail .social a i {
     vertical-align: bottom;
     line-height: 26px;
}
 .team-member .social a.facebook, .team-member-detail .social a.facebook {
     background-color: #4460ae;
}
 .team-member .social a.gplus, .team-member-detail .social a.gplus {
     background-color: #c21f25;
}
 .team-member .social a.twitter, .team-member-detail .social a.twitter {
     background-color: #3cf;
}
 .team-member .social a.instagram, .team-member-detail .social a.instagram {
     background-color: #cd4378;
}
 .team-member .social a.email, .team-member-detail .social a.email {
     background-color: #4a7f45;
}
 .box-simple {
     text-align: center;
     margin-bottom: 40px;
}
 .box-simple .icon {
     color: #38a7bb;
     border-color: #38a7bb;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .box-simple h3 {
     font-weight: normal;
     font-size: 18px;
     text-transform: uppercase;
     line-height: 1.5;
     color: #555555;
     font-weight: 800;
     letter-spacing: 0.08em;
}
 .box-simple h3 a {
     color: #555555;
}
 .box-simple p {
     color: #999999;
}
 .box-simple:hover .icon {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
}
 .box-simple:hover .icon i {
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     transform: scale(1, 1);
}
 .box-simple.box-white {
     padding: 20px;
     border: dotted 1px #999999;
}
 .box-simple.box-white .icon {
     color: #555555;
     border-color: transparent;
     font-size: 70px;
}
 .box-simple.box-dark {
     padding: 20px;
     border: dotted 1px #999999;
     background: #555555;
     color: #fff;
}
 .box-simple.box-dark .icon {
     color: #f7f7f7;
     border-color: transparent;
     font-size: 70px;
}
 .box-simple.box-dark h3 {
     color: #fff;
}
 .box-simple.box-dark h3 a {
     color: #fff;
}
 .box-simple.box-dark p {
     color: #fff;
}
 .box-image {
     position: relative;
     overflow: hidden;
     text-align: center;
     margin: 0px 0 30px 0;
}
 .box-image .bg {
     position: absolute;
     top: auto;
     bottom: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     filter: alpha(opacity=0);
     background: #38a7bb;
}
 .box-image .name {
     position: absolute;
     width: 100%;
     height: 50%;
     bottom: 0;
     -webkit-transform: translate(0, 100%);
     -ms-transform: translate(0, 100%);
     -o-transform: translate(0, 100%);
     transform: translate(0, 100%);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     color: #fff;
     padding: 0 20px;
}
 .box-image .name h3 {
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     letter-spacing: 0.08em;
}
 .box-image .name h3 a {
     color: #fff;
     text-decoration: none;
}
 .box-image .text {
     position: absolute;
     width: 100%;
     height: 50%;
     top: 0;
     -webkit-transform: translate(0, -150%);
     -ms-transform: translate(0, -150%);
     -o-transform: translate(0, -150%);
     transform: translate(0, -150%);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     color: #fff;
     padding: 0 20px;
}
 .box-image:hover .bg {
     opacity: 0.7;
     filter: alpha(opacity=70);
}
 .box-image:hover .name {
     position: absolute;
     -webkit-transform: translate(0, -75%);
     -ms-transform: translate(0, -75%);
     -o-transform: translate(0, -75%);
     transform: translate(0, -75%);
}
 .box-image:hover .text {
     position: absolute;
     -webkit-transform: translate(0, 100%);
     -ms-transform: translate(0, 100%);
     -o-transform: translate(0, 100%);
     transform: translate(0, 100%);
}
 .box-image-text {
     position: relative;
     overflow: hidden;
     text-align: center;
     margin: 15px 0;
}
 .box-image-text .top {
     position: relative;
     margin-bottom: 10px;
}
 .box-image-text .top .bg {
     position: absolute;
     top: auto;
     bottom: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     filter: alpha(opacity=0);
     background: #38a7bb;
}
 .box-image-text .top .name {
     position: absolute;
     width: 100%;
     height: 50%;
     bottom: 0;
     -webkit-transform: translate(0, 100%);
     -ms-transform: translate(0, 100%);
     -o-transform: translate(0, 100%);
     transform: translate(0, 100%);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     color: #fff;
     padding: 0 20px;
}
 .box-image-text .top .name h3 {
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     letter-spacing: 0.08em;
}
 .box-image-text .top .name h3 a {
     color: #fff;
     text-decoration: none;
}
 .box-image-text .top .text {
     position: absolute;
     width: 100%;
     height: 50%;
     top: 0;
     -webkit-transform: translate(0, -150%);
     -ms-transform: translate(0, -150%);
     -o-transform: translate(0, -150%);
     transform: translate(0, -150%);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     color: #fff;
     padding: 0 20px;
}
 .box-image-text .content h3, .box-image-text .content h4 {
     text-transform: uppercase;
     line-height: 1.5;
     color: #555555;
     font-weight: 800;
     letter-spacing: 0.08em;
}
 .box-image-text .content p {
     color: #999999;
}
 .box-image-text:hover .bg {
     opacity: 0.7;
     filter: alpha(opacity=70);
}
 .box-image-text:hover .name {
     position: absolute;
     -webkit-transform: translate(0, -75%);
     -ms-transform: translate(0, -75%);
     -o-transform: translate(0, -75%);
     transform: translate(0, -75%);
}
 .box-image-text:hover .text {
     position: absolute;
     -webkit-transform: translate(0, 100%);
     -ms-transform: translate(0, 100%);
     -o-transform: translate(0, 100%);
     transform: translate(0, 100%);
}
/* universal box */
 .box {
     background: #fff;
     margin: 0 0 30px;
     border: solid 1px #ccc;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 20px 0;
     border-left: none;
     border-right: none;
}
 .box .box-header {
     background: #f7f7f7;
     margin: -20px 0 20px;
     padding: 20px;
     border-bottom: solid 1px #eeeeee;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 .box .box-header:before, .box .box-header:after {
     content: " ";
     display: table;
}
 .box .box-header:after {
     clear: both;
}
 .box .box-header:before, .box .box-header:after {
     content: " ";
     display: table;
}
 .box .box-header:after {
     clear: both;
}
 .box .box-footer {
     background: #f7f7f7;
     margin: 30px 0 -20px;
     padding: 20px;
     border-top: solid 1px #eeeeee;
}
 .box .box-footer:before, .box .box-footer:after {
     content: " ";
     display: table;
}
 .box .box-footer:after {
     clear: both;
}
 .box .box-footer:before, .box .box-footer:after {
     content: " ";
     display: table;
}
 .box .box-footer:after {
     clear: both;
}
 @media (max-width: 991px) {
     .box .box-footer .btn {
         margin-bottom: 20px;
    }
}
 .box.no-border {
     border: none;
}
 #heading-breadcrumbs {
     background: url('../images/texture-bw.png') center center repeat;
     padding: 30px 0;
     margin-bottom: 30px;
     background: #f5f5f5;
     border-bottom: 1px solid #eee;
     border-top: 1px solid #eee;
     display: none;
}
#heading-breadcrumbs1 {
     background: url('../images/texture-bw.png') center center repeat;
     padding: 10px 0;
     margin-bottom: 50px;
     border-bottom: 1px solid #eee;
     border-top: 1px solid #eee;
}
#heading-breadcrumbs1 h1{
    
font-size: 24px;
}
 .navbar.navbar-default.secondory{
     margin-top: 30px;
}
 #heading-breadcrumbs.no-mb {
     margin-bottom: 0;
}
 #heading-breadcrumbs h1 {
     color: #333333;
     text-transform: uppercase;
     font-size: 30px;
     font-weight: 700;
     letter-spacing: 0.08em;
}
 @media (max-width: 991px) {
     #heading-breadcrumbs h1 {
         text-align: center;
    }
}
 #heading-breadcrumbs ul.breadcrumb {
     margin-top: 5px;
     margin-bottom: 0;
}
 .bar {
     position: relative;
     background: #2ecbe6;
     padding: 60px 0;
}
 .bar1 {
     position: relative;
     background: #27c6e2;
     padding: 60px 0;
}
 .bar.background-pentagon {
     background: url('../images/texture-bw.png') center center repeat;
     border-top: solid 0px #999999;
     border-bottom: solid 0px #999999;
}
 .bar.background-gray {
     background: #eeeeee;
}
 .bar.background-gray-dark {
     background: #555555;
}
 .bar.background-white {
     background: #fff;
}
 .bar.background-image-fixed-1 {
     background: url('../images/fixed-background-1.jpg') center top no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .bar.background-image-fixed-2 {
     background: url('../images/fixed-background-2.jpg') center top no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .bar.color-white h1, .bar.color-white h2, .bar.color-white h3, .bar.color-white h4, .bar.color-white h5, .bar.color-white h6, .bar.color-white p {
     color: #fff;
}
 .bar.padding-big {
     padding: 50px 0;
}
 .bar.padding-horizontal {
     padding-left: 30px;
     padding-right: 30px;
}
 .bar.margin-vertical {
     margin-top: 20px;
     margin-bottom: 20px;
}
 .bar .dark-mask {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.3;
     filter: alpha(opacity=30);
}
 .portfolio.no-space {
     padding: 0 15px;
}
 .portfolio.no-space .box-image {
     margin: 0 -15px;
}
 .portfolio-project .project-more h4 {
     color: #555555;
     text-transform: uppercase;
     margin-bottom: 0;
     text-align: left;
     font-size: 14px;
     letter-spacing: 0.08em;
}
 .portfolio-project .project-more p {
     color: #999999;
     padding: 10px 0;
     margin-bottom: 20px;
     text-align: left;
}
 .portfolio-showcase {
     margin: 15px 0 60px;
}
 .portfolio-showcase h3 a {
     text-transform: uppercase;
     line-height: 1.5;
     letter-spacing: 0.08em;
}
 .portfolio-showcase p.lead {
     color: #555555;
     margin-bottom: 20px;
}
 .portfolio-showcase p {
     color: #999999;
}
 .portfolio-showcase p.buttons {
     margin-top: 40px;
}
 .see-more {
     text-align: center;
     margin-top: 20px;
     padding-top: 20px;
}
 .see-more p {
     font-size: 28px;
     font-weight: 100;
     margin-bottom: 20px;
}
 .showcase .item {
     text-align: center;
}
 .showcase .item .icon {
     display: inline-block;
     width: 50px;
     height: 50px;
     color: #555555;
     line-height: 50px;
     border-radius: 25px;
     border: solid 1px #555555;
}
 .showcase1 .item h4 {
     color: #555555;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     line-height: 1.5;
     font-size: 16px;
}
 .showcase1 .item h4 span {
     font-weight: bold;
     font-size: 51px;
}
 .showcase1 .item {
     text-align: center;
     margin-top: 18px;
}
 .showcase1 .item:last-child{
}
 .showcase1 .item .icon {
     display: inline-block;
     width: 50px;
     height: 50px;
     color: #555555;
     line-height: 50px;
     border-radius: 25px;
     font-size: 40px;
}
 .showcase1 .item h4 {
     color: #555555;
     text-transform: uppercase;
     letter-spacing: 0.02em;
     line-height: 1.5;
     font-size: 12px;
     margin-bottom: 0;
     margin-top: 10px;
}
 .showcase1 .item h4 span {
     font-weight: bold;
     font-size: 30px;
}
 .packages .package {
     background: #fff;
     margin-top: 25px;
     margin-bottom: 20px;
     padding-bottom: 15px;
     text-align: center;
     border: solid 1px #38a7bb;
     overflow: hidden;
}
 .packages .package .package-header {
     height: 57px;
     color: #fff;
     line-height: 57px;
     background: #38a7bb;
}
 .packages .package .package-header h5 {
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     line-height: 57px;
     margin: 0;
     letter-spacing: 0.08em;
}
 .packages .package .package-header.light-gray {
     background: #eeeeee;
}
 .packages .package .package-header.light-gray h5 {
     color: #555555;
}
 .packages .package .price {
     line-height: 120px;
     height: 100px;
     color: #fff;
     font-weight: 400;
}
 .packages .package .price h4 {
     display: inline;
     font-size: 50px;
     line-height: normal;
     margin-bottom: 0;
}
 .packages .package .price .period {
     line-height: normal;
     color: #999999;
}
 .packages .package ul {
     padding: 0;
}
 .packages .package ul li {
     list-style-type: none;
     padding-top: 10px;
     padding-bottom: 10px;
     width: 80%;
     margin: auto;
     border-bottom: 1px dotted #ccc;
}
 .packages .package ul li:last-child {
     border-bottom: 0;
}
 .packages .package ul li i {
     font-size: 13px;
     margin-right: 5px;
}
 .packages .best-value .package {
     margin-top: 0;
     padding-bottom: 40px;
}
 .packages .best-value .package .package-header {
     height: 72px;
     padding-top: 17px;
     height: 82px !important;
}
 .packages .best-value .package .package-header h5 {
     font-weight: bold;
     line-height: 29px;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 .packages .best-value .package .package-header .meta-text {
     font-size: 13px;
     line-height: 15px;
}
 #map {
     height: 300px;
}
 #map.with-border {
     border-top: solid 1px #38a7bb;
     border-bottom: solid 1px #38a7bb;
}
 #blog-listing-big .post, #blog-homepage .post {
     margin-bottom: 60px;
}
 #blog-listing-big .post h2, #blog-homepage .post h2, #blog-listing-big .post h4, #blog-homepage .post h4 {
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 #blog-listing-big .post h2 a, #blog-homepage .post h2 a, #blog-listing-big .post h4 a, #blog-homepage .post h4 a {
     color: #555555;
}
 #blog-listing-big .post h2 a:hover, #blog-homepage .post h2 a:hover, #blog-listing-big .post h4 a:hover, #blog-homepage .post h4 a:hover {
     color: #38a7bb;
}
 #blog-listing-big .post .author-category, #blog-homepage .post .author-category {
     color: #999999;
     text-transform: uppercase;
     font-weight: 300;
     letter-spacing: 0.08em;
}
 #blog-listing-big .post .author-category a, #blog-homepage .post .author-category a {
     font-weight: 500;
}
 #blog-listing-big .post .date-comments a, #blog-homepage .post .date-comments a {
     color: #999999;
     margin-right: 20px;
}
 #blog-listing-big .post .date-comments a:hover, #blog-homepage .post .date-comments a:hover {
     color: #38a7bb;
}
 @media (min-width: 768px) {
     #blog-listing-big .post .date-comments, #blog-homepage .post .date-comments {
         text-align: right;
    }
}
 #blog-listing-big .post .intro, #blog-homepage .post .intro {
     text-align: left;
}
 #blog-listing-big .post .image, #blog-homepage .post .image {
     margin-bottom: 10px;
     overflow: hidden;
}
 #blog-listing-big .post .image img, #blog-homepage .post .image img {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 @media (max-width: 767px) {
     #blog-listing-big .post .image img.img-responsive, #blog-homepage .post .image img.img-responsive {
         min-width: 100%;
    }
}
 #blog-listing-big .post .video, #blog-homepage .post .video {
     margin-bottom: 10px;
}
 #blog-listing-big .post .read-more, #blog-homepage .post .read-more {
     text-align: right;
}
 #blog-listing-medium .post {
     margin-bottom: 60px;
}
 #blog-listing-medium .post h2 {
     text-transform: uppercase;
     margin: 0 0 10px;
     font-size: 24px;
     letter-spacing: 0.08em;
}
 #blog-listing-medium .post h2 a {
     color: #555555;
}
 #blog-listing-medium .post h2 a:hover {
     color: #38a7bb;
}
 #blog-listing-medium .post .author-category {
     float: left;
     color: #999999;
     text-transform: uppercase;
     font-weight: 300;
     font-size: 12px;
     letter-spacing: 0.08em;
}
 #blog-listing-medium .post .author-category a {
     font-weight: 500;
}
 #blog-listing-medium .post .date-comments {
     float: right;
     font-size: 12px;
}
 #blog-listing-medium .post .date-comments a {
     color: #999999;
     margin-right: 20px;
}
 #blog-listing-medium .post .date-comments a:hover {
     color: #38a7bb;
}
 @media (min-width: 768px) {
     #blog-listing-medium .post .date-comments {
         text-align: right;
    }
}
 #blog-listing-medium .post .intro {
     text-align: left;
     word-break: break-word;
}
 #blog-listing-medium .post .clearfix:before, #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:before, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:before, #blog-listing-medium .post .navbar-header:after {
     content: " ";
     display: table;
}
 #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:after {
     clear: both;
}
 #blog-listing-medium .post .clearfix:before, #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:before, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:before, #blog-listing-medium .post .navbar-header:after {
     content: " ";
     display: table;
}
 #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:after {
     clear: both;
}
#blog-listing-medium .post .image {
     margin-bottom: 10px;
     overflow: hidden;
     position: relative;
}
.slider-type-icon{
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    padding: 4px 6px;
    color: #35a8bc;
    border-radius: 2px;
    z-index: 2;
}
 #blog-listing-medium .post .image img {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 @media (max-width: 767px) {
     #blog-listing-medium .post .image img.img-responsive {
         min-width: 100%;
    }
}
 #blog-listing-medium .post .video {
     margin-bottom: 10px;
     position: relative;
}
 #blog-listing-medium .post .read-more {
     text-align: left;
}
 .box-image-text.blog .author-category {
     color: #999999;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     font-weight: 300;
     font-size: 12px;
}
 .box-image-text.blog .author-category a {
     font-weight: 500;
}
 .box-image-text.blog .intro {
     text-align: left;
     margin-bottom: 20px;
}
 #blog-homepage .post {
     margin-bottom: 30px;
}
 #blog-homepage .post h2, #blog-homepage .post h4, #blog-homepage .post .author-category, #blog-homepage .post .read-more {
     text-align: center;
}
 #blog-homepage .post .read-more {
     margin-top: 20px;
}
 #blog-post #post-content {
     margin-bottom: 20px;
}
 #blog-post .comment {
     margin-bottom: 25px;
}
 #blog-post .comment:before, #blog-post .comment:after {
     content: " ";
     display: table;
}
 #blog-post .comment:after {
     clear: both;
}
 #blog-post .comment:before, #blog-post .comment:after {
     content: " ";
     display: table;
}
 #blog-post .comment:after {
     clear: both;
}
 #blog-post .comment .posted {
     color: #999999;
     font-size: 12px;
}
 #blog-post .comment .reply {
     font-family: "Roboto", Helvetica, Arial, sans-serif;
}
 #blog-post .comment.last {
     margin-bottom: 0;
}
 #blog-post #comments, #blog-post #comment-form {
     padding: 20px 0;
     margin-top: 20px;
     border-top: solid 1px #e4e3e3;
}
 #blog-post #comments:before, #blog-post #comment-form:before, #blog-post #comments:after, #blog-post #comment-form:after {
     content: " ";
     display: table;
}
 #blog-post #comments:after, #blog-post #comment-form:after {
     clear: both;
}
 #blog-post #comments:before, #blog-post #comment-form:before, #blog-post #comments:after, #blog-post #comment-form:after {
     content: " ";
     display: table;
}
 #blog-post #comments:after, #blog-post #comment-form:after {
     clear: both;
}
 #blog-post #comments h4, #blog-post #comment-form h4 {
     margin-bottom: 20px;
}
 #blog-post #comment-form {
     margin-bottom: 20px;
}
 .product {
     background: #fff;
     border-bottom: solid 1px #e6e6e6;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 60px;
     overflow: hidden;
     text-align: center;
}
 .product .image {
     overflow: hidden;
}
 .product .image img {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 @media (max-width: 767px) {
     .product .image img.img-responsive {
         min-width: 100%;
    }
}
 .product .text {
     padding: 10px;
}
 .product .text h3 {
     font-size: 14px;
     font-weight: 700;
     height: 39.6px;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 .product .text h3 a {
     color: #555555;
}
 .product .text h3 a:hover {
     text-decoration: none;
}
 .product .text p.price {
     font-size: 18px;
}
 .product .text p.price del {
     color: #999999;
}
 .product .buttons {
     clear: both;
     position: absolute;
     display: none;
     bottom: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     border: solid 1px transparent;
     padding: 20px;
     background: rgba(255, 255, 255, 0.9);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     text-align: center;
}
 .product .buttons .btn {
     margin-bottom: 20px;
}
 .product:hover {
     border-bottom: solid 1px #808080;
     top: 0;
}
 .product:hover .buttons {
     clear: both;
     position: absolute;
     top: 0;
     background: rgba(255, 255, 255, 0.5);
}
 .product:hover .image img {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
}
 .goToDescription {
     font-size: 12px;
     text-align: center;
     margin-bottom: 40px;
}
 .goToDescription a {
     color: #999999;
     text-decoration: underline;
}
 #productMain {
     margin-bottom: 30px;
}
 #productMain .sizes {
     text-align: center;
}
 #productMain .sizes h3 {
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     margin-bottom: 40px;
}
 #productMain .sizes a {
     display: inline-block;
     width: 40px;
     height: 40px;
     border-radius: 40px;
     background: #ccc;
     line-height: 40px;
     color: #555555;
     text-align: center;
     text-decoration: none;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
}
 #productMain .sizes a.active, #productMain .sizes a:hover {
     background: #38a7bb;
     color: #fff;
}
 #productMain .sizes input {
     display: none;
}
 #productMain .price {
     font-size: 40px;
     text-align: center;
     margin-top: 40px;
     margin-bottom: 40px;
}
 #thumbs a {
     display: block;
     border: solid 1px transparent;
}
 #thumbs a.active {
     border-color: #38a7bb;
}
 #product-social {
     text-align: center;
}
 #product-social h4 {
     font-weight: 300;
     margin-bottom: 10px;
}
 #product-social p {
     line-height: 26px;
}
 #product-social p a {
     margin: 0 10px 0 0;
     color: #fff;
     display: inline-block;
     width: 26px;
     height: 26px;
     border-radius: 13px;
     line-height: 26px;
     font-size: 15px;
     text-align: center;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     vertical-align: bottom;
}
 #product-social p a i {
     vertical-align: bottom;
     line-height: 26px;
}
 #product-social p a.facebook {
     background-color: #4460ae;
}
 #product-social p a.gplus {
     background-color: #c21f25;
}
 #product-social p a.twitter {
     background-color: #3cf;
}
 #product-social p a.instagram {
     background-color: #cd4378;
}
 #product-social p a.email {
     background-color: #4a7f45;
}
 @media (max-width: 991px) {
     #product-social {
         text-align: center;
    }
}
 #checkout .nav {
     margin-bottom: 20px;
     border-bottom: solid 1px #38a7bb;
}
 #checkout .nav li {
     height: 100%;
}
 #checkout .nav li a {
     display: block;
     height: 100%;
}
 #order-summary table {
     margin-top: 20px;
}
 #order-summary table td {
     color: #999999;
}
 #order-summary table tr.total td, #order-summary table tr.total th {
     font-size: 18px;
     color: #555555;
     font-weight: 700;
}
 #checkout .table tbody tr td, #basket .table tbody tr td, #customer-order .table tbody tr td {
     vertical-align: middle;
}
 #checkout .table tbody tr td input, #basket .table tbody tr td input, #customer-order .table tbody tr td input {
     width: 50px;
     text-align: right;
}
 #checkout .table tbody tr td img, #basket .table tbody tr td img, #customer-order .table tbody tr td img {
     width: 50px;
}
 #checkout .table tfoot, #basket .table tfoot, #customer-order .table tfoot {
     font-size: 18px;
}
 .shipping-method h4, .payment-method h4 {
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 #customer-orders table tr th, #customer-orders table tr td {
     vertical-align: baseline;
}
 #customer-order .table tfoot th {
     font-size: 18px;
     font-weight: 300;
}
 #customer-order .addresses {
     text-align: right;
     margin-bottom: 30px;
}
 #customer-order .addresses p {
     font-size: 18px;
     font-weight: 300;
}
 #customer-account {
     margin-bottom: 30px;
}
 #get-it {
     background: #38a7bb;
     padding: 50px 0 30px;
     color: #fff;
     text-align: center;
}
 #get-it h1, #get-it h2, #get-it h3, #get-it h4, #get-it h5, #get-it h6 {
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     margin: 0 0 20px;
}
 #get-it p {
     margin: 0 0 20px;
}
 #footer {
     background: #555555;
     padding: 50px 0;
     color: #999999;
     margin-top: 0px;
}
 #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
     color: #eeeeee;
}
 #footer h4 {
     font-size: 14px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
 #footer ul {
     padding-left: 0;
     list-style: none;
}
 #footer ul a {
     color: #999999;
}
 #footer ul a:hover {
     color: #38a7bb;
     text-decoration: none;
}
 #footer .photostream div {
     float: left;
     display: block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 33%;
     padding: 7.5px;
     overflow: hidden;
}
 #footer .photostream div a {
     border: solid 1 px #eeeeee;
}
 #footer .photostream div img {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 #footer .photostream div:hover img {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
}
 #footer .blog-entries .item {
     clear: both;
     padding: 5px 0;
     margin-bottom: 10px;
     border-bottom: solid 1px #555555;
}
 #footer .blog-entries .item .image {
     float: left;
     width: 15%;
     margin-right: 10px;
}
 #footer .blog-entries .item .name {
     width: 75%;
     margin-left: 10px;
     display: table-cell;
     vertical-align: middle;
}
 #footer .blog-entries .item .name h5 {
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     font-size: 12px;
}
 #footer .blog-entries .item .name h5 a {
     color: #eeeeee;
}
 #footer .blog-entries .item .text {
     width: 100%;
     clear: both;
}
 #footer .blog-entries .item:last-child {
     border-bottom: none;
     margin-bottom: 0;
}
 #footer .social a {
     color: #555555;
     font-size: 25px;
     margin: 0 10px 0 0;
}
 #footer .social a:hover {
     color: #38a7bb;
}
 #copyright {
     background: #333;
     color: #ccc;
     padding: 10px 0;
     font-size: 12px;
     line-height: 28px;
}
 #copyright p {
     margin: 0;
}
 @media (max-width: 991px) {
     #copyright p {
         float: none !important;
         text-align: center;
         margin-bottom: 10px;
    }
}
 [data-animate] {
     opacity: 0;
     filter: alpha(opacity=0);
}
 #style-switch-button {
     position: fixed;
     top: 100px;
     left: 0px;
     border-radius: 0;
}
 #style-switch {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 300px;
     padding: 20px;
     position: fixed;
     top: 140px;
     left: 0;
     background: #fff;
     border: solid 1px #eeeeee;
}
 @media (max-width: 991px) {
     #style-switch-button {
         display: none;
    }
     #style-switch {
         display: none;
    }
}
/* Original Boostrap template overwrite */
/* breadcrumbs */
 .breadcrumb {
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     background-color: none;
     letter-spacing: 0.08em;
}
/* nav */
 .nav > li > a {
     padding: 15px 15px;
}
 .nav > li > a:hover, .nav > li > a:focus {
     background-color: #fbfbfb;
}
 .nav > li.disabled > a {
     color: #999999;
}
 .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
     color: #999999;
}
 .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
     background-color: #eeeeee;
     border-color: #38a7bb;
}
 .nav-tabs {
     border-bottom: 1px solid #38a7bb;
}
 .nav-tabs > li {
     float: left;
     margin-bottom: -1px;
}
 .nav-tabs > li > a {
     margin-right: 2px;
     line-height: 1.42857143;
     border: 1px solid transparent;
     border-radius: 0 0 0 0;
}
 .nav-tabs > li > a:hover {
     border-color: #eeeeee #eeeeee #38a7bb;
}
 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
     color: #555555;
     background-color: #ffffff;
     border: 1px solid #38a7bb;
     border-bottom-color: transparent;
     cursor: default;
}
 .nav-tabs.nav-justified {
     width: 100%;
     border-bottom: solid 1px #38a7bb;
     border-bottom: 0;
}
 .nav-tabs.nav-justified > li {
     float: none;
}
 .nav-tabs.nav-justified > li > a {
     text-align: center;
    /*margin-bottom: 5px;
    */
}
 .nav-tabs.nav-justified > .dropdown .dropdown-menu {
     top: auto;
     left: auto;
}
 .nav-tabs.nav-justified > li > a {
     margin-right: 0;
     border-radius: 0;
}
 .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
     border: 1px solid #38a7bb;
}
 @media (min-width: 768px) {
     .nav-tabs.nav-justified > li > a {
         border-bottom: 1px solid #38a7bb;
         border-radius: 0 0 0 0;
    }
     .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
         border-bottom-color: #ffffff;
    }
}
 .nav-pills > li {
     float: left;
}
 .nav-pills > li > a {
     border-radius: 0;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     font-weight: 500;
}
 .nav-pills > li + li {
     margin-left: 2px;
}
 .payment-options .nav-pills > li > a{
    background: #555555;
    border: 1px solid #555;
    color: #fff;
}
 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    border-top: 1px solid #38a7bb;
    border-bottom: 1px solid #38a7bb;
    border-left: 1px solid #38a7bb;
    border-right: 1px solid #38a7bb;
    background: #38a7bb;
}
 .tabs-custom{
     text-align: center;
     padding: 15px;
}
 .tabs-custom > li{
     display: inline-block;
}
 .tabs-custom > li > a{
     text-align: center;
     margin: auto;
     border: solid 1px #eee;
     position: relative;
     padding: 0px 0px 0px 0px;
     letter-spacing: 0px;
     font-size: 11px;
     box-shadow: none;
     background: #fff;
     padding: 10px 15px;
}
 .tabs-custom > li.active > a:before{
     border-bottom-color: #bdbcbc;
}
 .tabs-custom > li > a i{
     display: block;
     font-size: 40px;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}
 .tabs-custom.nav-pills > li.active > a, .tabs-custom.nav-pills > li.active > a, .tabs-custom.nav-pills > li.active > a:hover, .tabs-custom.nav-pills > li.active > a:focus {
     border: solid 1px #f5f4f4;
     box-shadow: none;
}
 .nav-stacked > li {
     float: none;
}
 .nav-stacked > li + li {
     margin-top: 2px;
     margin-left: 0;
}
 .nav-justified {
     width: 100%;
     border: solid 1px #e7e9ea;
     border-radius: 3px;
     position: relative;
     box-shadow: 2px 2px 2px #dae0e46b;
}
 .nav-justified > li {
     float: none;
}
 .nav-justified > li > a {
     text-align: center;
}
 .nav-justified > .dropdown .dropdown-menu {
     top: auto;
     left: auto;
}
 .nav-tabs-justified {
     border-bottom: 0;
}
 .nav-tabs-justified > li > a {
     margin-right: 0;
     border-radius: 0;
}
 .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
     border: 1px solid #38a7bb;
}
 @media (min-width: 768px) {
     .nav-tabs-justified > li > a {
         border-bottom: 1px solid #38a7bb;
         border-radius: 0 0 0 0;
    }
     .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
         border-bottom-color: #ffffff;
    }
}
 .tab-content {
    padding: 15px;
    border: solid 1px #eee;
    background: #fff;
}
/* navbar */
 .navbar {
     position: relative;
     min-height: 62px;
     margin-bottom: 0;
     border-bottom: solid 1px #e7e9ea;
}
 @media (min-width: 768px) {
     .navbar {
         border-radius: 0px;
    }
}
 @media (min-width: 768px) {
     .navbar-header {
         float: left;
    }
}
 .navbar-collapse {
     overflow-x: visible;
     padding-right: 15px;
     padding-left: 15px;
}
 .navbar-collapse.in {
     overflow-y: auto;
}
 @media (min-width: 768px) {
     .navbar-collapse {
         width: auto;
         border-top: 0;
         box-shadow: none;
    }
     .navbar-collapse.collapse {
         display: block !important;
         height: auto !important;
         padding-bottom: 0;
         overflow: visible !important;
    }
     .navbar-collapse.in {
         overflow-y: visible;
    }
     .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
         padding-left: 0;
         padding-right: 0;
    }
}
 .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
     max-height: 340px;
}
 @media (max-width: 480px) and (orientation: landscape) {
     .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
         max-height: 200px;
    }
}
 .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
     margin-right: -15px;
     margin-left: -15px;
}
 @media (min-width: 768px) {
     .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
         margin-right: 0;
         margin-left: 0;
    }
}
 .navbar-static-top {
     z-index: 1000;
     border-width: 0 0 1px;
}
 @media (min-width: 768px) {
     .navbar-static-top {
         border-radius: 0;
    }
}
 .navbar-fixed-top, .navbar-fixed-bottom {
     position: fixed;
     right: 0;
     left: 0;
     z-index: 1030;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 @media (min-width: 768px) {
     .navbar-fixed-top, .navbar-fixed-bottom {
         border-radius: 0;
    }
}
 .navbar-fixed-top {
     top: 0;
     border-width: 0 0 1px;
}
 .navbar-fixed-bottom {
     bottom: 0;
     margin-bottom: 0;
     border-width: 1px 0 0;
}
 .navbar-brand {
     float: left;
     padding: 10px 15px;
     font-size: 18px;
     line-height: 20px;
     height: 62px;
}
 .navbar-brand:hover, .navbar-brand:focus {
     text-decoration: none;
}
 @media (min-width: 768px) {
     .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
         margin-left: -16px;
    }
}
 .navbar-toggle {
     position: relative;
     float: right;
     margin-right: 0px;
     padding: 9px 10px;
     margin-top: 14px;
     margin-bottom: 14px;
     background-color: transparent;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 0;
}
 .navbar-toggle:focus {
     outline: 0;
}
 .navbar-nav {
     margin: 10.5px -15px;
}
 .navbar-nav > li > a {
     padding-top: 10px;
     padding-bottom: 10px;
     line-height: 20px;
}
 @media (max-width: 767px) {
     .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
         padding: 5px 15px 5px 25px;
    }
     .navbar-nav .open .dropdown-menu > li > a {
         line-height: 20px;
    }
     .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
         background-image: none;
    }
}
 @media (min-width: 768px) {
     .navbar-nav {
         float: left;
         margin: 0;
    }
     .navbar-nav > li {
         float: left;
    }
     .navbar-nav > li > a {
         padding-top: 21px;
         padding-bottom: 21px;
    }
     .navbar-nav.navbar-right:last-child {
         margin-right: -25px;
    }
}
 @media (min-width: 768px) {
     .navbar-left {
         float: left !important;
    }
     .navbar-right {
         float: right !important;
    }
}
 .navbar-form {
     margin-left: -15px;
     margin-right: -15px;
     padding: 10px 15px;
     border-top: 1px solid transparent;
     border-bottom: 1px solid transparent;
     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
     margin-top: 14px;
     margin-bottom: 14px;
}
 @media (max-width: 767px) {
     .navbar-form .form-group {
         margin-bottom: 5px;
    }
}
 @media (min-width: 768px) {
     .navbar-form {
         width: auto;
         border: 0;
         margin-left: 0;
         margin-right: 0;
         padding-top: 0;
         padding-bottom: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
    }
     .navbar-form.navbar-right:last-child {
         margin-right: -15px;
    }
}
 .navbar-nav > li > .dropdown-menu {
     margin-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
}
 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .navbar-btn {
     margin-top: 14px;
     margin-bottom: 14px;
}
 .navbar-btn.btn-sm {
     margin-top: 16px;
     margin-bottom: 16px;
}
 .navbar-btn.btn-xs {
     margin-top: 20px;
     margin-bottom: 20px;
}
 .navbar-text {
     margin-top: 21px;
     margin-bottom: 21px;
}
 @media (min-width: 768px) {
     .navbar-text {
         float: left;
         margin-left: 15px;
         margin-right: 15px;
    }
     .navbar-text.navbar-right:last-child {
         margin-right: 0;
    }
}
 .navbar-default {
     background-color: #ffffff;
     border-color: #cccccc;
     border-bottom: solid 1px #e7e9ea;
}
 .navbar-default .navbar-brand {
     color: #555555;
}
 .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
     color: #3b3b3b;
     background-color: transparent;
}
 .navbar-default .navbar-text {
     color: #777777;
}
 .navbar-default .navbar-nav > li > a {
     color: #555555;
}
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
     color: #ffffff;
     background-color: #555555;
}
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
     color: #555555;
     background-color: #ecf0f3;
}
 .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
     color: #cccccc;
     background-color: transparent;
}
 .navbar-default .navbar-toggle {
     border-color: #dddddd;
}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background-color: #38a7bb;
}
 .navbar-default .navbar-toggle .icon-bar {
     background-color: #888888;
}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
     border-color: #cccccc;
}
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
     background-color: #f5f5f5;
     color: #555555;
}
 @media (max-width: 767px) {
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         color: #555555;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
         color: #38a7bb;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
         color: #ffffff;
         background-color: #38a7bb;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
         color: #cccccc;
         background-color: transparent;
    }
}
 .navbar-default .navbar-link {
     color: #555555;
}
 .navbar-default .navbar-link:hover {
     color: #555555;
}
 .navbar-default .btn-link {
     color: #555555;
}
 .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
     color: #555555;
}
 .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
     color: #cccccc;
}
/* scaffolding */
 body {
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 1.42857143;
     color: #000;
     background-color: #edf1f3;
}
body.printing_bg{
     background: url(https://www.hsexposed.com/img/background-printing.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
body.printing_bg .panel,
body.printing_bg .white-box,
body.printing_bg .block-small{
     border: solid 1px #fff;
    box-shadow: 0px 0px 0px #dae0e46b;
}
 a {
     color: #38a7bb;
     text-decoration: none;
}
}
}
 a:hover, a:focus {
     color: #267280;
     text-decoration: none;
}
 a:focus {
     outline: thin dotted;
     outline: 0px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 .img-rounded {
     border-radius: 0;
}
 hr {
     margin-top: 20px;
     margin-bottom: 20px;
     border: 0;
     border-top: 1px solid #eeeeee;
}
/* breadcrumbs */
 .breadcrumb {
     padding: 20px 0;
     margin-bottom: 20px;
     background-color: transparent;
     border-radius: 0;
     text-align: left;
}
 .breadcrumb > li + li:before {
     content: ">\00a0";
     color: #555555;
}
 .breadcrumb > .active {
     color: #999999;
}
 @media (max-width: 991px) {
     .breadcrumb {
         padding: 20px 0;
         text-align: center;
    }
}
/* dropdowns */
 .dropdown-menu {
     z-index: 1000;
     font-size: 14px;
     background-color: #ffffff;
     border: 0px solid #e4e3e3;
     -webkit-box-shadow: none;
     box-shadow: none;
     left: auto;
     right: -15px;
     margin-top: 17px;
}
 .dropdown-menu.pull-right {
     right: 0;
     left: auto;
}
 .dropdown-menu .divider {
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
     background-color: #e5e5e5;
}
 .dropdown-menu > li > a {
     padding: 5px 20px;
     line-height: 1.42857143;
     color: #333333;
     white-space: nowrap;
}
/* labels */
 .label {
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-weight: normal;
     text-transform: uppercase;
     letter-spacing: 0.08em;
}
/* forms.less */
 label {
     font-weight: normal;
}
 .form-control {
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid #eaeaea;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-weight: 300;
     font-size: 13px;
     border-radius: 2px;
     box-shadow: 2px 2px 2px #dae0e46b;
     height: 34px;
}
 .form-control:focus {
     border-color: #38a7bb;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
}
 .form-group {
     margin-bottom: 25px;
}
 .form-group label small{
     display:block;
     margin-bottom: 5px;
}
/* pager*/
 .pager {
     margin: 20px 0;
     border-top: solid 1px #e4e3e3;
     padding-top: 20px;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
}
 .pager li {
     display: inline;
}
 .pager li > a, .pager li > span {
     background-color: #ffffff;
     border: 1px solid #38a7bb;
     border-radius: 0;
     font-size: 11px;
}
 .pager li > a:hover, .pager li > a:focus {
     text-decoration: none;
     color: #fff;
     background-color: #38a7bb;
}
 .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
     color: #999999;
     background-color: #ffffff;
     border-color: #ddd;
}
/* pagination */
 .pagination {
     margin: 20px 0;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     border-radius: 0;
}
 .pagination > li > a, .pagination > li > span {
     padding: 6px 12px;
     line-height: 1.42857143;
     text-decoration: none;
     color: #38a7bb;
     background-color: #ffffff;
     border: 1px solid #dddddd;
}
 .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     color: #ffffff;
     background-color: #a7dbe5;
     border-color: #a7dbe5;
}
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     z-index: 2;
     color: #ffffff;
     background-color: #38a7bb;
     border-color: #38a7bb;
}
 .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
     color: #999999;
     background-color: #ffffff;
     border-color: #dddddd;
}
/* responsive utilities */
 @media (max-width: 767px) {
     .text-center-xs {
         text-align: center !important;
    }
     .text-center-xs img {
         display: block;
         margin-left: auto;
         margin-right: auto;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .text-center-sm {
         text-align: center !important;
    }
     .text-center-sm img {
         display: block;
         margin-left: auto;
         margin-right: auto;
    }
}
/* type */
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: 100;
     line-height: 1.1;
     color: #333333;
}
 h1, .h1, h2, .h2, h3, .h3 {
     margin-top: 20px;
     margin-bottom: 20px;
}
 p {
     margin: 0 0 20px;
     word-break: break-word;
}
 .lead {
     margin-bottom: 20px;
     font-size: 18px;
}
 @media (min-width: 768px) {
     .lead {
         font-size: 24px;
         font-weight: 500;
    }
}
 .text-small {
     font-size: 12px;
}
 .text-large {
     font-size: 18px;
}
 .text-italic {
     font-style: italic;
}
 .text-primary {
     color: #38a7bb;
}
 a.text-primary:hover {
     color: #2c8494;
}
 .bg-primary {
     color: #fff;
     background-color: #38a7bb;
}
 a.bg-primary:hover {
     background-color: #2c8494;
}
 abbr[title], abbr[data-original-title] {
     border-bottom: 1px dotted #999999;
}
 blockquote {
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 14px;
     border-left: 5px solid #38a7bb;
}
 blockquote footer, blockquote small, blockquote .small {
     display: block;
     font-size: 80%;
     line-height: 1.42857143;
     color: #999999;
}
 blockquote footer:before, blockquote small:before, blockquote .small:before {
     content: '\2014 \00A0';
}
 .blockquote-reverse, blockquote.pull-right {
     border-right: 5px solid #38a7bb;
}
 address {
     margin-bottom: 20px;
     line-height: 1.42857143;
}
 .panel {
     margin-bottom: 20px;
     background-color: #ffffff;
     border: solid 1px #e7e9ea;
     border-radius: 3px;
     position: relative;
     box-shadow: 2px 2px 2px #dae0e46b;
}
 .panel-heading {
     border-top-right-radius: 0;
     border-top-left-radius: 0;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     padding: 15px 15px;
     color: #333;
     background-color: #ffffff;
     border-color: #eee;
}
 .progress {
     overflow: hidden;
     height: 2px;
     margin-bottom: 4px;
     background-color: #f5f5f5;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .panel-group {
     margin-bottom: 20px;
}
 .panel-group .panel {
     margin-bottom: 0;
     overflow: hidden;
     border-radius: 0px;
}
 .panel-group .panel + .panel {
     margin-top: 5px;
}
 .panel-group.accordion .panel {
     border-color: #eee;
}
 .panel-primary {
     border-color: #38a7bb;
}
 .panel-primary > .panel-heading {
     color: #ffffff;
     background-color: #38a7bb;
     border-color: #38a7bb;
}
 .panel-primary > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #38a7bb;
}
 .panel-primary > .panel-heading .badge {
     color: #38a7bb;
     background-color: #ffffff;
}
 .panel-primary > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #38a7bb;
}
 .panel-primary .panel-title {
     font-weight: 300;
}
 .panel-primary .panel-title a:hover {
     color: #fff;
     text-decoration: none;
}
 a.badge:hover, a.badge:focus {
     color: #ffffff;
     text-decoration: none;
     cursor: pointer;
}
 a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
     color: #ffffff;
     background-color: #ffffff;
}
 .nav-pills > li > a > .badge {
     margin-left: 3px;
     font-size: 10px;
     padding: 3px 4px;
     border-radius: 2px;
     font-size: 9px;
}
 .progress-bar-primary {
     background-color: #38a7bb;
}
 .progress-striped .progress-bar-primary {
     background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */
 .yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm {
     position: static;
}
 .yamm .container {
     position: relative;
}
 .yamm .dropdown-menu {
     left: auto;
}
 .yamm .nav.navbar-right .dropdown-menu {
     left: auto;
     right: 0;
}
 .yamm .yamm-content {
     padding: 20px 30px;
}
 .yamm .dropdown.yamm-fw .dropdown-menu {
     left: 15px;
     right: 15px;
}
 .m-t-50{
     margin-top: 50px !important;
}
 .m-b-10{
     margin-bottom: 10px !important;
}
 .team-member .image{
     position:relative;
}
 .team-member .image .overlay{
     position:absolute;
     bottom:0px;
     width: 100%;
     background: rgba(0,0,0,0.7);
}
 .team-member .image .overlay ul{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .team-member .image .overlay ul li{
     display: block;
     font-size: 10px;
     float: left;
     width: 50%;
     color: #fff;
     padding: 5px 2px;
     text-align: center;
}
 .team-member .status, .member-info .status{
     width: 10px;
     height: 10px;
     background: #ccc;
     border-radius: 50%;
     border: 1px solid transparent;
     display: inline-block;
     position: relative;
     top: 1px;
     margin-right: 2px;
}
 .team-member .status.online, .member-info .status.online{
     background: #28c552;
     border-color: #1db145;
}
 .team-member .status.offline, .member-info .status.offline{
     background: #c54028;
     border-color: #ab3019;
}
 .team-member .status.away, .member-info .status.away{
     background: #c5d22a;
     border-color: #c5d22a;
}
 #custom-search-input{
     padding: 3px;
     border: solid 1px #E4E4E4;
     border-radius: 6px;
     background-color: #fff;
}
 .team-member .btn {
     padding: 2px 0px;
     border-radius: 2px;
     font-size: 10px;
     font-weight: 400;
     box-shadow: none;
}
 .team-member .btn.pinned {
     color: #ffffff;
     background: #5bb95b;
     padding: 2px 5px;
     margin-right: 0px;
}
 .team-member .btn.pinned .fa{
     transform: rotate(20deg);
}
 #custom-search-input input{
     border: 0;
     box-shadow: none;
}
 #custom-search-input button{
     margin: 2px 0 0 0;
     background: none;
     box-shadow: none;
     border: 0;
     color: #666666;
     padding: 0 8px 0 10px;
     border-left: solid 1px #ccc;
}
 #custom-search-input button:hover{
     border: 0;
     box-shadow: none;
     border-left: solid 1px #ccc;
}
 #custom-search-input .glyphicon-search{
     font-size: 23px;
}
 .m-r-5{
     margin-right: 5px;
}
 .m-b-5{
     margin-bottom: 5px;
}
 .m-b-0{
     margin-bottom: 0px;
}
 .m-b-30{
     margin-bottom: 30px;
}
 .m-t-30{
     margin-top: 30px;
}
 .m-t-4{
     margin-top: 4px;
}
 .m-t-5{
     margin-top: 5px;
}
 .varified-status{
     font-size: 10px;
     font-style: italic;
     padding-left: 0px;
     min-height: 14px;
     margin-top: 3px;
     font-weight: 700;
}
 .varified-status.green{
     color: green;
}
 .varified-status.red{
     color: red;
}
 .dropdown.dropdown-lg .dropdown-menu {
     padding: 15px 15px;
}
 .input-group-btn .btn-group {
     display: flex !important;
}
 .btn-group .btn {
     margin-left: -1px;
     border-color: #e4e3e3;
}
 .btn-group .btn:last-child {
    /* border-top-right-radius: 0px;
     */
    /* border-bottom-right-radius: 0px;
     */
}
 .btn-group .form-horizontal .btn[type="submit"] {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
}
 .form-horizontal .form-group {
     margin-left: 0;
     margin-right: 0;
}
 .form-horizontal .form-group label{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #8a8888;
    margin-bottom: 0px;
}
 .form-horizontal .form-group .form-control{
     font-size: 12px;
}
 .form-group .form-control:last-child {
}
 @media screen and (min-width: 768px) {
     .dropdown.dropdown-lg {
         position: static !important;
    }
     .dropdown.dropdown-lg .dropdown-menu {
         min-width: 1170px;
    }
}
 .white-box{
    background: #fff;
    padding: 15px 20px 15px 20px;
    border: solid 1px #e7e9ea;
    border-radius: 3px;
    position: relative;
    box-shadow: 2px 2px 2px #dae0e46b;
}
 .color-grey{
     color: #b3b1b1;
}
 .searchable-container{
}
 .searchable-container .items{
     display: inline-block;
     position: relative;
     margin-right: 5px;
     margin-bottom: 5px;
}
 .searchable-container label.btn-default.active{
    background-color: #546672;
    color:#FFF;
    border: 1px solid #546672;
}
 .searchable-container label.btn-default{
    transition:all 0.3s ease-out;
     -webkit-transition:all 0.3s ease-out;
}
 .searchable-container label.btn-default.active h5{
    color:#fff;
}
 .searchable-container label.btn-default{
    width: 100%;
    border:1px solid #efefef;
    margin: 0px;
    box-shadow: none;
    color: #dad7d7;
    background: #fff;
    font-size: 14px;
    padding: 7px 14px 7px 14px;
    border-radius: 1px;
}
 .searchable-container label .bizcontent{
    width:100%;
}
 .searchable-container .btn-group{
    width: 100%;
}
 .searchable-container .btn span.glyphicon{
     opacity: 0;
     display: inline-block;
     position: absolute;
     left: 50%;
     margin-left: -10px;
     top: -13px;
     background: #38a7bc;
     font-size: 9px;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     line-height: 20px;
}
 .searchable-container h5{
     display: inline-block;
     margin: 0;
     color: #dad7d7;
     font-size: 11px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.5px;
}
 .searchable-container .btn.active span.glyphicon {
     opacity: 0;
}
 .dropdown-menu.dropdown-menu-right .form-control, .dropdown-menu.dropdown-menu-right .btn{
     border-radius: 2px;
}
 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
     color: initial;
     background-color: #fff;
     border-color: #e4e3e3;
}
 .profile-data{
    text-align: center;
    margin-bottom: 25px;
}
 .profile-data figure{
     margin-bottom: 20px;
}
 .profile-data figure img{
     border-radius:5px 5px 0px 0px;
}
 .profile-data h4{
     margin-bottom: 0px;
     text-transform: uppercase;
}
 .profile-data h5{
     margin-top: 5px;
     color: #cecccc;
     text-transform: uppercase;
     font-weight: 300;
}
 .white-box.alt{
     padding: 25px;
}
 .white-box.alt .form-group{
     margin-bottom: 15px;
}
 form .form-bottom .input-error {
     border-color: #19b9e7;
}
 form.registration-form fieldset {
     display: none;
}
 .form-group.input-file{
     position:relative;
}
 .form-group.input-file input[type="file"]{
     opacity: 0;
}
 .form-group.input-file:after{
     content: 'Select file';
     position: absolute;
     display: block;
     width: 100px;
     height: calc(100% - 4px);
     right: 2px;
     background: #ddd;
     top: 2px;
     text-align: center;
     line-height: 3.3;
}
 .members-list,.members-msg-list{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .members-list li, .members-msg-list li{
     display: block;
     margin-bottom: 0px;
     border-bottom: solid 1px #eee;
     padding: 10px 10px 10px 10px;
     margin-left: -15px;
     margin-right: -15px;
     position: relative;
}
 .members-list li .overlay-button,.members-msg-list li .overlay-msg-button{
     position:absolute;
     background: #020202e0;
     width: calc(100% - 30px);
     height:100%;
     top:0px;
     text-align: center;
     margin-left: 5px;
     display: none;
     transition: all 0.3s;
}
 .members-list li:hover .overlay-button,.members-msg-list li:hover .overlay-msg-button{
     display:block;
}
 .members-list li .overlay-button.ac a,.members-msg-list li .overlay-msg-button.ac a{
     display: block;
     padding-top: 20px;
     color: #fff;
     font-weight: 900;
}
 .members-list li .overlay-button.ia a,.members-msg-list li .overlay-msg-button.ia a{
     display: block;
     padding-top: 20px;
     color: #989797;
     font-weight: 900;
}
 .members-list li:after,.members-msg-list li:after{
     content:'';
     clear:both;
     display:block;
}
 .members-list li .member-img,.members-msg-list li .member-img{
     float: left;
     width: 50px;
     height: 50px;
     overflow: hidden;
     margin-right: 10px;
}
 .members-list-wrapper.team-list-added .members-list-overlay,.members-msg-wrapper.team-list-added .members-msg-overlay{
     max-height: 325px;
}
 .members-list-wrapper.team-list-added li .member-img,.members-msg-wrapper.team-list-added li .member-img{
     margin-left: 5px;
     width: 35px;
     height: 30px;
}
 .members-list-wrapper.team-list-added li .member-img img,.members-msg-wrapper.team-list-added li .member-img img{
     width: 30px;
     height: 30px;
     border-radius: 50%;
     margin-left: 5px;
}
 .members-list li .member-info,.members-msg-list li .member-info{
    margin-top: -10px;
}
 .members-list-wrapper.team-list-added li .member-info,.members-msg-wrapper.team-list-added li .member-info{
     margin-top:-8px;
}
 .members-list-wrapper.team-list-added .search-input,
 .members-msg-wrapper.team-list-added .search-input{
     margin-left: 0px;
     margin-right: 0px;
}
 .members-list li .member-info h3 a,.members-msg-list li .member-info h3 a, .member-details-middle h3 a{
     color: #38a7bb;
}
 .members-list li .member-info h3,.members-msg-list li .member-info h3, .member-details-middle h3{
     font-size: 11px;
     text-transform: uppercase;
     margin-bottom: 0px;
     letter-spacing: 0.02em;
     margin-top: 10px;
     margin-bottom: 2px;
}
 .member-details-middle h3{
     /* font-size: 22px; */
     margin-top: 0;
     /* margin-bottom: 4px; */
     /* text-align: center; */
}
 .members-list li:hover, .members-list li.active,.members-msg-list li:hover, .members-msg-list li.active{
     background: #f7f7f7;
}
 .members-list li .member-info p.role,.members-msg-list li .member-info p.role, .member-details-middle p.role{
     color: #dadada;
     /* font-size: 15px; */
     letter-spacing: 0.01em;
     margin-bottom: 0px;
     /* text-align: center; */
     text-transform: uppercase;
}
.member-details-middle p.status{
    font-family: 'Lora', serif;
    margin-top: 5px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    font-size: 20px;
}
 .members-list li:last-child,.members-msg-list li:last-child{
     border-bottom:0;
}
 .members-list li:first-child, .members-msg-list li:first-child{
     margin-top:0;
}
 .members-list-overlay,
 .members-msg-overlay{
     max-height: 235px;
     overflow-x: hidden;
     overflow-y: scroll;
}
.members-list-overlay{
     max-height: 235px;
}
 .members-list-wrapper.white-box,.members-msg-wrapper.white-box{
     padding-bottom:0px;
}
 .members-list-wrapper .search-input,
 .members-msg-wrapper .search-input{
     margin-left: -5px;
     margin-right: -5px;
     margin-bottom: 15px;
}
 .chat-window-wrapper{
    margin-top: 10px;
}
 .chat-window{
    background: #eaeaea;
    border: 1px solid #e0dede;
    max-height: 330px;
    overflow: auto;
    padding: 20px;
    min-height: 200px;
    position: relative;
}
 .chat-window .chat-blank{
     text-align: center;
     color: #b1afaf;
     position: absolute;
     bottom: 0;
     left: 50%;
     bottom: 30px;
     transform: translate(-50%,-50%);
}
 .chat-window .chat-in, .chat-window .chat-out{
     display: block;
     padding: 10px;
     background: #fff;
     margin-bottom: 25px;
     border-radius: 10px 10px 10px 0px;
     box-shadow: 0px 1px 1px #ccc;
     width: 80%;
}
 .chat-window .chat-in:after, .chat-window .chat-out:after{
     content:'';
     clear:both;
     display:block;
}
 .chat-window .chat-in .profile-pic, .chat-window .chat-out .profile-pic{
     width: 50px;
     display: block;
     float: left;
     margin-right: 10px;
}
 .chat-window .chat-out .profile-pic{
     float: right;
}
 .chat-window .chat-in .text, .chat-window .chat-out .text{
    display: block;
    float: left;
    width: calc(100% - 60px);
}
 .chat-window .chat-in .text p, .chat-window .chat-out .text p{
    font-size: 12px;
    color: #7d7c7c;
    margin-bottom: 1px;
}
 .chat-window .chat-in .text span, .chat-window .chat-out .text span{
     display: block;
     color: #999999;
     font-size: 10px;
}
 .chat-window .chat-in{
    clear: right;
}
 .chat-window .chat-out{
    border-radius: 10px 10px 0px 10px;
    float: right;
}
 .chat-window-wrapper .chat-dock{
    margin-top: 10px;
    position: relative;
}
 .chat-window-wrapper .chat-dock .form-control{
     height: 50px;
     border-radius: 3px;
}
 .chat-window-wrapper .chat-dock .form-control[disabled] + .submit{
     color: #d3d3d4;
}
 .chat-window-wrapper .chat-dock .submit{
     position: absolute;
     right: 16px;
     top: 8px;
     font-size: 25px;
     color: #03A9F4;
}
 .photos ul, .videos ul{
     margin: 0;
     padding: 0;
     list-style: none;
}
 .photos ul li, .videos ul li{
     display: inline-block;
     width: 50px;
     background: #0000004d;
     min-height: 50px;
     vertical-align: top;
     margin-bottom: 3px;
}
 .videos ul li img{
    /*display: inline-block;
     width: 12px;
     margin-left: 20px;
     margin-top: 20px;
    */
}
 .m-t-10{
     margin-top: 10px;
}
 .m-b-20{
     margin-bottom: 20px;
}
 .bio ul{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .bio ul li{
     display: block;
     width: 25%;
     margin-bottom: 20px;
     float: left;
}
 .bio ul li label{
    font-weight: 600;
    display: block;
    margin-bottom: 0px;
}
 .bio ul li span{
    display: block;
    color: #aba9a9;
}
 .social-btns a{
     border-radius: 2px;
     background: #627d77;
     border-color: #627d77;
}
 .m-t-20{
     margin-top: 20px;
}
 .landing-page-banner{
     background: url(../images/collage.jpg) repeat;
     background-size: contain;
     padding: 5vh 0px;
}
 @media (min-width: 1400px) {
     .landing-page-banner{
         padding: 15vh 0px;
    }
}
 .login-register-options{
     text-align: center;
     color: #fff;
     background: #f7f7f7;
     padding: 15px 20px;
     border-radius: 3px;
}
 .login-register-options ul{
     padding:0;
     margin: 0;
     list-style: none;
}
 .login-register-options ul li, .login-register-options ul li h4{
     display: block;
     margin-bottom: 15px;
     color: #555;
}
 .login-register-options ul li a{
     color: #333333;
     font-weight: 600;
}
 .landing-page-banner .container{
     background: #ffffff;
     padding: 0px 0px;
     border-radius: 4px;
     box-shadow: 0px 0px 40px #000000d1;
}
 .benefits{
    padding-right: 25px;
    padding-top: 25px;
    padding-left: 0px;
    text-align: center;
}
 .benefits h4{
     margin-bottom: 35px;
     margin-top: 10px;
}
 .benefits h3{
    font-size: 18px;
    margin-bottom: 25px;
}
 .benefits .item-list{
     margin-bottom: 0px;
}
 .benefits .item-list h5{
    margin-top: 0px;
}
 .total-payble{
    background: #f7f7f7;
    padding: 0;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 0px;
    margin-bottom: 50px;
    margin-top: 20px;
    position: relative;
}
 .total-payble.active{
    background: #38a7bc;
    border: 1px solid #38a7bb;
}
 .total-payble h5 a{
     color:#000000;
     display: block;
     padding: 40px 20px;
}
 .total-payble.active h5 a{
     color:#fff;
}
 .total-payble.active:after{
     content:'';
     display:block;
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
     border-top: 20px solid #38a7bc;
     width: 0;
     height: 0;
     position: absolute;
     bottom: -20px;
     left: 50%;
     margin: 0px 0px 0px -20px;
}
 .total-payble h4{
    font-size: 12px;
}
 .total-payble h5{
    color: #5ac0dd;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}
 .brdr{
     background: #eee;
     height: 1px;
     margin: 15px 0px;
}
 .owl-carousel.profile-related{
     margin: 0;
     list-style: none;
     background: #fff;
     padding: 10px;
     border: 1px solid #eee;
     border-radius: 3px;
}
 .owl-carousel.profile-related .owl-item li{
     margin: 5px;
}
 .owl-carousel.profile-related .owl-controls .owl-pagination{
     margin-top: 0px;
     display: none !important;
}
 .owl-carousel.profile-related .owl-controls{
     margin-top: 0px;
}
 .owl-carousel.profile-related .owl-controls .owl-buttons{
     left: 0;
     right: auto;
     top: 50%;
     width: 100%;
     margin-top: -10px;
}
 .owl-carousel.profile-related .owl-controls .owl-buttons .owl-prev, .owl-carousel.profile-related .owl-controls .owl-buttons .owl-next{
     left: 0px;
     position: absolute;
     font-size: 7px;
     text-transform: uppercase;
     letter-spacing: 0.8px;
     line-height: 22px;
     top: 42px;
     width: 20px;
}
 .owl-carousel.profile-related .owl-controls .owl-buttons .owl-next{
     right: 0px;
     position: absolute;
     left: auto;
}
 .client-avatar{
    width: 140px;
    height: 140px;
    margin: auto;
    border-radius: 50%;
    background: #fff;
    border: solid 1px #eee;
    position: relative;
}
 .client-avatar:after{
     font-family:FontAwesome;
     content:"\f007";
     position: absolute;
     font-size: 50px;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     color: #ececec;
     z-index: 1;
}
 .client-avatar img{
    width: 100%;
    max-width: 100%;
    padding: 15px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
 .client-avatar .change-profile-pic{
     position: absolute;
     left: 50%;
     bottom: -7px;
     width: 30px;
     height: 30px;
     margin-left: -15px;
     background: #38a7bb;
     text-align: center;
     border-radius: 50%;
     z-index: 2;
     border: 3px solid #fff;
}
 .client-avatar .change-profile-pic input[type="file"]{
     position: absolute;
     max-width: 100%;
     top: 0px;
     left: 0;
     z-index: 1;
     opacity: 0;
     background: transparent;
     cursor: pointer;
     height: 100%;
}
 .client-avatar .change-profile-pic i{
     font-size: 11px;
     color: #fff;
     top: 7px;
     position: absolute;
     left: 7px;
     z-index: 1;
}
 .profile-status h6{
     margin-bottom:10px;
     margin-top: 0px;
}
 .profile-status h5{
     margin-top: 2px;
     color: #a5a4a4;
     font-weight: 300;
     margin-bottom: 8px;
     font-size: 12px;
}
 .profile-status h4{
     margin-top: 0;
     margin-bottom: 5px;
}
 .experience-wrapper{
}
 .experience-wrapper ul{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .experience-wrapper ul li{
     background: #f7f7f7;
     border: 1px solid #eee;
     padding: 15px;
     margin-bottom: 15px;
     position: relative;
}
 .experience-wrapper.list-wrapper ul li{
    background: #fff;
    border-bottom: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    padding: 15px 0px;
}
 .experience-wrapper.list-wrapper ul li:last-child{
     border-bottom:none;
}
 .experience-wrapper.list-wrapper ul li .company-logo{
     width: 50px;
     height: 50px;
     border-radius: 50%;
     text-align: center;
     line-height: 50px;
     font-size: 15px;
     background: #efefef;
}
 .experience-wrapper.list-wrapper ul li .experience-text{
}
 .experience-wrapper.list-wrapper ul li .experience-text h4, .experience-wrapper.list-wrapper ul li .experience-text h4 a{
     font-size: 12px;
     color: #999;
}
 .experience-wrapper.list-wrapper ul li .experience-text h3, .experience-wrapper.list-wrapper ul li .experience-text h3 a{
     margin-top: 10px;
     font-size: 12px;
     font-weight: 500;
     margin-bottom: 5px;
     color: #555;
}
 .experience-wrapper.list-wrapper ul li .experience-text h3 a span{
     color: #bdbdbd;
}
 .experience-wrapper.list-wrapper ul li .company-logo a{
     margin-left: 3px;
}
 .experience-wrapper.list-wrapper ul li .company-logo .member-pic{
    display: block;
}
 .experience-wrapper.list-wrapper ul li .company-logo .member-pic img{
     max-width: 100%;
}
 .experience-wrapper ul li .delete, .experience-wrapper ul li .edit{
     position:absolute;
     right: -5px;
     top: 5px;
     color:red;
     font-size: 14px;
}
 .experience-wrapper ul li .edit{
     right: 15px;
     color: #38a7bc;
}
 .experience-wrapper ul li:after{
     content:'';
     clear:both;
     display:block;
}
 .experience-wrapper ul li .company-logo{
     display: block;
     float: left;
     width: 70px;
     height: 70px;
     background: #ccc;
     margin-right: 15px;
     overflow: hidden;
}
 .experience-wrapper ul li .experience-text{
     float: left;
     width: calc(100% - 85px);
}
 .experience-wrapper ul li .experience-text.full{
     float: left;
     width: calc(100% - 0px);
}
 .experience-wrapper ul li .experience-text h4{
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 400;
}
 .experience-wrapper ul li .experience-text h5{
     margin-bottom: 4px;
     color: #6b6868;
     font-weight: 400;
     margin-top: 5px;
     font-size: 12px;
}
 .experience-wrapper ul li .experience-text .tenure{
     margin-bottom: 0px;
}
 .experience-wrapper ul li .experience-text .tenure span{
     color: #989898;
     font-weight: 300;
     display: inline-block;
     margin-right: 5px;
}
 .modal-content{
     box-shadow: none;
     border-radius: 2px;
     border: 0;
}
/* Switch button */
 .btn-default.btn-on.active{
    background-color: #5BB75B;
    color: white;
    border-color: #5BB75B;
}
 .btn-default.btn-off.active{
    background-color: #DA4F49;
    color: white;
    border-color: #da4f49;
}
 .btn-default.btn-on-1.active{
    background-color: #006FFC;
    color: white;
}
 .btn-default.btn-off-1.active{
    background-color: #DA4F49;
    color: white;
}
 .btn-default.btn-on-2.active{
    background-color: #00D590;
    color: white;
}
 .btn-default.btn-off-2.active{
    background-color: #A7A7A7;
    color: white;
}
 .btn-default.btn-on-3.active{
    color: #5BB75B;
    font-weight:bolder;
}
 .btn-default.btn-off-3.active{
    color: #DA4F49;
    font-weight:bolder;
}
 .btn-default.btn-on-4.active{
    background-color: #006FFC;
    color: #5BB75B;
}
 .btn-default.btn-off-4.active{
    background-color: #DA4F49;
    color: #DA4F49;
}
 span.help-text{
     font-size: 10px;
     color: #b7b4b4;
     font-weight: 300;
}
 .header-noti li{
     display: block;
}
 .header-noti li a{
     position:relative;
     padding: 0.5rem 0.5rem;
     font-size: 12px;
     color: #eeeeee;
     margin-right: 5px;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 0.10em;
}
 .header-noti li a span {
     position: absolute;
     top: -10px;
     right: -5px;
     font-weight: 400;
     font-size: 0.7em;
     width: 22px;
     height: 22px;
     line-height: 22px;
     text-align: center;
     padding: 0;
     border-radius: 50%;
}
 .bg-red {
     background: #ff7676 !important;
     color: #fff !important;
}
 .bg-red:hover {
     color: #fff;
}
 .bg-blue {
     background: #85b4f2 !important;
     color: #fff;
}
 .bg-blue:hover {
     color: #fff;
}
 .bg-yellow {
     background: #eef157 !important;
     color: #fff !important;
}
 .bg-yellow:hover {
     color: #fff !important;
}
 .bg-green {
     background: #54e69d !important;
     color: #fff !important;
}
 .bg-green:hover {
     color: #fff;
}
 .bg-orange {
     background: #ffc36d !important;
     color: #fff !important;
}
 .bg-orange:hover {
     color: #fff;
}
 .bg-violet {
     background: #796AEE !important;
     color: #fff !important;
}
 .bg-violet:hover {
     color: #fff;
}
 .bg-gray {
     background: #ced4da !important;
}
 .bg-white {
     background: #fff !important;
}
 .text-red {
     color: #ff7676;
}
 .text-red:hover {
     color: #ff7676;
}
 .text-yellow {
     color: #eef157;
}
 .text-yellow:hover {
     color: #eef157;
}
 .text-green {
     color: #54e69d;
}
 .text-green:hover {
     color: #54e69d;
}
 .text-orange {
     color: #ffc36d;
}
 .text-orange:hover {
     color: #ffc36d;
}
 .text-violet {
     color: #796AEE;
}
 .text-violet:hover {
     color: #796AEE;
}
 .text-blue {
     color: #85b4f2;
}
 .text-blue:hover {
     color: #85b4f2;
}
 .text-gray {
     color: #ced4da;
}
 .text-gray:hover {
     color: #ced4da;
}
.header-noti .dropdown-menu{
    border: 1px solid #e4e3e3;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 16px;
}
 .header-noti .dropdown-menu li a{
     right: 0;
     min-width: 400px;
     left: auto;
     margin-top: 0px;
     margin-bottom: 0;
     max-width: 400px;
     border-radius: 0;
     border: none;
     background: #fff;
     padding: 10px 20px;
     font-size: 0.9em;
     color: #777;
     width: 100%;
     white-space: inherit;
     border-bottom: 1px solid #e4e3e3;
     margin-right: 0px;
     text-transform: inherit;
     letter-spacing: 0px;
     font-weight: 400;
}
 .header-noti .dropdown-menu li:last-child a{
     border-bottom: 0;
     border-radius: 0px 0px 4px 4px;
     background: #ecf0f3;
 }
 .header-noti .dropdown-menu a {
     background: #fff;
     padding: 10px 20px;
     font-size: 0.8em;
     color: #777;
     width: 100%;
     display: block;
}
 .header-noti .dropdown-menu a:hover {
     background: #f5f5f5;
     color: #555;
}
 .header-noti .dropdown-menu a i {
     color: #555;
     margin-right: 5px;
     display: none;
}
 .header-noti .dropdown-menu a small {
     margin-left: 0px;
     margin-top: 3px;
     display: block;
}
 .header-noti .dropdown-menu span {
     position: static;
     font-size: 0.9em;
     color: #999;
}
 .header-noti .dropdown-menu strong {
     font-weight: 700;
}
 .header-noti .dropdown-menu .msg-profile {
     width: 45px;
     height: 45px;
     margin-right: 10px;
     float: left;
}
 .header-noti .dropdown-menu .msg-profile img{
     max-width:100%;
     border-radius:50%;
}
 .header-noti .dropdown-menu h3 {
     font-weight: 500;
     margin-top: 5px;
     margin-bottom: 0px;
}
 .section-title{
     margin-bottom: 30px;
     text-transform: uppercase;
     font-size: 17px;
     position: relative;
}
 .section-title:after{
     content: '';
     position: absolute;
     height: 2px;
     width: 40px;
     display: block;
     background: #333;
     bottom: -8px;
     left: 0;
}
 .section-subtitle{
     margin-bottom: 15px;
     text-transform: uppercase;
     font-size: 14px;
     position: relative;
}
 .item-seperater{
     padding: 15px;
     background: #f7f7f7;
     border: 1px solid #eceaea;
     margin-bottom: 20px;
}
 .item-seperater:after{
     content: '';
     display: block;
     clear: both;
}
 .table th, .table td{
     padding: 10px 15px !important;
     vertical-align: middle !important;
     font-size: 13px;
     color: #000;
}
 .table td p{
     margin-bottom:4px;
}
 .table td .des{
     font-size: 85%;
}
 .navbar.secondory{
     background: transparent;
     margin-bottom: 30px;
     min-height: auto;
     border: 1px solid #eee;
}
 .navbar .navbar-nav-justified {
     padding-left: 0;
     padding-right: 0;
     border-radius: 4px;
}
 .navbar .navbar-nav-justified ul.nav > li.active > a, .navbar .navbar-nav-justified ul.nav > li > a{
     border: 0;
     color: #555;
     font-weight: 600;
     font-size: 11px;
     padding: 20px 0px;
     background: #ffffff;
}
 .navbar .navbar-nav-justified ul.nav > li.active:after, .navbar .navbar-nav-justified ul.nav > li:after{
     height:0px;
}
 .navbar .navbar-nav-justified ul.nav > li + li{
     border-left: solid 1px #e7e7e7;
}
 .navbar .navbar-nav-justified ul.nav > li.active > a{
     background: #555555;
     color: #fff;
}
 .navbar .navbar-collapse > .nav-justified.nav-pills > li:first-child > a {
     -webkit-border-radius: 4px 0px 0px 4px;
     -moz-border-radius: 4px 0px 0px 4px;
     border-radius: 4px 0px 0px 4px;
}
 .navbar .navbar-collapse > .nav-justified.nav-pills > li:last-child > a {
     -webkit-border-radius: 0px 4px 4px 0px;
     -moz-border-radius: 0px 4px 4px 0px;
     border-radius: 0px 4px 4px 0px;
}
 .white-box.np{
     padding: 0;
}
 .star-tc{
     color: #20bf3c;
     font-size: 13px;
     top: -.3em;
}
 .note p{
     font-size:11px;
}
 .note p span{
     color: #20bf3c;
     font-size: 20px;
     position: relative;
     top: 6px;
}
 .accordion .panel-title a{
     display: block;
     font-size: 10px;
     color: #000000;
}
 .talent-share-id{
     text-align:center;
}
 .talent-share-id h6{
     font-size: 12px;
}
 .talent-share-id h4{
     font-size: 20px;
     text-transform: uppercase;
     background: #555555;
     color: #fff;
     padding: 8px 0px;
     border-radius: 2px;
}
 .counts-total-1{
     display: table;
     width: 100%;
     margin: 0;
     padding: 0;
     border-collapse: collapse;
     border-radius: 10px;
     box-shadow: 2px 2px 2px #dae0e46b;
}
 .counts-total-1 .icon-wrapper{
     width: 30%;
     text-align: center;
     display: table-cell;
     vertical-align: middle;
     border: 1px solid transparent;
     border-radius: 5px 0px 0px 5px;
}
 .counts-total-1 .icon-wrapper i{
     display: block;
     color: #fff;
     font-size: 25px;
}
 .counts-total-1 .text-wrapper{
     display: table-cell;
     vertical-align: middle;
     padding: 20px 25px;
     border: solid 1px #e7e9ea;
     border-radius: 0px 5px 5px 0px;
     background: #ffffff;
     border-left: 0;
}
 .counts-total-1 .text-wrapper h3{
     font-size: 11px;
     text-transform: uppercase;
     margin: 0px 0px 5px 0px;
     line-height: normal;
     display: inline-block;
}
 .counts-total-1 .text-wrapper h2{
     font-size: 30px;
     margin: 0;
     line-height: normal;
     font-weight: 900;
     margin-bottom: 5px;
     display: inline-block;
     float: right;
}
 .counts-total-1 .text-wrapper a{
     display:block;
}
 .bg-success {
     background-color: #8BC34A;
}
 .bg-warning {
     background-color: #ffc46d;
}
 .bg-info {
     background-color: #85b5f2;
}
 .bg-danger {
     background-color: #ff7575;
}
 .badge {
     padding: 3px 5px;
     font-size: 9px;
     font-weight: 400;
     border-radius: 2px;
}
 .home-carousel.landing-page{
     position: relative;
     background: url(../images/collage.jpg) center center repeat;
     background-size: auto;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .dark-mask.landing-page{
     background: #252525ab;
     background: #67292e;
     background: -moz-linear-gradient(45deg, #67292e 0%, #404848 50%, #404848 50%, #67292e 100%);
     background: -webkit-linear-gradient(45deg, #67292e 0%,#404848 50%,#404848 50%,#67292e 100%);
     background: linear-gradient(45deg, #67292e 0%,#404848 50%,#404848 50%,#67292e 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67292e', endColorstr='#67292e',GradientType=1 );
}
 .home-carousel.landing-page .owl-controls{
     display: none !important;
}
 .home-carousel.landing-page h2{
     font-size: 80px;
     letter-spacing: 0.03em;
     text-shadow: 1px 1px 2px #000;
     font-weight: 900;
     margin-bottom: 50px;
}
 .home-carousel.landing-page .btn-template-main{
     padding: 15px 60px;
     min-width: 300px;
     color: #00d8ff;
     background-color: transparent;
     border-color: #00d8ff;
}
 .home-carousel.landing-page .btn-template-main:hover{
     padding: 15px 60px;
     min-width: 300px;
     color: #00d8ff;
     background-color: #fff;
     border-color: #fff;
}
 @media (min-width: 768px) {
     .home-carousel.landing-page .owl-carousel {
         padding-top: 100px;
         padding-bottom: 0px;
         min-height: calc(100vh - 120px);
         max-height: 80vh;
    }
}
 @media (min-width: 1400px) {
     .home-carousel.landing-page .owl-carousel {
         padding-top: 0px;
         padding-bottom: 0px;
         min-height: calc(100vh - 270px);
         max-height: 80vh;
    }
     .home-carousel.landing-page .owl-carousel .owl-wrapper-outer{
         position: absolute;
         top: 50%;
         transform: translate(-50%,-50%);
         left: 50%;
    }
}
 .bar.background-gradiant1{
     background: #67292e;
     background: -moz-linear-gradient(45deg, #67292e 0%, #404848 50%, #404848 50%, #67292e 100%);
     background: -webkit-linear-gradient(45deg, #67292e 0%,#404848 50%,#404848 50%,#67292e 100%);
     background: linear-gradient(45deg, #67292e 0%,#404848 50%,#404848 50%,#67292e 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67292e', endColorstr='#67292e',GradientType=1 );
}
 @media (min-width: 768px){
     #search-modal .modal-dialog{
         width: 1170px;
    }
}
 #login-modal .modal-body{
     border-radius: 3px;
}
 .p-r-60{
     padding-right: 60px;
}
 .p-l-60{
     padding-left: 60px;
}
 .file-upload-btn{
     position: relative;
}
 .file-upload-btn input[type="file"]{
     position: absolute;
     top: 0;
     z-index: 2;
     opacity: 0;
     max-width: 100%;
     height: 100%;
}
 .file-upload-btn span{
     top: 0;
     left: 0;
     display: block;
     width: 100%;
     z-index: 1;
     padding: 2px 10px;
     line-height: 30px;
     white-space: nowrap;
     overflow: hidden;
}
 .file-upload-btn span:before{
     font-family: 'FontAwesome';
     content:"\f093";
     margin-right: 10px;
}
 .small-captions{
     color: #999;
     font-size:10px;
}
 .display-block{
     display: block;
}
 .color-white{
     color: #fff;
}
 .field-with-icon{
     position:relative;
}
 .field-with-icon i{
     position:absolute;
     right:0px;
     top:50%;
     margin: -6px 0px 0px 0px;
     background: #627d77;
     color: #fff;
     width: 34px;
     height: 34px;
     text-align: center;
     line-height: 34px;
     border-radius: 0px 3px 3px 0px;
     display: none;
}
 .form-group label{
     text-transform: uppercase;
     letter-spacing: 0.2px;
     font-size: 12px;
     font-weight: 400;
     color: #000;
     display: block;
     margin-bottom: 5px;
}
#CheckoutViewForm select{
     color: #000;
}
 .form-group label input[type="checkbox"]{
    position: relative;
    top: 3px;
    margin: 0;
}
 .profile-status{
     position:relative;
     border-radius:10px;
     margin-right: 0px;
     min-height: 130px;
}
.profile-status .update-profile{
    position: relative;
    top: 35px;
    right: 20px;
    transform: translateX(-10px);
    opacity: 0.3;
    visibility: visible;
    transition: all 0.3s ease-out;
    background: #000;
    color: #fff;
    border-color: #000;
    border-radius: 2px;
    padding: 3px 10px;
}
.profile-status .update-profile:after{
    content:'';
    width:0px;
    height:0px;
    position:absolute;
    right:-5px;
    top:5px;
    border-bottom:5px solid transparent;
    border-top:5px solid transparent;
    border-left:5px solid #000;
}
.profile-status:hover .update-profile{
    transform:translateX(0px);
    opacity:1;
    visibility:visible;
}
 .tabs-content-custom{
     padding:25px;
     border:1px solid #eee;
     border-radius: 10px;
}
 .help-text{
     font-size:10px;
     text-transform:uppercase;
     color:#999;
     letter-spacing:0.5px;
}
 .panel-default>.panel-heading+.panel-collapse>.panel-body{
     border-color:#eeeeee;
}
 .btn .remove{
     position: absolute;
     right: -2px;
     top: -10px;
     color: white;
     font-size: 7px;
     cursor: pointer;
     background: red;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     line-height: 10px;
}
 .table.notifications{
     
}
 .table.notifications p{
     margin-bottom: 0px;
}
 .table.notifications tr td{
     border-color: #eee;
}
 .table.notifications tr:first-child td{
     border-top: 0;
}
 .table.notifications.detail tr td{
     vertical-align:top !important;
}
 .table.notifications tr.active{
     background:#eeeeee;
}
 #adv-search > form > .form-control{
     width: calc(100% - 50px);
}
 .delete_data{
     position: absolute;
     right: 15px;
     background: red;
     width: 25px;
     height: 25px;
     line-height: 25px;
     color: #fff;
     text-align: center;
}
 .navbar ul.nav > li.search > a {
     padding-bottom: 20px;
}
 .alert{
     margin-top:30px;
}
 .alert h4{
     font-size: 15px;
     margin-bottom: 5px;
}
 .alert>p, .alert>ul{
     padding-left: 17px;
}
 .alert h4 i{
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 13px;
     margin-right: 10px;
     display: none;
}
 .has-error .form-control {
     border-color: #f90500 !important;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}
 .has-error .form-control:focus {
     border-color: #e6e6e6 !important;
     -webkit-box-shadow: 1px 1px 1px #f3f0f0 !important;
     box-shadow: 1px 1px 1px #f3f0f0 !important;
}
 .has-error .help-block{
     position: absolute;
     bottom: -9px;
     font-size: 9px;
     font-weight: 100;
     display: none;
}
 .ui-autocomplete{
     max-height: 250px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .media-attachments img{
    margin-top: 10px;
    padding: 10px;
    border: 1px dashed #e4e2e2;
    max-width: 49%;
    margin-right: 2%;
}
 .media-attachments img:nth-child(odd){
     margin-right: 0px;
}
 .plan-switcher{
    display: block;
    float: left;
    width: 25%;
    margin-left: -1px;
}
 .payment-options .tab-content{
    /* background: #38a7bc; */
    /* padding: 30px 20px; */
    /* border: 0px; */
    /* margin-top: 1px; */
}
 .list-wrapper{
    display: block;
}
 .list-wrapper .left{
     display: block;
     float: left;
     width: 70px;
}
 .list-wrapper .right{
     display: block;
     float: right;
}
 .label-active{
     color: #8bc449;
}
 .label-inactive{
     color: #ff7474;
}
 .label-pending{
     color: #ffc56d;
}
 .m-r-0{
     margin-right: 0;
}
 @media (min-width: 768px) {
     .pull-right {
         float: right !important;
         margin-bottom: 0px;
         margin-right: 15px;
    }
     .tabs-custom {
         text-align: center;
         padding: 0px;
    }
     .tabs-custom > li{
         border: 0px solid #eee;
         float: none;
         margin: 30px 45px;
         display: inline-block;
    }
     .tabs-custom > li > a{
         text-align: center;
         width: 140px;
         height: 140px;
         margin: auto;
         border-radius: 50%;
         background: #f5f3f3;
         border: solid 15px #ffffff;
         position: relative;
         padding: 0px 0px 0px 0px;
         letter-spacing: 0px;
         font-size: 11px;
         box-shadow: inset 1px 1px 10px #eae7e7,0px 0px 1px #b5b2b2;
    }
     .tabs-custom > li.active > a:after, .tabs-custom > li.active > a:before{
         content:'';
         width:0;
         height:0;
         border-right: 15px solid transparent;
         border-left: 15px solid transparent;
         border-bottom: 15px solid #fff;
         position:absolute;
         left: 50%;
         bottom: -46px;
         margin-left: -15px;
         z-index: 10;
    }
     .tabs-custom > li.active > a:before{
         border-bottom-color: #bdbcbc;
    }
     .tabs-custom > li > a i{
         display: block;
         font-size: 40px;
         position: relative;
         top: 50%;
         transform: translateY(-50%);
    }
     .tabs-custom.nav-pills > li.active > a, .tabs-custom.nav-pills > li.active > a, .tabs-custom.nav-pills > li.active > a:hover, .tabs-custom.nav-pills > li.active > a:focus {
         border: solid 15px #f5f4f4;
         box-shadow: inset 1px 1px 10px #0000001a, 0px 0px 1px #a2a1a1;
         background: #38a7bb;
    }
     .profile-status:before, .profile-status:after{
         content:'';
         width:0;
         height:0;
         border-top:15px solid transparent;
         border-bottom:15px solid transparent;
         border-right:15px solid #fff;
         position:absolute;
         left:-15px;
         top:50%;
         margin-top:-15px;
    }
     .profile-status:before{
         border-right-color:#bdbcbc;
    }
}
 @media (max-width: 768px) {
     .navbar .navbar-nav-justified ul.nav > li.active > a, .navbar .navbar-nav-justified ul.nav > li > a{
         padding: 15px 15px;
         text-align: left;
    }
     .navbar .navbar-nav-justified ul.nav > li + li{
         border:0;
    }
}
/*****************ajay********************/
 .team-member h3{
     min-height: 26px;
}
 .dropzone .dz-preview .dz-image img{
     left: 50%;
     position: absolute;
     top: 50%;
     margin:-17px 0px 0px -15px;
     width: 25%;
}
 .dropzone .dz-preview:hover .dz-image img{
     -webkit-transform: scale(1, 1) !important;
     -moz-transform: scale(1, 1) !important;
     -ms-transform: scale(1, 1) !important;
     -o-transform: scale(1, 1) !important;
     transform: scale(1, 1) !important;
     -webkit-filter: blur(0px) !important;
     filter: blur(0px) !important;
}
 .dropzone .dz-preview .dz-image {
     border-radius: 4px;
     background: #f7f7f7;
}
 .tloader{
     position: fixed;
     z-index: 99999;
     height: 100%;
     width: 100%;
     overflow: show;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: #00000054;
     display: none;
}
 .tloader .loading-text{
     margin: 0 auto;
     clear: both;
     position: relative;
     top: 50%;
     color: #fff;
     text-align: center;
}
 .tloader .lds-ring {
     width: 64px;
     height: 64px;
     margin: 0 auto;
     clear: both;
     position: relative;
     top: 50%;
}
 .tloader .lds-ring div {
     box-sizing: border-box;
     display: block;
     position: absolute;
     width: 51px;
     height: 51px;
     margin: 6px;
     border: 6px solid #fcf;
     border-radius: 50%;
     animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     border-color: #fcf transparent transparent transparent;
}
 .tloader .lds-ring div:nth-child(1) {
     animation-delay: -0.45s;
}
 .tloader .lds-ring div:nth-child(2) {
     animation-delay: -0.3s;
}
 .tloader .lds-ring div:nth-child(3) {
     animation-delay: -0.15s;
}
 @keyframes lds-ring {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .fancybox-content{
     height: 100% !important;
}
/* .page-progress {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background-color: #F2F2F2;
}
 .page-bar {
     background-color: #819FF7;
     width:0%;
     height:5px;
     border-radius: 3px;
}
 .page-percent {
     position:absolute;
     display:inline-block;
     top:3px;
     left:48%;
}
*/
 ._pintab{
    margin-top: 20px;
    margin-bottom: 10px;
}
 ._pintab a{
     color: #ccc;
     width: 45%;
     display: inline-block;
     text-align: center;
}
 ._pintab a.active{
     color: #38a7bb;
     font-weight: 800;
}
 .home-slider-top{
     position: relative;
}
 .home-slider-top .owl-carousel .item img{
     width: 100%;
}
 .home-slider-top .owl-carousel .item .content-wrapper{
     position: absolute;
     bottom: 0px;
     background: #1c171496;
     color: #fff;
     font-size: 14px;
     padding: 20px;
     transform:translateY(20px);
     opacity:0;
     visibility:hidden;
     transition:all 0.3s;
     width: 100%;
}
 .home-slider-top .owl-carousel .item:hover .content-wrapper{
     transform:translateY(0px);
     opacity:1;
     visibility:visible;
}
 .home-slider-top .owl-carousel .item .content-wrapper h3{
     color: #fff;
}
 .home-slider-top .owl-carousel .item .content-wrapper p{
     margin-bottom: 0;
     font-weight: 300;
}
 .home-slider-top .owl-controls.clickable{
     background:transparent;
     margin-top:0px;
     padding-top:10px;
}
 @media (min-width: 768px){
     .modal-sm {
         width: 400px;
    }
}
 .add-to-team{
     margin-right: 2px;
}
 .team-member .btn.green{
     color:green;
}
 .list-group.team-add{
     margin: 7px 0px 15px 0px;
     max-height: 125px;
     overflow: auto;
     padding-right: 0px;
     border: 1px solid #ddd;
}
 .list-group.team-add li{
     padding: 8px 15px;
     border-radius: 0px;
     border: 0;
     border-bottom: 1px solid #ddd;
     margin-bottom: 0px;
}
 .list-group.team-add li:last-child{
     border-bottom: 0;
}
 .list-group.team-add li label{
     display:block;
     font-size: 11px;
     margin-bottom: 0px;
     text-transform: capitalize;
}
 .list-group.team-add li input[type=checkbox], .list-group.team-add li input[type=radio]{
     position: relative;
     top: 3px;
     margin-right: 3px;
     margin-top: 0px;
}
 .pull-right.m-r-0{
     margin-right: 0px;
}
 .selected-members{
     max-height: 285px;
     overflow-y: scroll;
}
 .selected-members ul{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .selected-members ul li{
     display: block;
     float: left;
     width: 10.7%;
     margin-right: 2%;
     position: relative;
     margin-bottom: 2%;
}
 .selected-members ul li:nth-child(8n){
     margin-right: 0;
}
 .selected-members ul li a{
     position: relative;
     display: block;
}
 .selected-members ul li a.btn{
     margin-top:10px;
     font-size: 11px;
     letter-spacing: 0px;
}
 .selected-members ul li .remove{
     position: absolute;
     width: 100%;
     height: 100%;
     text-align: center;
     line-height: 70px;
     font-size: 20px;
     color: red;
     background: #000000d1;
     border-radius: 50%;
     display: none;
     transition:all 0.3s;
}
 .selected-members ul li:hover .remove{
     display:block;
}
 ._footer-stuff{
     padding-top: 20px;
     border-top:1px solid #eee;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.modal .popover{
     z-index: 1060;
}
.ul-row {
     margin: 0% 0% 3% 0%;
     padding: 0% 0% 0% 0%;
     list-style: none;
     box-sizing: border-box;
}
.ul-row:after {
     content: '';
     display: block;
     clear: both;
}
.ul-row > li {
     display: block;
     width: 100%;
     margin: 0% 1% 1% 0%;
     border-width: 1px;
     border-style: solid;
     border-color: #e7e9ea;
     padding: 15px;
     box-sizing: border-box;
     word-break: break-word;
     background: #ffffff;
     border-radius: 5px;
     color: #717171;
     position: relative;
     box-shadow: 2px 2px 2px #dae0e46b;
     float: left;
}
.ul-row.two > li:nth-of-type(2n+0),
.ul-row.three > li:nth-of-type(3n+0),
.ul-row.four > li:nth-of-type(4n+0),
.ul-row.five > li:nth-of-type(5n+0),
.ul-row.six > li:nth-of-type(6n+0),
.ul-row.seven > li:nth-of-type(7n+0),
.ul-row.eight > li:nth-of-type(8n+0),
.ul-row.nine > li:nth-of-type(9n+0),
.ul-row.ten > li:nth-of-type(10n+0),
.ul-row.eleven > li:nth-of-type(11n+0),
.ul-row.twelve > li:nth-of-type(12n+0) {
     margin-right: 0;
}
.clear{
     clear:both;
}
@media screen and (min-width: 1200px) {
.ul-row.boxed {
     max-width: 1170px;
     margin: auto;
}
}
@media screen and (min-width: 768px) {
.ul-row.two > li {
     width: 49.5%;
}
.ul-row.three > li {
     width: 32.66%;
}
.ul-row.four > li {
     width: 24.25%;
}
.ul-row.five > li {
     width: 19.2%;
}
.ul-row.six > li {
     width: 15.83%;
}
.ul-row.seven > li {
     width: 13.42%;
}
.ul-row.eight > li {
     width: 11.62%;
}
.ul-row.nine > li {
     width: 10.22%;
}
.ul-row.ten > li {
     width: 9.1%;
}
.ul-row.eleven > li {
     width: 8.18%;
}
.ul-row.twelve > li {
     width: 7.41%;
}
}
.teams-listing figure{
    border-radius: 50%;
    border: 1px solid #f5f5f5;
    padding: 7px;
    position: relative;
    z-index: 3;

}
.teams-listing .text-content{
    margin-top: 20px;
}
.teams-listing .text-content h5{
    margin-bottom:5px;
}
.teams-listing .text-content h6{
    color: #b7b6b6;
    font-weight: 300;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.teams-listing .text-content p{
    margin-bottom:2px;
}
.teams-listing .text-content a.cl{
    text-transform: uppercase;
    font-size: 9px;
}
.teams-listing .remove{
    position: absolute;
    right: 5px;
    top: 0;
    color: #ccc;
}
@media (min-width: 992px){
.modal-xl {
    width: 1200px;
}
}
.modal-body .teams-listing.members{
    margin-bottom:0px;
    max-height: 700px;
    overflow-y: scroll;
    padding-right: 10px;
    overflow-x:hidden;
}
.grey-bg{
     background: #f7f7f7;
}
[data-notify="progressbar"] {
     margin-bottom: 0px;
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: 5px;
}
.disable-anchor{
  pointer-events: none;
  cursor: default;
}
select[multiple], select[size]{
     max-height:150px;
     overflow:scroll;
}
.input-group.date.datepicker{
    position:relative;
     width: 100%;
}
.input-group.date.datepicker > .form-control{
     background: url(../images/calendar.png) no-repeat center right;
     background-size: 15px;
         cursor: pointer;
}
.input-group.date.datepicker .input-group-addon{
     display:none;
}
.agent_profile_destination_box{width:100%; background:#e1e1e1; color:#999999; border:1px solid #bdbdbd; padding:20px 10px; box-sizing:border-box; font-family: "GFS Didot",serif; float:right; border-radius: 3px;  min-height:153px; font-size:14px;}

.agent_profilecountry_input{ width:100%; background:#e1e1e1; font-size:14px; color:#999999; border:1px solid #bdbdbd; padding:0 10px; box-sizing:border-box; font-family: "GFS Didot",serif; float:left; border-radius: 3px;  height:28px; margin-bottom:14px;}

.agent_profilecross_box {
  background: #f5f5f5 ;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  cursor:pointer;
  border-radius:4px;
  min-width: 55px;
 margin-right:12px;
 -webkit-box-shadow: 2px 4px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 4px 5px -4px rgba(0,0,0,0.75);
box-shadow: 2px 4px 5px -4px rgba(0,0,0,0.75);
  padding: 0 10px 0 10px;
      margin: 5px;

}
.red{
     color:#FF0000;
}
.progress.profile-page{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress.profile-page:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress.profile-page > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress.profile-page .progress-left{
    left: 0;
}
.progress.profile-page .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 3px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress.profile-page .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress.profile-page .progress-right{
    right: 0;
}
.progress.profile-page .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress.profile-page .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #ffffff;
    font-size: 12px;
    color: #555;
    line-height: 95px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress.red.profile-page .progress-bar{
    border-color: #ed687c;
}
.progress.red.profile-page .progress-left .progress-bar{
    animation: loading-1 0.4s linear forwards 1.8s;
}

.progress.yellow.profile-page .progress-bar{
    border-color: #fdba04;
}
.progress.yellow.profile-page .progress-left .progress-bar{
    animation: loading-2 1s linear forwards 1.8s;
}

.progress.green.profile-page .progress-bar{
    border-color: #1abc9c;
}
.progress.green.profile-page .progress-left .progress-bar{
    animation: loading-3 1.2s linear forwards 1.8s;
}

.progress.blue.profile-page .progress-bar{
    border-color: #049dff;
}
.progress.blue.profile-page .progress-left .progress-bar{
    animation: loading-4 1.5s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}


.progress-radial-wrapper{
  max-width:1000px;
  margin: 0px auto;
  height: 100px;
}


/* STYLES FOR PROGRESSBARS */

.progress-radial, .progress-radial * {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
  float: left;
  margin-right: 4%;
  position: relative;
  width: 100px;
  border-radius: 50%;
  height: 100px;
}
.progress-radial:first-child {
  margin-left: 4%;
}
/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
  position: absolute;
  width: 80px;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 80px;
}
.tooltip{
    font-size:10px;
}
.progress-radial .overlay p{
    position: absolute;
    line-height: 11px;
    text-align: center;
    width: 100%;
    top:50%;
    margin-top: -15px;
    font-size: 11px;
}

._error_message{
    position:absolute;
    right:15px;
    top:0px;
}
.progress-radial .overlay p b{
    margin-top: 4px;
    display: block;
}
/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-0 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(0deg, #dc0707 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #dc0707 50%, #f5f5f5 50%, #f0f0f0);
}

.progress-5 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(342deg, #dc0707 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #dc0707 50%, #f5f5f5 50%, #f0f0f0);
}

.progress-10 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(324deg, #dc0707 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #dc0707 50%, #f5f5f5 50%, #f0f0f0);
}

.progress-15 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(306deg, #dc0707 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #dc0707 50%, #f5f5f5 50%, #f0f0f0);
}

.progress-20 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(288deg, #dc0707 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #dc0707 50%, #f5f5f5 50%, #f0f0f0);
}

.progress-25 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(270deg, #dc0707 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #dc0707 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-30 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(252deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-35 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(234deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-40 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(216deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-45 {
  background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(198deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-50 {
  background-image: -webkit-linear-gradient(180deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(-90deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-55 {
  background-image: -webkit-linear-gradient(162deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(-72deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-60 {
  background-image: -webkit-linear-gradient(144deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(-54deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-65 {
  background-image: -webkit-linear-gradient(126deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(-36deg, #e0c409 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #e0c409 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-70 {
  background-image: -webkit-linear-gradient(108deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(-18deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-75 {
  background-image: -webkit-linear-gradient(90deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(0deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-80 {
  background-image: -webkit-linear-gradient(72deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(18deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-85 {
  background-image: -webkit-linear-gradient(54deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(36deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-90 {
  background-image: -webkit-linear-gradient(36deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(54deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-95 {
  background-image: -webkit-linear-gradient(18deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(72deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-100 {
  background-image: -webkit-linear-gradient(0deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
  background-image: linear-gradient(90deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}
#login-choser{
    text-align:center;
}
#login-choser form{
  margin: 25px 0px;
}
@media (min-width: 400px) {
    #login-choser form{
        display: inline-block;
        margin: 5px 0px;
    }
    #login-choser form > div{
        padding-right:10px;
    }
    #login-choser form > div .btn{
        border: solid 0px #ffffff !important;
        width: 70px !important;
        height: 70px !important;
    }
}
@media (min-width: 768px) {
     #login-choser .modal-sm{
      width: 600px;
    }
}
#login-choser form > div .btn{
    text-align: center;
    width: 120px;
    height: 120px;
    margin: auto;
    border-radius: 50%;
    background: #38a7bb;
    border: solid 15px #ffffff;
    position: relative;
    padding: 0px 0px 0px 0px;
    letter-spacing: 0px;
    font-size: 11px;
    color: #fff;
}
#login-choser form > div .btn:hover{
    border: solid 0px #f9f8f8;
    border-radius: 50% 10%;
}
.video.post{
     margin-bottom: 30px;
}
.slider-text{
    position:absolute;
    top: 50%;
    left: 30%;
    background: #000000d6;
    width:50%;
    padding: 30px;
    transform: translate(-50%,-50%);
}
.slider-text h2{
     font-weight: 700;
     text-transform: uppercase;
     font-size: 20px;
     letter-spacing: 0.08em;
}
.slider-text p{
   word-break: break-word;    
   font-size: 13px;
   font-weight: 400;
   padding: 0;
   letter-spacing: 0.5px;
   text-transform: initial;
}
.navbar-brand>img {
    max-height: 60px;
}
.navbar-brand {
    padding: 3px 15px;
}
#blog-post .comment .reply > .btn,
#blog-post .comment .reply > a{
     display: inline-block;
    float: right;
    margin-top: 10px;
    margin-left: 15px;
}
#blog-post .comment .reply{
    margin-left: 20px;
}
#blog-post .comment .reply .row.comment{
     padding-top: 15px;
     border-top: 1px solid #eee;
}
#blog-post .comment .reply .row.comment img{
    
}
.reply-comment{
     display: block;
     border-top: 0px solid #eee;
}
.reply-comment:nth-child(1n){
     border-bottom: 0px solid #eee;
}
.reply-comment span{
    display: block;
}
.reply-comment .name{
    margin-bottom: 10px;
    font-weight: 900;
    line-height: 1.1;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 10px;
}
.reply-comment .date{
    margin-bottom: 20px;
}
.owl-carousel .owl-wrapper-outer,
.home-slider-top {
    max-height: calc(100vh - 121px);
}
.video-content{
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-90%);
}
.video-content .banner-title{
    margin-top: 0;
    font-size: 4rem;
    margin-bottom: 3rem;
    padding-right: 10rem;
}
.video-content p{
    margin-top: 0;
    font-size: 2rem;
    margin-bottom: 3rem;
    padding-right: 10rem;
}
.video-content a,
.video-content h2,
.video-content p{
    color:#fff;
}
.video-content .banner-link{
     background-color: #5bc0de;
     border-color: #46b8da;
     padding: 10px 20px;
     display: inline-block;
}
@media (max-width: 768px) {
.video-content{
     width: 60%;
     transform: translate(-50%,-50%);
}
}
.block-small{
    background: #fff;
    padding: 15px 20px 15px 20px;
    border: solid 1px #e7e9ea;
    border-radius: 3px;
    position: relative;
    box-shadow: 2px 2px 2px #dae0e46b;   
}
.block-small .panel-heading{
    margin: 0px -20px;
    padding-top: 0;
    font-weight: 900;
    color: #7a838a;
}
.story-item{
    display:table;
    width: 100%;
}
.story-item .toolbox,
.story-item-detail .toolbox{
     position: absolute;
     right: -20px;
     transition:all 0.3s ease-out;
     transform:translate(10px, 0px);
     opacity:0;
     top: 0;
     visibility:hidden;
     background: #edf1f3;
     padding: 5px 5px;
}
.story-item:hover .toolbox,
.story-item-detail:hover .toolbox{
     transition:all 0.3s ease-out;
     transform:translate(-20px, 0px);
     opacity:1;
     visibility:visible;
}
.story-item .toolbox > a,
.story-item-detail .toolbox > a{
    font-size:15px;
    margin: 0px 5px;
}
.story-item h4{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
}
.story-item-detail h4{
    font-weight: 300;
    font-size:28px;
    margin-bottom:20px;
    margin-top: 0;
    line-height: 1.3;
}
.story-item-detail p{
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
}
.story-item h5{
    font-weight: 300;
    color: #b5b4b4;
    font-size: 13px;
}
.story-item-detail h5{
    font-weight: 300;
    color: #b5b4b4;
    margin-bottom:20px;
}
.story-item .column{
    display: table-cell;
    vertical-align:middle;
}
.story-item .column:first-child{
    width: 70%;
    padding-right: 20px;
}
.story-item.project-item .column:first-child{
    width: 45%;
    padding-right: 0px;
}
.story-item.project-item .column:nth-child(2){
    width: 20%;
}
.story-item.project-item .column:nth-child(3){
    width: 20%;
}
.story-item.project-item .column:nth-child(4){
    width: 25%;
}
.story-item.project-item .column:nth-child(4) a{
    margin-right:10px;
}
.story-item .item-holder,
.story-item-detail .item-holder{
    display: inline-block;
    margin-right: 15px;
}
.story-item .item-holder > .fa,
.story-item-detail .item-holder > .fa{
    margin-right: 0px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    box-shadow: 0px 0px 0px 4px #edf1f38f;
}
span.btn{
     cursor: default;
}
#adv-search .form-control,
#advancedsearch .form-control{
    box-shadow:none;
    height: 35px;
}
#adv-search .btn.btn-primary,
#advancedsearch .btn.btn-primary{
    border-radius: 0px;
    box-shadow: none;
}
#adv-search .btn:hover,
#advancedsearch .btn:hover {
    border-radius: 0px 0px 0px 0px;
}
#adv-search .btn.btn-default,
#advancedsearch .btn.btn-default{
    border-radius: 0px 3px 3px 0px;
}
#advancedsearch .col-sm-2.col-xs-12{
    padding: 0;
    display: inline-block;
    margin-left: -1px;
}
#advancedsearch .col-sm-2.col-xs-12 label{
    display: none;
}
#advancedsearch .col-sm-2.col-xs-12 .btn{
    height: 35px;
    margin-left: 1px;
    border-radius: 0px 3px 3px 0px;
    border: 0;
}
#advancedsearch{
    margin-top:10px;
}
#advancedsearch .form-group{
    margin-bottom:0px;
}
.add_left, .add_right {
    position: absolute;
    width: 120px;
    min-height: 500px;
    top: 0;
}
.add_left .panel-heading,
.add_right .panel-heading,
.add_bottom .panel-heading,
.add_top .panel-heading,
.add_left .panel-body,
.add_right .panel-body,
.add_bottom .panel-body,
.add_top .panel-body{
    color: #000;
    border-color: transparent !important;
    background: transparent !important;
    word-break: break-word !important;
}
.add_left .panel-heading img,
.add_right .panel-heading img,
.add_bottom .panel-heading img,
.add_top .panel-heading img,
.add_left .panel-body img,
.add_right .panel-body img,
.add_bottom .panel-body img,
.add_top .panel-body img{
    max-width: 100%;
}
.add_right {
    right: -120px;
}
.add_left {
    left: -120px;
}
.container{
     position: relative;
}
.add_top ._item, .add_bottom ._item {
    margin-bottom: 15px;
    margin-top: 15px;
}
.add_top ._item, .add_bottom ._item {
    min-height: 100px;
}
#footer .container .add_left, #footer .container .add_right {
    min-height: 195px;
    top: -20px;
}
#bx-pager{
     display: none;
}
@media screen and (max-width: 1400px) and (min-width: 992px) {
     .container.left_shrink,
     .container.right_shrink,
     .container.ltop_shrink,
     .container.rtop_shrink{
          width: calc(100% - 250px);    
     }
}
#footer .form-control{
     height: 34px;
     box-shadow: none;
}
.jFiler-theme-default .jFiler-input{
     max-width: 100%;
}
#productAccordian .panel-heading {
    padding: 5px 10px;
}
.item-data-title {
    font-weight: bold;
    display: inline-block;
    width: 100px;
}
.item-data-value {
    display: inline-block;
    margin-left: 105px;
}
#newAddressForm .form-control{
     margin-bottom: 15px;
}
.carts-review .table, .carts-review .align-center {
    color: #000;
}
#OrderBillingDetailAuthBillingForm label{
     color: #fff;
}
.fa.btn{
     font: normal normal normal 14px/1 FontAwesome;
}
.countdown-wrapper{
    color: #fff;
    display: table;
    border-radius: 5px 0px 0px 5px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.countdown-wrapper-item{
    text-align: center;
    padding: 15px 10px;
    font-size: 20px;
    font-weight: 100;
    background: rgb(45,44,44);
    background: -moz-linear-gradient(top, rgba(45,44,44,1) 0%, rgba(28,27,27,1) 50%, rgba(45,44,44,1) 50%, rgba(28,27,27,1) 100%);
    background: -webkit-linear-gradient(top, rgba(45,44,44,1) 0%,rgba(28,27,27,1) 50%,rgba(45,44,44,1) 50%,rgba(28,27,27,1) 100%);
    background: linear-gradient(to bottom, rgba(45,44,44,1) 0%,rgba(28,27,27,1) 50%,rgba(45,44,44,1) 50%,rgba(28,27,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2c2c', endColorstr='#1c1b1b',GradientType=0 );
    max-width: 80px;
}
.countdown-wrapper-item:first-child,
.countdown-wrapper-item:last-child{
    background: #edf1f3;
    color: #000;
    font-weight: 400;
    border: 0px solid #e6e6e6;
    padding: 5px 0px;
}
.countdown-wrapper-item:nth-child(2){
     border-radius: 4px 0px 0px 0px;
}
.countdown-wrapper-item:nth-child(5){
     border-radius: 0px 0px 0px 4px;
}
.countdown-wrapper-item span{
    display: block;
}
.countdown-wrapper-item span.numbers{
    font-size: 30px;
}
.countdown-wrapper-item span.text{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.countdown-wrapper-item:first-child span,
.countdown-wrapper-item:last-child span{
    font-size:10px;
}
.form-control.inline{
    width: auto;
    display: inline-block;
}
.form-control.small{
    height: 34px;
}
.m-r-5{
     margin-right: 5px;
}
.m-r-30{
     margin-right: 30px;
}
 .m-b-5{
     margin-bottom: 5px;
}
 .m-b-0{
     margin-bottom: 0px;
}
 .m-b-30{
     margin-bottom: 30px;
}
 .m-t-30{
     margin-top: 30px;
}
 .m-t-4{
     margin-top: 4px;
}
 .m-t-5{
     margin-top: 5px;
}
 .m-t-50{
     margin-top: 50px;
}
.current.switcher{
    background: #00e2fb;
    color: #fff;
    border-color: #00e2fb;
}
.switcher > i{
    font-size: 14px;
    position: relative;
    top: 2px;
}
.ul-row.four.thumbs-list li{
    min-height: 232px;
}
.ul-row.four.thumbs-list .story-item{
    display:block;
}
.ul-row.four.thumbs-list .story-item .column{
    display: block;
    width: 100%;
    padding-right: 0px;
}
.ul-row.four.thumbs-list .story-item .item-holder{
     margin-right: 15px;
}
.author-list img{
    border-radius:50%;
}
.author-list{
    text-align:center;
}
.author-list h3,
.author-list h3 a{
    font-size: 15px;
    color: #555;
    margin-bottom: 10px;
    margin-top: 15px;
}
.author-list h4{
    font-size: 12px;
    color: #aaabab;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 0px;
}
.uploaded-files{
    display: table;
    width: 100%;
}
.uploaded-files .file{
    display: inline-block;
    width: 40px;
    position: relative;
    margin-right: 10px;
}
.uploaded-files .file img{
    max-width:100%;
}
.uploaded-files .file .remove-file{
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: #000000ad;
    top: 25%;
    left: 50%;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
}
.uploaded-files .file:hover .remove-file{
    opacity: 1;
    visibility: visible;
}
.uploaded-files .file .file-name{
     text-transform: initial;
     text-align: center;
     margin-top: 5px;
     font-size: 11px;
}
.uploaded-files .file.image_commercial {
    width: 130px;
}
.table.notifications {
    margin-bottom: 0;
    margin-left: -15px;
}
.white-box.grey{
     background: #f7f7f7;
}
.default_role{
     margin-top: 5px;
     color: #cecccc;
     text-transform: uppercase;
     font-weight: 300;
     font-size: 16px;
     margin-bottom: 10px;
}
.flag{
     text-transform: uppercase;
     font-size: 20px;
     font-weight: 300;
     text-align: center;
     margin-bottom: 10px;
}
.multiple_talent{
    text-align: center;
    margin-bottom: 10px;
}
.address{
    text-align: center;
    margin-bottom: 20px;
}
.talent_id{
    text-align: center;
    font-size: 14px;
    color: #38a7bb;
    margin-bottom: 10px;
}
.gaadiex-list {
     list-style-type: none;
     margin: 0;padding: 0;
}
.gaadiex-list>.gaadiex-list-item:after{
    content:'';
    display:block;
    clear:both;
}
.gaadiex-list-item{
    border-bottom: 1px solid #e6e4e4;
    padding: 8px 0px;
}
.gaadiex-list-item:last-child{
     border-bottom: 0px solid #e6e4e4;
}
.gaadiex-list-item-img  {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
}
.gaadiex-list-item-text{
    padding-top: 1px;
    float: left;
}
.ul-row.four.thumbs-list.with-author .story-item .column figure{
    text-align: center;
    margin-bottom: 15px;
}
.ul-row.four.thumbs-list.with-author .story-item .column figure img{
    max-width: 100px;
    border-radius: 50%;
    margin-top: -65px;
}
.ul-row.four.thumbs-list.with-author .story-item .column h5{
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}
.ul-row.four.thumbs-list.with-author .story-item .column h4{
    margin-bottom: 15px;
    text-transform: initial;
}
.ul-row.four.thumbs-list.with-author .story-item .column p{
    font-weight: 300;
    font-size: 15px;
}
.ul-row.four.thumbs-list.with-author li{
    margin-bottom: 3%;
    margin-top: 5%;
    min-height: 350px;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #f9f6f6;
    padding: 15px;
    box-sizing: border-box;
    word-break: break-word;
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius: 5px;
    color: #717171;
    position: relative;
    box-shadow: inset 10px 15px 10px #ffffff8c;
    float: left;
}
.ul-row.four.thumbs-list.with-author li:nth-child(odd){
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.ul-row.four.thumbs-list.with-author li a.read-more{
    position: absolute;
    bottom: 0;
    left: 50%;
}
.ul-row.four.thumbs-list.with-author.home-page li{
    width: calc(100% - 10px);
}
.ul-row.four.thumbs-list.with-author.home-page li{
    margin-top: 20%;
}
.ul-row.four.thumbs-list.with-author.owl-carousel .owl-item{
    margin: 0 0px;
}
.pitch-search-wrapper .form-control.inline{
    width: 20%;
    margin-right: 0;
    margin-left: -5px;
}
.pitch-search-wrapper > div{
     padding: 0px;
}
#side_shrink.container{
     min-height: 700px;
}
#noscript_warning{
     position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 5;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    font-size: 25px;
}
.stories.ul-row.four.thumbs-list.with-author.home-page .owl-controls.clickable{
    transform: translateY(0px);
    left: 0;
    top: 0;
    right: auto;
    position: relative;
    min-height: 30px;
}
.stories.ul-row.four.thumbs-list.with-author.home-page .owl-controls.clickable:after{
    content:'';
    clear:both;
    display:block;
}
.stories.ul-row.four.thumbs-list.with-author.home-page .owl-pagination{
     display: none;
     position: absolute;
     top: 50%;
     transform: translateY(-40%);
}
.stories.ul-row.four.thumbs-list.with-author.home-page .owl-controls .owl-page span{
     background: #ffffff;
     opacity: 1;
     width: 6px;
     height: 15px;
}
.stories.ul-row.four.thumbs-list.with-author.home-page .owl-controls .owl-page{
    display: block;
    margin: 10px 0px;
}
.ul-row.four.thumbs-list.with-author li .genre-writer{
     font-weight: 100 !important;
}
.attachments-added{
  margin-top: 15px;
}
.attachments-added .item{
  margin-bottom: 5px;
  display: inline-block;
  padding-right: 30px;
  position: relative;
  margin-right: 20px;
}
.attachments-added .item a i{
  line-height: inherit;
  margin-right: 10px;
}
.attachments-added .item .close_{
  position: absolute;
  right: 10px;
  top: 0;
  color: red;
}
.custom-file-upload-btn{
  position: relative;
  border: 1px solid #eae7e7;
  color: #6d6c6c;
  background: #f6f6f6;
  min-height: 30px;
  padding-left: 41px;
  line-height: 30px;
  max-height: 30px;
}
.custom-file-upload-btn.small{
    width: 130px;
    min-height: 24px;
    line-height: 24px;
    max-height: 24px;
    display: inline-block;
}
.custom-file-upload-btn > input{
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
  top: 0;
}
.custom-file-upload-btn:before{
  content:"\f0c6";
  position: absolute;
  width: 30px;
  text-align: center;
  font-family: 'FontAwesome';
  height: 100%;
  background: #f6f6f6;
  border-right: 1px solid #eae7e7;
  left: 0;
  top: 0;
}
@media (min-width: 992px){
#order-services-cp .modal-lg{
     width: 80%;
}
}
.story-item-detail{
	word-break: break-all;
}
@media (max-width: 768px){
	.backstretch img{
		width: auto !important; 
	}
	#top > div > div > div.col-xs-5.phone{
	    width: 40px;
	    padding-right: 0px;
	}
	#top > div > div > div.col-xs-7{
	    width: calc(100% - 40px);
        padding-left: 0;
	}
	#top .social{
	    margin-right: 5px;
	    float: left;
	}
	#top .login{
	    padding-right:0px;
	    float: left;
	}
	.breadcrumb{
	    text-align:left;
	}
	#side_shrink.container {
        min-height: auto;
    }
    .login-register-options ul li a{
        margin-bottom: 5px;
    }
    .white-box.profile-status{
        text-align:center;
    }
    .white-box.profile-status .progress-radial-wrapper.pull-right{
    	float: none !important;
    	margin-bottom: 15px;
    }
    .white-box.profile-status .progress-radial-wrapper.pull-right .progress-radial{
        margin: 0 auto;
        float: none;
    }
    .profile-status .update-profile{
        position: relative;
        top: 0;
        right: 0;
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
        transition:all 0.3s ease-out;
        background:#000;
        color:#fff;
        border-color:#000;
        border-radius:2px;
        padding: 10px 10px;
        float: none !important;
        margin-bottom: 20px;
    }
    .profile-status .update-profile:after{
        display:none;
    }
    .tabs-custom{
        padding: 15px 0px;
    }
    #side_shrink > div:nth-child(2) > section > div > div > div.input.white-box{
        margin-bottom:20px;
    }
    #side_shrink > div:nth-child(2) > section > div > div > div.input.white-box > ul > li{
        float: none !important;
        margin-bottom:5px;
        margin-left: 0;
    }
    #side_shrink > div:nth-child(2) > section > div > div > div.input.white-box > ul > li a{
        border:1px solid #38a7bb;
    }
    .panel.sidebar-menu + .sidebar-menu{
    	margin-bottom: 20px;
    }
    #top > div > div > div.col-xs-7 > ul:nth-child(4) > li > ul,
    #top > div > div > div.col-xs-7 > ul:nth-child(4) > li > ul > li > a{
        max-width: 250px;
        min-width: 150px;
    }
    #top > div > div > div.col-xs-7 > ul:nth-child(4) > li > ul > li:last-child > a{
        background: #fff;
    }
    #top > div > div > div.col-xs-7 > ul:nth-child(4) > li > ul > li.active > a{
        background: #ecf0f3;
    }
    .header-noti .dropdown-menu li a{
        min-width:250px;
    }
    .navbar.navbar-default.secondory{
    	margin-bottom: 0px;
    	margin-top: 0px;
    }
    .nav-justified{
    	border:0;
    }
    #footer{
    	margin-top: 20px;
    }
    .countdown-wrapper {
        color: #fff;
        display: block;
        border-radius: 5px 0px 0px 5px;
        position: relative;
        right: 0;
        top: 0;
        transform: translateY(0%);
        z-index: 10;
        width: 100%;
    }
    .countdown-wrapper-item{
        display: block;
        float: left;
        width: 25%;
        padding: 5px 10px;
    }
    .countdown-wrapper-item:first-child, .countdown-wrapper-item:last-child{
        max-width: none;
        width: 100%;
    }
    .countdown-wrapper-item span.numbers {
        font-size: 20px;
    }
    .countdown-wrapper-item:nth-child(2){
     border-radius: 4px 0px 0px 4px;
    }
    .countdown-wrapper-item:nth-child(5){
         border-radius: 0px 4px 4px 0px;
    }
    .countdown-wrapper-item:first-child span, .countdown-wrapper-item:last-child span {
        font-size: 15px;
    }
    #request_button,
    #content > div.container > div > div.col-md-9.col-sm-9 > div > div > div.text-center.m-t-20 > a.btn.btn-primary.btn-lg,
    #content > div.container > div > div.col-md-9.col-sm-9 > div > div > div.text-center.m-t-20 > a:nth-child(3){
    	margin-bottom: 5px;
    }
    #top > div > div > div.col-xs-7 > ul:nth-child(3),
    #top > div > div > div.col-xs-7 > ul:nth-child(4),
    #top > div > div > div.col-xs-7 > ul:nth-child(5){
        float: left !important;
    }
    #content > div > div.white-box.m-b-20 > div > form > div > select:nth-child(1),
    #content > div > div.white-box.m-b-20 > div > form > div > select:nth-child(2),
    #content > div > div.white-box.m-b-20 > div > form > div > select:nth-child(3),
    #content > div > div.white-box.m-b-20 > div > form > div > select:nth-child(4),
    #content > div > div.white-box.m-b-20 > div > form > div > input:nth-child(5),
    #content > div > section > div.white-box > div > form > div > select:nth-child(1),
    #content > div > section > div.white-box > div > form > div > select:nth-child(2),
    #content > div > section > div.white-box > div > form > div > select:nth-child(3),
    #content > div > section > div.white-box > div > form > div > input:nth-child(4){
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }
    #content > div > section > div > div > a,
    #CartReviewForm > input.btn.btn-warning.pull-right{
    	margin-top: 15px;
    	float: none !important;
    }
    #myModalLabel > div{
        float: none !important;
        margin-top: 20px;
    }
    .body-editor-text *{
     margin-left: 0px !important;
     margin-right: 0px !important;
     width: auto !important;
     max-width: 100%;
    }
    .gaadiex-list-item-img{
        width: 35px !important;
    }
    #content > div > section > div > div > div > table > tbody > tr:nth-child(1) > td:nth-child(1),
    #content > div > section > div > div > div > table > tbody > tr:nth-child(1) > td:nth-child(2),
    #content > div > section > div > div > div > table > tbody > tr:nth-child(2) > td:nth-child(1),
    #content > div > section > div > div > div > table > tbody > tr:nth-child(2) > td:nth-child(2){
        display:block;
    }
    .plan-switcher {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0px;
    }
    .total-payble.active:after{
        display:none;
    }
    .total-payble{
        margin-top: 0px;
        margin-bottom: -1px;
    }
    .payment-options{
      margin-top:20px; 
    }
    .panel.panel-default.credit-card-box .col-xs-4,
    .panel.panel-default.credit-card-box .col-xs-3{
        width:100%;
    }
}
.panel.panel-default.credit-card-box{
    border:none;
    box-shadow:none;
}
.printing_bg a:not(.btn) {
     color:  black;
     text-decoration: none;
}