/******************************************************
 * @package Pav Opencart Theme Framework for Opencart 1.5.x
 * @version 1.1
 * @author http://www.pavothemes.com
 * @copyright	Copyright (C) Augus 2013 PavoThemes.com <@emai:pavothemes@gmail.com>.All rights reserved.
 * @license		GNU General Public License version 2
*******************************************************/

/*Social*/
.social {
    display: block;
    overflow: hidden;
    ul li{
        float: left;
        margin-right: 10px;
        position: relative;        
        .transition(all 0.3s ease-in-out 0s);
        .stack {
            display: block;
            height: 25px;
            width: 25px;
            line-height: 25px;
            color: #ffffff;
            font-size: 16px;
            text-align: center;
            background: transparent;
            border: 1px solid #fff;
            cursor: pointer;
            display: inline-block;
            .rounded-corners(50%);
            .transition(all 0.5s ease-in-out 0s);
        }
        &:hover{
            .rounded-corners(50%);
            color: @theme-color-hover;
            [class^="fa-"], 
            [class*=" fa-"]{
                transform:rotate(360deg);
            }
        }
        span{
            display: none;
        }
    }
    [class^="fa-"], 
    [class*=" fa-"]{
        color: #fff;
        font-size: 18px;
        line-height: 37px;
        .transition(all 0.5s ease-in-out 0s);
    }
}
/*Footer top*/
#footer{
    ul.list{
        li{
            background-image: url('@{image-theme-path}icon_li.png');
            background-position: 0 7px;
            background-repeat: no-repeat;
            font-size: 14px;
            padding-left: 15px;
            text-decoration: none;
            margin: 10px 0;
            a{
                color:#c6cacb;
                &:hover{
                    color: @theme-color-hover;
                }
            }
            &:hover{
                background-position: 0 -29px;
            }
        }
    }
}
ul.contact{
    li{
        margin: 15px 0;
        overflow: hidden;
    }
}
.contact{
    .fabox  {
        background: url('@{image-theme-path}bg-contact.png') no-repeat;
        color: @gray-darker;
        display: block;
        float: left;
        .size(39px,33px);
        line-height: 33px;
        text-align: center;
        margin-right: 8px;
        font-size: @font-size-base + 3;
        .rounded-corners(3px);
        i {
            padding-left: 3px;
        }
    }
}

