/*
 *
 * Template Name: Three CQA
 * Template URI: http://azmind.com
 * Description: Three CQA - Responsive Agency Template
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */


body {
    background: #fff;
    text-align: center;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #222;
    font-size: 12px;
}

.violet { color: #d50000; }

a {
    color: #d50000;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

a:hover { color: #222; text-decoration: none; }

strong { font-weight: bold; }


/* ----- Header ----- */

.header .navbar {
    margin-bottom: 0;
}

.header .navbar-inner {
    background: #fff;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header h1 {
    float: left;
    margin: 0;
    text-align: left;
}

.header a.brand {
    display: inline-block;
    text-indent: -9999px;
    width: 200px;
    height: 85px;
    padding: 15px 0;
    background: url(../img/logo.jpg) 20px center no-repeat;
}

.header ul.nav {
    font-size: 12px;
    text-transform: uppercase;
}

.header ul.nav li a {
    padding: 30px 20px 10px 20px;
    color: #333333;
    text-shadow: none;
}

.header ul.nav li.current-page > a {
    padding-top: 25px;
    border-top: 5px solid #d50000;
    background: #f8f8f8;
}

.header ul.nav li a:hover {
    background: #d50000;
    color: #fff;
}

.header ul.nav li a i {
    line-height: 35px;
    color: #aaa;
}

.header ul.nav li a:hover i { color: #fff; }


/*=========================
main-slider
===========================*/
  .main-slider{  
    width: 94%;
     margin-left: 3%;
}

.main-slider .carousel-caption p {
    color: #ffffff;
    line-height: 34px;
    font-size: 20px;
}
.main-slider .carousel-caption {
    bottom: auto;
    background-color: transparent;
    top: 35%;
    width: 50%;
    margin: 0 auto;
}
.main-slider h3 {
    font-size: 30.5px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 24px;
}

/* ----- Presentation ----- */

.presentation {
    margin-top: 30px;
}

.presentation h2 {
    font-family: 'Droid Sans', cursive;
    font-size: 30px;
    color: #333333;
}

.presentation p {
    font-size: 18px;
    font-style: italic;
}


/* ----- What we do ----- */

.what-we-do {
    margin-top: 50px;
}

.what-we-do .service {
    padding-bottom: 23px;
    background: #f8f8f8;
    border-bottom: 2px solid #d50000;
}

.what-we-do .service:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.what-we-do .service .icon-awesome {
    margin-top: 15px;
    font-size: 50px;
    line-height: 50px;
    color: #333333;
}

.what-we-do .service h4 {
    margin-top: 5px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.what-we-do .service p {
    padding-bottom: 10px;
    line-height: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

.what-we-do .service a {
    padding: 5px 22px;
    background: #d50000;
    color: #fff;
    font-style: italic;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.what-we-do .service a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.what-we-do .service a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}


/* ----- Portfolio ----- */

.portfolio {
    margin-top: 50px;
}

.portfolio-title {
    background: url(../img/line.png) left center repeat-x;
}

.portfolio-title h3 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Droid Sans', cursive;
    font-size: 24px;
    color: #333333;
}

.portfolio .work {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #d50000;
}

.portfolio .work:hover img {
    opacity: 0.7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.portfolio .work:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.portfolio .work .icon-awesome {
    margin-top: 15px;
    font-size: 22px;
    line-height: 22px;
}

.portfolio .work .icon-awesome a {
    display: inline-block;
    padding: 5px 9px;
    background: #d50000; 
    color: #fff;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.portfolio .work .icon-awesome a:hover {
    background: #333333;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio .work .icon-awesome a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.portfolio .work h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.portfolio .work p {
    line-height: 24px;
    font-style: italic;
	padding: 0 7px;
}

.portfolio-page.portfolio .work p{
	min-height: 100px;	
}

/* ----- Testimonials ----- */

.testimonials {
    margin-top: 50px;
    padding-bottom: 50px;
}

.testimonials-title {
    background: url(../img/line.png) left center repeat-x;
}

.testimonials-title h3 {
    width: 180px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Droid Sans', cursive;
    font-size: 24px;
    color: #333333;
}

.testimonial-list {
    margin-top: 30px;
    text-align: left;
}

.testimonial-list img {
    float: left;
    margin: 10px 0 0 60px;
    border: 3px solid #eaeaea;
}

.testimonial-list p {
    padding: 0 60px 0 150px;
    font-size: 14px;
    line-height: 30px;
    font-style: italic;
}

.testimonial-list .nav-tabs {
    width: 200px;
    float: right;
    border: 0;
}

.testimonial-list .nav-tabs li {
    margin-right: 6px;
}

.testimonial-list .nav-tabs li a {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #eaeaea;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.testimonial-list .nav-tabs li a:hover { border: 0; background: #ddd; }
.testimonial-list .nav-tabs li.active a { background: #d50000; }


/* ----- Footer ----- */

footer {
    margin: 0 auto;
    padding-bottom: 10px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
}

footer .widget {
    margin-top: 20px;
    text-align: left;
}

footer .widget h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

footer .widget p {
    line-height: 24px;
}

footer .widget i {
    padding-right: 7px;
}

/* Twitter feed */
.show-tweets {
    margin: 0;
    overflow-y: hidden;
}

.tweet_list {
    height: 10em;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    list-style: none;
}
	
.tweet_list li {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    line-height: 24px;
}
		
.tweet_list .tweet_avatar {
    float: left;
}
		
.tweet_list .tweet_avatar img {
    vertical-align: middle;
}

/* Flickr feed */
.flickr-feed {
    margin: 16px 0 0 0;
    overflow: hidden
}

.flickr-feed li {
    float: left;
    padding: 0 4px 4px 0;
    list-style: none;
}

.flickr-feed li img {
    width: 50px;
    border: 2px solid #eaeaea;
}

.flickr-feed a:hover {
    opacity: 0.7;
}


footer .footer-border {
    margin-top: 20px;
    border-top: 1px dashed #ddd;
}

footer .copyright {
    margin-top: 15px;
    text-align: left;
}

.live-status-footer .tab-content{
	border:1px solid #ddd;
	border-top:0;	
	padding:10px;
	background:#fff;
}

footer .accordion .accordion-heading{
	background:#fff;
}

.live-status-footer .nav-tabs{
	padding:0;
	margin:0;
}

footer .social {
    margin-top: 10px;
    text-align: right;
}

footer .social a { display: inline-block; width: 24px; height: 24px; margin: 0 0 0 8px; vertical-align: middle; }

footer .social a.twitter { background: url(../img/social-icons/twitter.png) left bottom no-repeat; }
footer .social a.dribbble { background: url(../img/social-icons/dribbble.html) left bottom no-repeat; }
footer .social a.rss { background: url(../img/social-icons/rss.html) left bottom no-repeat; }
footer .social a.pinterest { background: url(../img/social-icons/pinterest.html) left bottom no-repeat; }
footer .social a.flickr { background: url(../img/social-icons/flickr.html) left bottom no-repeat; }
footer .social a.forrst { background: url(../img/social-icons/forrst.html) left bottom no-repeat; }
footer .social a.vimeo { background: url(../img/social-icons/vimeo.html) left bottom no-repeat; }
footer .social a.linkedin { background: url(../img/social-icons/linkedin.png) left bottom no-repeat; }
footer .social a.facebook { background: url(../img/social-icons/facebook.png) left bottom no-repeat; }
footer .social a.email { background: url(../img/social-icons/email.html) left bottom no-repeat; }
footer .social a.github { background: url(../img/social-icons/github.html) left bottom no-repeat; }
footer .social a.behance { background: url(../img/social-icons/behance.html) left bottom no-repeat; }
footer .social a.googleplus { background: url(../img/social-icons/googleplus.png) left bottom no-repeat; }
footer .social a.youtube { background: url(../img/social-icons/youtube.html) left bottom no-repeat; }
footer .social a.skype { background: url(../img/social-icons/skype.html) left bottom no-repeat; }
footer .social a.tumblr { background: url(../img/social-icons/tumblr.html) left bottom no-repeat; }

footer .social a:hover { background-position: left top; }


/* ----- Page title ----- */

.page-title {
    margin: 0 auto;
    padding: 30px 0 35px 0;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    text-align: left;
}

.page-title h2 {
    display: inline;
    margin-left: 10px;
    font-family: 'Droid Sans', cursive;
    font-size: 24px;
    color: #333333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    vertical-align: middle;
}

.page-title p {
    display: inline;
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
    vertical-align: middle;
}

.page-title-icon {
    margin-left: 20px;
    font-size: 46px;
    color: #ccc;
    vertical-align: middle;
}


/********** ----- ABOUT PAGE ----- **********/

/* ----- About us text ----- */

.about-us {
    margin-top: 20px;
}

.about-us-text {
    padding: 10px 0;
    text-align: left;
}

.about-us-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.about-us-text p {
    padding: 0 20px;
    line-height: 24px;
    font-size: 13px;
}

/* ----- Meet our team ----- */

.team {
    margin-top: 30px;
}

.team-title {
    background: url(../img/line.png) left center repeat-x;
}

.team-title h3 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Droid Sans', cursive;
    font-size: 24px;
    color: #333333;
}

.team-text {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #d50000;
}

.team-text:hover img {
    opacity: 0.7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.team-text:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.team-text .social-links {
    margin-top: 15px;
}

.team-text .social-links a { display: inline-block; width: 24px; height: 24px; margin: 0 4px; vertical-align: middle; }

.team-text .social-links a.twitter { background: url(../img/social-icons/twitter.png) left top no-repeat; }
.team-text .social-links a.dribbble { background: url(../img/social-icons/dribbble.html) left top no-repeat; }
.team-text .social-links a.pinterest { background: url(../img/social-icons/pinterest.html) left top no-repeat; }
.team-text .social-links a.flickr { background: url(../img/social-icons/flickr.html) left top no-repeat; }
.team-text .social-links a.forrst { background: url(../img/social-icons/forrst.html) left top no-repeat; }
.team-text .social-links a.vimeo { background: url(../img/social-icons/vimeo.html) left top no-repeat; }
.team-text .social-links a.linkedin { background: url(../img/social-icons/linkedin.png) left top no-repeat; }
.team-text .social-links a.facebook { background: url(../img/social-icons/facebook.png) left top no-repeat; }
.team-text .social-links a.email { background: url(../img/social-icons/email.html) left top no-repeat; }
.team-text .social-links a.behance { background: url(../img/social-icons/behance.html) left top no-repeat; }
.team-text .social-links a.googleplus { background: url(../img/social-icons/googleplus.png) left top no-repeat; }
.team-text .social-links a.youtube { background: url(../img/social-icons/youtube.html) left top no-repeat; }
.team-text .social-links a.skype { background: url(../img/social-icons/skype.html) left top no-repeat; }
.team-text .social-links a.tumblr { background: url(../img/social-icons/tumblr.html) left top no-repeat; }

.team-text .social-links a:hover { background-position: left bottom; }

.team-text h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.team-text p {
    line-height: 24px;
    font-style: italic;
}


/********** ----- CONTACT PAGE ----- **********/

/* ----- Form ----- */

.contact-us {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}

.contact-us h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.contact-us p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}

.contact-form {
    padding: 10px 0;
}

.contact-form p {
    margin-top: 15px;
}

.contact-us form {
    margin-top: 25px;
    padding: 0 20px;
}

.contact-us form input, .contact-us form textarea {
    width: 90%;
    height: 24px;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #222;
    font-size: 13px;
    font-style: italic;
}

.contact-us form input:focus, .contact-us form textarea:focus {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-us form textarea {
    height: 160px;
}

.contact-us form button {
    width: 120px;
    height: 30px;
    margin-top: 15px;
    background: #d50000;
    border: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #fff;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.contact-us form button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-us form button:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.contact-us form label {
    margin-top: 10px;
    font-size: 13px;
}

.contact-us form input:-moz-placeholder, .contact-us form textarea:-moz-placeholder { color: #ccc; }
.contact-us form input:-ms-input-placeholder, .contact-us form textarea:-ms-input-placeholder { color: #ccc; }
.contact-us form input::-webkit-input-placeholder, .contact-us form textarea::-webkit-input-placeholder { color: #ccc; }

/* ----- Google maps ----- */

.map {
    margin: 20px 20px 40px 20px;
    height: 300px;
    border: 5px solid #f8f8f8;
}


/********** ----- SERVICES PAGE ----- **********/

/* ----- Services full width text ----- */

.services-full-width {
    margin-top: 20px;
}

.services-full-width-text {
    padding: 10px 0 0 0;
    text-align: left;
}

.services-full-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.services-full-width-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}

/* ----- Services half width text ----- */

.services-half-width {
    margin-top: 20px;
}

.services-half-width-text {
    padding: 10px 0;
    text-align: left;
}

.services-half-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.services-half-width-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}

/* ----- Call to action ----- */

.call-to-action {
    margin-top: 20px;
    padding-bottom: 50px;
}

.call-to-action-text {
    padding: 25px 0 20px 0;
    text-align: left;
    background: #f8f8f8;
    overflow: hidden;
}

.call-to-action-text:hover {
    box-shadow:
        0 3px 10px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.call-to-action-text .ca-text, .call-to-action-text .ca-button {
    float: left;
    padding: 0 0 0 35px;
    line-height: 30px;
    font-size: 18px;
    font-style: italic;
}

.call-to-action-text .ca-button {
    float: right;
    padding: 0 35px 0 0;
}

.call-to-action-text .ca-button a {
    padding: 5px 22px;
    background: #d50000;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.call-to-action-text .ca-button a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.call-to-action-text .ca-button a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}


/********** ----- PORTFOLIO PAGE ----- **********/

.portfolio-page {
    margin-top: 20px;
    padding-bottom: 50px;
}

.portfolio-page h4.filter-portfolio {
    margin-top: 35px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333333;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

ul.portfolio-img {
    margin: 0;
    overflow: hidden;
}

ul.portfolio-img li {
    list-style: none;
}

.filter-portfolio a { color: #333333; text-decoration: none; }
.filter-portfolio a:hover { color: #d50000; text-decoration: none; }

.filter-portfolio a#active-imgs { color: #d50000; }
.filter-portfolio a#active-imgs:hover { color: #333333; }

ul.nav li ul{
	display:none;	
}

ul.nav li:hover ul{
  display: block;
  position: absolute;
  top: 97px;
  left: 0;
  width: 210px;
  padding:10px;
  z-index: 1000;
  list-style: none;
  margin: 0;
  box-shadow: 0px 0px 6px #ccc;
}

ul.nav li:hover ul li{
	padding:0px;
	background:#fff;
	text-align:left;
}

ul.nav li:hover ul li a{
	padding:10px;
	display:block;
	}

ul.nav li{
	position:relative;	
}

.navbar .btn, .navbar .btn-group {
  margin-top: 43px;
}

footer .widget .icon-map-marker {
    padding-bottom: 12px;
    display: block;
    float: left;
    padding-right: 12px;
}

.navbar-inverse .navbar-inner.top-header {
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
	  -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset,
 0 -5px 15px 0 rgba(0,0,0,.05) inset;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset,
 0 -5px 15px 0 rgba(0,0,0,.05) inset;
  box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset,
 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    border: none;
}

.navbar .top-header .btn,.navbar .top-header .btn-group {
    margin-top: 5px;
}

.top-header ul.nav li:hover ul {
    top: 40px;
}

.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a{
    background: #d50000;
}

.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover {
    color: #d50000;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    border-color: rgba(213, 0, 0, 0.4);
    outline: 0;
    outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213,0,0,.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213,0,0,.2);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213,0,0,.2);
}

/* Livechat */

#livechat-compact-container{position: fixed; bottom: 0px; right: 30px; width: 250px; height: 34px; overflow: hidden; visibility: visible; z-index: 2147483639; border: 0px; backface-visibility: hidden; opacity: 1; background: transparent;}
#content-container{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    line-height: 22px;
}

#content {
    padding: 0;
    background-color: #fff;
    border-radius: 4px 4px 0 0 !important;
    box-shadow: none;
    background-clip: padding-box !important;
    border: 0 !important;
    height: 100%;
	box-shadow: 0 2px 25px rgba(0,0,0,.2)!important;
	width: 100%;
}
#content #full-view-button {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    display: block;
    position: relative;
    padding: 0;
    outline: 0;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

#content #open-icon {
    float: right;
    position: relative;
    top: 8px;
	right: 23px;
}
#content [class^="icon-"], #content [class*=" icon-"] {
    -webkit-font-smoothing: none;
}
.icon-maximize {
    font-size: 18px;
}

#content #open-label {
    padding: 6px 15px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: left;
}
#full-view-button span:nth-child(2) {
    width: 100%!important;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 38px !important;
    display: inline-block!important;
}
#livechat-eye-catcher{
position: fixed; right: 7px; bottom: 25px; visibility: visible; z-index: 2147483639; border: 0px; padding: 10px 10px 0px 0px; float: left; margin-right: -10px; backface-visibility: hidden; opacity: 1; background: transparent;
}
#livechat-eye-catcher-close{
position: absolute; display: none; top: -5px; right: -5px; padding: 2px 7px; text-decoration: none; color: rgb(0, 0, 0); font-size: 20px; font-family: Arial, sans-serif;
}

#livechat-eye-catcher-img img{
border:0;display:block;
}
#livechat-full{
position: fixed; bottom: 0px; right: 15px; width: 400px; height: 450px; overflow: hidden; visibility: visible; z-index: 2147483639; border: 0px; backface-visibility: hidden; opacity: 1; background: transparent;
}

.outline {
    border: 0;
    background: 0 0;
    padding: 15px 15px 0;
	box-shadow: inset 1px 1px 1px rgba(255,255,255,.2);
}


#wrapper {
    background: none!important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
}
#title {
    border-radius: 3px 3px 0 0;
    display: block;
    padding: 10px 7px 10px 8px;
    font-weight: 700;
	 color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
	text-decoration: none;
	text-align:left;
}
.title-bg {
    background-color: #d50000;
    box-shadow: 0 1px 0 #d50000;
}

