@charset "UTF-8"; @import url(https://www.localpharmaguide.com/css/roboto.css);


/* ========================= */
/*       GLOBAL STYLES       */
/* ========================= */


html, body{
    overflow-x:hidden;
}

body{
    background:#f7f7f7;
    background-size:cover;
    background-attachment:fixed;
    font: 12px 'Roboto', Helvetica, Arial, sans-serif;
    line-height:21px;
    color:#596067;
}

.container{
    background: #fff; /* Old browsers */
    /* border-left: 1px solid rgba(241, 241, 241, 0.5);
       border-right: 1px solid rgba(241, 241, 241, 0.5);   */
    background: -moz-linear-gradient(top, #fff 82%, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(82%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 82%,#fff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 82%,#fff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 82%,#fff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fff 82%,#fff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}

img{
    max-width:100%;
}

.align-center{
    text-align:center;
}

.align-left{
    text-align:left;
}

.align-right{
    text-align:right;
}

.align-right>small{
    text-align:right;
}

img.align-left{
    float:left;
    margin:10px 20px 10px 0;
}

.float-right{
    float:right;
}

img.align-right{
    float:right;
    margin:10px 0 10px 20px;
}

.no-padding{
    padding:0!important;
}

.no-margin{
    margin:0!important;
}

.col-lg-fifth{
    width:20%;
    padding:0 15px;
    float:left;
}

iframe{
    border:none;
}



/* ==================================== */
/*              TYPOGRAPHY              */
/* ==================================== */


h1{
    font-size:28px;
    font-weight:300;
}

h2{
    font-size:24px;
    font-weight:300;
}

h3{
    font-size:20px;
    font-weight:300;
}

h4{
    font-size:14px;
    font-weight:300;
}

h5{
    font-size:13px;
    font-weight:300;
}

h6{
    font-size:14px;
    font-weight:300;
}

a{
    color:#1f2228;
    transition:color 0.1s, background 0.2s;
    -webkit-transition:color 0.1s, background 0.2s;
    -moz-transition:color 0.1s, background 0.2s;
    -ms-transition:color 0.1s, background 0.2s;
    -o-transition:color 0.1s, background 0.2s;
}

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

a:active{
    text-decoration:none;
}

span.green{
    color:#2ecc71;
}

span.red, span.error{
    color:#e74c3c;
}







/* ==================================== */
/*                HEADER                */
/* ==================================== */




/* Top Header */

#top-header{
    background:#34495e;
    padding: 0 60px;
    font-size:13px;
    font-weight:300;
}

#top-header.style2, #top-header.style4, #top-header.style5{
    background:transparent;
}

#top-header ul{
    list-style:none;
    margin:0;
    padding:5px 25px 8px;
}

#top-header.style2 ul, #top-header.style4 ul, #top-header.style5 ul{
    padding:5px 0;
}


#top-header li{
    float:left;
    padding:0 10px;
    position:relative;
}

#top-header li:last-child{
    padding-right:0;
}

#top-header #top-navigation li:after{
    content: '';
    display: block;
    height:10px;
    position:absolute;
    top:7px;
    right:0;
    border-right:1px solid #bdc3c7;
}

#top-header #top-navigation li:last-child:after{
    display:none;
    border:none;
}

#top-header li a{
    color:#fff;
    font-size:13px;
    font-weight:300;
    background:transparent!important;
}

#top-header li span{
    color:#fff;
}

#top-header li a:hover{
    color:#3498db;
}

#top-header .icons{
    color:#bdc3c7;
}

#top-header li.purple:hover>a, #top-header li.purple:hover>a .icons{
    color:#9b59b6;
}

li.purple:hover .box-dropdown .box-wrapper{
    border-color:#9b59b6;
}

li.purple .box-dropdown:after{
    border-bottom:10px solid #9b59b6;
}

#top-header a.flag>span{
    display:inline-block;
    margin-right:5px;
}


/* Login Dropdown */

#top-header li:hover ul{
    display:block;
    width:auto;
    height:auto;
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    top:100%;
}

.box-dropdown{
    position:absolute;
    z-index:5000;
    right:0;
    line-height:20px;
    top:200%;
    padding-top:13px !important;
    z-inex:9999;
    overflow:hidden;
    width:0;
    height:0;
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
}

.box-dropdown .box-wrapper{
    border-top:3px solid #34495e;
    background:#fff;
    overflow:hidden;
    display:block;
    position:relative;
    padding:10px 15px 15px;
}



.box-dropdown:after{
    content:'';
    width:10px;
    height:10px;
    display:block;
    border-bottom:10px solid #34495e;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    position:absolute;
    right:30px;
    top:5px;
}

.box-dropdown input[type="text"]{
    width:100%;
    background:#f7f7f7;
    font-size:14px;
}

.box-dropdown .footer{
    height:70px;
}

.box-dropdown .footer h4{
    margin:10px 0 0;
}

.box-dropdown a.button{
    display:inline-block;
    vertical-align:middle;
    background:#34495e;
    font-size:14px !important;
    text-transform:uppercase;
    padding:10px 20px;
    color:#fff!important;
    margin-left:2px;
}

.box-dropdown a{
    font-weight:300;
    font-size:14px;
    color: #4e5b6c ;
}

#login-dropdown a.button{
    background:#34495e!important;
}

#login-dropdown a.button:hover{
    background:#2c3e50!important;
}

#login-dropdown a.plain{
    color:#596067!important;
}

#login-dropdown a.plain:hover{
    color:#428bca!important;
}

#login-dropdown .pull-right{
    text-align:right;
}

#login-dropdown .pull-right>a{
    text-align:right;
}

.iconic-input{
    position:relative;
    margin-bottom:15px;
    width:100%;
}

.box-dropdown h4{
    margin:20px 0;
}

.box-dropdown .iconic-input{
    width:350px;
}

.iconic-input input[type="text"]{
    width:100%;
    background:#f7f7f7;
    font-size:14px;
}

.iconic-input .icons{
    position:absolute;
    color:#7a8188!important;
    z-inex:9999;
    left:auto!important;
    top:10px!important;
    right:10px!important;
}

.box-dropdown p{
    font-size:13px;
}

.box-dropdown label{
    padding-left:10px;
    font-size:14px;
}
.box-dropdown .footer{
    background:#f7f7f7;
    display:block;
    padding:15px;
    overflow:hidden;
}


.headerButtons{
    padding: 25px 16px 10px 5px;
}



/* Main Header */

#logo{
    padding-top:5px;
    /* padding-left:30px; */
}

#main-header{
    padding-top:20px;
    padding-bottom:20px;
}

#main-header.style2, #main-header.style4{
    padding-top:10px;
}

#middle-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}

#middle-navigation li{
    float:left;
    margin-left:1px;
    position:relative;
}

#middle-navigation>ul>li>a{
    width:70px;
    height:70px;
    display:block;
    background:#34495e;
    color:#fff;
    text-align:center;
    padding:10px 0;
    font-size:13px;
}

#middle-navigation>ul>li>a:hover{
    background:#2c3e50;
}

#middle-navigation .icons{
    font-size:18px;
    display:block;
    color:#fff;
    margin-bottom:5px;
}

#middle-navigation>ul>li:hover ul{
    display:block;
    width:auto;
    height:auto;
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    top:100%;
}

#middle-navigation .box-dropdown:after{
    right:10px;
}

#middle-navigation .login-create{
    background:#fff;
    color:#7a8188;
    font-size:14px;
    height:70px;
    position:relative;
    padding:15px;
    padding-left:50px;
}

#middle-navigation .login-create>a{
    color:#1f2228;
}

#middle-navigation .login-create>a:hover{
    background:none;
}

#middle-navigation .login-create>p>a:hover{
    color:#9b59b6;
}


#middle-navigation .login-create .icons{
    position:absolute;
    left:15px;
    top:20px;
    color:#9b59b6;
}

#middle-navigation .login-create p{
    margin:0;
}

#middle-navigation a.flag>span{
    margin:5px auto 9px;
    height:12px;
    display:block;
}

.flag span{
    width:19px;
    height:12px;
    background:url('../img/language-icons.png') no-repeat;
    margin-right:5px;
    display:block;
}


.currency-table, .language-table{
    margin:5px 0;
}

.language-table a{
    font-size:13px;
    color:#7a8188;
}

.language-table td.flag{
    vertical-align:middle;
    padding:2px 0 2px 8px;
}

.language-table td.country{
    vertical-align:middle;
    padding:2px 8px 2px 5px;
}

.language-table tr:hover, .currency-table tr:hover{
    background:#f7f7f7;
}

.language-table tr:hover a, .currency-table tr:hover a{
    color:#1f2228;
}

span.english-flag{
    background-position:0 0;
}

span.german-flag{
    background-position:-19px 0;
}

span.french-flag{
    background-position:-38px 0;
}

span.italian-flag{
    background-position:-57px 0;
}

span.spanish-flag{
    background-position:-75px 0;
}

.currency-table td{
    padding:2px 10px!important;
    white-space:nowrap;
    font-size:13px;
}

.cart-table{
    width:350px;
    font-size:13px;
}

.cart-table td{
    padding:10px 0;
}

.cart-table img{
    width:60px;
}

.cart-table p{
    font-size:13px;
    color:#7a8188;
    margin:0;
}

span.light{
    color:#7a8188;
}

span.quantity{
    font-size:13px;
    display:block;
    margin-bottom:10px;
}

.checkout-table td{
    padding:5px;
}

.cart-table h6{
    font-size:14px;
    margin:0;
}

.no-border{
    border:none!important;
}






/* ========================= */
/*        NAVIGATION         */
/* ========================= */

#main-navigation{
    position:relative;
}

#main-navigation>ul, #main-navigation>ul>li>ul, #main-navigation>ul>li>ul>li>ul, #main-navigation>ul>li>ul>li>ul>li>ul{
    list-style:none;
    margin:0;
    padding:0;
    display:table;
    width:100%;
}

#main-navigation>ul{
    table-layout:fixed;
}

#main-navigation>ul>li{
    border-right:1px solid #e2f6f9;
    display:table-cell;
    background:#34495e;
}

#main-navigation>ul>li:hover>a>.icons{
    left:0px;
}

#main-navigation>ul>li>a{
    padding:5px 20px;
    background:#34495e;
    color:#fff;
    display:block;
    height:50px;
}

#main-navigation>ul>li>a .nav-caption{
    margin-top:0px;
}

#main-navigation.style2>ul>li>a .nav-caption,
#main-navigation.style3>ul>li>a .nav-caption,
#main-navigation.style5>ul>li>a .nav-caption{
    margin-top:5px;
}

span.nav-caption{
    display:block;
    font-size:15px;
    text-transform:uppercase;
}

span.nav-description{
    display:block;
    font-size:14px;
}

#main-navigation>ul>li>a .icons{
    font-size:18px;
    display:inline;
    color:#fff;
    text-align:right;
    margin-bottom:5px;
    position:relative;
    left:10px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
}

#main-navigation.style1>ul>li:hover>a,
#main-navigation.style1>ul>li:hover,
#main-navigation.style1>ul>li.current-item,
#main-navigation.style1>ul>li.current-item>a{
    background:#34495e!important;
}

#main-navigation.style2>ul>li>a{
    padding:15px 20px;
}

#main-navigation.style2>ul>li:hover>a,
#main-navigation.style2>ul>li:hover,
#main-navigation.style2>ul>li.current-item,
#main-navigation.style2>ul>li.current-item>a{
    background:#34495e!important;
}

#main-navigation.style3>ul>li>a{
    padding:15px 20px;
    background:#34495e!important;
}

