/*Services*/
/* Gradient Header */
.bg-gradient-purple
{
    background: rgba(85,57,79,1);
    background: -moz-linear-gradient(left, rgba(85,57,79,1) 0%, rgba(90,62,84,1) 20%, rgba(93,65,87,1) 31%, rgba(98,70,92,1) 48%, rgba(105,77,99,1) 73%, rgba(105,77,99,1) 74%, rgba(116,84,107,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,57,79,1)), color-stop(20%, rgba(90,62,84,1)), color-stop(31%, rgba(93,65,87,1)), color-stop(48%, rgba(98,70,92,1)), color-stop(73%, rgba(105,77,99,1)), color-stop(74%, rgba(105,77,99,1)), color-stop(100%, rgba(116,84,107,1)));
    background: -webkit-linear-gradient(left, rgba(85,57,79,1) 0%, rgba(90,62,84,1) 20%, rgba(93,65,87,1) 31%, rgba(98,70,92,1) 48%, rgba(105,77,99,1) 73%, rgba(105,77,99,1) 74%, rgba(116,84,107,1) 100%);
    background: -o-linear-gradient(left, rgba(85,57,79,1) 0%, rgba(90,62,84,1) 20%, rgba(93,65,87,1) 31%, rgba(98,70,92,1) 48%, rgba(105,77,99,1) 73%, rgba(105,77,99,1) 74%, rgba(116,84,107,1) 100%);
    background: -ms-linear-gradient(left, rgba(85,57,79,1) 0%, rgba(90,62,84,1) 20%, rgba(93,65,87,1) 31%, rgba(98,70,92,1) 48%, rgba(105,77,99,1) 73%, rgba(105,77,99,1) 74%, rgba(116,84,107,1) 100%);
    background: linear-gradient(to right, rgba(85,57,79,1) 0%, rgba(90,62,84,1) 20%, rgba(93,65,87,1) 31%, rgba(98,70,92,1) 48%, rgba(105,77,99,1) 73%, rgba(105,77,99,1) 74%, rgba(116,84,107,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55394f', endColorstr='#74546b', GradientType=1 );
}
.bg-grey
{
    background-color: #ececec;
}
.text-purple
{
    color: #5a4554;
}
.text-purple-light
{
    color: #fbf6fa;
}
.text-brown
{
    color: #907267;
}
.text-brown-dark
{
    color: #947966 !important;
}
.tcw-button::before
{
    content: "/";
    display: block;
    padding-left: 15px;
    font-size: 0.8rem;
}
.tcw-button::after
{
    content: "/";
    display: block;
    padding-right: 15px;
    font-size: 0.8rem;
}
.bg-image-bottom
{
    background: linear-gradient(rgba(58,30,52,0.9), rgba(58,30,52,0.9)), url("../img/services.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 90px;
    padding-bottom: 90px;
}
/*Our Crew*/
.bg-gradient-blue
{
    background: rgba(70,75,94,1);
    background: -moz-linear-gradient(left, rgba(70,75,94,1) 0%, rgba(78,83,103,1) 36%, rgba(98,103,125,1) 60%, rgba(120,125,147,1) 84%, rgba(126,134,158,1) 93%, rgba(131,141,166,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,75,94,1)), color-stop(36%, rgba(78,83,103,1)), color-stop(60%, rgba(98,103,125,1)), color-stop(84%, rgba(120,125,147,1)), color-stop(93%, rgba(126,134,158,1)), color-stop(100%, rgba(131,141,166,1)));
    background: -webkit-linear-gradient(left, rgba(70,75,94,1) 0%, rgba(78,83,103,1) 36%, rgba(98,103,125,1) 60%, rgba(120,125,147,1) 84%, rgba(126,134,158,1) 93%, rgba(131,141,166,1) 100%);
    background: -o-linear-gradient(left, rgba(70,75,94,1) 0%, rgba(78,83,103,1) 36%, rgba(98,103,125,1) 60%, rgba(120,125,147,1) 84%, rgba(126,134,158,1) 93%, rgba(131,141,166,1) 100%);
    background: -ms-linear-gradient(left, rgba(70,75,94,1) 0%, rgba(78,83,103,1) 36%, rgba(98,103,125,1) 60%, rgba(120,125,147,1) 84%, rgba(126,134,158,1) 93%, rgba(131,141,166,1) 100%);
    background: linear-gradient(to right, rgba(70,75,94,1) 0%, rgba(78,83,103,1) 36%, rgba(98,103,125,1) 60%, rgba(120,125,147,1) 84%, rgba(126,134,158,1) 93%, rgba(131,141,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464b5e', endColorstr='#838da6', GradientType=1 );
}
.bg-grey-light
{
    background-color: #ededed;
}
.bg-image-bottom-crew
{
    background: linear-gradient(rgba(11,24,33,0.9), rgba(11,24,33,0.9)), url("../img/crew.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.text-brown-crew
{
    color: #907461;
}
.text-black-crew
{
    color: #5c5957;
}
.text-grey-crew
{
    color: #5c5957;
}
.input-style
{
    width: 90%;
    background-color: rgba(0,0,0,0.5);
    border-width: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}
input[type="text"], input[type="password"], textarea[type="text"], input[type="email"], input[type="tel"], input[type="number"]  {
    width: 90%;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    text-indent: 10px;
}
.input-style::placeholder
{
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
}
.input-style::-webkit-input-placeholder {
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
}
.input-style::-webkit-input-placeholder {
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
}

.input-style:-moz-placeholder {
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
}

.input-style::-moz-placeholder {
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
}

.input-style:-ms-input-placeholder {
   font-size: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
}




img.responsive {
    max-width: 100%;
}
.select-style
{
    width: 100%;
    font-size: 15px;
/*     background-color: rgba(0,0,0,0.5); */
	 background-color: transparent;
    border-width: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 35px;
    color: #ffffff !important;
    text-indent: 5px;
	border-radius: 0;
}
.select-style::placeholder
{
    font-size: 15px;
    text-transform: uppercase;
}
input[type="file"] {
    display: none;
}
.upload-style {
    width: 100%;
    background-color: rgba(0,0,0,0.5);
	background-color:transparent;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #999999 !important;
    display: inline-block;
    height: 35px;
    cursor: pointer;
    padding: 8px 10px 8px 5px;
}
option
{
    background-color: #eeeeee !important;
    color: #555!important;
    padding: 5px 0px 5px 0px !important;
}
/* Projects page */
.bg-purple
{
    background-color: #52394c;
}
.carousel-indicators li
{
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid #ffffff;
}
.carousel-control-prev
{
    font-size: 4rem;
}
.carousel-control-next
{
    font-size: 4rem;
}
.carousel-item img
{
    width: 100%;
    max-height: 700px;
}
/*Common*/
.sub-head-para
{
    font-weight: 100;
}
.padding-light
{
    padding: 5px auto;
}
.sub-head
{
    height: 300px;
}
.font-weight-100
{
    font-weight: 100;
}
.font-weight-200
{
    font-weight: 200;
}
.font-weight-300
{
    font-weight: 300;
}
.font-weight-500
{
    font-weight:500;
}
.font-weight-400
{
    font-weight:400;
}
.font-weight-600
{
    font-weight:600;
}
.font-weight-700
{
    font-weight:700;
}

.text-underline
{
    text-decoration: underline;
}
/* Request Appointment */
.stick-button
{
    /*width: 40px;*/
    /*height: 180px;*/
    position: fixed;
    top: 40vh;
    right: 0;
    z-index: 9999;
    /*background-image: url("../img/req-app-3.png");*/
    /*writing-mode: vertical-rl;*/
    background-color: #836c5a;
    background-repeat: no-repeat;
    background-size: contain;
    /*border-bottom-left-radius: 50px;*/
    /*border-top-left-radius: 50px;*/
    cursor: pointer;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.stick-button p
{
    margin: 10px;
    color: white;
    font-weight: 400;
    font-size: 0.8rem;
}
.no-stick
{
    display: none;
}
.req-appointment
{
    width: 300px;
    height: 660px;
    right: -400px;
    z-index: 10000;
    position: fixed;
    background-color: rgba(131,108,90,1);
}
.close-appoint:hover
{
    color: #cccccc;
    cursor: pointer;
}
.input-app-style
{
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #C5B9B1 !important;
    width: 100% !important;
    margin: 5px 0px 0px 0px;
    font-size: 0.8rem;
    font-weight: 300;
    -webkit-appearance: none;
}
.input-app-style::placeholder
{
    color: #C5B9B1;
}
.select-app-style
{
    background-color: transparent;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ffffff;
    margin: 5px 0px 0px 0px;
    color: #C5B9B1;
    padding: 7px 0px 7px 10px;
    font-size: 0.8rem;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.select-app-style-time
{
    background-color: transparent;
    height: 35px;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ffffff;
    margin: 5px 5px 0px 0px;
    color: #ffffff;
    padding: 7px 0px 7px 10px;
    font-size: 0.8rem;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.button-white
{
    color: #ffffff !important;
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .req-appointment
    {
        top: 0;
        height: 100%;
    }
	img.responsive {
		max-width: 100%;
	}
}

/* Blog Page */
.author-name-date
{
    font-size: 0.8rem !important;
    color: #24221f !important;
    font-weight: 400;
}
.blog-topic
{
    margin-bottom: 30px;
}
.blog-post-text
{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 30px !important;
    font-size: 0.9rem;
}
.text-block-img
{
    display: block;
}
.img-text-blog
{
    margin-top: -30px;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.6rem;
    padding-left: 10px;
    padding-right: 10px;
}
.blog-topic-link
{
    color: #5c5957;
}
.blog-topic-link:hover
{
    color: #000;
}
.author-image
{
    border-radius: 100%;
}



form li
{
    color: #ffffff !important;
    text-align: left !important;
    font-size: 0.7rem !important;
}
#order-form li
{
    color: #000000 !important;
    text-align: left !important;
    font-size: 0.7rem !important;
}
form ul
{
    margin: 0px !important;
}
.submit-button
{
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
	cursor: pointer;
}
.submit-button:before
{
    color:#a6a8af;
    content: "/";
    display: block;
    padding-left: 15px;
    transition: content 0.5s ease-out;
    transition: padding 0.1s ease-out;
}
.submit-button:after
{
    color:#a6a8af;
    content: "/";
    display: block;
    padding-right: 15px;
    transition: content 0.5s ease-out;
    transition: padding 0.1s ease-out;
}
.submit-button:hover:before
{
    content: '\005C';
    padding-right: 15px;
    padding-left: 0px;
}
.submit-button:hover:after
{
    content: '\005C';
    padding-left: 15px;
    padding-right: 0px;
}
input[type=submit]:hover
{
    color:black;
}
.ms-slide-info
{
    display: none !important;
}

#team-form #parsley-id-35 li
{
    margin-left: -30px !important;
    margin-top: 30px !important;
}
.g-recaptcha
{
    display: inline-block !important;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active
{
    color: #ffffff !important;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:before {
    content: "";
    position: absolute;
    width: 80%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.back-link
{
    color: #000000 !important;
    text-decoration: none;
}
.back-link:hover
{
    text-decoration: underline;
}

.owl-theme .owl-controls .owl-page.active span
{
    background-color: #8f7462 !important;
}
.owl-theme .owl-controls .owl-page span
{
    border-width: 2px !important;
    border-color: rgba(255,255,255,0.3) !important;
}
.app-succ-mess
{
    font-size: 0.7rem !important;
}
.req-appointment .parsley-errors-list
{
    margin-left: 0px !important;
}

#appointment{
 height:auto;
 overflow-y: scroll;
 max-height: 100%;
}

.rc-anchor-normal {
    width: 253px !important;
}

#appointment .wpcf7-response-output{
 margin-top:1em;  
}

#appointment .text-center{
 padding-bottom:1em;    
}