.navbar-inverse .navbar-toggle {
    background:#fff !important;
}

.hand {
    cursor: pointer;
}

.darkBlue {
    color: #133559!important;
}

.white {
    color: white;
}

.backWhite {
     background: white;
     background-color:white;

}

.centered {
     text-align: center;
}

.bottom0 {
     margin-bottom: 0px;
}

.right10 {
    margin-right: 10px;
}

.left10 {
    margin-left: 10px;
}

.top30 {
    margin-top: 30px;
}

.top150 {
    margin-top: 150px;
}

.padBottom0 {
    padding-bottom: 0px;
}

.padTop10 {
    padding-top: 10px;
}

.padTop15 {
    padding-top: 15px;
}

.padTop20 {
    padding-top: 20px;
}

.padTop40 {
    padding-top: 40px;
}

.padLeft40 {
    padding-left: 40px;
}


/* Links */
a {
    color: #f85c37;
    word-wrap: break-word;
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}




/*TILT*/
.tilt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tilt:hover {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}



.testimonialHeader {
    margin-bottom: 10px;
    font-weight:700;
    color: white;
}

/* ==================================================
   Contact Section
================================================== */

.contact-details h3 {
    color: #000;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1em;
    text-transform: uppercase;
}

.contact-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-details ul li {
    margin: 0 0 20px;
    line-height: 28px;
    padding: 0;
}

#contact-form {
    margin-bottom: 0;
    padding-bottom: 30px;
    width: 100%;
}

#contact-form p {
    margin-bottom: 1px;
}

#contact-form input,
#contact-form textarea {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #ebebeb;;
    color: #000#;
    font-size: 16px;
    height: auto;
    padding: 15px;
    margin: 0;
    resize: none;
}

#contact-form input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
}

#contact-form textarea {
    width: 100%;
    resize: vertical;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact-form .submit {
    background: #12416e;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    margin-top: 30px;
    -webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;
    -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
    -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

#contact-form .submit:hover {
    background: #DE5E60;
    color: #FFFFFF;
}

#response {
    margin-top: 20px;
    color: #FFFFFF;
}

::-webkit-input-placeholder {
    color: #666;
}

:-moz-placeholder { /* Firefox 18- */
    color: #666;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #666;
}

:-ms-input-placeholder {
    color: #666;
}

#contact-form .area .error {
    float: none;
}
#contact-form textarea {
    width: 100%;
    height: 250px;
    resize: none;
    overflow: auto;
}
#contact-form .success {
    display: none;
    margin-bottom: 20px;
    color: #000000;
    font-size: 20px;
    line-height: 16px;
    position: relative;
    background: #ffffff;
    padding: 12px 14px;
    text-transform: none;
}

#contact-form .error,
#contact-form .empty {
    color: #f00;
    font-size: 11px;
    line-height: 1.27em;
    display: none;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 2px 4px 6px 4px;
    text-transform: none;
}

.buttons-wrapper {
    position: relative;
}
.buttons-wrapper a {
    margin-right: 10px;
    cursor: pointer;
}
.buttons-wrapper a:hover {
    text-decoration: none;
}


/* ==================================================
   Contact Section pop up
================================================== */

.contact-details h3 {
    color: #000;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1em;
    text-transform: uppercase;
}

.contact-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-details ul li {
    margin: 0 0 20px;
    line-height: 28px;
    padding: 0;
}

#contact-form-2 {
    margin-bottom: 0;
}

#contact-form-2 p {
    margin-bottom: 1px;
}

#contact-form-2 input,
#contact-form-2 textarea {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #bdbdbd;
    color: #000;
    font-size: 16px;
    height: auto;
    padding: 15px;
    margin: 0;
    resize: none;
}

#contact-form-2 input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact-form-2 textarea {
    width: 100%;
    resize: vertical;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contact-form-2 .submit {
    background: #12416e;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    margin-top: 30px;
    -webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;
    -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
    -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

#contact-form-2 .submit:hover {
    background: #DE5E60;
    color: #FFFFFF;
}