#main-navigation.style4>ul>li>a{
    background:#34495e!important;
}

#main-navigation.style3>ul>li>a:hover, #main-navigation.style3>ul>li.current-item>a{
    background:inherit!important;
}

#main-navigation.style4>ul>li>a:hover, #main-navigation.style4>ul>li.current-item>a{
    background:inherit!important;
}

#main-navigation.style5>ul>li>a{
    padding:15px 20px;
}

#main-navigation.style5>ul>li:hover>a,
#main-navigation.style5>ul>li:hover,
#main-navigation.style5>ul>li.current-item,
#main-navigation.style5>ul>li.current-item>a{
    background:#34495e!important;
}

#main-navigation.style6>ul>li>a{
    padding:15px 20px;
    background:#34495e!important;
}

#main-navigation.style6>ul>li>a:hover, #main-navigation.style6>ul>li.current-item>a{
    background:inherit!important;
}

#main-navigation li ul.normal-dropdown{
    color:#fff;
    padding:1px 0 0 0;
    position:absolute;
    overflow:visible;
    z-index:9999;
    width:200px;
    display:none;
}

#main-navigation li ul.normal-dropdown li{
    background:#1abc9c;
    position:relative;
    display:block;
}

#main-navigation li ul.normal-dropdown li:first-child{
    padding-top:12px;
}

#main-navigation li ul.normal-dropdown li:last-child{
    padding-bottom:12px;
}

#main-navigation li ul.normal-dropdown a{
    padding:8px 20px;
    color:#fff;
    display:block;
}

#main-navigation li ul.normal-dropdown li:hover>a{
    background:#16a085;
}

#main-navigation li ul.normal-dropdown li ul{
    position:absolute;
    left:100%;
    top:-12px;
    padding-top:0;
    padding-left:1px;
    color:#fff;
    z-index:9999;
    display:none;
}

#main-navigation li ul.normal-dropdown li:hover ul{
    display:block;
}

#main-navigation li ul.normal-dropdown li:first-child ul{
    top:0;
    z-index:9999;
}

#main-navigation li:hover>ul.normalAnimation, #main-navigation ul.normal-dropdown li:hover > ul.normalAnimation{
    display:block;
}

#main-navigation ul.wide-dropdown{
    display:none;
    z-index:9999;
    border-top:1px solid #e5f5f9;
    padding-top:1px;
    width:auto;
    overflow:hidden;
    position:absolute;
}

#main-navigation ul.wide-dropdown>li{
    float:left;
    min-width:300px;
    padding:16px 0;
}

#main-navigation ul.wide-dropdown ul a, #main-navigation ul.wide-dropdown .nav-caption{
    padding:8px 20px;
    display:block;
    color:#fff;
}

#main-navigation>ul>li>ul.normal-dropdown .icons{
    font-size:16px;
    display:inline-block;
    color:#fff;
    position:relative;
    left:10px;
    float:right;
}

#main-navigation li.home-green>a, #main-navigation .home-green ul.wide-dropdown, #main-navigation li.home-green{
    background:#1abc9c;
}

#main-navigation li.red>a, #main-navigation .red ul.wide-dropdown, #main-navigation li.red{
    background:#e74c3c;
}

#main-navigation li.blue>a, #main-navigation .blue ul.wide-dropdown, #main-navigation li.blue{
    background:#3498db;
}

#main-navigation li.orange>a, #main-navigation .orange ul.wide-dropdown, #main-navigation li.orange{
    background:#f5791f;
}

#main-navigation li.green>a, #main-navigation .green ul.wide-dropdown, #main-navigation li.green{
    background:#2ecc71;
}

#main-navigation li.purple>a, #main-navigation .purple ul.wide-dropdown, #main-navigation li.purple{
    background:#9b59b6;
}







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


#main-navigation .nav-search{
    z-index:2000;
    position:relative;
    cursor:pointer;
    width:70px;
    text-align:center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    vertical-align:middle;
    background:#1abc9c;
}

#main-navigation .nav-search:hover{
    background:#16a085!important;
}

#main-navigation .nav-search .icons{
    font-size:16px;
    display:inline-block;
    color:#fff;
    text-align:center;
    margin-bottom:0;
    left:0;
    height:20px;
    width:30px;
}

#main-navigation .nav-search.searchbar-visible{
    background:#34495e;
    width:50px;
}


#main-navigation .nav-search.searchbar-visible:hover{
    background:#2c3e50!important;
}

#main-navigation .nav-search .icons:before{
    content:'\ef88';
}

#main-navigation .nav-search.searchbar-visible .icons:before{
    content:'\ecf6';
}

#search-bar{
    background:#34495e;
    position:absolute;
    z-index:1000;
    color:#fff;
    padding:15px 120px 0 0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
}

#search-bar input{
    width:100%;
    color:#555;
    font-size:14px;
}

.style3 #search-bar, .style5 #search-bar{
    padding-top:7px;
}

.style3 #search-bar input, .style5 #search-bar input{
    padding:0 10px;
    height:35px;
}

.style3 #search-bar .chosen-single, .style5 #search-bar .chosen-single{
    height:35px;
    padding-top:4px;
}

.style3 #search-bar .chosen-single div, .style5 #search-bar .chosen-single div{
    top:5px;
}

#search-bar p{
    margin:0 0 5px;
    font-size:14px;
}

.style2 #search-bar p{
    position:relative;
    top:-40px;
    margin-bottom:-20px;
    color:#121212;
}

.style3 #search-bar p{
    position:relative;
    top:-30px;
    margin-bottom:-20px;
    color:#121212;
}

.style5 #search-bar p{
    position:relative;
    top:-30px;
    margin-bottom:-20px;
    color:#121212;
}

.style2 #search-bar p>a,
.style3 #search-bar p>a,
.style5 #search-bar p>a{
    color:#121212;
}

.style2 #search-bar p>a:hover,
.style3 #search-bar p>a:hover,
.style5 #search-bar p>a:hover,
.style6 #search-bar p>a:hover{
    color:#1abc9c;
}

#search-bar-table{
    background:#F89E5D;
    margin-bottom : 0px;
    width : 100%;
}

.search-column-1{
    width:90%;
}

.search-column-2{
    width:35%;
    padding-left:5px;
}


.search-column-3{
    padding:0px 1px;
    background:#34495e;

}
.tableSearchIcon{
    font-size: 20px;
    padding-top:8px;
    color:#fff;
    width:100%;
}

.searchMain{
    font-size: 20px;
    padding-top:3px;
    padding-left:10px;
    color:#fff;
    width:100%;
}

.searchIcon{
    font-size: 20px;
    padding:8px;
    background-color: #9b59b6;
    width:50px;
    height:40px;
    color:#fff;
    margin-left: -10px;
}

#search-button{
    position:absolute;
    right:49px;
    top:0;
    bottom:0;
    width:70px;
    z-index:9999!important;
    vertical-align:middle;
    cursor:pointer;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
}

#search-button input[type="submit"]{
    height:100%;
    background:#1abc9c;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

#search-bar .chosen-single{
    height:40px	;
    padding: 6px 0 0 8px;
    background-color: #fff;
    color:#7a8188;
}

#search-bar .chosen-single div {
    top:7px;
}

#search-bar .chosen-drop li {
    padding:8px 6px;
}

#search-button:hover input[type="submit"]{
    background:#16a085;
}

#search-button .icons{
    font-size:20px;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-10px;
    margin-left:22px;
}

span.grey{
    color:#b1b6bb;
}

#search-bar p a{
    color:#fff;
}

#search-bar p a:hover{
    color:#1abc9c;
}







/* ========================= */
/*          COLORS           */
/* ========================= */


/* Blue Color */

li.blue>a,
input.blue,
.button.blue,
#main-navigation li.blue li,
span.product-action.blue{
    background:#3498db!important;
}

li.blue>a:hover,
#main-navigation .blue ul.wide-dropdown ul a:hover,
input.blue:hover,.button.blue:hover,
li.blue.current-item>a,
li.blue.current-item,
.icons.blue:hover,
span.product-action.blue:hover{
    background:#2980b9!important;
}

li.blue .parent-background{
    background:#3498db;
}

li.blue .parent-border{
    border-color:#3498db;
}

li.blue .parent-arrow:after{
    border-bottom-color:#3498db;
}

li.blue .parent-color,
a.blue{
    color: #3498db;
   /* border: solid 1px rgb(24, 142, 221);
    background-color: rgb(24, 142, 221);*/
    padding: 5px;
}



/* Dark Blue Color */

li.dark-blue>a,
input.dark-blue,
.button.dark-blue,
#main-navigation li.dark-blue li,
span.product-action.dark-blue{
    background:#34495e!important;
}

li.dark-blue>a:hover,
#main-navigation .dark-blue ul.wide-dropdown ul a:hover,
input.dark-blue:hover,
.button.dark-blue:hover,
li.dark-blue.current-item>a,
li.dark-blue.current-item,
.icons.dark-blue:hover,
span.product-action.dark-blue:hover{
    background:#2c3e50!important;
}

li.dark-blue .parent-background{
    background:#34495e;
}

li.dark-blue .parent-border{
    border-color:#34495e;
}

li.dark-blue .parent-arrow:after{
    border-bottom-color:#34495e;
}

li.dark-blue .parent-color,
a.dark-blue{
    color:#34495e;
}



/* Red Color */

li.red>a,
input.red,
.button.red,
#main-navigation li.red li,
span.product-action.red{
    background:#e74c3c!important;
}

li.red>a:hover,
#main-navigation .red ul.wide-dropdown ul a:hover,
input.red:hover ,
.button.red:hover,
li.red.current-item>a,
li.red.current-item,
.icons.red:hover,
span.product-action.red:hover{
    background:#c0392b!important;
}

li.red .parent-background{
    background:#e74c3c;
}

li.red .parent-border{
    border-color:#e74c3c;
}

li.red .parent-arrow:after{
    border-bottom-color:#e74c3c;
}

li.red .parent-color,
a.red,
.red-hover:hover{
    color:#e74c3c;
}



/* Grey Color */

li.grey>a,
input.grey,
.button.grey,
#main-navigation li.grey li,
span.product-action.grey{
    background:#f7f7f7!important;
    color:#1f2228;
    border: 1px solid #ddd;
}

li.grey>a:hover,
#main-navigation .grey ul.wide-dropdown ul a:hover,
input.grey:hover ,
.button.grey:hover,
li.grey.current-item>a,
li.grey.current-item,
.icons.grey:hover,
span.product-action.grey:hover{
    background:#dde3e6!important;
}

li.grey .parent-background{
    background:#f7f7f7;
}

li.grey .parent-border{
    border-color:#f7f7f7;
}

li.grey .parent-arrow:after{
    border-bottom-color:#f7f7f7;
}

li.grey .parent-color,
a.grey{
    color:#f7f7f7;
}





/* Home Green Color */

li.home-green>a,
input.home-green,
.button.home-green,
#main-navigation li.home-green li,
span.product-action.home-green{
    background:#1abc9c!important;
}

li.home-green>a:hover,
#main-navigation .home-green ul.wide-dropdown ul a:hover,
input.home-green:hover,
.button.home-green:hover,
li.home-green.current-item>a,
li.home-green.current-item,
.icons.home-green:hover,
span.product-action.home-green:hover{
    background:#16a085!important;
}

li.home-green .parent-background{
    background:#1abc9c;
}

li.home-green .parent-border{
    border-color:#1abc9c;
}

li.home-green .parent-arrow:after{
    border-bottom-color:#1abc9c;
}

li.home-green .parent-color,
a.home-green{
    color:#1abc9c;
}