#title-container a, #title-container a:hover, #title-container a:visited {
    color: #fff;
}

#title-container #closeChat {
    padding: 0 5px;
    margin: 0 5px;
}

#title-container #minimizeChat {
    height: 29px;
    margin: 0 5px;
    padding: 0 5px 5px 5px;
}
#title-container .title-button {
    display: block;
    cursor: pointer;
    float: right;
    background-repeat: no-repeat;
}
.title-button {
    background-color: #d50000;
}

#title #title-text {
    color: #fff;
    font-size: 16px!important;
    font-weight: 400!important;
    text-shadow: none!important;
    margin-left: 3px;
    font-size: 14px;
    cursor: pointer;
}

#title-container td {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}

#content .form {
    width: 80%;
    margin: 0 auto;
    padding: 5px 0;
	text-align:left;
}

#content .form div {
    padding: 5px 0;
}

.form-facebook {
    text-align: center;
	margin-top:5px;
}

#content p, #content .integration, #content .form div p, #typing-indicator {
    padding-left: 10px;
    padding-right: 10px;
}

#content .form div p {
    padding: 0 5px;
	margin:0;
}
#body-container p {
    padding: 12px 10px;
    line-height: 18px;
}
#body p {
    position: relative;
    clear: both;
}

#body .form-facebook .fb_iframe_widget {
    margin: 5px;
    max-width: 345px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}

