/*
*
* Template Name: Mixer
* Template URI: http://www.pebasdesign.com/themes/mixer/
* Template Author: Predrag Stojanovic
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Version: 1.0.0
*
* Designed & Coded by Predrag Stojanovic http://www.pebasdesign.com
* All files, unless otherwise stated, are released under the GNU General Public License
* version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*
* PLEASE DO NOT EDIT THIS FILE!
* 
*/

/*******************************************************************************************/
/************************************* IMPORTED STYLES **********************************/
/*******************************************************************************************/

/* THESE STYLES NO NEED TO CHANGE */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans) screen;
@import url('cslide.css') screen;
@import url('tipsy.css') screen;
@import url('prettyPhoto.css') screen;

/*******************************************************************************************/
/**************************************** FONTS *****************************************/
/*******************************************************************************************/


/* Foundation Icons General */
@font-face {
    font-family: 'FoundationIconsGeneral';
    src: url('../fonts/foundation-icons-general.eot');
    src: url('../fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),  url('../fonts/foundation-icons-general.woff') format('woff'),  url('../fonts/foundation-icons-general.ttf') format('truetype'),  url('../fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Foundation Icons Social */
@font-face {
    font-family: 'FoundationIconsSocial';
    src: url('../fonts/foundation-icons-social.eot');
    src: url('../fonts/foundation-icons-social.eot?#iefix') format('embedded-opentype'),  url('../fonts/foundation-icons-social.woff') format('woff'),  url('../fonts/foundation-icons-social.ttf') format('truetype'),  url('../fonts/foundation-icons-social.svg#FoundationIconsSocial') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*******************************************************************************************/
/**************************************** OVERAL STYLES *********************************/
/*******************************************************************************************/

body {
    background:#ffffff;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Droid Sans', serif;
    font-weight:normal;
    color:#3b3b3b;
}

h1 {
    font-size:30px;
    line-height:30px;
}

h2 {
    font-size:26px;
    line-height:26px;
}

h3 {
    font-size:22px;
    line-height:22px;
}

h4 {
    font-size:18px;
    line-height:18px;
}

h5 {
    font-size:16px;
    line-height:16px;
}

h6 {
    font-size:14px;
    line-height:14px;
}

span {
    color:#5374E2;
}

span.label.quote {
    display:inline-block;
    width:auto;
    background: #cccc00;
    padding:10px 10px;
    border-top:1px solid #cccc00;
    border-bottom:6px solid #292929;
    color:#ffffff;
}

span.label {
    color:#ffff00;
    background:#ef520d;
    padding:2px 5px;
    margin-right:2px;
}

span.label.red {
    background:#e91c21;
}

span.label.blue {
    background:#00a6fc;
}

span.label.black {
    background:#3b3b3b;
}

li {
    list-style:none;
}

a {
    text-decoration:none;
}

a.tip {
    cursor:help;
}

hr {
    height:1px;
    border:none;
    border-top:1px solid #ececec;
}

p {
    font-size:12px;
    line-height:20px;
    color:#7a7a7a;
    font-family:Arial, Helvetica, sans-serif;
}

.clear {
    clear:both;
}

.simple-box {
    padding:20px;
    box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
}

blockquote {
    color:#7a7a7a;
    font-family:"Times New Roman", Times, serif;
    font-style:italic;
    padding:0px 0px 0px 0px;
    display:block;
    margin:0px;
}

blockquote.regular {
    padding-left:20px;
    border-left:5px solid #e1e1e1;
    font-size:22px;
    line-height:32px;
}

cite {
    color:#ef520d;
    font-style:italic;
    display:block;
    text-align:right;
}

video {
    width:100%;
    height:auto;
}

/*******************************************************************************************/
/**************************************** BUTTONS *********************************/
/*******************************************************************************************/

a.button {
    font-family:'Droid Sans', serif;
    background:#5374E2;
    color:#ffffff;
    text-transform:uppercase;
    line-height:22px;
    padding:5px 10px;
    margin:20px 0px;
    display:inline-block;
    width:auto;
    border-top:1px solid #5374E2;
    box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px rgba(0, 0, 0, 0.2);
    cursor:pointer;
}

a.button:hover {
    background:#3b3b3b;
    border-top:1px solid #a7a7a7;
}

.button.default {
    font-size:14px;
}

.button.small {
    font-size:12px;
}

.button.big {
    font-size:18px;
    padding:8px 16px
}

.button.large {
    font-size:22px;
    padding:8px 16px;
}

.button.huge {
    font-size:28px;
    padding:10px 20px;
}

/*******************************************************************************************/
/********************************* TOP STRIPE NOTIFICATION *********************************/
/*******************************************************************************************/

.top-stripe {
    background:#3b3b3b url(../images/misc/top_stripe_bckg.jpg) repeat-x bottom;
}

.notification {
    float:left;
}

.notification p {
    font-family:'Droid Sans', serif;
    color:#ffffff;
    font-size:13px;
    padding:15px 0px 20px 0px;
    background:url(../images/misc/notification_border.jpg) repeat-x;
    width:auto;
}

.sixcol.last.social {
    text-align:center;
}
.sixcol2.last.social {
    text-align:center;
}

/*******************************************************************************************/
/**************************************** SOCIAL ICONS *********************************/
/*******************************************************************************************/

.social {
    float:right;
    padding:13px 0px 20px 0px;
    margin:0px auto;
}

.social a {
    text-indent:-9999px;
    float:left;
    margin-left:10px;
    width:19px;
    height:19px;
    display:block;
}

.social a.facebook {
    background:url(../images/misc/facebook.png) no-repeat;
}

.social a.linkedin {
    background:url(../images/misc/linkedin.png) no-repeat;
}

.social a.twitter {
    background:url(../images/misc/twitter.png) no-repeat;
}

.social a.vimeo {
    background:url(../images/misc/vimeo.png) no-repeat;
}

.social a.rss {
    background:url(../images/misc/rss.png) no-repeat;
}

/*******************************************************************************************/
/******************************************* HEADER  ***************************************/
/*******************************************************************************************/

.header {
    background:#ffffff;
}

.header .logo {
    padding:40px 0px 0px 0px;
}

ul.main-nav {
    width:auto;
    height:auto;
    float:right;
}

ul.main-nav li {
    display:block;
    margin:0px;
    padding:0px;
    float:left;
}

ul.main-nav li ul {
    position:absolute;
    display:block;
    width:170px;
    z-index:2000;
    background:#3b3b3b url(../images/misc/drop_bckg.png) no-repeat;
    background-position:20px 0px;
    padding:30px 0px 0px 0px;
    border-bottom:4px solid #5374E2;
    box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:8px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
}

ul.main-nav li ul li ul {
    position:absolute;
    margin-left:170px;
    margin-top:-37px;
    display:block;
    width:170px;
    z-index:2000;
    background:#3b3b3b;
    background-position:20px 0px;
    padding:0px 0px 0px 0px;
    border-bottom:4px solid #ef580d;
    box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:8px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
}

ul.main-nav li ul li:hover ul li a {
    color:#ffffff;
    background:none;
    border:none;
    font-family:'Droid Sans', serif;
    font-size:14px;
    text-transform:uppercase;
    padding:10px 0px 10px 17px;
    line-height:20px;
}

ul.main-nav li ul li ul li a:hover {
    background:#ef580d;
}

ul.main-nav li ul li {
    width:100%;
    display:block;
    border:none;
    padding:0px;
    margin:0px;
    border-top:1px solid #4d4d4d;
}

ul.main-nav li ul li a, ul.main-nav li ul li:first-child a {
    color:#ffffff;
    background:none;
    border:none;
    font-family:'Droid Sans', serif;
    font-size:14px;
    text-transform:uppercase;
    padding:10px 0px 10px 3px;
    line-height:20px;
}

ul.main-nav li ul li:hover a {
    background:yellow;
    color: black;
}

ul.main-nav li a {
    display:block;
    border-left:none;
    border-right:1px solid #f1f2f2;
    padding:5px 10px 25px 10px;
    margin:0px;
    background:url(../images/misc/nav_background_1.jpg) repeat-x bottom;
}

ul.main-nav li a:hover {
    background:url(../images/misc/nav_background.jpg) repeat-x bottom;
}

ul.main-nav li a.active {
    background:url(../images/misc/nav_background.jpg) repeat-x bottom;
}

ul.main-nav li:first-child a {
    border-left:1px solid #f1f2f2;
}

ul.main-nav li a span {
    display:block;
    text-align:center;
    font-family:'Droid Sans', serif;
}

ul.main-nav li a span {
    display:block;
    text-align:center;
    font-family:'Droid Sans', serif;
}

span.nav-icon.glyph {
    font-size:24px;
    color:#e7e4e4;
    font-family: "FoundationIconsGeneral";
    margin-bottom:10px;
}

span.nav-icon.active {
    color:#5374e2;
}

span.nav-title {
    font-size:16px;
    color:#3b3b3b;
    text-transform:uppercase;
    margin-bottom:5px;
}

span.nav-descript {
    font-size:13px;
    color:#a7a7a7;
}

.twelvecol.responsive-menu {
    display:none;
}

/*******************************************************************************************/
/**************************************** FEATURED BOXES ***********************************/
/*******************************************************************************************/

.container.featured-boxes {
    border-top:8px solid #f1f2f2;
}

.threecol.featured a {
    border:1px solid #e1e1e1;
    border-bottom:6px solid #5374e2;
    text-align:center;
    display:block;
    margin:70px 0px 70px 0px;
    padding:0px 20px 30px 20px;
}

.threecol.featured a span.box-icon {
    text-align:center;
    display:block;
    font-size:72px;
    color:#3b3b3b;
    font-family: "FoundationIconsGeneral";
    line-height:normal;
    margin:0px 0px 30px 0px;
}

.threecol.featured a span.box-title {
    font-size:18px;
    color:#5374e2;
    font-family:'Droid Sans', serif;
    display:block;
    line-height:normal;
    margin-bottom:30px;
    text-transform:uppercase;
}

.threecol.featured a span.box-descript {
    font-size:12px;
    color:#7a7a7a;
    font-family:Arial, Helvetica, sans-serif;
    line-height:20px;
    margin-bottom:30px;
}

/*******************************************************************************************/
/**************************************** HOME QUOTE ***************************************/
/*******************************************************************************************/

.container.quote {
    background:#3b3b3b;
    background-image:url(../images/misc/quote_background_top.png), url(../images/misc/quote_background_bottom.png);
    background-position: top, bottom;
    background-repeat:repeat-x, repeat-x;
    padding:50px 0px 50px 0px;
    margin:0px 0px 50px 0px;
    text-align:center;
}

.container.quote h1 {
    color:#ffffff;
    text-transform:uppercase;
    line-height:50px;
}

/*******************************************************************************************/
/**************************************** HOME LATEST BLOG POSTS ***************************/
/*******************************************************************************************/

.title {
    background:url(../images/misc/title_icon.png) no-repeat left;
    padding-bottom:20px;
    border-bottom:1px solid #e1e1e1;
    display:block;
}

.title h3 {
    padding-left:55px;
    padding-top:23px;
}

.home-blog .meta {
    margin:20px 0px 20px 0px;
}

.home-blog .meta span.user, .home-blog .meta span.date, .home-blog .meta span.category {
    font-family: "FoundationIconsGeneral";
    font-size:14px;
    color:#5374e2;
    margin-right:3px;
    display:inline-block;
    width:auto;
}

.meta span a {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#a7a7a7;
    padding-left:4px;
}

.meta span a:hover {
    color:#3b3b3b;
}

.home-blog .title {
    background:none;
    padding:0px;
    margin:0px;
    border:none;
}

.home-blog .title h5 {
    text-transform:uppercase;
}

.img {
    margin:20px 0px;
}

.img a {
    min-width:100%;
    height:100%;
    background:none;
    display:block;
    position:relative;
}

.img a img {
    min-width:100%;
}

.img a span.zoom {
    width:100%;
    height:100%;
    display:block;
    top:0;
    left:0;
    position:absolute;
    z-index:100;
    background:#3b3b3b url(../images/misc/zoom.png) no-repeat center center;
    overflow:hidden;
}

.img a span.video {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:100;
    background:#3b3b3b url(../images/misc/video.png) no-repeat center center;
}

.img a span.sound {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:100;
    background:#3b3b3b url(../images/misc/sound.png) no-repeat center center;
}

.img a span.link {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:100;
    background:#3b3b3b url(../images/misc/link.png) no-repeat center center;
}

.home-blog .content {
    font-size:12px;
    line-height:20px;
    color:#7a7a7a;
    font-family:Arial, Helvetica, sans-serif;
}

.home-blog .content a {
    color:#5374e2;
    float:right;
    margin-top:8px;
}

.home-blog .content a:hover {
    color:#3b3b3b;
}

/*******************************************************************************************/
/**************************************** HOME LATEST WORK *********************************/
/*******************************************************************************************/

.flip {
    margin:35px 0px;
    position:relative;
    width:100%;
}

.image-holder {
    width:100%;
    height:100%;
    position:relative;
}

.image-holder img {
    width:100%;
}

.image-holder span.button {
    position:absolute;
    top:15px;
    right:0px;
    background:#5374e2;
    padding:5px 10px;
    font-family:'Droid Sans', serif;
    color:#ffffff;
    font-size:15px;
    text-transform:uppercase;
    cursor:pointer;
    z-index:1000;
}

.image-holder span.button:hover {
    background:#3b3b3b;
}

.image-holder span.portfolio-category {
    position:absolute;
    bottom:5px;
    text-align:center;
    background:#000000;
    font-family:'Droid Sans', serif;
    color:#ffffff;
    font-size:24px;
    width:100%;
    padding:20px 0px;
    text-transform:uppercase;
}

.portfolio-content {
    font-size:12px;
    line-height:20px;
    width:100%;
    display:block;
}

.portfolio-wrap {
    padding:13px 20px 20px 20px;
    border:1px solid #e1e1e1;
}

.portfolio-wrap h4 {
    color:#ef520d;
    text-transform:uppercase;
    margin-top:0px;
    line-height:26px;
    padding-right:35px;
    font-family:'Droid Sans', serif;
}

.portfolio-wrap p {
    margin:25px 0px 25px 0px;
    color:#7a7a7a;
    font-family:Arial, Helvetica, sans-serif;
}

.portfolio-wrap a {
    font-family:'FoundationIconsGeneral';
    font-size:18px;
    color:#3b3b3b;
    text-align:center;
    line-height:30px;
    margin:25px 10px 0px 0px;
}

.portfolio-wrap a.social-icon {
    font-family:'FoundationIconsSocial';
    font-size:18px;
    color:#3b3b3b;
    text-align:center;
    line-height:30px;
    margin:25px 10px 0px 0px;
}

.portfolio-wrap a:hover {
    color:#ef520d;
}

/*******************************************************************************************/
/******************************************* FOOTER TOP ************************************/
/*******************************************************************************************/

.container.footer-top {
    background:#3b3b3b url(../images/misc/footer_background_top.png) repeat-x top;
    margin:60px 0px 0px 0px;
}

.container.footer-top .row {
    padding-top:40px;
    padding-bottom:40px;
}

.container.footer-top .title {
    background:url(../images/misc/footer_title_bckg.png) no-repeat left;
    border:none;
    margin:15px 0px 20px 0px;
}

.container.footer-top .title h5 {
    color:#ffffff;
    text-transform:capitalize;
    padding:17px 0px 0px 40px;
}

/* NEWSLETTER FORM
   ================================================== */

.newsletter-form input {
    display:block;
    width:85%;
    padding:8px 10px;
    color:#a7a7a7;
    border:none;
    border-bottom:6px solid #292929;
    outline:none;
}

.newsletter-form p {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:18px;
    margin:0px 0px;
    color:#a7a7a7;
}

/* MESSAGES
   ================================================== */

.success, .success_contact, .success_comment {
    display:none;
    padding:10px;
    border:none;
    margin:0px 0px 0px 0px;
    background:#ffffff;
    margin-bottom:10px;
}

.success_comment {
    margin:35px 0px 0px 0px;
    padding:0px;
}

.success_contact {
    margin:35px 0px 0px 0px;
    padding:0px;
}

.error {
    background:#FFF2F2;
}

.valid {
    background:#F7FFEC;
}

/* LATEST TWEETS
   ================================================== */

.tweet {
    width:100%;
}

ul.tweet {
    margin:0px 0px;
    padding:0px;
    line-height:0px;
    font-size:12px;
}

.tweet li {
    margin:0px 0px 15px 0px;
    display:block;
    background:url(../images/misc/twitter_icon.png) no-repeat 0px 5px;
}

.tweet li .tweet_text {
    display:block;
    color:#919090;
    padding-left:40px;
    line-height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.tweet li .tweet_text a {
    color:#5374E2;
}

.tweet li .tweet_text .at {
    color:#ffffff;
    line-height:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.tweet li .tweet_text a:hover {
    color:#ffffff;
}

.tweet li .tweet_time {
    text-align:left;
    display:block;
    padding-left:40px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.tweet li .tweet_time a {
    color:#ffffff;
    font-style:normal;
    font-size:12px;
    line-height:20px;
}

.tweet li .tweet_time a:hover {
    color:#919090;
}

/* ABOUT
   ================================================== */

.about {
}

.about p {
    color:#919090;
    font-size:12px;
    line-height:20px;
    font-family:Arial, Helvetica, sans-serif;
}

.about a {
    color:#5374E2;
    float:right;
}

.about a:hover {
    color:#a7a7a7;
}

.about a.tip {
    color:#ffffff;
    float:none;
}

/* CONTACT INFO
  ================================================== */

.contact-info ul li {
    color:#ffffff;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:20px;
    margin:5px 0px;
    padding-left:25px;
}

.contact-info ul li.globe {
    background:url(../images/misc/globe_icon.png) no-repeat 0px 4px;
}

.contact-info ul li.phone {
    background:url(../images/misc/phone_icon.png) no-repeat 0px 4px;
}

.contact-info ul li.mail {
    background:url(../images/misc/mail_icon.png) no-repeat 0px 4px;
}

.contact-info ul li.mark {
    background:url(../images/misc/mark_icon.png) no-repeat 0px 4px;
}

.contact-info ul li a {
    color:#5374E2;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:20px;
}

.contact-info ul li a:hover {
    color:#919090;
}

/* SCROLL TO TOP
   ================================================== */

.scrollup {
    position:fixed;
    bottom:23px;
    right:15px;
    display:none;
    background:url(../images/misc/to_top.png);
    width:36px;
    height:27px;
    opacity:0.5;
}

.scrollup:hover {
    color:#ffffff;
}

/* COPYRIGHTS
   ================================================== */

.footer-bottom {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:18px;
    color:#919090;
}

.footer-bottom .row {
    padding-top:10px;
}

.copyrights p {
    text-transform:uppercase;
}

.footer-nav ul {
    text-align:right;
}

.footer-nav ul li {
    display:inline-block;
}

.footer-nav ul li {
    display:inline-block;
    text-transform:uppercase;
    margin-left:5px;
}

.footer-nav ul li:first-child a {
    color:#919090;
    border:none;
    padding-left:0px;
}

.footer-nav ul li a {
    color:#919090;
    border-left:1px solid #919090;
    padding-left:5px;
}

.footer-nav ul li a:hover {
    color:#CC0;
}

/*******************************************************************************************/
/**************************************** FOOTER BOTTOM ************************************/
/*******************************************************************************************/

.container.footer-bottom {
    background:#3b3b3b url(../images/misc/footer_background_top_1.png) repeat-x top;
    border-bottom:10px solid #5374e2;
    padding-top:20px;
    padding-bottom:20px;
}

/*******************************************************************************************/
/********************************* PAGE TITLE & BREADCRUMBS ********************************/
/*******************************************************************************************/

.container.title-breadcrumbs {
    background:#3b3b3b;
    border-top:10px solid #2e2e2e;
    border-bottom:10px solid #2e2e2e;
}

.title-breadcrumbs .row {
    padding-top:0px;
    padding-bottom:0px;
}

.page-title h1 {
    color:#ffffff;
    text-transform:uppercase;
    padding:25px 0px 25px 0px;
}

.breadcrumbs {
    text-align:right;
}

.breadcrumbs ul {
    padding:4px 8px;
    background:#5374e2;
    box-shadow: -0px -8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:-0px -8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -0px -8px rgba(0, 0, 0, 0.2);
    border-top:1px solid #5374e2;
    display:inline-block;
    margin:50px 0px 0px 0px;
}

.breadcrumbs ul li {
    display:inline-block;
    color:#ffffff;
}

.breadcrumbs ul li a {
    color:#3b3b3b;
    text-transform:uppercase;
    font-family:'Droid Sans', serif;
    font-size:12px;
}

.breadcrumbs ul li a.current:hover {
    color:#3b3b3b;
}

.breadcrumbs ul li a.current {
    color:#ffffff;
}

/*******************************************************************************************/
/******************************* TEAM/MISSION/TESTIMONIALS *********************************/
/*******************************************************************************************/

.container.inner {
    margin:35px 0px 35px 0px;
}

.flip.team {
    margin:35px 0px 0px 0px;
}

.name {
    margin:20px 0px;
}

.our-mission {
    margin:0px 0px;
}

.our-mission .img {
    margin:35px 0px;
}

ul.testimonial-carousel {
    width:100%;
    margin:35px 0px 0px 0px;
}

ul.testimonial-carousel li {
    width:100%;
    display:inline-block;
}

ul.testimonial-carousel li > blockquote {
    display:inline-block;
    padding-left:80px;
    background:url(../images/misc/quotes.png) no-repeat left 10px;
    font-size:29px;
    line-height:36px;
}

ul.testimonial-carousel li > blockquote > cite {
    font-size:18px;
}

ul.slidecontrols {
    text-align:right;
    width:100%;
    display:inline-block;
    margin:10px 0px 10px 0px;
}

ul.slidecontrols li {
    display:inline-block;
}

ul.slidecontrols li a {
    width:24px;
    height:24px;
    display:block;
}

ul.slidecontrols li a.prev {
    background:url(../images/misc/previous_button.png) no-repeat;
}

ul.slidecontrols li a.next {
    background:url(../images/misc/next_button.png) no-repeat;
}

ul.slidecontrols li a.next.carousel-disabled {
    background:url(../images/misc/next_disabled_button.png) no-repeat;
}

ul.slidecontrols li a.prev.carousel-disabled {
    background:url(../images/misc/prev_disabled_button.png) no-repeat;
}

/*******************************************************************************************/
/**************************************  SERVICES ******************************************/
/*******************************************************************************************/

.services {
    margin-top:35px;
}

.services span.icon > p {
    font-family:'FoundationIconsGeneral';
    font-size:60px;
    color:#5374e2;
    line-height:1px;
    padding-top:5px;
}

.services .content {
    margin-left:70px;
}

.services .content h6 {
    text-transform:uppercase;
    margin:0px 0px 20px 0px;
    line-height:normal;
}

/*******************************************************************************************/
/************************************ PRICE TABLE ******************************************/
/*******************************************************************************************/

.table {
    margin:35px 0px;
}

table {
    border-spacing:0px;
    width:100%;
    border:1px solid #e1e1e1;
}

thead {
    background:#3b3b3b;
}

tbody tr td {
    border-right:1px solid #e1e1e1;
}

tbody tr td:last-child {
    border-right:none;
}

thead th h6 {
    background:#3b3b3b;
    padding: 9px 10px;
    text-align:center;
    color:#ffffff;
    text-transform:uppercase;
}

tbody td {
    font-family:'Droid Sans', serif;
    font-size:11px;
    color:#7a7a7a;
    text-transform:uppercase;
    padding:5px 10px 5px 10px;
}

tbody tr:first-child td {
    padding-top:15px;
}

tbody tr.price td {
    font-family:'Droid Sans', serif;
    font-size:42px;
    color:#ef520d;
    text-transform:uppercase;
    text-align:center;
    padding:10px 0px;
}

tbody tr.purchase td {
    text-align:center;
}

tbody tr.purchase a.button {
    background:#3b3b3b;
    border-top:1px solid #b6b7b7;
}

tbody td span.icon {
    font-family:'FoundationIconsGeneral';
    font-size:12px;
    color:#ef520d;
    padding-right:5px;
}

tbody td span.icon.disabled {
    color:#3b3b3b;
}

/*******************************************************************************************/
/************************************** ACCORDION ******************************************/
/*******************************************************************************************/

.accordion {
    border:1px solid #ececec;
    background:#ffffff;
    border-top:none;
    margin:35px 0px;
}

.accordion h6 {
    display:block;
    padding:12px 8px 12px 35px;
    text-transform:uppercase;
    background:#ececec;
    cursor:pointer;
    border-bottom:1px solid #ececec;
    border-top:1px solid #ececec;
    background: url(../images/misc/bottom_arrow.png) no-repeat 10px 10px;
}

.accordion h6:hover {
}

.accordion h6.active {
    background:url(../images/misc/top_arrow.png) no-repeat 10px 10px;
}

.accordion > div {
    display:block;
    padding:20px 35px;
    background:#fffff;
}

/*******************************************************************************************/
/******************************************* BLOG ******************************************/
/*******************************************************************************************/

.ninecol.blog {
    margin-top:35px;
    margin-bottom:35px;
}

.post {
    margin-bottom:65px;
    border-top:1px solid #e1e1e1;
    padding-top:20px;
    padding-bottom:20px;
}

.post .post-meta span {
    font-family:'FoundationIconsGeneral';
    font-size:18px;
    margin-right:10px;
}

.post .post-meta span a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#7a7a7a;
    padding-left:5px;
}

.post .post-meta span a:hover {
    color:#3b3b3b;
}

.post .post-more {
    margin:20px 0px 30px 0px;
}

.post .title {
    margin-bottom:20px;
    text-transform:uppercase;
}

.post .post-meta a.tag {
    color:#ffffff;
    font-size:11px;
    padding:4px 6px;
    background:#3b3b3b;
    margin:0px 1px 1px 0px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    clear:both;
}

.post .post-meta a.tag:hover {
    background:#ef520d;
}

/* PAGINATION
   ================================================== */

ul.pagination {
    display: block;
    height: 40px;
    padding-top: 0px;
    margin-left: 0px;
    margin: 0px;
    border-top: 0px solid #E1E1E1;
    position: relative;
    top: 0px;
}

ul.pagination li {
    float: left;
    display: block;
    color: #ffffff;
    font-size: 12px;
    margin-left: 1px;
}

ul.pagination li a {
    display: block;
    padding: 5px 8px 4px 8px;
    color: #ffffff;
    background:#ef520d;
    font-family:'Droid Sans', serif;
    box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
    cursor:pointer;
}

ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus {
    background:#3b3b3b;
    border-bottom:none;
    color:#ffffff;
}

ul.pagination li.unavailable a {
    cursor: default;
    color: #ffffff;
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
    border-bottom: none;
}

/*******************************************************************************************/
/***************************************** SIDEBAR *****************************************/
/*******************************************************************************************/

.threecol.blog {
    margin-top:35px;
}

/* SEARCH
   ================================================== */

.search form, .search fieldset {
    padding:0px;
    margin:0px 0px 0px 0px;
    border:none;
}

.search form input[type="text"] {
    width:68%;
    padding:10px 5px;
    border:1px solid #ececec;
    float:left;
    margin:0px;
    outline:none;
}

.search form input[type="submit"] {
    border:none;
    height:38px;
    width:65px;
    margin:0px;
    padding:0px 0px 10px 0px;
    display:block;
    font-size:21px;
    font-family:'FoundationIconsGeneral';
    background:#ef520d no-repeat top left;
    cursor:pointer;
    color:#ffffff;
    float:left;
    line-height:20px;
}

.search form input[type="submit"]:hover {
    background:#3b3b3b;
}

/* CATEGORIES
   ================================================== */

.widget {
    margin:22px 0px 50px 0px;
}

.cat-title {
    margin:0px 0px 35px 0px;
}

.cat-title h3 {
    background:url(../images/misc/title_icon.png) no-repeat;
    padding-left:50px;
    color:#5374E2;
    text-transform:uppercase;
}

.cat-list ul {
    margin:0px 0px 35px 0px;
}

.cat-list ul li {
    background:url(../images/misc/category_background.png) no-repeat;
    margin:0px 0px 8px 0px;
}

.cat-list ul li a {
    font-family:'Droid Sans', serif;
    font-size:16px;
    color:#3b3b3b;
    padding-left:40px;
}

.cat-list ul li a:hover {
    color:#5374e2;
}

/* POPULAR POSTS
   ================================================== */

.small-post {
    margin-bottom:35px;
}

.small-post .title {
    background:none;
    border:none;
    padding:0px;
}

.small-post .content a {
    color:#5374e2;
    float:right;
}

.small-post .content a:hover {
    color:#3b3b3b;
}

/* COMMENT FORM
   ================================================== */

.comment_form {
    width:100%;
    margin:35px 0px;
}

.comment_form h3 {
    text-transform:uppercase;
}

.comment_form fieldset {
    border:none;
    padding:0px;
    margin:35px 0px;
}

.comment_form input[type="text"] {
    width:90%;
    height:11px;
    border:1px solid #ececec;
    outline:none;
    margin:10px 0px 10px 0px;
    padding:10px;
    font-size:12px;
    color:#999999;
    background:#feefcd;
}

.comment_form textarea {
    width:90%;
    border:1px solid #ececec;
    outline:none;
    margin:10px 0px 10px 0px;
    padding:10px;
    background:#feefcd;
    min-height:180px;
    font-family:Arial, Helvetica, sans-serif;
    color:#999999;
}

.textarea_comment textarea {
    font-size:12px;
    color:#999999;
    font-family:Arial, Helvetica, sans-serif;
}

.comment_form input[value] {
    font-size:12px;
    color:#999999;
}

.comment_form .small.button.default {
    margin:20px 0px;
    max-width:60%;
}

/* COMMENTS
   ================================================== */

.comments {
    margin:35px 0px;
}

.comments h3 {
    text-transform:uppercase;
}

.comment {
    margin:35px 0px;
    border-bottom:1px solid #e1e1e1;
}

.comment .avatar a img {
    border:1px solid #e1e1e1;
    float:left;
    margin:0px 10px 20px 0px;
}

.comment .user-info {
    float:left;
}

.comment .user-info h5 {
    color:#ef520d;
    text-transform:uppercase;
    margin:0px 0px 3px 0px;
}

.comment .content {
    clear:both;
    margin-bottom:20px;
}

.comments ul.pagination {
    border:none;
}

.map {
    margin:35px 0px;
}

#map {
    width:100%;
    height:345px;
}

.additional-info, .side-info {
    margin:35px 0px;
}

.additional-info h3, .side-info h3 {
    text-transform:uppercase;
    margin-bottom:35px;
}

.side-info ul li {
    color:#a7a7a7;
}

/* 404
   ================================================== */

.error-page, .search-wrap, .error-message {
    width:100%;
    margin-top:35px;
    margin-bottom:35px;
    text-align:center;
}

.error-message h1 {
    text-transform:uppercase;
}

.search-wrap {
    width:90%;
    margin:0px auto;
    max-width:500px;
}

.error-page p {
    font-size:2000%;
    line-height:100%;
    text-shadow: 8px 8px rgba(0, 0, 0, 0.2);
    -moz-text-shadow:8px 8px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 8px 8px rgba(0, 0, 0, 0.2);
    color:#ef520d;
    font-family:'Droid Sans', serif;
}

/*******************************************************************************************/
/******************************************** TABS *****************************************/
/*******************************************************************************************/

.tabs {
    margin-top:35px;
    margin-bottom:35px;
}

.tab-nav {
    display:inline-block;
    width:auto;
    height:auto;
    margin:0px;
    padding:0px;
}

ul.tab-filter li {
    display:block;
    float:left;
    border-none;
}

ul.tab-filter li:first-child {
    border-left:none;
}

ul.tab-filter li:last-child {
    border-right:1px solid #e1e1e1;
}

ul.tab-filter li a {
    display:block;
    font-family:'Droid Sans', serif;
    font-size:14px;
    color:#3b3b3b;
    text-transform:uppercase;
    padding:10px 20px;
    border-bottom:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
    border-top:1px solid #e1e1e1;
    background:#ffffff;
    box-shadow:inset 0px -3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:inset 0px -3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:inset 0px -3px rgba(0, 0, 0, 0.1);
}

ul.tab-filter li:first-child a {
    margin-left:3px;
}

ul.tab-filter li a.active {
    border-bottom:1px solid #ffffff;
    background:#ffffff;
    color:#5374E2;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.tab-content {
    clear:both;
    border:1px solid #e1e1e1;
    margin-top:-6px;
}

.tab-content {
    padding:20px;
    height: 300px;
}

/*******************************************************************************************/
/**************************************** RESPONSIVE SETTINGS ******************************/
/*******************************************************************************************/

@media handheld, only screen and (max-width: 1023px) {
    .da-slide .da-link {
        font-size: 20px;
    }
    .da-slide h2 {
        font-size:26px;
        line-height:26px;
    }
    .da-slide p {
        font-size:72px;
        line-height:72px;
        top:160px;
    }
    .error-page p {
        font-size:800%;
        line-height:100%;
    }
}
@media handheld, only screen and (max-width: 820px) {

    /*.container.slider {
            padding-left:1px;
    }*/

    .da-slider {
        /*width:727px;
        max-width:727px;
        min-width:727px;*/
        min-height:330px;
        max-height: 100%;
        padding-left:1px;
    }
    .da-slide .da-link {
        font-size: 18px;
        top:200px;
    }
    .da-slide h2 {
        font-size:20px;
        line-height:20px;
        top:80px
    }
    .da-slide p {
        font-size:42px;
        line-height:42px;
        top:120px;
    }
    ul.main-nav {
        display:none;
    }
    .twelvecol.responsive-menu {
        display:block;
        text-align:center;
    }
    .twelvecol.responsive-menu select {
        width:80%;
        margin:20px 0px 20px 0px;
        -webkit-appearance: button;
        -webkit-padding-end: 30px;
        -webkit-padding-start: 40px;
        -webkit-user-select: none;
        background-image: url(../images/misc/drop_bckg.png);
        background-position:10px 0px;
        background-repeat: no-repeat;
        border: 1px solid #e1e1e1;
        border-top:4px solid #5374E2;
        color: #999;
        font-size:14px;
        font-family:'Droid Sans', serif;
        overflow: hidden;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right:30px;
        padding-left:30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor:pointer;
        text-transform:capitalize;
        outline:none;
    }
    .logo {
        text-align:center;
    }
    .copyrights {
        text-align:left;
    }
    .footer-nav ul {
        text-align:left;
        margin-top:15px;
    }


    /*********************** RESPONSIVE TABLE ***************************************/

    table.responsive {
        margin-bottom: 0;
    }
    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }
    .pinned table th, .pinned table td {
        white-space: nowrap;
    }
    .pinned td:last-child {
        border-bottom: 0;
    }
    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }
    div.table-wrapper div.scrollable table {
        margin-left: 35%;
    }
    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }
    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }
    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
        display: none;
    }
    .page-title h1 {
        color:#ffffff;
        text-transform:uppercase;
        padding:25px 0px 25px 0px;
        text-align:center;
    }
    .breadcrumbs {
        text-align:center;
    }
}
@media handheld, only screen and (max-width: 620px) {

    /*.container.slider {
            padding-left:1px;
    }*/

    .da-slider {
        /*width: 439px;
        min-width:439px;
        bax-width:439px;*/
        min-height:200px;
        max-height: 100%;
    }
    .notification {
        text-align:center;
    }
    .da-slide .da-img {
        top:0px;
    }
    .da-slide .da-link {
        font-size: 12px;
        top:125px;
        margin-left:20px;
        padding:0px 7px;
    }
    .da-slide h2 {
        top:20px;
        font-size:16px;
        line-height:16px;
    }
    .da-slide p {
        font-size:32px;
        line-height:32px;
        top:70px;
    }
    ul.filter li {
        font-size:16px;
    }
    ul.filter li a {
        font-size:16px;
    }
}
@media handheld, only screen and (max-width: 380px) {

    /*.container.slider {
            padding-left:1px;
    }*/

    .da-slider {
        /*width: 279px;
        min-width:279px;
        bax-width:279px;*/
        min-height:160px;
        max-height: 100%;
    }
    .notification {
        text-align:center;
    }
    .da-slide .da-img {
        top:-60px;
    }
    .da-slide .da-link {
        font-size: 11px;
        top:90px;
        margin-left:20px;
        line-height:18px;
        padding:0px 7px;
        box-shadow:none;
    }
    .da-slide h2 {
        top:20px;
        font-size:14px;
        line-height:14px;
    }
    .da-slide p {
        font-size:20px;
        line-height:20px;
        top:60px;
    }
    ul.testimonial-carousel li > blockquote {
        font-size:14px;
        line-height:23px;
        padding-left:60px;
    }
    ul.testimonial-carousel li > blockquote > cite {
        font-size:12px;
    }
    ul.filter li {
        font-size:12px;
    }
    ul.filter li a {
        font-size:12px;
    }
}
@media handheld, only screen and (max-width: 260px) {

    /*	.container.slider {
    padding-left:1px;
    }*/

    .da-slider {
        /*width: 199px;
        min-width:199px;
        bax-width:199px;*/
        min-height:160px;
        max-height: 100%;
    }
    .notification {
        text-align:center;
    }
    .da-slide .da-img {
        top:-60px;
    }
    .da-slide .da-link {
        font-size: 11px;
        top:90px;
        margin-left:0px;
        line-height:18px;
        padding:0px 7px;
        box-shadow:none;
    }
    .da-slide h2 {
        top:20px;
        font-size:11px;
        line-height:11px;
    }
    .da-slide p {
        font-size:16px;
        line-height:16px;
        top:50px;
    }
    ul.testimonial-carousel li > blockquote {
        font-size:14px;
        line-height:23px;
        padding-left:60px;
    }
    ul.testimonial-carousel li > blockquote > cite {
        font-size:12px;
    }
    ul.filter li {
        font-size:10px;
    }
    ul.filter li a {
        font-size:10px;
    }
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /*	.logo {
                    background: url(logo2x.jpg) no-repeat;
                    background-size: 212px 303px;
            }*/

}