#response {
    margin-top: 20px;
    color: #FFFFFF;
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
  	background: url(../img/moladira.jpg) no-repeat center top;
  	margin-top: 150px;
  	padding-top:20px;
  	text-align:center;
  	background-attachment: relative;
  	background-position: center center;
  	min-height: 326px;
  	width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap h1 {
	  margin-top: 100px;
	  color: white;
	  font-size: 70px;
	  font-weight: 300;
	  letter-spacing: 3px;
}

#headerwrap h2 {
	  color: white;
	  font-size: 40px;
	  font-weight: 700;
	  letter-spacing: 2px;
	  text-transform: uppercase;
}

.icon-bar {
    background-color: black!important;
}




.recruit {
    color: white;
}

.recruit:hover {
    color: white;
}

.testimonialSection {
    background: #1b5174!important;
}

table, tr, td {
    border: 1px solid black;
    align:center;
    padding: 10px;
    color: black;
}

.cellborder {
    border: 1 px solid black;
}

/* Dark Grey Wrap */
#dg {
  	 background: #fff;
  	 padding-top: 30px;
  	 padding-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
  	 text-align: center;
}

#dg h4 {
	 f ont-weight: 700;
}

/* Light Grey */
#lg {
   	background: #ebebeb;
  	padding-top: 30px;
  	padding-bottom: 30px;
  	text-align: center;
}

#lg h4 {
	  font-weight: 700;
}

/* Red Wrap */
#r {
  	background: #1b5174;
  	padding-top: 35px;
  	padding-bottom: 35px;
}

#r h4 {
  	color: white;
  	font-weight: 700;
}

#r p {
	  color: white;
}

#red {
    background: #a50010;
    background-color: #a50010;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 150px;
}

#red h4 {
    color: white;
    font-weight: 700;
}

#red p {
    color: white;
}

/* Blue Wrap */

#blue {
	  background: #3498db;
	  padding-top: 35px;
	  padding-bottom: 35px;
}

#blue h4 {
	  color: white;
	  font-weight: 700;
}

#blue p {
	 color: white;
}


/* Footer Wrap */
#f {
	 background: #2d2d2d;
	 padding-top: 30px;
	 padding-bottom: 30px;
}

#f i {
	 color: #bdbdbd;
	 font-size: 30px;
	 padding: 20px;
}

#f i:hover {
	 color: #999999;
}

/****** SECTIONS *****/

.w {
	 padding-top: 35px;
}

.w h4 {
	 font-weight: 700;
}

.w i {
	 color: #ff7878;
	 font-size: 30px;
}


.wb {
	 padding-top: 35px;
	 margin-bottom: 0px;
}

.wb h4 {
	 font-weight: 700;
}

.desc {
	 padding-top: 35px;
}

.desc h4 {
	 font-weight: 700;
}

.desc i {
	color: #ff7878;
	font-size: 12px;
	padding: 5px;
}

/***** MODAL CONTACT *****/
.modal-content {
	 border-radius: 0px;

}

.modal-header {
	background: #bdbdbd;
	color: white;
}

.modal-header h4 {
	font-weight: 700;
}

.modal-body {
	  background: #f2f2f2;
    font-family: "Lato";
    font-weight: 300;
    font-size: 16px;
    color: #555;
}

.modal-footer {
	  background: #f2f2f2;
	  margin-top: 0px;
}

/* ==========================================================================
   Pricing Tables
   ========================================================================== */

.pricing-option {
    padding-bottom: 40px;
}