.font-gray{
    color : #34495e;
}

/* Green Color */

li.green>a,
input.green,
.button.green,
#main-navigation li.green li,
span.product-action.green{
    background:#2ecc71!important;
}

li.green>a:hover,
#main-navigation .green ul.wide-dropdown ul a:hover,
input.green:hover,
.button.green:hover,
li.green.current-item>a,
li.green.current-item,
.icons.green:hover,
span.product-action.green:hover{
    background:#21bf64!important;
}

li.green .parent-color,
a.green{
    color:#2ecc71;
}

li.green .parent-background{
    background:#2ecc71;
}

li.green .parent-border{
    border-color:#2ecc71;
}

li.green .parent-arrow:after{
    border-bottom-color:#2ecc71;
}



/* Purple Color */

li.purple>a,
input.purple,
.button.purple,
#main-navigation li.purple li,
span.product-action.purple{
    background:#9b59b6!important;
}

li.purple>a:hover,
#main-navigation .purple ul.wide-dropdown ul a:hover,
input.purple:hover,
.button.purple:hover,
li.purple.current-item>a,
li.purple.current-item,
.icons.purple:hover,
span.product-action.purple:hover{
    background:#8e44ad!important;
}

li.purple .parent-color,
a.purple{
    color:#9b59b6;
}

li.purple .parent-background{
    background:#9b59b6;
}

li.purple .parent-border{
    border-color:#9b59b6;
}

li.purple .parent-arrow:after{
    border-bottom-color:#9b59b6;
}


/* Orange Color */

li.orange>a,
input.orange,
.button.orange,
#main-navigation li.orange li,
span.product-action.orange{
    background:#f5791f!important;
}

li.orange>a:hover,
#main-navigation .orange ul.wide-dropdown ul a:hover,
input.orange:hover,
.button.orange:hover,
li.orange.current-item>a,
li.orange.current-item,
.icons.orange:hover,
span.product-action.orange:hover{
    background:#d35400!important;
}

li.orange .parent-color,
a.orange{
    color:#f5791f;
}

li.orange .parent-background{
    background:#f5791f;
}

li.orange .parent-border{
    border-color:#f5791f;
}

li.orange .parent-arrow:after{
    border-bottom-color:#f5791f;
}






/* ==================================== */
/*               SIDEBAR                */
/* ==================================== */

.sidebar-box{
    margin-bottom:10px;
    color:#7a8188;
}

.sidebar-box .padding-box{
    padding:15px;
}

.sidebar-box-heading{
    color:#fff;
    text-transform:uppercase;
    background:#34495e;

    height:auto;
    padding:12px 20px 12px 40px;
}

.sidebar-box-heading a{
    color:#fff;
}

.sidebar-box-footer{
    background: #34495e;
    padding:5px 20px 12px 10px;
    height:30px;
}

.grid-box-footer{
    background: #10ef60;
    padding:5px 20px 12px 10px;
    height:30px;
    width:100%;
}

.grid-box-footer a{
    color:#fff;
    float : right;
}

.grid-box-footer a:hover{
    color:#428bca;
}

.sidebar-box-footer a{
    color:#fff;
    float : right;
}


.sidebar-box-heading .icons{
    position:absolute;
    left:30px;
}

.sidebar-box-heading h4{
    margin:0;
    display:inline-block;
    padding-left:5px;
}

.sidebar-box-heading h4 a{
    color:#fff;
}

.sidebar-box-content{
    background:#fff;
    border: 1px solid #F1F1F1;
}

.sidebar-box-content.sidebar-padding-box{
    padding:20px 15px;
}

.sidebar-box-content>*{
    margin:0;
}

.sidebar-box-content ul{
    margin:0;
    padding:0;
    list-style:none;
}

.sidebar-box-content>ul{
    padding:20px 0;
}

.sidebar-box-content>ul>li{
    position:relative;
}

.sidebar-box-content>ul>li>a{
    display:block;
    padding:8px 35px 8px 20px;
}

.sidebar-box-content>ul>li>a .icons{
    position:absolute;
    right:15px;
    top:10px;
    font-size:14px;
}

.sidebar-box-content>ul>li>a:hover{
    background:#f7f7f7;
}

.sidebar-box-content>ul>li:hover .sidebar-dropdown{
    display:table;
}

.sidebar-dropdown{
    position:absolute;
    left:100%;
    top:-10px;
    z-index:6000;
    display:none;
    background:#2ecc71;
}

.sidebar-box .chosen-single{
    height:40px;
    font-size:14px;
    color:#7a8188;
    padding: 8px 0 0 8px;
    border:1px solid #e6e6e6;
    margin-top:5px;
}

.sidebar-box .chosen-results{
    border:1px solid #e6e6e6;
    border-top:none;
}

.sidebar-box .chosen-results li{
    padding:10px 6px;
}

.sidebar-box .chosen-single div {
    top:8px;
}

.right-sidebar .sidebar-dropdown{
    left:auto;
    right:100%;
}

.sidebar-dropdown>li{
    overflow:hidden;
    display:table-cell;
    vertical-align:top;
}

.sidebar-dropdown>li>ul{
    float:left;
    width:250px;
    padding:10px 0;
    display:table;
}

.sidebar-dropdown>li>ul>li>a{
    padding:8px 20px;
    display:block;
    color:#fff;
}

.sidebar-dropdown>li>ul>li>a:hover{
    background:#21bf64;
}

.sidebar-dropdown>li:last-child{
    margin:0;
}

.sidebar-slider{
    position:relative;
    display:block;
    overflow:hidden;
}

.sidebar-slider .flex-control-nav{
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
}

.sidebar-slider .flex-control-paging li a {
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    width:9px;
    height:9px;
    background:#ccc;
}

.sidebar-slider .flex-control-paging li a:hover,  .sidebar-slider .flex-control-paging li a.flex-active{
    background:#27ae60;
}

.sidebar-slider .slider-nav{
    background:#f7f7f7;
    display:block;
    height:30px;
}

.bestsellers-table, .compare-table{
    width:100%;
    background:#fff;
}

.bestsellers-table tr, .compare-table tr{
    padding-left:20px;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

.bestsellers-table tr:hover{
    background:#f7f7f7;
}

.bestsellers-table .product-thumbnail, .compare-table .product-thumbnail{
    width:45%;
    padding:10px 10px 10px 15px;

}

.bestsellers-table .product-thumbnail img, .compare-table .product-thumbnail img{
    width:100%;
}

.bestsellers-table .product-info, .compare-table .product-info{
    background:transparent;
    overflow:hidden;
    padding:5px 20px 5px 5px;
}

.bestsellers-table .product-info p, .bestsellers-table .product-info span.price, .compare-table .product-info p{
    font-size:14px;
    margin:0 0 5px;
}

.sidebar .product{
    margin-bottom:0;
}

a.remove{
    font-size:12px;
    color:#e74c3c;
}

a.tag-item{
    display:inline-block;
    background:#f7f7f7;
    margin-bottom:5px;
    padding:5px 10px;
    vertical-align:top;
    font-size:14px;
}

a.tag-item:hover{
    color:#fff;
    background:#1abc9c;
}

.orange .carousel-heading{
    background:#f5791f;
}

.orange .carousel-arrows i:hover{
    background:#d35400;
}

.noUi-base {
    background:#f7f7f7;
    border:none
}

.noUi-background{
    box-shadow:none;
}

.noUiSlider{
    margin-top:10px;
    border-radius:0;
    height:12px;
    margin-bottom:10px;
    border:1px solid #e6e6e6;
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 22px;
    left: -5px;
    background:#a1aaaf;
    border:none;
    top: -6px;
    box-shadow:none;
    border-radius:0;
    cursor:pointer;
}

.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {
    height:1px;
    width:5px;
    left:5px;
    top:9px;
    background:#ccc;
}

.noUi-connect{
    background:#2ecc71;
}

.noUi-horizontal .noUi-handle:after{
    top:11px;
}

span.price-range-max{
    float:right;
    color:#1f2228;
    font-size:14px;
}

span.price-range-min{
    color:#1f2228;
    font-size:14px;
}

label.color-checkbox.red{
    background:#e74c3c;
}

label.color-checkbox.white{
    background:#fff;
}

label.color-checkbox.black{
    background:#000;
}

label.color-checkbox.blue{
    background:#3498db;
}

label.color-checkbox.green{
    background:#00a847;
}

label.color-checkbox{
    width:30px;
    height:30px;
    border:2px solid #fff;
    margin-right:10px!important;
    outline:1px solid #eee;
}

label.color-checkbox:before{
    display:none!important;
    width:0!important;
    height:0!important;
}

input[type="checkbox"]:checked + label.color-checkbox{
    outline:1px solid #34495e;
}

/* Colors */

.purple .sidebar-box-heading, .purple a.tag-item:hover{
    background:#34495e;
}

.purple .sidebar-box-content>ul>li>a:hover{
    color:#9b59b6;
}

.blue .sidebar-box-heading, .blue a.tag-item:hover{
    background:#3498db;
}

.blue .sidebar-box-content>ul>li>a:hover{
    color:#3498db;
}

.red .sidebar-box-heading, .red a.tag-item:hover{
    background:#e74c3c;
}

.red .sidebar-box-content>ul>li>a:hover{
    color:#e74c3c;
}

.green .sidebar-box-heading, .green a.tag-item:hover{
    background:#1abc9c;
}

.green .sidebar-box-content>ul>li>a:hover{
    color:#1abc9c;
}

.orange .sidebar-box-heading, .orange a.tag-item:hover{
    background:#f5791f;
}

.orange .sidebar-box-content>ul>li>a:hover{
    color:#f5791f;
}

.home-green .sidebar-box-heading, .orange a.tag-item:hover{
    background:#1abc9c;
}

.home-green .sidebar-box-content>ul>li>a:hover{
    color:#1abc9c;
}





/* ==================================== */
/*               CONTENT                */
/* ==================================== */

.content{
    margin-top:10px;
}





/* ========================= */
/*     REVOLUTION SLIDER     */
/* ========================= */

.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}
.tp-banner-container{
    width:100%;
    position:relative;
    padding:0;
    margin-bottom:30px;
}


.tp-leftarrow.default, .tp-rightarrow.default{
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
}

.tp-banner-container:hover .tp-leftarrow.default, .tp-banner-container:hover .tp-rightarrow.default{
    opacity:0.6;
    -webkit-opacity:0.6;
    -moz-opacity:0.6;
    -ms-opacity:0.6;
    -o-opacity:0.6;
}

.tp-banner-container:hover .tp-leftarrow.default:hover, .tp-banner-container:hover .tp-rightarrow.default:hover{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
}

.tp-banner{
    width:100%;
    position:relative;
    color:#2c3e50;
}

.tp-banner-fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}

.tp-banner strong{
    font-weight:700;
}

.tp-banner h2{
    font-size:36px;
    color:#2c3e50;
    line-height:38px;
}

.tp-banner h3{
    font-size:24px;
    color:#2c3e50;
}

.tp-banner span{
    font-size:18px;
    color:#2c3e50;
}

.tp-banner span.price{
    font-size:24px;
    color:#2c3e50;
}

.tp-banner a.button.big{
    font-size:18px;
    padding-top:18px;
}





/* ========================= */
/*        IOS SLIDER         */
/* ========================= */

.iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width:100%;
    height: 400px;
    height: 400px;
    margin-bottom:30px;
    background-color:#fff;
}

.iosSlider:hover .prevButton, .iosSlider:hover .nextButton{
    opacity:0.8;
    -webkit-opacity:0.8;
    -moz-opacity:0.8;
    -ms-opacity:0.8;
    -o-opacity:0.8;
}