#body .form-facebook .fb-connect-or {
    position: relative;
    padding: 0;
    margin: 10px 0 5px;
}

#body .form-facebook .fb-connect-or span {
    display: inline-block;
    color: #ccc;
}


#body .form-facebook .fb-connect-or span:before, #body .form-facebook .fb-connect-or span:after {
    border-top: 1px solid #ddd;
    display: block;
    height: 1px;
    content: " ";
    width: 40%;
    position: absolute;
    left: 10px;
    top: 50%;
}
#body .form-facebook .fb-connect-or span:after {
   right: 10px;
    left: auto;
}

#body label {
    color: #686868;
    font-size: 12px;
    font-weight: 300;
	text-align:left;
	margin:0;
}

input.text, #body textarea {
    border: 1px solid #696969;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    padding: 8px 6px;
    width: 100%;
	margin:0;
	box-sizing: border-box;
	height: 35px;
}

#body form .asterisk, footer form .asterisk {
    color: red;
}

#content .form div.sticked_to_field {
    margin-top: -10px;
}
#content .form div {
    padding: 5px 0;
}

#content p, #content .integration, #content .form div p, #typing-indicator {
    padding-left: 10px;
    padding-right: 10px;
}

#body input.radio, #body input.checkbox {
    float: left;
    margin-right: 5px;
    margin-left: 0;
	margin-top: 0;
}