/*Footer center*/
.box.cusblock{
    margin: 0;
}
.login-content {
    margin-bottom: 30px;
}
/**
**  Mobile
*/
/** SOCIAL ICONS ***/
.bo-social-icons{    
    [class^="bo-social-"]{                           
        display:inline-block;                
        margin: 10px 5px;
        overflow: hidden;
        text-decoration: none; 
        text-align: center;       
        vertical-align: top;
        line-height: 36px;                        
        transition: all 0.2s ease-out 0s;
        width: 36px;
        &:hover{
            background:#000000;
            color:#FFFFFF;
        }
    } 
    .bo-social-white{
        background: #FFFFFF;
        color: darken(@border-color, 30%);
        border: 1px solid darken(@border-color, 30%);
    }   
    .bo-social-outline{
        background: transparent;
        color: #000;
        border: 1px solid #000;
    }   
    .bo-social-outline-light{
        background: transparent;
        color: #FFF;
        border: 1px solid #FFFFFF;
        &:hover{
            background: #FFF;
            color: #000;
            border-color: #000;
        }
    }
    &:first-child{
        [class*="bo-social-"]{
            margin-top: 0;
        }
    }
    &:last-child{
        [class*="bo-social-"]{
            margin-bottom: 0;
        }
    }
    &.bo-sicolor{
        [class*="bo-social-"]{
            color: #FFFFFF;
        }
    }
}
.bo-sicolor{ 
        
    .bo-social-twitter{background: #00bdec;} .bo-social-twitter:hover{background: #000000;}
    .bo-social-dribbble{background: #ef5b92;} .bo-social-dribbble:hover{background: #000000;}
    .bo-social-facebook{background: #3b5998;} .bo-social-facebook:hover{background: #000000;}
    .bo-social-duckduckgo{background: #de3100;} .bo-social-duckduckgo:hover{background: #000000;}
    .bo-social-aim{background: #158799;} .bo-social-aim:hover{background: #000000;}
    .bo-social-delicious{background: #183864;} .bo-social-delicious:hover{background: #000000;}
    .bo-social-paypal{background: #32689a;} .bo-social-paypal:hover{background: #000000;}
    .bo-social-android{background: #8ab733;} .bo-social-android:hover{background: #000000;}
    .bo-social-gplus{background: #d94a39;} .bo-social-gplus:hover{background: #000000;}
    .bo-social-lanyrd{background: #3879ba;} .bo-social-lanyrd:hover{background: #000000;}
    .bo-social-stumbleupon{background: #ea4b24;} .bo-social-stumbleupon:hover{background: #000000;}
    .bo-social-fivehundredpx{background: #00a6e1;} .bo-social-fivehundredpx:hover{background: #000000;}
    .bo-social-pinterest{background: #b8242a;} .bo-social-pinterest:hover{background: #000000;}
    .bo-social-bitcoin{background: #f7931a;} .bo-social-bitcoin:hover{background: #000000;}
    .bo-social-w3c{background: #005a9c;} .bo-social-w3c:hover{background: #000000;}
    .bo-social-foursquare{background: #3bb7e8;} .bo-social-foursquare:hover{background: #000000;}
    .bo-social-html5{background: #e44e26;} .bo-social-html5:hover{background: #000000;}
    .bo-social-ie{background: #00ccff;} .bo-social-ie:hover{background: #000000;}
    .bo-social-grooveshark{background: #f66f00;} .bo-social-grooveshark:hover{background: #000000;}
    .bo-social-ninetyninedesigns{background: #ff5501;} .bo-social-ninetyninedesigns:hover{background: #000000;}
    .bo-social-forrst{background: #223f17;} .bo-social-forrst:hover{background: #000000;}
    .bo-social-spotify{background: #8fbd05;} .bo-social-spotify:hover{background: #000000;}
    .bo-social-reddit{background: #ff4500;} .bo-social-reddit:hover{background: #000000;}
    .bo-social-gowalla{background: #f6911d;} .bo-social-gowalla:hover{background: #000000;}
    .bo-social-apple{background: #5f5f5f;} .bo-social-apple:hover{background: #000000;}
    .bo-social-blogger{background: #fb9241;} .bo-social-blogger:hover{background: #000000;}
    .bo-social-cc{background: #5e7c00;} .bo-social-cc:hover{background: #000000;}
    .bo-social-evernote{background: #61b239;} .bo-social-evernote:hover{background: #000000;}
    .bo-social-flickr{background: #ff0084;} .bo-social-flickr:hover{background: #000000;}
    .bo-social-google{background: #d94a39;} .bo-social-google:hover{background: #000000;}
    .bo-social-viadeo{background: #f5a433;} .bo-social-viadeo:hover{background: #000000;}
    .bo-social-instapaper{background: #eaec08;} .bo-social-instapaper:hover{background: #000000;}
    .bo-social-klout{background: #e34600;} .bo-social-klout:hover{background: #000000;}
    .bo-social-linkedin{background: #1b92bd;} .bo-social-linkedin:hover{background: #000000;}
    .bo-social-meetup{background: #e51938;} .bo-social-meetup:hover{background: #000000;}
    .bo-social-vk{background: #587da4;} .bo-social-vk:hover{background: #000000;}
    .bo-social-disqus{background: #2e9fff;} .bo-social-disqus:hover{background: #000000;}
    .bo-social-rss{background: #ff7f00;} .bo-social-rss:hover{background: #000000;}
    .bo-social-skype{background: #18b7f1;} .bo-social-skype:hover{background: #000000;}
    .bo-social-youtube{background: #c4302b;} .bo-social-youtube:hover{background: #000000;}
    .bo-social-vimeo{background: #01557a;} .bo-social-vimeo:hover{background: #000000;}
    .bo-social-windows{background: #00ccff;} .bo-social-windows:hover{background: #000000;}
    .bo-social-xing{background: #036567;} .bo-social-xing:hover{background: #000000;}
    .bo-social-yahoo{background: #61399d;} .bo-social-yahoo:hover{background: #000000;}
    .bo-social-chrome{background: #58b947;} .bo-social-chrome:hover{background: #000000;}
    .bo-social-macstore{background: #6e6e6e;} .bo-social-macstore:hover{background: #000000;}
    .bo-social-amazon{background: #ff9900;} .bo-social-amazon:hover{background: #000000;}
    .bo-social-steam{background: #a5a4a1;} .bo-social-steam:hover{background: #000000;}
    .bo-social-dropbox{background: #7ab6ec;} .bo-social-dropbox:hover{background: #000000;}
    .bo-social-cloudapp{background: #489dde;} .bo-social-cloudapp:hover{background: #000000;}
    .bo-social-ebay{background: #86b817;} .bo-social-ebay:hover{background: #000000;}
    .bo-social-github{background: #667F8E;} .bo-social-github:hover{background: #000000;}
    .bo-social-googleplay{background: #5befd0;} .bo-social-googleplay:hover{background: #000000;}
    .bo-social-itunes{background: #177ac8;} .bo-social-itunes:hover{background: #000000;}
    .bo-social-plurk{background: #a73d07;} .bo-social-plurk:hover{background: #000000;}
    .bo-social-songkick{background: #f80046;} .bo-social-songkick:hover{background: #000000;}
    .bo-social-lastfm{background: #c60e16;} .bo-social-lastfm:hover{background: #000000;}
    .bo-social-gmail{background: #e04a3f;} .bo-social-gmail:hover{background: #000000;}
    .bo-social-pinboard{background: #224cf4;} .bo-social-pinboard:hover{background: #000000;}
    .bo-social-openid{background: #be661b;} .bo-social-openid:hover{background: #000000;}
    .bo-social-quora{background: #c41a00;} .bo-social-quora:hover{background: #000000;}
    .bo-social-soundcloud{background: #ff5c00;} .bo-social-soundcloud:hover{background: #000000;}
    .bo-social-tumblr{background: #395874;} .bo-social-tumblr:hover{background: #000000;}
    .bo-social-eventasaurus{background: #b9f15e;} .bo-social-eventasaurus:hover{background: #000000;}
    .bo-social-wordpress{background: #464646;} .bo-social-wordpress:hover{background: #000000;}
    .bo-social-yelp{background: #c41200;} .bo-social-yelp:hover{background: #000000;}
    .bo-social-intensedebate{background: #00aeef;} .bo-social-intensedebate:hover{background: #000000;}
    .bo-social-eventbrite{background: #ff6c00;} .bo-social-eventbrite:hover{background: #000000;}
    .bo-social-scribd{background: #002939;} .bo-social-scribd:hover{background: #000000;}
    .bo-social-posterous{background: #f8d667;} .bo-social-posterous:hover{background: #000000;}
    .bo-social-stripe{background: #617ee8;} .bo-social-stripe:hover{background: #000000;}
    .bo-social-opentable{background: #990000;} .bo-social-opentable:hover{background: #000000;}
    .bo-social-instagram{background: #4c799f;} .bo-social-instagram:hover{background: #000000;}
    .bo-social-dwolla{background: #ff7404;} .bo-social-dwolla:hover{background: #000000;}
    .bo-social-appnet{background: #1e0c29;} .bo-social-appnet:hover{background: #000000;}
    .bo-social-statusnet{background: #fb6104;} .bo-social-statusnet:hover{background: #000000;}
    .bo-social-acrobat{background: #ff0000;} .bo-social-acrobat:hover{background: #000000;}
    .bo-social-drupal{background: #007dc3;} .bo-social-drupal:hover{background: #000000;}
    .bo-social-pocket{background: #ee4056;} .bo-social-pocket:hover{background: #000000;}
    .bo-social-bitbucket{background: #205081;} .bo-social-bitbucket:hover{background: #000000;}
    .bo-social-flattr{background: #fbbc23;} .bo-social-flattr:hover{background: #000000;}
    .bo-social-eventful{background: #0066cc;} .bo-social-eventful:hover{background: #000000;}
    .bo-social-smashmag{background: #d6231c;} .bo-social-smashmag:hover{background: #000000;}
    .bo-social-wordpress{background: #1e8cbe;} .bo-social-wordpress:hover{background: #000000;}
    .bo-social-calendar{background: #ff0000;} .bo-social-calendar:hover{background: #000000;}
    .bo-social-call{background: #04be3d;} .bo-social-call:hover{background: #000000;}
    .bo-social-guest{background: #03a9d2;} .bo-social-guest:hover{background: #000000;}
    .bo-social-weibo{background: #fd0000;} .bo-social-weibo:hover{background: #000000;}
    .bo-social-plancast{background: #e4b82c;} .bo-social-plancast:hover{background: #000000;}
    .bo-social-email{background: blue} .bo-social-email:hover{background: #000000;}
    .bo-social-myspace{background: #2068b0;} .bo-social-myspace:hover{background: #000000;}
    .bo-social-podcast{background: #f38b36} .bo-social-podcast:hover{background: #000000;}
    .bo-social-cart{background: #00a204;} .bo-social-cart:hover{background: #000000;}
}

 /* --- SCSS For Counters --- */// Core variables and mixins

.rtl{
    #headertop{
        .show-mobile{
            .quick-access{
                ul li a{
                    padding: 0 5px !important;
                    float: right !important;
                    .fa{
                        padding-left: 8px !important;
                    } 
                }
            }
        }
    }
}
#headertop{
    .show-mobile{   
        position: relative;
        button.btn-theme-normal{
            border: none;
            background: transparent;
            line-height: 42px;
            color: #797979;  
        }
        .inner-toggle{          
            background-color: @topbar-bg;
            color: @white;
            position: absolute;
            left: 0;
            top: 100%;
            min-height: 150px;
            min-height: 100px;
            min-width: 200px;
            z-index: 9999;
            padding: 15px;
            .size(240px,auto);
            .opacity(0);            
            .scale(0);          
            .transition(all 0.5s ease);         
            border-bottom-left-radius:5px;
            border-bottom-right-radius:5px;
            ul,ol,.links{
                margin: 0;
                width: percentage(1);
                li{
                    display: block;
                    overflow: hidden;                
                    margin: 0;
                    a{  
                        color: @white;                   
                        &:hover{
                            background-color: transparent;
                            color: @theme-color-secondary;
                        }
                    }
                    button{
                        background: none;
                        border: none;
                        color: #b4b4b4;
                        padding: 3px 20px;
                        &:hover{
                            color: @theme-color-secondary;
                            text-decoration: none;
                        }
                    }
                }
            }
            .btn{
                display: none;
            }
            .text-label{
                font-size: @font-size-base;
                text-transform: none;
                color: #b4b4b4;                   
            }
            .dropdown-menu{
                display: block;
                border: 0;
                position: static;
                background-color: transparent;
                .box-shadow(none);
                .rounded-corners(0);                        
            }
            .currency button,.login a{
                color: @white;
            }           
        }
        .quick-access{
            ul li a{
                padding: 5px 0;
                float: left;
                .fa{
                    padding-right: 8px;
                } 
            }
        }
        .pull-left{
            &:hover{
                .inner-toggle{
                    .opacity(1);                                            
                    .scale(1);
                }
            }
        }   
        .quickaccess-toggle{
            color: #797979;  
            line-height: 42px;
            font-size: @font-size-base + 4;
            text-align: center;
            margin: 0;          
            cursor: pointer;  
            padding: 0; 
            .size(42px,42px);  
            &:hover{
                color: @theme-color-secondary;
            }
            button{
                border: none;
                width: 30px;
                height: 42px;
                line-height: 42px;
                i{
                    font-size: 16px;
                }
            }             
        }
    }
}
.valid{
    margin-top: 12px;
}
.border {
    background-color: #fff;
    border: 1px solid #dcdbdb;
    padding: 5px;
}
/* Background body */
.pattern1 {
    background-image: url('@{image-theme-path-base}pattern1.png');
}
.pattern2 {
    background-image: url('@{image-theme-path-base}pattern2.png');
}
.pattern3 {
    background-image: url('@{image-theme-path-base}pattern3.png');
}
.pattern4 {
    background-image: url('@{image-theme-path-base}pattern4.png');
}
.pattern5 {
    background-image: url('@{image-theme-path-base}pattern5.png');
}
.pattern6 {
    background-image: url('@{image-theme-path-base}pattern6.png');
}
.pattern7 {
    background-image: url('@{image-theme-path-base}pattern7.png');
}
.pattern8 {
    background-image: url('@{image-theme-path-base}pattern8.png');
}
.pattern9 {
    background-image: url('@{image-theme-path-base}pattern9.png');
}
.pattern10 {
    background-image: url('@{image-theme-path-base}pattern10.png');
}
.pattern11 {
    background-image: url('@{image-theme-path-base}pattern11.png');
}
.pattern12 {
    background-image: url('@{image-theme-path-base}pattern12.png');
}
.pattern13 {
    background-image: url('@{image-theme-path-base}pattern13.png');
}
.pattern14 {
    background-image: url('@{image-theme-path-base}pattern14.png');
}
.pattern15 {
    background-image: url('@{image-theme-path-base}pattern15.png');
}
.pattern16 {
    background-image: url('@{image-theme-path-base}pattern16.png');
}
.pav-megamenu{
  position: relative; 
}
.pav-megamenu .product-block .product-inner{
    margin-right: 10px;
}
.pav-megamenu .mega-group .caret {
    display: none;
}
.pav-megamenu .mega-col .mega-col-inner > ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.pav-megamenu .dropdown-submenu:hover .dropdown-menu {
    display: block;
}
.widget-product .product-block:hover .triangle-righttop{
    display: none;
}
.review-form-width {
    margin: 10% auto;
    max-width: 600px;
    position: relative;
}