.iosSlider .prevButton {
    position: absolute;
    top: 175px;
    left: 10px;
    width: 50px;
    height: 50px;
    background: url(../assets/large_left.png) no-repeat left bottom;
    z-index: 2;
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -ms-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
}

.iosSlider .nextButton {
    position: absolute;
    top: 175px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: url(../assets/large_right.png) no-repeat left bottom;
    z-index: 2;
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -ms-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
}

.iosSlider .nextButton:hover, .iosSlider .prevButton:hover{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
}

.iosSlider .slider {
    width: 100%;
    height: 100%;
}

.iosSlider .scrollbar1{
    background:#ccc!important;
}

.iosSlider .slider .item {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    margin: 0;
}

.iosSlider .slider .item .image {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 400px;
    background-color:#fff;
    background-size:auto 100%;
    background-position:right bottom;
}

.iosSlider .slider .item .image .bg {
    border-right: 0;
    height: 180px;
    width: 340px;
    opacity: 0.5;
    display: none;
}

.iosSlider .slider .item .text {
    position: absolute;
    top:60px;
    left:40px;
}

.iphoneUI .iosSlider .slider .item .text {
    display: none;
}

.iosSlider .slider .item .title {
    position: relative;
    text-indent: -1px;
}

.iosSlider .slider .item .desc {
    position: relative;
}

.iosSlider .slider .item .desc span {
}

.iosSlider .slider .item .button {
}

.iosSlider strong{
    font-weight:700;
}

.iosSlider h2{
    font-size:36px;
    color:#2c3e50;
    line-height:38px;
    margin:0;
}

.iosSlider h3{
    font-size:24px;
    margin:10px 0 40px;
    color:#2c3e50;
}

.iosSlider span{
    font-size:18px;
    color:#2c3e50;
}

.iosSlider span.price{
    font-size:24px;
    color:#2c3e50;
}

.iosSlider .button{
    margin-top:10px;
}

.iosSlider .slider #item1 .image {
    background: url(../img/slide1.jpg) right bottom no-repeat;
}

.iosSlider .slider #item2 .image {
    background: url(../img/slide3.jpg) right bottom no-repeat
}

.iosSlider .slider #item3 .image {
    background: url(../img/slide2.jpg) right bottom no-repeat;
}





/* ========================= */
/*        FLEXSLIDER         */
/* ========================= */

.flexsliderBig{
    height:400px;
}

.flexsliderBig .text{
    padding:60px 40px;
}

.flexsliderBig li{
    background-size:auto 100%;
    background-position:right bottom!important;
    height:400px;
}

.flexsliderBig #slide1 {
    background: url(../img/slide1.jpg) no-repeat;
}

.flexsliderBig #slide2 {
    background: url(../img/slide3.jpg) no-repeat;
}

.flexsliderBig #slide3 {
    background: url(../img/slide2.jpg) no-repeat;
}

.flexsliderBig strong{
    font-weight:700;
}

.flexsliderBig h2{
    font-size:36px;
    color:#2c3e50;
    line-height:38px;
    margin:0;
}

.flexsliderBig h3{
    font-size:24px;
    margin:10px 0 40px;
    color:#2c3e50;
}

.flexsliderBig span{
    font-size:18px;
    color:#2c3e50;
}

.flexsliderBig span.price{
    font-size:24px;
    color:#2c3e50;
}

.flexsliderBig a.button{
    margin-top:10px;
}






/* ========================= */
/*       BREADCRUMBS         */
/* ========================= */



.breadcrumbs{
    background:#FDF7D4;
    margin-bottom:20px;
    margin-top:-10px;
}

.breadcrumbs p{
    color:#7a8188;
    font-size:13px;
    margin:0;
    padding:8px 20px;
}

.breadcrumbs .icons{
    color:#c1c7ca;
}

.breadcrumbs a{
    font-weight:300;
}




/* ========================= */
/*      SUBCATEGORIES        */
/* ========================= */

.subcategories{
    margin-left:-5px;
    margin-right:-5px;
}

.col-lg-fifth.subcategory{
    padding:0 5px;
    margin-bottom:30px;
}

.subcategory project-info{
    padding:10px 0;
}

.subcategory h6{
    margin:0;
}

.categories-heading{
    margin-bottom:30px;
    background:#fff;
}

.categories-heading p{
    padding:20px;
    margin:0;
    font-size:14px;
}

.category-heading{
    color:#fff;
    background:#a1aaaf;
    text-transform:uppercase;
    margin-bottom:10px;
    height:50px;
    padding:10px 20px;
    position:relative;
}

.category-heading .chosen-container{
    width:160px!important;
}

.category-buttons{
    position:absolute;
    top:0;
    right:0;
}

.category-buttons a{
    color:#fff!important;
}

.category-buttons .icons{
    float:left;
    height:100%;
    width:50px;
    height:50px;
    border-left:1px solid #e7f9fc;
    text-align:center;
    margin:0;
    padding:15px 0 0;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
    cursor:pointer;
}

.category-buttons .icons:hover, .category-buttons .icons.active-button{
    background-color:#889196;
}

.category-results p{
    display:inline-block;
    font-size:14px;
    margin-right:10px;
    margin-top:7px;
}

.category-results .selectboxit, .category-results .selectboxit-list{
    width:70px!important;
    margin:-5px 5px 0;
}


.pagination{
    float:right;
    margin-bottom:20px;
    background:#f7f7f7;
    border: 1px solid #ddd;
}

.pagination>a>div{
    height:40px;
    float:left;
    text-align:center;
    padding-top:10px;
    font-size:14px;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

.pagination>a:hover div{
    color:#111;
    background:#dde3e6;
}

.page-button-wide{
    width: 80px;
}

.page-button-big{
    width: 120px;
}

.page-button-big-disable{
    width: 120px;
    color: #797979;
}

.pagination>a.deactive:hover div{
    color: #797979;
    background:#f7f7f7;
}

.page-button-wide-disable{
    width: 80px;
    color: #797979;
}

.page-button{
    width:40px;
}

.page-button-active{
    width:40px;
    color:#111;
    background:#dde3e6;
}



/* ========================= */
/*        CAROUSELS          */
/* ========================= */

.carousel-heading{
    color:#fff;
    background:#34495e;
    text-transform:uppercase;
    margin-bottom:10px;
    overflow:hidden;
    height:40px;
}
.carousel-heading a{
    color:#fff;
    margin:0;
    display:inline-block;
    padding:12px 20px;
    float : right;
}
.greenHeading{
    background:#1abc9c;
}

.carousel-heading h4{
    margin:0;
    display:inline-block;
    padding:10px 20px;
}

.carousel-arrows{
    display:inline-block;
    vertical-align:top;
    float:right;
    cursor:pointer;
}

.carousel-arrows .icons{
    float:left;
    height:100%;
    width:50px;
    height:50px;
    border-left:1px solid #e7f9fc;
    text-align:center;
    margin:0;
    padding:14px 0 0;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

.carousel-arrows a{
    color:#fff;
}

.carousel-arrows .icons:hover{
    background-color:#2c3e50;
}






/* ========================= */
/*      PRODUCT ITEMS        */
/* ========================= */

.owl-carousel-wrap{
    padding:0;
}

.owl-carousel .owl-item{
    padding:0 15px;
}

.product{
    margin-bottom:4px;
}

.product-info{
    background:#fff;
    overflow:hidden;
    padding:10px 15px;
    font-size: 12px;
}

.product-info h5{
    margin:0 1px;
    color:#1f2228;
}

span.product-tag{
    position:absolute;
    background:#9b59b6;
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    top:30px;
    z-index:5000;
    left:0;
    padding:5px 25px;
}

span.price{
    color:#e74c3c;
    font-size:12px;
    font-weight:600;
}

span.price del{
    color:#596067;
    font-weight:300;
    margin-right:5px;
}

.product-image{
    position:relative;
    overflow:hidden;
    border: thin solid grey;
}

.product-image img{
    width:100%;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
}

.product-image-small{
    width:75px;
    height:74px;
}

.product-image-medium{
    width:150px;
    height:150px;
}

.product-image-scroll{
    width:100px;
    height:100px;
    float:left;
    margin-right:15px;
}

.product-categories{
    font-size:14px;
    color:#9b59b6;
    margin:0;
}

.product-categories a{
    color:#9b59b6;
}

.product-categories a:hover{
    color:#8e44ad;
}

a.product-hover{
    background:rgba(52,73,94, 0.7);
    padding:10px 15px;
    font-size:16px;
    height:40px;
    text-transform:uppercase;
    color:#fff;
    position:absolute;
    top:110px;
    left:0;
    right:0;
    width:160px;
    margin:0 auto;
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

a.product-hover:hover{
    background:rgba(52,73,94,1);
}

.product-image:hover a.product-hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.product-image:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.product-actions{
    color:#fff;
    display:table;
    width:100%;
    overflow:hidden;
}

span.product-action{
    color:#fff!important;
}

span.action-wrapper{
    position:relative;
    display:block;
}

.product-actions>span{
    position:relative;
    border-left:1px solid #e7f9fc;
    cursor:pointer;
    width:40px;
    height:40px;
    padding:9px 0 0 8px;
    display:table-cell;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
}

.product-actions>span.current{
    width:auto;
}

.product-actions>span.current span.action-name{
    left:30px;
    width:220px;
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    white-space:nowrap;
}

span.add-to-cart{
    background:#f5791f;
}

span.add-to-cart:hover{
    background:#d35400;
}

span.add-to-cart .icons{
    margin-right:8px;
}

span.add-to-favorites{
    background:#e74c3c;
}

span.add-to-favorites:hover{
    background:#c0392b;
}

span.add-to-compare{
    background:#3498db;
}

span.add-to-compare:hover{
    background:#2980b9;
}

span.action-name{
    position:absolute;
    left:85px;
    text-transform:uppercase;
    opacity:0;
    color:#fff;
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
}

.product-info p{
    font-size:14px;
}

.product.grid-view{
    background:#fff;
    overflow:hidden;
    position:relative;
    border: 1px solid #ddd;
}
.product.grid-view:hover{
    border: 1px solid #5AB7F5;
}

.product.grid-view .product-actions{
    position:relative;
    bottom:0;
    left:0;
    right:0;
}

.product.grid-view .product-actions.full-width span.action-name{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    left:30px;
}

.grid-view .product-image{
    padding:0;
}

.product.grid-view .product-actions>span{
    width:33.3333%;
}

.rating{
    display:inline-block;
}

.product-info .rating{
    float:right;
    margin-right:-20px;
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -ms-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
}

.sidebar td.product-info .rating{
    display:block;
    margin-top:-5px;
    float:none;
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
}

.rating-box{
    font-size:13px;
    color:#7a8188;
    vertical-align:middle;
}

.product .rating-box{
    float:right;
}

.product-single-info .rating-box{
    margin-top:-15px;
    margin-bottom:20px;

}

.rating-box .rating{
    float:none;
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    margin-right:-20px;
}

.rating img+img{
    margin-left:-2px;
}

.product:hover .rating{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
}







/* ========================= */
/*      QUICK VIEW MODAL     */
/* ========================= */


#quick-view-modal{
    position:fixed;
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    z-index:9999;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
}

#quick-view-close{
    position:absolute;
    right:-25px;
    top:-25px;
    cursor:pointer;
    z-index:9999;
}

#quick-view-close:before{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    color:#fff;
    content:'\ecf6';
}