.pricing-option .pricing-top {
    position: relative;
    background: #222;
    color: white;
    text-align: center;
    font-weight: bold;

    padding: 40px 20px 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pricing-option .pricing-top .special-label {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1abc9c;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 0;
}

.special .pricing-top {
    background: black;
}

.pricing-option .pricing-edition {
    text-transform: uppercase;
    display: block;
    font-size: 25px;
    letter-spacing: 8px;
}

.pricing-option .price {
    display: inline-block;
    position: relative;
}

.pricing-option .price sup {
    position: absolute;
    top: 50px;
    left: -10px;
    font-size: 24px;
}

.pricing-option .price .price-amount {
    font-size: 108px;
    letter-spacing: -4px;
}

.pricing-option .price small {
    position: relative;
    left: -10px;
    font-size: 18px;
}

.pricing-option ul {
    list-style: none;
    margin: 0;
    background: #eee;
    text-align: center;
    padding-left: 0px;
}

.pricing-option ul li {
    border-bottom: solid 1px #e1e1e1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pricing-option .pricing-signup {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 10px;
    color: white;
    background: #1abc9c;
}

.pricing-option .pricing-signup:hover {
    background: #ff7878;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 15px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 2;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: white;
    border: 1px solid #DFDFDF;

    padding: 3px 12px;
    color: #333;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
    dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;

    border-bottom: 1px solid #ffffff;
}
.dropdown-menu a {
    display: block;
    border-bottom: 1px solid #DFDFDF;
    clear: both;
    font-weight: normal;
    line-height: 2;
    color: #333;
    white-space: nowrap;
    text-align: left;
    padding-left: 0px;

}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus,  .dropdown-submenu:hover > a {
    color: #999999;
    text-decoration: none;

}
.dropdown-menu .active > a,  .dropdown-menu .active > a:hover {
    color: #999999;
    text-decoration: none;
    filter: none;
}
.footer {
    background:#12416e;
    padding-top: 30px;
    padding-bottom: 0px;
    color: #fff;
}

/** testimonials **/

.testimonial-desktop {
    background: #1b5174;
    padding-top: 40px;
}


#testimonials {
    display: block;
    width: 100%;
    margin-bottom: 40px;
}
#testimonials h2 {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3px;
}

#testimonials .carousel-wrap {
    display: block;
    width: 400px;
    margin: 0 auto;
    overflow: hidden;
}

#testimonials .carousel-nav {
    display: block;
    width: 300px;
    margin: 0 auto;
}
#testimonials .carousel-nav img {
    cursor: pointer;
}
#testimonials .carousel-nav img:active {
    position: relative;
    top: 1px;
}
#testimonials .carousel-nav .nextbtn {
    float: right;
}

#testimonials .carousel-wrap ul {
    display: block;
    list-style: none;
    position: relative;
}
#testimonials .carousel-wrap ul li {
    display: block;
    float: left;
    position: relative;
    width: 400px;
    margin-right: 15px;
}

#testimonials .carousel-wrap .context {
    font-size: 2.0em;
    line-height: 1.45em;
    color: #797670;
    font-style: italic;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid #dcdcdc;
}

/** client logos **/
#clients {
    display: block;
    margin-bottom: 15px;
    border-bottom: 2px solid #ebebeb;
    background: white;
    padding-top: 40px; p
    adding-bottom: 40px;
}

#clients .clients-wrap {
    display: block;
    width: 1000px;
    margin-left: 100px;
    overflow: hidden;
}

#clients .clients-wrap ul {
    display: block;
    list-style: none;
    position: relative;
}

#clients .clients-wrap ul li {
    display: block;
    float: left;
    position: relative;
    width: 140px;
    height: 55px;
    line-height: 55px;
    text-align: center;
}
#clients .clients-wrap ul li img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1.0;
}

/** clearfix **/
.clearfix:after {
    content: "."; display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


ul#clients-list.clearfix {
    width: 960px!important;
}

quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #fff;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 200px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.item blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    float: right;
    margin-left: 10px;
}


.special_desktop {
    background: white;
    background: url(../img/moladira_xmas.jpg) no-repeat center top;
    background-image: url(../img/moladira_xmas.jpg) no-repeat center top;
    margin-top: 0px;
    text-align:center;
    background-attachment: relative;
    background-position: center center;
    height: 846px;
    width: 100%;
}

@media (max-width: 600px) {
    #headerwrap {
        background: url(../img/mobile.png) no-repeat center top;
        text-align:center;
        background-attachment: relative;
        background-position: center center;
        min-height: 326px;
        width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .special_desktop {
        margin-top: 0px;
        background: url(../img/moladira_xmas_mobile.jpg) no-repeat center top;
        background-image: url(../img/moladira_xmas_mobile.jpg) no-repeat center top;
        text-align:center;
        background-attachment: relative;
        background-position: center center;
        min-height: 1470px;
        width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media (max-width: 700px) {
    #clients {
        display: none;
    }
}

.specials {
     bgcolor: #a50010;
     background: #a50010;
     background-color: #a50010;
     width: 100%;
     padding: 10px;
}