#body form span.group label {
    display: inline;
    font-weight: 400;
    margin-top: 2px;
}

#body p {
    position: relative;
    clear: both;
}

form span.group {
    display: block;
    clear: both;
    line-height: 20px;
}

#body label {
    color: #686868;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    margin: 0;
}

.submit input:hover {
    opacity: .85;
}

.submit input {
	margin-left: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    background-clip: padding-box;
    background-color: #d50000!important;
    box-shadow: 0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(213,0,0,.3);
    font-size: 14px;
    color: #fff;
    padding: 9px 6px 11px;
    width: 100%;
    border: 0;
    cursor: pointer;
}

.footer {
    background-color: #f5f5f5;
    color: #b4b4b4;
}

#footer td {
    padding: 0;
    line-height: 11px;
    height: 24px;
}

#footer #social {
	float: left;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 4px;
    margin-top: 1px!important;
}

#footer #powered {
    float: right;
    white-space: nowrap;
	 padding-right: 5px;
	 padding-top: 5px;
}

#footer #powered a {
    text-decoration: none;
}

#livechat-compact-container #content{
	background:#d50000;
}

#operators td {
    background: #f6f6f6!important;
	padding: 0;
    height: 86px;
}

#operators .logo {
    background-position: 100% 50%;
    background-repeat: no-repeat;
}