#quick-view-content{
    position:relative;
    background:#f7f7f7;
    max-width:800px;
    max-height:500px;
    width:90%;
    height:90%;
    margin:2.5% auto 0 auto;
    overflow:visible;
}

#quick-view-content .product-fullscreen{
    display:none;
}

#quick-view-content .pinterest{
    position:relative;
    top:-6px;
}

#quick-view-content span.price{
    margin-top:0;
}

#quick-view-content .tabs{
    margin:0 20px;
}

#quick-view-content .product-action.green{
    display:none;
}


.quick-view-content{
    width:100%;
    height:100%;
    position:relative;
    margin:0;
    overflow-y:scroll;
}

.quick-view-container{
    padding:0!important;
    width:100%;
    overflow:hidden;
    background:#f7f7f7;
}


/* Tabs */

.tab-heading.margin-heading{
    margin-bottom:10px;
}

.tab-heading a.button{
    font-size:18px;
    padding:13px 30px;
    height:50px;
    margin-right:-3px;
    background:#a1aaaf!important;
}

.tab-heading a:hover, .tab-heading a.button.active{
    background:#34495e!important;
    text-decoration:none;
}

.tab-content{
    background:#fff;
    margin-bottom:30px;
    font-size:14px;
    padding:10px 20px;
}

p .tag-item{
    vertical-align:middle;
}

.home-green .tag-item:hover{
    background:#1abc9c;
}

.tab-content strong{
    color:#596067;
}





/* ========================= */
/*        ACCORDIONS         */
/* ========================= */

.accordion ul{
    margin:0;
    padding:0;
    list-style:none;
    margin-bottom:30px;
}

.accordion-header{
    color:#fff;
    background:#a1aaaf;
    text-transform:uppercase;
    position:relative;
    margin:0 0 1px;
    overflow:hidden;
    padding:13px 20px;
    cursor:pointer;
    height:50px;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

.accordion-active .accordion-header, .accordion-header:hover{
    background:#34495e;
}

.accordion-active .accordion-header .accordion-button i:before{
    content: '\e98a';
}

.accordion-header .accordion-button i:before{
    content: '\e987';
}

.accordion-header h4{
    margin:0;
}

.accordion-button{
    color:#fff;
    position:absolute;
    top:13px;
    font-size:24px;
    right:15px;
}

.accordion-content{
    background:#fff;
    margin-bottom:0!important;
    font-size:14px;
    padding:10px 20px;
}

.accordion-content strong{
    color:#596067;
}






/* ========================= */
/*           NEWS            */
/* ========================= */

.news{
    margin-bottom:30px;
}

.news-background{
    background:#f7f7f7;
}

.news-content{
    padding:10px 30px 10px 5px;
}

.news-content h5{
    margin:0 0 5px;
}

.news-content p{
    font-size:14px;
    color:#596067;
    margin:10px 0;
}

span.date{
    font-size:12px;
    color:#7a8188;
}




/* ========================= */
/*         BANNERS           */
/* ========================= */

.banner{
    padding-top: 25px;
    overflow:hidden;
}

.banner-item{
    background:#ccc;
    color:#fff;
    padding:10px 15px;
    margin-bottom:30px;
    position:relative;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

a .banner-item{
    color:#fff!important;
}

.banner-item h4{
    margin:5px 0 0;
    font-size:18px;
    text-transform:uppercase;
    font-weight:900;
}

.banner-item p{
    margin:0;
    font-size:14px;
}

.banner-item .button{
    float:right;
    display:inline-block;
    position:absolute;
    top:15px;
    right:15px;
    padding:8px 15px;
    color:#fff;
    background:#999;
    text-transform:uppercase;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

.banner-item .icons{
    font-size:42px;
}

.banner .left-side-banner{
    width:30%;
    float:left;
}

.banner .middle-banner{
    width:38%;
    margin:0 1%;
    float:left;
}

.banner .right-side-banner{
    width:30%;
    float:left;
}

.banner-item.icon-on-left{
    padding-left:80px;
}

.banner-item.icon-on-left .icons{
    position:absolute;
    top:10px;
    z-index:100;
    left:10px;
}

.banner-item.icon-on-right{
    padding-right:80px;
}

.banner-item.icon-on-right .icons{
    position:absolute;
    top:10px;
    z-index:100;
    right:10px;
}

.banner-item.orange{
    background:#f5791f;
}

.banner-item.orange .button{
    background:#d35400;
}

.banner-item.orange:hover{
    background:#d35400;
}

.banner-item.orange:hover .button{
    background:#f5791f;
}


.banner-item.light-blue{
    background:#3498db;
}

.banner-item.light-blue .button{
    background:#2980b9;
}

.banner-item.light-blue:hover{
    background:#2980b9;
}

.banner-item.light-blue:hover .button{
    background:#3498db;
}

.banner-item.gray{
    background:#a1aaaf;
}

.banner-item.gray a.button{
    background:#889196;
}

.banner-item.gray:hover{
    background:#889196;
}

.banner-item.gray:hover .button{
    background:#a1aaaf;
}






/* ========================= */
/*     CREATE AN ACCOUNT     */
/* ========================= */


.page-content{
    padding:20px 20px 30px;
    background:#fff;
    margin-bottom:10px;
    border: 1px solid #eee;
}

.page-content-footer{
    background:#f7f7f7;
    padding:20px;
    overflow:hidden;
}

.page-content-footer p{
    margin:0;
    font-size:14px;
}

.page-content-footer h4{
    margin:10px 0;
}

.page-content + .page-content-footer{
    margin-top:-30px;
    margin-bottom:30px;
}

.page-content ul{
    list-style:none;
    margin:0;
    padding:0;
}

.page-content li{
    margin:10px 0;
    font-size:14px;
}

.page-content p{
    font-size:14px;
}

.page-content input[type="text"], .page-content select, .page-content input[type="password"]{
    width:100%;
    background:#E7E7E7;
    font-size:14px;
}

.page-content textarea{
    width:100%;
    background:#E7E7E7;
    height:200px;
    border:1px solid #e6e6e6;
    font-size:14px;
}

.register-account p{
    margin:8px 0 25px;
}

.register-account label{
    position:relative;
    top:15px;
}

.register-account input[type="submit"]{
    background:#3498db;
    margin-top:20px;
}

.register-account input[type="reset"]{
    margin-top:20px;
}

.register-account input[type="submit"]:hover{
    background:#2980b9;
}

.page-content .chosen-single{
    height:40px!important;
    font-size:14px!important;
    color:#7a8188!important;
    padding: 8px 0 0 8px!important;
    border:1px solid #e6e6e6!important;
}

.page-content .chosen-results{
    border:1px solid #e6e6e6!important;
    border-top:none!important;
}

.page-content .chosen-results li{
    padding:10px 6px!important;
}

.page-content .chosen-single div {
    top:8px!important;
}

#searchBarContainer .chosen-single{
    height:40px!important;
    font-size:14px!important;
    color:#7a8188!important;
    padding: 8px 0 0 8px!important;
    border:1px solid #e6e6e6!important;
}

#searchBarContainer .chosen-results{
    border:1px solid #e6e6e6!important;
    border-top:none!important;
}

#searchBarContainer .chosen-results li{
    padding:10px 6px!important;
}

#searchBarContainer .chosen-single div {
    top:8px!important;
}

.page-content .helpingText{
    font-size:10px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.helpingText{
    font-size:12px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.validationText{
    font-size:12px;
    padding-top: 5px;
    padding-bottom: 10px;
    color: red;
}




/* ========================= */
/*         CHECKOUT          */
/* ========================= */



.checkout-form{
    margin-bottom:30px;
    background:#f7f7f7;
    padding:20px;
    font-size:14px;
}

.checkout-form table{
    text-align:right;
    width:100%;
}

.checkout-form table td{
    width:1%;
    padding:0 20px!important;
}

.checkout-form table td.empty-cell{
    width:100%;
}

.checkout-form textarea{
    width:100%;
    height:150px;
    margin:-10px 0 10px;
    border:1px solid #ddd;
}






/* ========================= */
/*           BLOG            */
/* ========================= */


.blog-item{
    margin-bottom:30px;
    overflow:hidden;
}

.blog-item>img,
.blog-item>a>img{
    width:100%;
}

.col-lg-12 .blog-item .rating-box{
    float:right;
    margin-top:0;
    margin-right:-10px;
}

.blog-item .rating-box{
    margin-top:2px;
}

.blog-item .rating-box span{
    margin-right:10px;
}

.blog-info{
    background:#f7f7f7;
    padding:20px;
}

.blog-info h3{
    margin:0 0 10px;
    font-size:24px;
    line-height:24px;
}

.blog-meta span{
    margin-right:20px;
    font-size:12px;
    line-height:10px;
}

.blog-meta .icons{
    color:#bdc3c7;
}

.blog-info p{
    font-size:14px;
    line-height:21px;
}

a.button{
    background:#34495e;
    padding:10px 15px;
    text-transform:uppercase;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    height:40px;
}

a.button.big{
    font-size:18px;
    padding:15px 30px;
    height:50px;
}

a.button.small{
    padding:5px 15px;
    font-size:14px;
    height:30px;
}

a.button.round{
    width:40px;
    height:40px;
    display:inline-block;
    padding-top:8px;
    padding-left:15px;
}

a.button.regular{
    text-transform:none;
}

a.button:hover{
    background:#2c3e50;
}

a.button .icons{
    margin:0 5px 0 -5px;
}

a.button.right-icon{
    padding-right:5px;
}

a.button.right-icon .icons{
    margin-left:5px;
}

.blog-actions{
    max-width:250px;
}

.blog-actions-big{
    max-width:290px;
}

.blog-actions-big .product-action{
    padding-top:9px!important;
}



ul.comments li{
    position:relative;
    margin-bottom:30px;
    margin-left:0;
}

ul.comments li p{
    margin:0;
}

ul.comments li .date{
    color:#7a8188;
}

ul.comments li .icons + p{
    margin-top:10px;
}

ul.comments li .icons{
    float:right;
    display:block;
    width:30px;
    height:30px;
    background:#f7f7f7;
    cursor:pointer;
    padding-top:5px;
    text-align:center;
    margin-top:-20px;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

ul.comments li .icons:hover{
    background:#dde3e6;
}

ul.comments li .icons.red{
    background:#e74c3c;
    color:#fff;
}

ul.comments li .icons.green{
    background:#2ecc71;
    color:#fff;
}

ul.comments li .icons.sum{
    font-style:normal;
}

ul.comments li .icons.no-pointer{
    cursor:default!important;
}

ul.comments li .icons.sum.green-sum{
    color:#2ecc71;
}

ul.comments li .icons.sum.red-sum{
    color:#e74c3c;
}

ul.comments li ul li{
    background:#f7f7f7;
    padding:15px 20px;
    margin:20px 0 20px 20px;
}






/* ========================= */
/*   PRODCUT SINGLE PAGE     */
/* ========================= */



.product-single{
    background:#f7f7f7;
    margin-bottom:10px;
    padding-bottom:20px;
    border: 1px solid #eee;
}

#product-slider{
    width:100%;
    position:relative;
    padding-top: 12px;
}

#product-slider img{
    width:100%;
}

#product-slider .product-image-medium{
    width:180px;
}

.product-single .product-actions-single .chosen-single, .page-content .chosen-single{
    height:40px	;
    padding: 6px 0 0 8px;
    background-color: #fff;
    border:1px solid #ddd;
    color:#7a8188;
}

.product-single .product-actions-single .chosen-single div, .page-content .chosen-single div {
    top:7px;
}

.product-single .product-actions-single .chosen-drop li, .page-content .chosen-single li {
    padding:8px 6px;
}

