/* =========================================
   Buttons
   ======================================== */
/*BUTTON COMMON*/
.button-wrap {
    float: left;
    margin-right: 10px;
}

.sc-button {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    font-weight: bold;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.sc-button:hover {
    background-position: 0 100%;
}



/*BUTTON STYLES*/
.sc-button-white {
    border-top-color: #D5D5D5;
    border-right-color: #D6D6D6;
    border-bottom-color: #D8D8D8;
    border-left-color: #D5D5D5;
    background-image: url(../imgs/shortcode/button-white.png);
}

.sc-button-white:hover {
    border-top-color: #CECECE;
    border-right-color: #D0D0D0;
    border-bottom-color: #D7D7D7;
    border-left-color: #CECECE;
}

.sc-button-white,
.sc-button-white:hover {
    color: #666666;
    text-shadow:0px 1px 0px #FFFFFF;
}

.sc-button-grey {
    border-top-color: #B1B1B1;
    border-right-color: #B5B5B5;
    border-bottom-color: #B2B2B2;
    border-left-color: #B1B1B1;
    background-image: url(../imgs/shortcode/button-grey.png);
}

.sc-button-grey:hover {
    border-top-color: #9D9D9D;
    border-right-color: #A2A2A2;
    border-bottom-color: #A5A5A5;
    border-left-color: #9D9D9D;
}

.sc-button-grey,
.sc-button-grey:hover {
    color: #666666;
    text-shadow:0px 1px 0px #D2D2D2;
}

.sc-button-black {
    border-top-color: #424242;
    border-right-color: #4C4C4C;
    border-bottom-color: #434343;
    border-left-color: #424242;
    background-image: url(../imgs/shortcode/button-black.png);
}

.sc-button-black:hover {
    border-top-color: #313131;
    border-right-color: #3C3C3C;
    border-bottom-color: #383838;
    border-left-color: #313131;
}

.sc-button-black,
.sc-button-black:hover {
    color: #FFFFFF;
    text-shadow:0px 1px 0px #3F3F3F;
}

.sc-button-yellow {
    border-top-color: #D8A52A;
    border-right-color: #D9A936;
    border-bottom-color: #DDAB2F;
    border-left-color: #D8A52A;
    background-image: url(../imgs/shortcode/button-yellow.png);
}

.sc-button-yellow:hover {
    border-top-color: #BD8600;
    border-right-color: #C08C0C;
    border-bottom-color: #C99613;
    border-left-color: #BD8600;
}

.sc-button-yellow,
.sc-button-yellow:hover {
    color: #785D00;
    text-shadow:0px 1px 0px #F7DC7C;
}

.sc-button-orange {
    border-top-color: #F47A15;
    border-right-color: #F4814F;
    border-bottom-color: #F57D47;
    border-left-color: #F47A15;
    background-image: url(../imgs/shortcode/button-orange.png);
}

.sc-button-orange:hover {
    border-top-color: #E26026;
    border-right-color: #E36832;
    border-bottom-color: #E76B32;
    border-left-color: #E26026;
}

.sc-button-orange,
.sc-button-orange:hover {
    color: #B23D21;
    text-shadow:0px 1px 0px #FCAF88;
}

.sc-button-red {
    border-top-color: #D55C5C;
    border-right-color: #D66565;
    border-bottom-color: #D85F5F;
    border-left-color: #D55C5C;
    background-image: url(../imgs/shortcode/button-red.png);
}

.sc-button-red:hover {
    border-top-color: #BD4949;
    border-right-color: #C05353;
    border-bottom-color: #C85252;
    border-left-color: #BD4949;
}

.sc-button-red,
.sc-button-red:hover {
    color: #913831;
    text-shadow:0px 1px 0px #F09B9B;
}

.sc-button-green {
    border-top-color: #9FC862;
    border-right-color: #A4CA6A;
    border-bottom-color: #A3CC67;
    border-left-color: #9FC862;
    background-image: url(../imgs/shortcode/button-green.png);
}

.sc-button-green:hover {
    border-top-color: #8AB150;
    border-right-color: #90B559;
    border-bottom-color: #94BB5A;
    border-left-color: #8AB150;
}

.sc-button-green,
.sc-button-green:hover {
    color: #64813B;
    text-shadow:0px 1px 0px #CDE8A5;
}

.sc-button-blue {
    border-top-color: #69C2E5;
    border-right-color: #71C5E6;
    border-bottom-color: #6FC4E7;
    border-left-color: #69C2E5;
    background-image: url(../imgs/shortcode/button-blue.png);
}

.sc-button-blue:hover {
    border-top-color: #55A4C3;
    border-right-color: #5EA8C6;
    border-bottom-color: #64AFCD;
    border-left-color: #55A4C3;
}

.sc-button-blue,
.sc-button-blue:hover {
    color: #3E728D;
    text-shadow:0px 1px 0px #B2E0F7;
}

.sc-button-coffee {
    border-top-color: #B68A67;
    border-right-color: #B9906F;
    border-bottom-color: #BB8E6B;
    border-left-color: #B68A67;
    background-image: url(../imgs/shortcode/button-coffee.png);
}

.sc-button-coffee:hover {
    border-top-color: #9A7150;
    border-right-color: #9F7859;
    border-bottom-color: #A77D5C;
    border-left-color: #9A7150;
}

.sc-button-coffee,
.sc-button-coffee:hover {
    color: #7B5A41;
    text-shadow:0px 1px 0px #E1BFA6;
}

.sc-button-purple {
    border-top-color: #C87F9B;
    border-right-color: #CA86A0;
    border-bottom-color: #CD839F;
    border-left-color: #C87F9B;
    background-image: url(../imgs/shortcode/button-purple.png);
}

.sc-button-purple:hover {
    border-top-color: #AF6884;
    border-right-color: #B3708A;
    border-bottom-color: #BC7591;
    border-left-color: #AF6884;
}

.sc-button-purple,
.sc-button-purple:hover {
    color: #7B4559;
    text-shadow:0px 1px 0px #EEB6CC;
}


/* =========================================
   Html
   ======================================== */
.sc-hr {
    height: 5px;
    font-size: 0;
    background: url(../imgs/shortcode/hr-line.png) repeat-x 0 50%;
}

.sc-gotop {
    height: 7px;
    line-height: 7px;
    font-size: 0;
    background: url(../imgs/shortcode/gotop-line.png) repeat-x 50% 50%;
}

.sc-gotop a {
    display: block;
    height: 7px;
    line-height: 7px;
    font-size: 0;
    width: 50px;
    margin: 0 auto;
    text-indent: -999em;
}



/* =========================================
   Columns
   ======================================== */
.sc-col-2-1,
.sc-col-3-1,
.sc-col-3-2,
.sc-col-4-1,
.sc-col-4-3,
.sc-col-5-1,
.sc-col-5-2,
.sc-col-5-3,
.sc-col-5-4 {
    float: left;
    margin-right: 3.03%;
}

.sc-col-2-1 {
    width: 48.48%;
}

.sc-col-3-1 {
    width: 31.31%;
}

.sc-col-3-2 {
    width: 65.65%;
}

.sc-col-4-1 {
    width: 22.72%;
}

.sc-col-4-3 {
    width: 74.24%;
}

.sc-col-5-1 {
    width: 17.57%;
}

.sc-col-5-2 {
    width: 38.18%;
}

.sc-col-5-3 {
    width: 58.78%;
}

.sc-col-5-4 {
    width: 79.39%;
}

.sc-last {
    margin-right: 0;
}



/* =========================================
   Tabs
   ======================================== */
.sc-tabs-wrap {
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #C6C6C6;
}

.sc-tabs-wrap .tabs {
    background: url(../imgs/shortcode/tabs-title.png) repeat-x;
}

.sc-tabs-wrap .tabs li {
    float: left;
    font-weight: bold;
    font-size: 12px;
}

.sc-tabs-wrap .tabs li a {
    display: block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    background: url(../imgs/shortcode/tabs-title-border.png) no-repeat 100% 0;
}

.sc-tabs-wrap .tabs li.current a {
    color: #333333;
    background-color: #FFFFFF;
}

.sc-tabs-wrap .panes {
    padding: 12px 15px 15px;
}


/* =========================================
   Toggle
   ======================================== */
.sc-toggle {
    margin:0 0 10px 0;
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #C6C6C6;
}

.sc-toggle .title {
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    background: url(../imgs/shortcode/toggle-title.png) repeat-x  0 0 #F2F2F2;
    font-weight: bold;
    color: #333333;
}

.sc-toggle .title span {
    padding: 0 35px;
    display: block;
    background-image: url(../imgs/shortcode/toggle.png);
    background-repeat: no-repeat;
    background-position: 15px 10px;
}

.sc-toggle .toggled span {
    background-position: 15px -78px;
}

.sc-toggle .inner {
    padding:  12px 15px 15px;
    background: url(../imgs/shortcode/toggle-inner.png) repeat-x 0 0 #FFF;
}




/* =========================================
   Message Box
   ======================================== */
.message-box {
    position: relative;
    font-size: 14px;
}

.message-box .message-box-inner {
    padding: 15px 30px;
}

.message-box .icon {
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: 25px 18px;
}

.message-box .hide-padding {
    padding-right: 90px;
}

.message-box .close {
    position: absolute;
    right: 30px;
    top: 15px;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.message-box-info {
    color: #2B4B5C;
}

.message-box-info .message-box-inner {
    background-color: #D9ECFF;
    border: 1px solid #A0D0FF;
}

.message-box-info .icon {
    background-image: url(../imgs/shortcode/message-info.png);
}

.message-box-warning {
    color: #9E660D;
}

.message-box-warning .message-box-inner{
    background-color: #FFF0BC;
    border: 1px solid #D3BC6F;
}

.message-box-warning .icon {
    background-image: url(../imgs/shortcode/message-warning.png);
}

.message-box-error {
    color: #A22121;
}

.message-box-error .message-box-inner {
    background-color: #FFC7C2;
    border: 1px solid #FF8C80;
    color: #A22121;
}

.message-box-error .icon {
    background-image: url(../imgs/shortcode/message-error.png);
}

.message-box-success {
    color: #5E6F33;
}

.message-box-success .message-box-inner {
    background-color: #E3FFCD;
    border: 1px solid #A3C159;
    color: #5E6F33;
}

.message-box-success .icon {
    background-image: url(../imgs/shortcode/message-success.png);
}



/* =========================================
   Icon Lists
   ======================================== */
.sc-iconlist ul li {
    list-style: none;
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 4px 0 4px 25px;
}

.sc-iconlist-download ul li {
    background-image: url(../imgs/shortcode/iconlist-download.png);
}

.sc-iconlist-arrow ul li {
    background-image: url(../imgs/shortcode/iconlist-arrow.png);
}

.sc-iconlist-check ul li {
    background-image: url(../imgs/shortcode/iconlist-check.png);
}


.sc-iconlist-favicon ul li {
    background-image: url(../imgs/shortcode/iconlist-favicon.png);
}

.sc-iconlist-image ul li {
    background-image: url(../imgs/shortcode/iconlist-image.png);
}

.sc-iconlist-light ul li {
    background-image: url(../imgs/shortcode/iconlist-light.png);
}

.sc-iconlist-love ul li {
    background-image: url(../imgs/shortcode/iconlist-love.png);
}

.sc-iconlist-people ul li {
    background-image: url(../imgs/shortcode/iconlist-people.png);
}

.sc-iconlist-settings ul li {
    background-image: url(../imgs/shortcode/iconlist-settings.png);
}

.sc-iconlist-time ul li {
    background-image: url(../imgs/shortcode/iconlist-time.png);
}
.sc-iconlist-briefcase ul li{
    background-image: url(../imgs/shortcode/iconlist-briefcase.png);
}
.sc-iconlist-feed ul li{
    background-image: url(../imgs/shortcode/iconlist-feed.png);
}
.sc-iconlist-business ul li{
    background-image: url(../imgs/shortcode/iconlist-business.png);
}
.sc-iconlist-cart ul li{
    background-image: url(../imgs/shortcode/iconlist-cart.png);
}
.sc-iconlist-message ul li{
    background-image: url(../imgs/shortcode/iconlist-message.png);
}
.sc-iconlist-exclamation ul li{
    background-image: url(../imgs/shortcode/iconlist-exclamation.png);
}
.sc-iconlist-exclamation2 ul li{
    background-image: url(../imgs/shortcode/iconlist-exclamation2.png);
}
/* =========================================
   Icon Boxes
   ======================================== */
.sc-iconbox {
    border: 1px solid #D1D1D1;
    padding: 15px 20px 0;
}

.sc-iconbox .iconbox-head {
    background: url(../imgs/linebg.png) repeat-x 0 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.sc-iconbox .iconbox-title {
    padding-top: 15px;
    font-size: 18px;
}



/* =========================================
   Highlight Text
   ======================================== */
.highlight {
    padding: 3px 10px;
}



/* =========================================
   Testimonials
   ======================================== */
.sc-testimonials .avatar {
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #C6C6C6;
    padding: 4px;
}

.sc-testimonials .box {
    position: relative;
    margin-left: 94px;
    padding: 20px 30px;
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #C6C6C6;
}

.sc-testimonials-no-avatar .box {
    margin-left: 0;
}

.sc-testimonials h5 { font-size: 16px; }
.sc-testimonials h6 { font-size: 14px; margin-bottom: 0;}
.sc-testimonials .desc { color: #999999; }
.sc-testimonials .arrow {
    position: absolute;
    left: -8px;
    top: 25px;
    width: 8px;
    height: 12px;
    background: url(../imgs/shortcode/testimonial-arrow.png) no-repeat;
}



/* =========================================
   Box
   ======================================== */
.sc-box {
    border: 1px solid #CCC;
    background: url(../imgs/shortcode/sc-box-bg.png) repeat-x 0 100% #FFF;
    padding: 15px 20px;
}



/* =========================================
   Portfolio slider list
   ======================================== */
.sc-portfolio-slider-list {
    position:relative;
    display: none;
}

.sc-portfolio-slider-list li {
    float: left;
    width: 225px;
}

.sc-portfolio-slider-list li .post-thumb {
    margin-bottom: 15px;
}

.sc-portfolio-slider-list li h3 {
    font-size: 12px;
}

.sc-portfolio-slider-list li h3,
.sc-portfolio-slider-list li p {
    margin-top: 3px;
}




/* =========================================
   Product slider list
   ======================================== */
.sc-product-slider-list {
    position:relative;
    display: none;
}

.sc-product-slider-list li {
    float: left;
    width: 225px;
}

.sc-product-slider-list li .post-thumb {
    margin-bottom: 15px;
}

.sc-product-slider-list li h3 {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.sc-product-slider-list li p {
    margin-bottom: 10px;
}

.sc-product-slider-list .post-price s {
    color: #999;
    padding-right: 15px;
}

.sc-product-slider-list .post-price span {
    color: #B92410;
}

/* =========================================
   Product images slider
   ======================================== */
.sc-product-images-slider {
    display: none;
    margin-bottom: 59px;
    position: relative;
}

.sc-product-images-slider li {
    float: left;
    list-style: none outside none;
    width: 222px;
}

.sc-product-images-slider li .post-thumb {
    margin-bottom: 15px;
    width: 200px;
}

.sc-product-images-slider li h3 {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.sc-product-images-slider li p {
    margin-bottom: 10px;
}

.sc-product-images-slider .post-price s {
    color: #999;
    padding-right: 15px;
}

.sc-product-images-slider .post-price span {
    color: #B92410;
}

/* =========================================
   Product Images slider Jcarousel
   ======================================== */

.sc-product-images-slider .jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-clip-horizontal {
    margin-left: 67px;
    width: 230px;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 20px;
}


/**
 *  Horizontal Buttons
 */
.sc-product-images-slider .jcarousel-skin .jcarousel-next-horizontal,
.sc-product-images-slider .jcarousel-skin .jcarousel-prev-horizontal {
    background-image: url("../imgs/shortcode/portfolio-slider-btn.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 18px;
    position: absolute;
    top: 75px;
    width: 11px;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-next-horizontal {
    background-position: 100% 0;
    right: 20px;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-next-horizontal:hover,
.sc-product-images-slider .jcarousel-skin .jcarousel-next-horizontal:focus {
    background-position: 100% 100%;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: 100% 100%;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-next-disabled-horizontal,
.sc-product-images-slider .jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.sc-product-images-slider .jcarousel-skin .jcarousel-next-disabled-horizontal:focus,
.sc-product-images-slider .jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 100% 0;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-prev-horizontal {
    background-position: 0 0;
    left: 20px;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-prev-horizontal:hover,
.sc-product-images-slider .jcarousel-skin .jcarousel-prev-horizontal:focus {
    background-position: 0 100%;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: 0 100%;
}

.sc-product-images-slider .jcarousel-skin .jcarousel-prev-disabled-horizontal,
.sc-product-images-slider .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.sc-product-images-slider .jcarousel-skin .jcarousel-prev-disabled-horizontal:focus,
.sc-product-images-slider .jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

/* =========================================
   Jcarousel
   ======================================== */

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  990px;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 30px;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal,
.jcarousel-skin .jcarousel-prev-horizontal {
    width: 11px;
    height: 18px;
    position: absolute;
    top: 70px;
    background-image: url(../imgs/shortcode/portfolio-slider-btn.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.jcarousel-skin .jcarousel-next-horizontal {
    right: -40px;
    background-position: 100% 0;
}

.jcarousel-skin .jcarousel-next-horizontal:hover,
.jcarousel-skin .jcarousel-next-horizontal:focus {
    background-position: 100% 100%;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: 100% 100%;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 100% 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    left: -40px;
    background-position: 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover,
.jcarousel-skin .jcarousel-prev-horizontal:focus {
    background-position: 0 100%;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: 0 100%;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}






/* =========================================
   Portfolio category list
   ======================================== */
.sc-portfolio-category-list {
    width: 670px;
}

.sc-portfolio-category-list h3 {
    font-size: 28px;
    font-weight: normal;
}

.sc-portfolio-category-list h3,
.sc-portfolio-category-list p {
    margin-bottom: 15px;
}

.sc-portfolio-category-list li {
    float: left;
    width: 145px;
    margin: 15px 30px 15px 0;
}

.sc-portfolio-category-list li.last {
    margin-right: 0;
}

.sc-portfolio-category-list li.first {
    clear: left;
}



/* =========================================
   Latest News List
   ======================================== */
.sc-latest-news-list .post-thumb { padding: 4px; }
.sc-latest-news-list .post-meta { font-size: 11px;}
.sc-latest-news-list .post-meta, .widget-posts .post-meta a { color: #666666;}
.sc-latest-news-list .post-meta a:hover { color: #222222; }
.sc-latest-news-list .post-meta span { padding: 0 5px; }



/* =========================================
   Pricing Table
   ======================================== */
.sc-pricing-table .title { background: url(../imgs/linebg.png) repeat-x 0 100%; text-align: right; line-height: 36px; }
.sc-pricing-table .title h3 { float: left; font-size: 24px;  font-weight: normal; }
.sc-pricing-table .title b { font-size: 18px; color: #CE2311; }
.sc-pricing-table .title span { padding-left: 10px; }
.sc-pricing-table ul { float: left; list-style: none; }
.sc-pricing-table ul li { background: url(../imgs/linebg.png) repeat-x 0 100%; padding: 10px 50px 10px 0; }
.sc-pricing-table ul li span { padding-left: 15px;  background: url(../imgs/arrow.png) no-repeat 0 5px;}
.sc-pricing-table ul li strong { color: #333; }
.sc-pricing-table .img { float: right; padding-top: 20px; }

/* Colors */
.sc-color-blue {
    color: blue;
}