#operators .wrapper {
    position: relative;
    height: 86px;
    float: left;
    width: 100%;
    z-index: 13897311;
    padding: 15px 10px;
    border-radius: 5px 5px 0 0;
    background-clip: padding-box;
	text-align:left;
	background:#fcfcfc;
    box-shadow: 1px 0 0 rgba(255,255,255,.2),inset 0 4px 10px rgba(0,0,0,.05);
	box-sizing:border-box;
}

#operators .operator-info {
    height: 52px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: auto 52px;
}

body.avatar-enabled #content img.avatar {
    display: block;
}
#content img.avatar {
    border: 0;
    padding: 0;
    border-radius: 0;
}
#content img.avatar {
    display: none;
    float: left;
    margin-right: 15px;
    border-radius: 3px;
    background-clip: padding-box;
    padding: 1px;
    border: 1px solid #ddd;
    width: 120px;
    height: auto;
    vertical-align: top;
}

.operator-name {
	 display: block;
    max-width: 180px;
	margin-top: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.operator-role {
	display: block;
    max-width: 300px;
	margin-top: .25em;
    font-size: 11px;
    color: #777;
    color: #000;
    font-size: 12px;
}

#operators #rating {
	  margin-right: 0;
    position: relative;
    float: left;
    top: 1px;
    height: 19px;
    margin-right: 5px;
    color: #999;
}