.product-single .product-actions{
    max-width:280px;
}

.product-single .numeric-input{
    margin-right:10px;
}

.product-fullscreen{
    width:40px;
    height:40px;
    display:inline-block;
    position:absolute;
    bottom:0;
    right:0;
    z-index:10;
    font-size:24px;
    text-align:center;
    color: #c71713;
    transition:color 0.3s;
    -webkit-transition:color 0.3s;
    -moz-transition:color 0.3s;
    -ms-transition:color 0.3s;
    -o-transition:color 0.3s;
    cursor:pointer;
}

.product-fullscreen:hover{
    color: #efda1d;
}

#product-carousel img{
    height:80px;
    background:#fff;
    padding:10px;
    cursor:pointer;
    opacity:0.5;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
    -ms-opacity:0.5;
    -o-opacity:0.5;
    transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -ms-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
}

#product-carousel img.active-item, #product-carousel img:hover{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
}

#product-carousel{
    padding-right:40px;
    position:relative;
}

.product-arrows>div{
    display:inline-block;
    width:40px;
    height:40px;
    background:#fff;
    padding-top:10px;
    text-align:center;
    position:absolute;
    top:0;
    right:0;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
    cursor:pointer;
}

.product-arrows>div:hover{
    background:#dde3e6;
}

.product-arrows .left-arrow{
    top:0;
    right:0;
}

.product-arrows .right-arrow{
    top:40px;
    right:0;
}

.product-single-info table td{
    padding:0 20px 5px 0!important;
    border:none;
    margin-left: 10px;
}

.product-single-info strong{
    color:#596067;
    font-weight:500;
    font-size:14px;
    display:block;
    margin:0 0 10px;
}

.product-single-info span.price{
    font-size:24px;
    display:block;

    vertical-align:bottom;
}

.product-single-info span.price del{
    font-size:16px;
    vertical-align:bottom;
    padding-top:5px;
    display:inline-block;
}

table.product-actions-single{
    margin:30px 0;
}

table.product-actions-single td{
    vertical-align:middle!important;
    padding:5px 20px 5px 0!important;
    min-width:100px;
}

.full-size>table.product-actions-single td{
    min-width:inherit;
}

table.product-actions-single input{
    height:35px;
    display:inline-block!important;
}

.product-single-info .social-share{
    margin:30px 0;
}

.button-row{
    margin-bottom:30px;
}

.char-counter{
    float:right;
    position:relative;
    top:-25px;
}

.char-counter input[type="text"]{
    width:100px!important;
    margin-left:5px;
}









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

.page-content label{
    font-size:14px;
    margin-bottom:5px;
    display:inline-block;
}

.contact-info iframe{
    width:100%;
    height:300px;
}

.contact-item{
    position:relative;
    padding-left:60px;
    margin:18px 0;
}

.contact-item .icons{
    width:40px;
    height:40px;
    text-align:center;
    vertical-align:middle;
    padding-top:4px;
    font-size:22px;
    line-height:32px;
    background:#ddd;
    position:absolute;
    left:0;
    top:0;
    color:#fff;
}

.contact-item .icon-mail{
    line-height:28px;
}

.blue.contact-item .icons{
    background:#3498db;
}

.green.contact-item .icons{
    background:#1abc9c;
}

.orange.contact-item .icons{
    background:#f5791f;
}

.purple.contact-item .icons{
    background:#9b59b6;
}

.contact-item p, .contact-form label{
    color:#596067;
}

.contact-form input[type="text"], .contact-form textarea{
    margin-bottom:15px;
}

.contact-form input[type="submit"]{
    background:#34495e;
}

.contact-form input[type="submit"]:hover{
    background:#2c3e50;
}

.contact-form textarea{
    height:150px;
}

.contact-form span{
    display:block;
    margin-top:10px;
    font-size:14px;
}

.page-content.contact-form{
    padding-bottom:30px;
}








/* ========================= */
/*          TABLES           */
/* ========================= */

.main-content table{

    margin-bottom:0px;
    color:#596067;
}

.main-content table strong{
    color:#fff;
}

.main-content table th{
    background:#a1aaaf;
    color:#fff;
    font-size:16px;
    font-weight:300;
    text-align:left;
    padding:15px 20px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

.main-content tr{
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

.main-content table th:last-child{
    border:none;
}

.main-content table td{
    border:0px solid #e9fbfe;
    padding:8px 10px 8px 10px;
    font-size:14px;
    vertical-align:top;
}

.main-content table p{
    font-size:14px;
}

.main-content table a{
    color:#3A749A;
}

.main-content table a:hover{
    color:#FF4444;
}

.searchBox{
    width:500px;
}

table .fit-cell{
    width:1%;
}







/* ========================= */
/*          WISHLIST         */
/* ========================= */


.wishlist-table{
    width:100%;
}

.wishlist-table tr:hover{
    background:#fff;
}

td.wishlist-image img{
    background:#fff;
    padding:10px;
    max-width:200px;
}

.wishlist-table .numeric-input{
    margin:0 0 10px 0;
}

td.wishlist-image{
    width:22.222222%!important;
    padding:0!important;
}

td.wishlist-info{
    width:33.333333%;
}

td.wishlist-price{
    width:11.111111%;
}

td.wishlist-actions{
    width:33.333333%;
}

td.wishlist-info h5{
    margin:0;
}

td.wishlist-info .product-category a{
    font-size:14px;
    color:#9b59b6;
    display:block;
    margin:5px 0;
}

table span.action-name{
    left:0;
    width:auto;
    position:relative;
    color:#fff;
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
}

.main-content input[type="number"]{
    margin-bottom:10px;
    width:80px;
    display:block;
}

table span.add-to-cart{
    background:#f5791f;
    display:inline-block;
    padding:10px 20px 10px 15px;
    margin:1px 0;
    font-size:16px;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

table span.add-to-cart .icons{
    color:#fff;
}

table span.add-to-cart:hover{
    background:#d35400;
}

table span.add-to-trash{
    background:#34495e;
    display:inline-block;
    padding:10px 20px 10px 15px;
    margin:1px 0;
    font-size:16px;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

table span.add-to-trash .icons{
    color:#fff;
}

table span.add-to-trash:hover{
    background:#2c3e50;
}







/* ========================= */
/*      COMPARE PRODUCTS     */
/* ========================= */

table.compare-table th{
    width:16%;
    padding:15px 20px;
}

table.compare-table .numeric-input{
    display:block;
    margin:0 0 10px 0;
}

table.compare-table tr:hover{
    background:#fff;
}

table.compare-table td{
    padding:15px 20px;
}

table.compare-table p, table.compare-table h5{
    margin:0;
}

table.compare-table td.compare-image{
    background:#fff;
    text-align:center;
}

table.compare-table td.compare-image img{
    max-height:150px;
}

table.compare-table tr:last-child th{
    border-bottom:none;
}

table.compare-table .tag-item{
    background:#fff;
}

table.compare-table .tag-item:hover{
    background:#1abc9c;
}





/* ========================= */
/*          ORDERS           */
/* ========================= */

.order-table{
    width:100%;
}

.order-table tr:hover{
    background:#fff;
}

.order-table p{
    margin:0;
    font-size:14px;
}

.order-table th.order-status{
    width:50%;
}

.order-table span.price{
    font-size:14px;
}

.order-table .order-number p{
    color:#1f2228;
}

table.order-table td{
    padding:10px 15px;
}





/* ========================= */
/*        ORDER INFO         */
/* ========================= */


table.orderinfo-table{
    width:100%;
}

table.orderinfo-table tr:hover{
    background:#fff;
}

table.orderinfo-table th{
    width:170px;
    padding:5px 20px;
}

table.orderinfo-table td{
    padding:10px 20px;
}

table.orderinfo-table span.price{
    font-size:14px;
}

table.orderinfo-table span.price.big{
    font-size:16px;
}




/* ========================= */
/*      SHOPPING TABLE       */
/* ========================= */

table.shopping-table{
    width:100%;
}

table.shopping-table tr:hover{
    background:#fff;
}

table.shopping-table img{
    width:80px;
}

table.shopping-table .image-column{
    background:#fff;
    padding:5px;
    width:80px;
}

table.shopping-table .quantity input[type="text"]{
    width:80px;
}

.checkout-form{
    padding-bottom:30px;
}


/* Coupon Table */

table.coupon-table{
    background:#fff;
    width:100%;
    margin:0;
}

table.coupon-table td{
    border:none;
    padding:0;
}

table.coupon-table td.fit-cell{
    padding-left:3px;
}








/* ==================================== */
/*                FOOTER                */
/* ==================================== */


/* upper Footer */

#upper-footer{
    background:#f7f7f7;
    padding:5px 20px;
    border-bottom:0px solid #dfe6f3;
}

#upper-footer.border-top{
    border-bottom:none;
    border-top:	1px solid #dfe6f3;
}

#upper-footer h4{
    text-transform:uppercase;
}

#newsletter>*, .social-media>*{
    display:inline-block;
}

#newsletter span{
    margin-top:20px;
}

#newsletter span.error{
    margin-top:0;
}

#newsletter input[type="text"]{
    width:330px;
    margin:0 0 0 15px;
    font-size:14px;
}

#newsletter input[type="text"], #newsletter input[type="submit"]{
    height:40px;
}

#newsletter input[type="submit"]{
    font-size:16px;
    position:relative;
    top:1px;
}

.social-media ul{
    padding:0;
    margin:0;
    list-style:none;
    vertical-align:middle;
    margin-left:15px;
}

.social-media ul li{
    display:inline-block!important;
    padding:0!important;
}

.social-media ul li a{
    display:block;
    width:40px;
    height:40px;
    background:#ccc url('../img/social-icons.png') no-repeat;
}




/* Social Icons */

.social-media ul li.social-googleplus a{
    background-color:#d74937;
    background-position:0 0;
}

.social-media ul li.social-facebook a{
    background-color:#39599f;
    background-position:-40px 0;
}

.social-media ul li.social-pinterest a{
    background-color:#b8242a;
    background-position:-80px 0;
}

.social-media ul li.social-twitter a{
    background-color:#45b0e3;
    background-position:-120px 0;
}

.social-media ul li.social-youtube a{
    background-color:#e70031;
    background-position:-160px 0;
}

.facebook-iframe iframe{
    width:100%;
    border:none;
}

.twitter-widget ul{
    list-style:none;
    margin:10px 0;
    padding:0;
}

.twitter-widget li{
    font-size:14px;
    color:#596067;
    padding-left:30px;
    position:relative;
    line-height:22px;
}

.twitter-widget li:before{
    content: '\e965';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    color:#3498db;
    position:absolute;
    left:0;
    top:0;
}

.twitter-widget .tweet_time{
    display:none;
}

.twitter-widget li .date{
    display:block;
    color:#596067;
}

.twitter-widget li a:hover{
    color:#1f2228!important;
}

.twitter-widget li .icons{

}







/* ========================= */
/*       MAIN FOOTER         */
/* ========================= */

#main-footer{
    background:#f7f7f7;
    padding:5px 20px 20px;
}

#main-footer h4{
    text-transform:uppercase;
}

#main-footer p{
    font-size:14px;
    line-height:22px;
}

#main-footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

#main-footer li{
    margin:10px 0;
    word-wrap: break-word
}

#main-footer ul li .icons{
    font-size:14px;
    width:15px;
    margin-left:-5px;
}

#main-footer ul li a:hover{
    color:#e74c3c;
}

#main-footer #newsletter p{
    margin-top:0;
}

.contact-footer-info ul li{
    font-size:14px;
    color:#596067;
    position:relative;
    padding-left:30px;
    margin-bottom:15px!important;
    display:block;
}

.contact-footer-info ul li .icons{
    color:#1f2228;
    margin-right:10px;
    position:absolute;
    top:0;
    left:0;
}

.social-media ul li{
    margin:0!important;
}

#main-footer #newsletter input[type="text"]{
    width:100%;
    margin:0 0 5px;
}






/* Lower Footer */

#lower-footer{
    padding:20px;
}

.payment-list{
    list-style:none;
    margin:0;
    padding:0;
    float:right;
}

.payment-list li{
    float:left;
    margin-left:5px;
    display:block;
    width:40px;
    height:25px;
    background:url('../img/payment-icons.png') no-repeat;
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
}

.payment-list li:fisrt-child{
    margin:0;
}

.payment-list li:hover{
    transform:rotateX(360deg);
    -webkit-transform:rotateX(360deg);
}

.payment-list .payment1{
    background-position:0 0;
}

.payment-list .payment2{
    background-position:-45px 0;
}

.payment-list .payment3{
    background-position:-90px 0;
}

.payment-list .payment4{
    background-position:-135px 0;
}

.payment-list .payment5{
    background-position:-180px 0;
}

#lower-footer p.copyright{
    font-size:12px;
    color:#7a8188;
    margin:0;
}






/* ==================================== */
/*               ELEMENTS               */
/* ==================================== */

.tooltip-inner{
    background:#2c3e50;
    box-shadow:0 0 5px #ddd;
    color:#fff;
    padding:4px 8px;
    border-radius:0;
}

.tooltip.top .tooltip-arrow{
    border-top-color:#2c3e50;
}

::-webkit-input-placeholder {
    color:#7a8188;
}
:-moz-placeholder {
    color:#7a8188;
}
::-moz-placeholder {
    color:#7a8188;
}
:-ms-input-placeholder {
    color:#7a8188;
}

input[type="text"], select,input[type="password"]{
    padding:5px 10px;
    border:1px solid #e6e6e6;
    height:40px;
    width:100%;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

input[type="submit"], input[type="reset"]{
    background:#2ecc71;
    color:#fff;
    text-transform:uppercase;
    height:40px;
    padding:5px 15px;
    border:none;
    font-size:14px;
    transition:background 0.3s;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    -ms-transition:background 0.3s;
    -o-transition:background 0.3s;
}

input[type="reset"].dark-blue{
    color:#fff;
}

input[type="submit"]:hover{
    background:#21bf64;
}

input[type="submit"].big, input[type="reset"].big{
    height:40px;
    padding:7px 20px;
    font-size:16px;
}

input[type="submit"].huge, input[type="reset"].huge{
    height:50px;
    padding:12px 25px;
    font-size:16px;
}

input[type="reset"]{
    background:#f7f7f7;
    color:#1f2228;
}

input[type="reset"]:hover{
    background:#2c3e50;
    color:#fff;
}

input[type="radio"], input[type="checkbox"]{
    margin-right:5px;
}

#back-to-top{
    width:50px;
    height:50px;
    display:inline-block;
    position:fixed;
    bottom:100px;
    right:4px;
    border-radius: 2px;
    background:#F5791F;
    font-size:24px;
    text-align:center;
    padding-top:12px;
    transition:background 0.3s, color 0.2s;
    -webkit-transition:background 0.3s, color 0.2s;
    -moz-transition:background 0.3s, color 0.2s;
    -ms-transition:background 0.3s, color 0.2s;
    -o-transition:background 0.3s, color 0.2s;
    cursor:pointer;
}

#back-to-top:hover{
    background:#dde3e6;
}

.radio-label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 14px;
}

.radio-label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #f7f7f7;
    border:1px solid #e6e6e6;
}

input[type="radio"]{
    display:none;
}

input[type=radio]:checked + .radio-label:before {
    content: "\2022";
    color: #7a8188;
    font-size: 40px;
    text-align: center;
    line-height: 14px;
}

input[type="checkbox"]{
    display:none;
}

input[type="checkbox"]+label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-top:10px;
    margin-right: 15px;
    font-size: 14px;
}

input[type="checkbox"]+label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    bottom : 0px;
    left: 0;
    background-color: #f7f7f7;
    border:1px solid #e6e6e6;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}

input[type="checkbox"]:checked + label:before{
    content: '\e818';
    font-size: 13px;
    color: #7a8188;
    text-align: center;
    line-height: 13px;
}

/*.numeric-input{*/
/*position:relative;*/
/*width:100px;*/
/*display:inline-block;*/
/*}*/

/*.numeric-input input{*/
/*width:100px;*/
/*height:42px!important;*/
/*}*/

/*.numeric-input>span{*/
/*position:absolute;*/
/*top:3px;*/
/*right:8px;*/
/*cursor:pointer;*/
/*color:#7a8188;*/
/*}*/

.numeric-input .arrow-down{
    bottom:3px;
    top:auto;
}


@media(min-width:1200px){
    .container{
        width:1230px;
        padding:0 30px;
    }
}



@media(min-width:992px) and (max-width:1199px){

    .col-md-fifth{
        width:20%;
        padding:0 15px;
        float:left;
    }
    #main-navigation .nav-description{
        display:none;
    }
    #main-navigation>ul>li>a .nav-caption{
        margin-top:0px;
    }
    .sidebar-box-heading, .carousel-heading{
        height:40px;
    }
    .sidebar-box-heading h4, .carousel-heading h4{
        font-size:14px;
    }
    .carousel-arrows .icons{
        width:40px;
        height:40px;
        padding:10px 0 0;
    }
    #search-bar input, #search-bar select{
        height:30px;
        font-size:14px;
    }
    .product-actions .action-name{
        font-size:12px;
        padding-top:3px;
    }
    a.product-hover{
        font-size:16px;
        top:90px;
    }
    #newsletter>*, .social-media>*{
        display:block;
    }

    #newsletter input[type="text"]{
        width:300px;
        margin:0;
        display:inline-block;
    }
    #newsletter input[type="submit"]{
        display:inline-block;
    }
    .social-media ul{
        margin:0;
    }
    .banner-item h4{
        margin:5px 0 0;
        font-size:16px;
        text-transform:uppercase;
        font-weight:900;
    }

    .banner-item p{
        font-size:12px;
    }

    .banner-item a.button{
        right:10px;
        top:15px;
        padding:8px 10px;
        font-size:14px;
    }

    .banner-item .icons{
        font-size:24px;
    }

    .banner .left-side-banner{
        width:32.66666%;
    }

    .banner .middle-banner{
        width:32.66666%;
    }

    .banner .right-side-banner{
        width:32.66666%;
    }
    .banner-item.icon-on-left{
        padding-left:50px;
    }
    .banner-item.icon-on-right{
        padding-right:50px;
    }
    .main-content table th{
        padding:10px;
    }
    .main-content table td{
        padding:10px;
    }

}

@media(min-width:768px) and (max-width:991px){
    .col-md-fifth{
        width:20%;
        padding:0 15px;
        float:left;
    }
    .tp-banner h2{
        font-size:24px;
        line-height:32px;
    }
    .tp-banner h3{
        font-size:18px;
        margin-top:30px;
    }
    .tp-banner p, .tp-banner span{
        display:none;
    }
    #main-navigation>ul>li>a{
        padding:15px 10px!important;
    }
    #main-navigation>ul>li>a .nav-caption{
        margin-top:0px;
    }
    #main-navigation .nav-caption{
        font-size:12px;
        line-height:18px;
    }
    #main-navigation .nav-description{
        display:none;
    }
    #main-navigation>ul>li>a .icons{
        font-size:14px;
        display:none;
    }
    #main-navigation .nav-search .icons{
        font-size:16px;
    }
    #main-navigation .nav-search{
        width:50px;
    }

    .style1 #search-bar,
    .style2 #search-bar,
    .style4 #search-bar,
    .style6 #search-bar{
        padding-top:4px;
    }

    .sidebar-box-heading, .carousel-heading{
        height:auto;
    }
    .sidebar-box-heading h4, .carousel-heading h4{
        font-size:13px;
        margin:0;
    }
    .sidebar-box-heading{
        padding-left:40px;
        color:#fff;
    }

    .carousel-heading h4{
        padding-top:10px;
        padding-bottom:5px;
        padding-left:10px;
    }
    #search-bar p{
        display:none;
    }
    .sidebar .carousel-arrows .icons{
        display:none;
    }
    .carousel-arrows .icons{
        width:40px;
        height:40px;
        padding:10px 0 0;
    }
    .iosSlider .slider .item .image {
        background-size:90% auto!important;
    }
    .flexsliderBig li{
        background-size:90% auto!important;
        background-position:right bottom!important;
    }
    .product-actions .action-name{
        display:none;
    }
    .product-actions>span{
        width:33.333333%;
        text-align:center !important;
    }
    .product-info h5{
        font-size:12px;
    }
    a.product-hover{
        font-size:14px;
        height:30px;
        top:60px;
        padding:5px;
        text-align:center;
        width:120px;
    }
    .banner-item h4{
        margin:5px 0 0;
        font-size:16px;
        text-transform:uppercase;
        font-weight:900;
    }

    .banner-item p{
        font-size:12px;
    }

    .banner-item span.button{
        right:10px;
        top:15px;
        padding:8px 10px;
        font-size:12px;
    }

    .banner-item .icons{
        display:none;
    }

    .banner .left-side-banner{
        width:32.66666%;
    }

    .banner .middle-banner{
        width:32.66666%;
    }

    .banner .right-side-banner{
        width:32.66666%;
    }
    .banner-item.icon-on-left{
        padding-left:10px;
    }
    .banner-item.icon-on-right{
        padding-right:10px;
    }
    .main-content table th{
        padding:8px 5px;
    }

    .main-content table td{
        padding:8px 5px;
    }
    table.orderinfo-table th{
        width:120px;
        padding:5px 5px;
    }

    table.orderinfo-table td{
        padding:8px 5px;
    }

    a.button{
        height:auto;
    }

    span.product-tag{
        top:10px;
        padding:5px 15px;
        font-size:12px;
    }

    .product-actions>span{
        padding:8px 0 0 0;
    }

    .product-actions>span .icons{
        margin-right:0!important;
    }
    .col-lg-12 .blog-item .rating-box {
        float:none;
        margin-top:10px;
    }
    #newsletter input[type="text"]{
        margin:0;
    }
    .social-media ul{
        margin:0;
    }
    .button-row .button{
        margin-bottom:2px;
    }
}