#operators .rating-button {
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 5001;
	width: 26px;
    overflow: hidden;
    border-right: 1px solid #b3b3b3;
    height: 15px!important;
    line-height: 15px!important;
    position: static!important;
    margin-top: 3px;
    margin-right: 8px;
}
#operators a.rate-bad {
    float: right;
    margin-top: 3px;
}

#operators a.rate-good {
    float: right;
    position: relative;
    height: 19px;
    color: #999;
    top: .1px;
}

#operators .rating-button span {
    height: 15px;
    line-height: 15px;
    position: static;
}

#operators span.rate-good {
    height: 19px;
    line-height: 22px;
    font-size: 10px;
    margin-right: 3px;
    float: left;
    padding: 0 4px 0 0;
    cursor: pointer;
    z-index: 5001;
}

#operators #email_transcript {
    position: relative;
    float: left;
    top: 2px;
}

#operators #email_transcript a {
    display: block;
}

#operators #email_transcript .icon-email {
    display: inline-block;
    margin: 3px 0 0 1px;
    color: #bfbfbf;
}
.icon-email {
    font-size: 11px;
}
#content img.avatar {
    display: block;
}

#view-chat{
display: block;
 overflow-y: auto;
 height: 202px;
}

#operators .icon-thumbs-up, #operators .icon-thumbs-down, #operators .icon-envelope  {
    color: #333;
	font-size:15px;
	text-decoration:none;
}

#operators a.rate-good .icon-thumbs-up {
    margin: 0 5px 0 0;
}
#operators a.rate-good .icon-thumbs-up {
    float: left;
}

#content p.client, #content p.operator, #content p.system {
    padding-top: 6px;
	margin:0;
}

.livechat-body {
	height: 204px;
}

.msg-text {
	font-weight:600;
	font-size: 13px;
	white-space: pre-line;
	display: block;
	max-width: 340px;
}
	@media screen and (max-width: 400px) {
	    .msg-text {
	        max-width: 240px;
	    }
	    #livechat-full {
	        width: 300px;
	    }
		.operator-name {
            font-size: 12px;
		}
	}
	@media screen and (max-height: 400px) {
        #livechat-full {
            height: 370px;
        }
        #view-chat {
            height: 110px;
        }
        .livechat-body {
		    height: 100px;
		}
    }