@media(max-width:767px){
    .tp-banner h3, .tp-banner p, .tp-banner span{
        display:none;
    }
    #top-header ul{
        float:none!important;
        text-align:center;
    }
    #top-header li{
        float:none;
        display:inline-block;
    }
    #top-header li:hover ul{
        display:none;
    }
    #logo{
        text-align:center;
        margin:0 0 20px;
    }
    #middle-navigation ul{
        float:none!important;
        text-align:center;
        margin:40px 0 20px;
    }
    #middle-navigation>ul>li{
        float:none;
        display:inline-block;
        margin:0;
    }
    #main-navigation>ul{
        display:block;
    }
    #main-navigation>ul>li{
        display:block;
    }
    #main-navigation>ul>li>a .nav-caption{
        margin-top:0px;
    }
    #main-navigation .nav-search{
        display:block;
        width:auto;
        width:100%!important;
        text-align:center;
        padding:30px 0;
    }
    #main-navigation .nav-search .icons{
        display:inline-block;
    }
    #search-bar{
        padding:15px 15px 0 15px!important;
    }
    #search-bar table, #search-bar tr, #search-bar td, #search-bar tbody{
        display:block;
        padding-right:0;
        margin:0!important;
        width:100%;
    }
    #search-bar p{
        margin:30px 0 5px!important;
        width:100%;
        display:block;
        top:0!important;
    }
    .search-column-1{
        width:100%;
    }

    .search-column-2{
        width:100%;
        padding-left:0;
    }
    #search-bar input{
        width:100%!important;
    }
    #search-button{
        position:absolute;
        right:0;
        left:0;
        height:90px;
        top:auto;
        width:100%;
        bottom:80px;
    }
    #search-button .icons{
        top:50%;
        margin-top:-10px;
        left:50%;
        margin-left:-10px;
    }
    .carousel img, .slides img,.product-image img, .subcategory img{
        width:100%;
    }
    .rating img{
        width:auto!important;
    }
    .product{
        margin:30px 0;
    }
    .col-md-fifth{
        width:100%;
        padding:0 15px;
        float:left;
    }
    .banner-item{
        width:100%;
        margin:20px 0!important;
    }
    .banner .left-side-banner{
        width:100%;
    }

    .banner .middle-banner{
        width:100%;
    }

    .banner .right-side-banner{
        width:100%;
    }
    .news{
        margin:40px 0;
    }
    .news-content{
        padding:10px 30px;
    }
    #newsletter>*, .social-media>*{
        display:block;
    }

    #newsletter input[type="text"]{
        width:100%;
        margin:0;
        display:inline-block;
    }
    #newsletter input[type="submit"]{
        display:inline-block;
    }
    #lower-footer{
        text-align:center;
    }
    #lower-footer p.copyright{
        margin:10px 0;
        text-align:center;
    }
    .social-media ul{
        margin:0;
    }
    .payment-list{
        float:none;
    }
    .payment-list li{
        float:none;
        margin:0;
        display:inline-block;
    }
    .main-content table, .main-content tbody{
        display:block;
        width:100%!important;
    }

    .main-content table tr{
        display:block;
        border-bottom:2px solid #999;
    }

    .product-single table tr{
        border:none;
    }

    .main-content table th{
        padding:10px;
        display:block;
        width:100%!important;
    }

    .main-content table td{
        padding:10px;
        width:100%!important;
        display:block;
    }

    .product-single-info{
        padding:20px;
    }

    #search-bar{
        background:transparent;
        position:relative;
        z-index:1000;
        color:#fff;
        padding:15px 0 15px 0!important;
        top:0;
        left:0;
        right:0;
        bottom:0;
        display:block;
    }

    #search-bar>.col-lg-12{
        padding:0;
    }

    #search-bar a{
        color:#1f2228!important;
    }

    #search-bar p{
        margin-top:10px!important;
    }

    #search-button{
        position:relative;
        bottom:0;
        height:40px;
        margin-top:20px;
        z-index:1!important;
    }
    .button-row .button{
        margin-bottom:2px;
    }
}


/* Tiny Nav */

.tinynav_label{ display:none; }
.tinynav { display: none; }

@media screen and (max-width: 767px) {

    .tinynav_label{ display:block; }
    .tinynav { display: block; width:100%!important;}
    #main-navigation>ul { display: none }

}

.errorMsg{
    padding: 10px 0px 10px 0px;
    color: #CA012A;
}

.quantity{
    color : #10ef60;
    font-weight: 600;
    font-size: 24px;
}

.comingSoon{
    background-image: url('../images/comingsoon1.gif');
    background-color: #cccccc;
    width:420px;
    height:420px;
}

.crBox{
    margin-left: 50px;
}

.lang{
    width:50%;
}

.deleteConfirm{
    float:right;
    padding : 10px 20px 30px 0px;
}

.productPageImg{
    width: 300px;
    height: 200px;
}

.wordWrap{
    word-wrap: break-word;
}

.pmp-search-column-1{
    width : 35%;
}

.homeMenu{
    list-style-type: none;
    display: inline-table;
    width: 120px;
    height: 120px;
    margin: 5px 5px 5px 10px;
}

.homeMenu img{
    width: 100%;
    height: 100%;
    border: 3px solid #ACB5BF;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.homeMenu img:hover{
    border: 1px solid #ACB5BF;
}


.verifiedTagLeft{
    width:60px;
    height:60px;
    float:left;
    top:0px;
    z-index:999;
}


.newTagRight{
    width:44px;
    height:45px;
    float:left;
    z-index:999;
    background-color: #34495e;

}

.newTagLeft{
    width:39px;
    height:40px;
    float:left;
    z-index:999;
    background-color: #34495e;

}

.verifiedTagRight{
    width:60px;
    height:60px;
    float:right;
    top:0px;
    z-index:999;
}

.packages {
    width: 100%;
    padding: 10px 0px;
}

.packageContainer {
    margin: auto auto auto auto;
    padding-left: 55px;
    background-color: #f0f0f0;
}

.packages .plan {
    float: left;
    width: 250px;
    padding-bottom: 22px;
    border-radius: 5px;
    border: 1px solid #eee;
    border-top: none;
    background-color: #fff;
    margin-right: 17px;
}

.packages .title {
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: url(../img/packages/dark-gray-bg.jpg) repeat-x left top;
}

.packages .orange .price {
    height: 85px;
    padding-top: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(../img/packages/host-plan-price-bg1.png) no-repeat center top;
    background-size: cover;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.packages .blue .price {
    height: 85px;
    padding-top: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(../img/packages/host-plan-price-bg2.png) no-repeat center top;
    background-size: cover;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.packages .green .price {
    height: 85px;
    padding-top: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(../img/packages/host-plan-price-bg3.png) no-repeat center top;
    background-size: cover;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.packages .red .price {
    height: 85px;
    padding-top: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(../img/packages/host-plan-price-bg4.png) no-repeat center top;
    background-size: cover;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.packages .price i {
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    display: block;
    margin-top: 4px;
    text-transform: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.packages .plan ul {
    padding: 0px;
    margin: 25px 0px 20px 0px;
    list-style: none;
    font-size: 14px;
}

.packages .orange li {
    padding: 0px 0px 0px 47px;
    margin: 0px;
    line-height: 28px;
    background: url(../img/packages/arrow-02.png) no-repeat 30px 10px;
    border-bottom: 1px solid #f6f6f6;
}

.packages .blue li {
    padding: 0px 0px 0px 47px;
    margin: 0px;
    line-height: 28px;
    background: url(../img/packages/arrow-03.png) no-repeat 30px 10px;
    border-bottom: 1px solid #f6f6f6;
}

.packages .green li {
    padding: 0px 0px 0px 47px;
    margin: 0px;
    line-height: 28px;
    background: url(../img/packages/arrow-04.png) no-repeat 30px 10px;
    border-bottom: 1px solid #f6f6f6;
}

.packages .red li {
    padding: 0px 0px 0px 47px;
    margin: 0px;
    line-height: 28px;
    background: url(../img/packages/arrow-05.png) no-repeat 30px 10px;
    border-bottom: 1px solid #f6f6f6;
}

.packages .signup_but {
    padding: 0px;
    margin: 0px;
    float: left;
}

.packages .orange .signup_but a {
    padding: 0px;
    margin: 0px 0px 0px 61px;
    float: left;
    width: 110px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: url(../img/packages/but-bg-01.png) no-repeat center top;
}

.packages .blue .signup_but a {
    padding: 0px;
    margin: 0px 0px 0px 61px;
    float: left;
    width: 110px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: url(../img/packages/but-bg-02.png) no-repeat center top;
}

.packages .green .signup_but a {
    padding: 0px;
    margin: 0px 0px 0px 61px;
    float: left;
    width: 110px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: url(../img/packages/but-bg-03.png) no-repeat center top;
}

.packages .red .signup_but a {
    padding: 0px;
    margin: 0px 0px 0px 61px;
    float: left;
    width: 110px;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: url(../img/packages/but-bg-04.png) no-repeat center top;
}

.packages .helight_this {
    float: left;
    padding: 15px 0px 0px 0px;
    margin: -40px 0px 0px 179px;
    width: 55px;
    height: 60px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    line-height: 13px;
    position: absolute;
    background: url(../img/packages/helight-icon.png) no-repeat center top;
}

.headerBanner{
    padding: 18px 10px 0px 0px;
}

.error404{
    width: 100%;
}

#casStart{
    float:right;
}

.casbox{
    overflow: hidden;
    padding-left: 30px;
    margin: 0px;
    border-bottom: solid 1px #CBCBCB;
}

.casno{
    color: #000;
    font-size: 13px;
}

.casContainer{
    background: #fff;
}

.cashead{
    padding-left: 10px;
}

.nmsProduct{
    margin-left: 20px;
}

#newTag{
    background: url("../img/indexIcons.png") -192px -7px;
    width:42px;
    height: 40px;
    z-index:999;
    background-color: #34495e;

}

#appleImg{
    background: url("../img/indexIcons.png") -20px -35px;
    width:20px;
    height: 20px;
}

#androidImg{
    background: url("../img/indexIcons.png") 0 -35px;
    width:20px;
    height: 20px;
}

#windowsImg{
    background: url("../img/indexIcons.png") -40px -35px;
    width:20px;
    height: 20px;
}
#windowsPhnImg{
    background: url("../img/indexIcons.png") -68px -35px;
    width:20px;
    height: 20px;
}

#wPhone{
    background: url("../img/indexIcons.png") 0 -225px;
    width:260px;
    height: 80px;
}

#wStore{
    background: url("../img/indexIcons.png") 0 -308px;
    width:260px;
    height: 80px;
}

#gplay{
    background: url("../img/indexIcons.png") 0 -60px;
    width:260px;
    height: 80px;
}

#iphone{
    background: url("../img/indexIcons.png") 0 -142px;
    width:260px;
    height: 80px;
}

#logoImg{
    content: url("../img/logo.png");
    width:166px;
    height: 72px;
}

#synViewMore{
    cursor:pointer;
}

#duViewMore{
    cursor:pointer;
}

#profileTop{
    background-image: url("../img/userProfile.jpg");
    width:100%;
    height: 160px;
    padding: 10px;
}

#profileTopCN{
    color: #fff;
    font-size: 28px;
}

#userLogo{
    width:100px;
    height:100px;
    padding:10px 0px;
    margin-top: 12px;
}

#sidebar_userLogo{
    width:100px;
    height:100px;
    padding:10px;
    margin-left:40px;
}

.padding-box table{
    font-size: 14px;
}

.padding-box table td{
    padding: 0px 20px 5px 0px !important;
}

#profileTopNav{
    margin-bottom: 15px;
}

.profile_productImg{
    width :100%;
    height : 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.profile_productCN a{
    color: #EF9B54;
}

.profile_vdButton{
    background: #efcb18;
    padding: 5px 15px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    bottom: 0px;
    position: absolute;
    vertical-align: bottom;
    margin: 10px auto;
}

.profile_vdButton:hover{
    background: #EF9B54;
    color: #FFF;
}

.user-products{
    width:190px;
    height: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
    background-color: #fff;
}

.percentSym{
    background: #EF9B54;
    padding-top:15px;
    font-size:15px;
}
.orange:hover{
    color:#3498db;
    text-decoration:none;
}

.enquiryChemical{
    padding: 10px;
    background: #FFF none repeat scroll 0% 0%;
    margin-bottom: 10px;
    border: 1px solid #3498db;
}

.enquiry-image{
    width:50px;
    height:60px;
}


span.productCount {
    color: #E74C3C;
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
}

.userProfileSearch{
    margin-top: 55px;
}