.client .author {
    color: #5e98ee;
    font-size: 12px;
    font-weight: 300;
}

.client, .client .author {
    color: #d50000 !important;
}

#body .time {
    visibility: visible;
    float: right;
    font-size: 9px;
    margin-right: -5px;
    padding: 0 5px;
	color: #999;
}
.author {
    display: block;
    padding-bottom: 2px;
    font-weight: 400;
    color: #999;
}

.operator .author {
    color: #696969;
    font-size: 12px;
    font-weight: 300;
}

#typing-indicator {
    display: none;
    font-size: 85%;
    line-height: 18px;
}

#body-inner{
	text-align:left;	
}

#textarea .footer {
    height: 10px;
	border-top: 1px solid #c9c9c9;
}

#message-wrapper .btn-send {
    display: none;
}

#textarea td {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}



body.filesharing-enabled #message {
    padding-right: 20px;
}
#message {
    font-size: 16px;
    padding: 5px 0 0 5px;
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    height: 32px;
    overflow: auto;
    resize: none;
	min-height: 60px!important;
	box-shadow:none;
	text-align:left;
	font-weight:300;
	margin:0;

}

#message-wrapper {
    padding: 0 0 4px;
    box-shadow: none;
    display: block;
}
.textarea-font {
    color: #000;
}
.textarea-bg {
    background-color: #fff;
}

#send-file-clip {
    position: absolute;
    padding: 5px;
    right: 2px;
    bottom: 0;
    opacity: .7;
    display: none;
	bottom: auto;
    top: 6px;
    right: 6px;
}

#send-file-clip .icon-clip {
    color: #000;
}
.icon-clip {
    font-size: 15px;
}

#input-file {
    visibility: hidden;
    float: right;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

#message-placeholder {
    color: #b3b3b3;
    font-size: 16px;
    padding: 5px;
    margin-right: 30px;
	te
}
#message-placeholder {
    opacity: .7;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: text;
}


#textarea-wrapper {
    display: block;
    padding: 5px;
    position: relative;
    border: 1px solid #000;
    border-radius: 0 0 5px 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 0 rgba(255,255,255,.2),1px 0 0 rgba(255,255,255,.2);
}

#body, #operators .wrapper, #textarea-wrapper, #body-inner {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.textarea-bg {
    background-color: #fff;
}

/* ----- End Live Chat----- */

/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {

    .flex-caption {
        max-width: 700px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
	
	.header ul.nav li a{
		  padding: 30px 10px 10px 10px;
	}

}

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

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        max-width: 500px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

}

@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .slider, .what-we-do, .portfolio {
        padding: 0 20px;
    }

    .what-we-do {
        margin-top: 30px;
    }

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        display: none;
    }

    .presentation, footer, .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }

    .presentation p {
        line-height: 30px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .portfolio-page {
        padding-bottom: 50px;
    }

    .tweet_list {
        height: 6em;
    }

}

@media (max-width: 480px) {

    .tweet_list {
        height: 10em;
    }

}

.control-group.required .control-label:after {
  content:"*";
  color:red;
}

#id_captcha_1 {
	float: left;
	width: 80px;
	margin-right: 5px;
}

.captcha_refresh_icon a {
	cursor:pointer;
    color: #222;
    margin-left: 2px
}
.captcha_refresh_icon a:hover {
    color: #d50000;
}

.popover { text-align: center; }
.popover p { margin: 0; padding: 0; }
.popover-title { display: none; }

.errorlist {
	list-style: none;
	display: block;
	color: #d50000;
	float: left;
	margin: 0;
}

#ajaxLoader {
	display: none;
	width: 16px;
	padding: 7px;
	position: absolute;	
}

/* 
    Rates 
*/
.ratesSearch {
	width: 100%;
	padding: 15px;
}

.increasingPrice {
    color: #f00;	
}

.decreasingPrice {
    color: #008000;    
}

.currencyChanged {
    color: #ffa500;    
}

.disabledRoute > td, .disabledRoute > td > span {
	color: #cbcbcb !important;
}


 .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  }

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }