/* ==========================================================================
   1. General
========================================================================== */
/* 1.1 Main Styles
---------------------------------------------------------------------------*/
html, body{
    height:100%;
}
body {
    margin: 0;
    /*color: #888888;*/
    color:#555;
    padding: 116px 0 0;
    font-weight: normal;
    background-color: #ffffff;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
    /*font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:13px;
    line-height:1.6;*/
    font: 14px/22px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.dashboard{
    padding-top:50px;
}
.small-font{
    font-size:13px;
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
.browsehappy { margin: 0.2em 0; background-color: #cccccc; color: #000000; padding: 0.2em 0; }

.uppercase { text-transform: uppercase; }

/*misc*/
.padding,.padding-top,.padding-bottom,.padding-bottom-30{
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}
.padding{
    padding: 50px 0 50px;
}
.padding-top{
    padding:50px 0 0 0;
}
.padding-bottom{
    padding:0 0 50px 0;
}
.padding-bottom-30{
    padding:0 0 30px 0;
}
.hidden{
    display:none;
}
.strikethrough{
    text-decoration:line-through;
}
address .phone-fax{
    margin-top:10px;
}

.needs-update{
    color:#ff0000;
}

.vertical-align{
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.wr-dark-blue{
    color: #324c80;
}
.wr-light-blue{
    color:#4765a0;
}
.bg-color-light{
    background-color:#f7f7f7 !important;
}

.font-light { font-weight: 300;}
.ads-holder{
    margin-top:10px;
    margin-bottom:10px;
}
/* 1.2 Anchor
---------------------------------------------------------------------------*/
a {
    color: #324c80;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:focus,
a:hover {
    outline: none;
    color: #333333;
    text-decoration: none;
}
.jumbotron a{
    text-decoration:underline;
}
.jumbotron a:hover{
    text-decoration:none;
}
.jumbotron a.btn{
    text-decoration:none;
}

a.underline{
    text-decoration:underline;
}
a.underline:hover{
    text-decoration:none;
}
/*Content Boxes v3*/
.content-boxes-v3 {
  margin-bottom: 15px;
}

.content-boxes-v3 i.rounded-x {
  /*top: 8px;*/
  top:2px;
  float: left;
  position: relative;
}

.content-boxes-v3 .content-boxes-in-v3 {
  padding: 0 10px;
  overflow: hidden;
}

.content-boxes-v3 .content-boxes-in-v3 h3 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 3px;
  text-transform: capitalize;
}

.content-boxes-v3 .content-boxes-in-v3 h3 a {
  color: #555;
}
/* responsive margins
---------------------------------------------------------------------------*/
@media (max-width: 768px) {
  .sm-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .sm-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .sm-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .sm-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .sm-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .sm-margin-bottom-60 {
    margin-bottom: 60px;
  }
}

@media (max-width: 992px) {
  .md-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .md-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .md-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .md-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .md-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .md-margin-bottom-60 {
    margin-bottom: 60px;
  }
}

/*Easy Block v3
------------------------------------*/
.easy-block-v3 {
	text-align: left;
	background: #585f69;
    /*background-color:#4765a0;*/
    /*background-color:#324c80;*/
	margin-bottom: 10px;
	padding: 30px 20px 20px;
}

.easy-block-v3.first { 
	background: #696f77; 
}
.easy-block-v3.second { 
	background: #707780; 
}
.easy-block-v3.third { 
	background: #787f88; 
}

.easy-block-v3 i.side-icon {
	color: #fff;
	float: left;
	font-size: 30px;
	min-width: 45px;
	/*padding-top: 10px;*/
}

.easy-block-v3 .inner-faq-b {
	overflow: hidden;
}

.easy-block-v3 .inner-faq-b h2,
.easy-block-v3 .inner-faq-b h3 {
	font-size: 21px;
	margin-bottom: 8px;
}

.easy-block-v3 .inner-faq-b h4 {
	color: #fff;
	font-size: 17px;
	margin-bottom: 2px;
}

.easy-block-v3 .inner-faq-b h2,
.easy-block-v3 .inner-faq-b h3,
.easy-block-v3 .inner-faq-b p {
	color: #fff;
}
.easy-block-v3 .links,
.easy-block-v3 .links a{
    color:#eee;
}
.easy-block-v3 .links a:hover{
    text-decoration:underline;
    color:#eee;
}
/* ==========================================================================
   2. Typography
========================================================================== */
/* 2.1 Headings
---------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    /*color: #444444;*/
    color:#585f69;
    margin: 0 0 20px;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;*/  
}
h1.space,
h2.space,
h3.space,
h4.space,
h5.space,
h6.space {
    letter-spacing:1px;
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
    font-weight:600;
}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
    margin-bottom:5px;
}
h2 .company-logo{
    height:24px;
    display:inline-block;
    margin-right:5px;
}
h3 .company-logo{
    height:20px;
    display:inline-block;
    margin-right:5px;
}

/*Heading Sizes
------------------------------------*/
h2.heading-md {
  font-size: 20px;
  line-height: 24px;
}

h2.heading-sm,
h3.heading-md {
  font-size: 18px;
  line-height: 24px;
}

h3.heading-md {
  line-height: 22px;
}

h3.heading-sm {
  font-size: 16px;
  line-height: 20px;
}

h2.heading-xs {
  font-size: 16px;
  line-height: 22px;
}

h3.heading-xs {
  font-size: 14px;
  margin-bottom: 0;
}

p { margin: 0 0 10px; }

b,
.strong,strong { font-weight: 700; }

.font-size-16 { font-size: 16px; }
.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }
.font-size-24 { font-size: 24px; }
.font-size-36 { font-size: 36px; }
.font-size-60 { font-size: 60px; }

.font-weight-600 { font-weight: 600; }
.font-weight-800 { font-weight: 800; }

/* Block headlines style 1
---------------------------------------------------------------------------*/
.headline-1 {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #e4e9f0;
}

.headline-1 h2 {
  font-size: 22px;
}

.headline-1 h2, 
.headline-1 h3, 
.headline-1 h4 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block;
  /*border-bottom: 2px solid #324c80;*/
  border-bottom: 2px solid #4765a0;

  color: #585f69;
  text-shadow: none;
  font-weight: 400;
}

.headline-1-md {
  margin-bottom: 15px;
}

.headline-1-md h2 {
  font-size: 21px;
}

.headline-center{
    text-align:center;
    position:relative;
}
.headline-center h2{
    color:#555;
    font-size:24px;
    position:relative;
    margin-bottom:20px;
    padding-bottom:15px;
    font-weight:300;
}

.headline-center.headline-center-underline::after{
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  margin-left: -15px;
  text-align: center;
  position: absolute;
  background: #4765a0;
  
}


/* 2.2 Selection Color
---------------------------------------------------------------------------*/
::selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #324c80;
}
::-webkit-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #324c80;
}
::-moz-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #324c80;
}

/* 2.3 Colors
---------------------------------------------------------------------------*/
.base-color { color: #324c80; }
.black-color { color: #333333; }
.gray-color { color: #444444; }
.white-color {color: #fff;}
.blue-1{ color:#324c80; }


/* ==========================================================================
   3. Header Section
========================================================================== */
/* 3.1 Wrapper
---------------------------------------------------------------------------*/
#header-section {
    top: 0;
    width: 100%;
    z-index: 6999;
    position: absolute;
}

/* 3.2 Top Header
---------------------------------------------------------------------------*/
/* 3.2.1 Wrapper
---------------------------------------------------------------------------*/
#top-header {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    background-color: #ffffff;
    -webkit-border-bottom: 1px solid #efefef;
       -moz-border-bottom: 1px solid #efefef;
         -o-border-bottom: 1px solid #efefef;
            border-bottom: 1px solid #efefef;
}
body.dashboard #top-header,
.hide-top-header { 
    opacity: 0; 
}

/* 3.2.2 Info
---------------------------------------------------------------------------*/
#info { padding: 6px 0; }
#info span { margin: 0 10px 0 0; }
#info span:last-child { margin: 0; }
#info a, #info h1 { color: #888888; }
#info a:hover { color: #324c80; }
#info h1 { font-size:12px; margin:3px 0 0 0; }

/* 3.2.3 Social Icons
---------------------------------------------------------------------------*/
#header-social-icons { float: right; }
#header-social-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#header-social-icons ul li {
    float: left;
    display: inline-block;

    -webkit-border-left: 1px solid #efefef;
       -moz-border-left: 1px solid #efefef;
         -o-border-left: 1px solid #efefef;
            border-left: 1px solid #efefef;
}
#header-social-icons ul li:last-child {
    -webkit-border-right: 1px solid #efefef;
       -moz-border-right: 1px solid #efefef;
         -o-border-right: 1px solid #efefef;
            border-right: 1px solid #efefef;
}
#header-social-icons ul li a {
    width: 34px;
    display: block;
    color: #888888;
    line-height: 34px;
    text-align: center;

    -webkit-transition: all 0.0s ease-in-out;
       -moz-transition: all 0.0s ease-in-out;
        -ms-transition: all 0.0s ease-in-out;
	     -o-transition: all 0.0s ease-in-out;
	        transition: all 0.0s ease-in-out;
}
#header-social-icons ul li a:hover { color: #ffffff; }

a.twitter:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #46C0fb; }
a.facebook:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #4863ae; }
a.google-plus:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #dd4b39; }
a.youtube-play:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #cc181e; }
a.pinterest:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #ab171e; }
a.linkedin:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #0083a8; }
a.skype:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #36c4f3; }
a.instagram:hover { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #4d4f54; }


/* 3.3 Menu
---------------------------------------------------------------------------*/
/* 3.3.1 Wrapper
---------------------------------------------------------------------------*/
#nav-wrapper {
    width: 100%;
    position: relative;
    background-color: #ffffff;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;

    -webkit-border-bottom: 1px solid #efefef;
       -moz-border-bottom: 1px solid #efefef;
         -o-border-bottom: 1px solid #efefef;
            border-bottom: 1px solid #efefef;
}

#nav-wrapper:after {
    left: 0;
    top: 100%;
    content: '';
    width: 100%;
    height: 42px;
    position: absolute;
    background: url(/content/images/header-shadow.png) no-repeat;
    background-position: center bottom;
}

body.dashboard #nav-wrapper:after{
    display:none;
}
/* 3.3.2 Tiny
---------------------------------------------------------------------------*/

body.premium-wholesaler-company-profile #nav-wrapper,
body.dashboard #nav-wrapper,
#nav-wrapper.tiny {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.95);
}
body.premium-wholesaler-company-profile #nav-wrapper{
    background-color:transparent;
}
body.premium-wholesaler-company-profile #nav-wrapper .navbar{
    background-color: rgba(255, 255, 255, 0.95);
    min-height:106px;
}
body.premium-wholesaler-company-profile #nav-wrapper.tiny .navbar {
    min-height:50px;
}


/* alt nav visible
---------------------------------------------------------------------------*/
#nav-wrapper.alt-nav-visible{
    border-bottom:none;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;    
}
/* navbar
========================================================================== */
.navbar {
    margin-bottom: 0;
    min-height: 40px;

    -webkit-border: 0;
       -moz-border: 0;
         -o-border: 0;
            border: 0;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand { margin-left: 0; }
.navbar-brand {
    padding: 0;
    
}
a.navbar-brand.wholesale-registry{
    padding:20px 0 60px 0;
}
body.dashboard a.navbar-brand.wholesale-registry,
.tinyheader a.navbar-brand.wholesale-registry{
    padding:5px 0 5px 0;
}
.navbar-nav > li > a {
    color: #222;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    text-transform:uppercase;
    border-top:2px solid transparent;
}

body.premium-wholesaler-company-profile .navbar-nav > li > a,
body.dashboard .navbar-nav > li > a,
.tinyheader .navbar-nav > li > a{
    padding: 5px 10px 5px 10px;
}
.navbar-nav > li > a:hover { 
    color: #324c80; 
}
.navbar-nav > li { 
    margin-left:0;
}
.navbar-nav > li:first-child { margin-left: 0; }
.nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }
.navbar-nav > li.active > a { 
    color: #324c80; 
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color:#324c80;
    background-color:transparent;
    border-color:transparent;
}
.navbar-toggle {
    margin: 22px 0 0 0;
    color: #222;
    padding: 4px 8px;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;

    -webkit-border: 1px solid #888888;
       -moz-border: 1px solid #888888;
         -o-border: 1px solid #888888;
            border: 1px solid #888888;
}
body.premium-wholesaler-company-profile .tiny .navbar-toggle{
    margin-top:0px;
}
body.dashboard .navbar-toggle,
.tinyheader .navbar-toggle{
    margin-top:8px;
}
.navbar-toggle .fa{
    color:#888;
}
.navbar-brand span{
    letter-spacing:-2px;
    font-weight:600;
    font-size:28px;
    display:inline-block;
    margin-top:0px;
    height:28px;
    line-height:28px;
    margin-top:2px;
}

body.dashboard .navbar-brand span,
.tinyheader .navbar-brand span{
    height:22px;
    font-size:22px;
    line-height:22px;
    margin-top:8px;
}
.navbar-brand span.wholesale{
    color:#222;
}
.navbar-brand span.registry{
    color:#324c80;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    color: #324c80;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

#main-navbar .dropdown-menu{
    font-size:13px;
    border-radius:0;
}


#main-navbar .dropdown-menu a:hover{
    background-color:transparent;
    color: #324c80;
}

body.premium-wholesaler-company-profile #nav-wrapper::after{
    z-index:1;
}
/*full navbar*/
@media (min-width: 768px) {

    a.navbar-brand.wholesale-registry{
        padding:20px 0 60px 0;
    }

    .navbar-nav > li > a {    
        padding: 28px 10px 30px 10px;
    }
    body.premium-wholesaler-company-profile .navbar-nav > li > a,
    body.dashboard .navbar-nav > li > a,
    .tinyheader .navbar-nav > li > a{
        padding: 13px 10px 15px 10px;
        display:block;
    }

    .navbar-nav > li > a:hover { 
        border-top:2px solid #324c80;
    }
    .navbar-nav > li.active > a { 
        color: #324c80; 
        border-color:#324c80;
    }
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #fff;
        border-color:#324c80;
        color:#324c80;
    }
    #main-navbar .dropdown-menu {
        /*border-top:2px solid #324c80;
        border-bottom:2px solid #222;*/
    }
    /*show dropdown on hover*/
    #main-navbar .dropdown:hover .dropdown-menu{
        display:block;
    }
}


/* ==========================================================================
   4. Revolution Slider
========================================================================== */
/* 4.1 Wrapper
---------------------------------------------------------------------------*/
.forcefullwidth_wrapper_tp_banner {
    z-index: 0;
    position: relative;
    background-color: #ffffff;
}

/* 4.2 Arrows
---------------------------------------------------------------------------*/
.tparrows {
    top: 50%;
    z-index: 699;
    cursor: pointer;
	line-height: 40px;
    margin: -20px 0 0;
	text-align: center;
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #333333 !important;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.tparrows:before {
    speak: none;
    color: #ffffff;
    font-size: 1.5em;
    text-align: center;
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
	text-transform: none;
	display: inline-block;
    text-decoration: inherit;
    font-family: 'FontAwesome';
}
.tparrows:hover { background: url("/content/images/mask/maskbutton.png") no-repeat scroll 50% 50% / 100% 100% #324c80 !important; }
.tp-leftarrow:before { content: "\f104"; }
.tp-rightarrow:before { content: "\f105"; }

/* 4.3 tp-caption
---------------------------------------------------------------------------*/
.tp-caption.medium_bg_asbestos {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
	line-height: 22px;
    padding: 6px 12px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.tp-caption.medium_bg_asbestos:hover { background: url("/content/images/mask/maskbutton.png") no-repeat scroll 50% 50% / 100% 100% #324c80; }

/* 4.4 btn
---------------------------------------------------------------------------*/
.tp-caption a,
.tp-caption a:hover {
    color: #ffffff;
}




/* ==========================================================================
   5. Intro Section
========================================================================== */
/* 5.1 Wrapper
---------------------------------------------------------------------------*/
#intro-section {
    margin: 0;
    width: 100%;
    position: relative;
    padding: 0 0 10px 0;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(/content/images/background/1.jpg);

    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;

    -webkit-border-bottom: 1px solid #efefef;
       -moz-border-bottom: 1px solid #efefef;
         -o-border-bottom: 1px solid #efefef;
            border-bottom: 1px solid #efefef;
}

/* 5.2 Wrapper ( for home 4 boxes only )
---------------------------------------------------------------------------*/
.home-boxes-wrapper {
    padding: 0;
    z-index: 1;
    width: 100%;
    margin: 2px 0 0;
    position: relative;
}

/* 5.2.1 feature-box-style1
---------------------------------------------------------------------------*/
/* 5.2.1.1 Wrapper
---------------------------------------------------------------------------*/
.feature-box-style1 {
    padding: 0;
    width: 100%;
    height: 115px;
    text-align: center;
    position: relative;
    margin: 0 0 30px 0;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

/* 5.2.2.2 Container
---------------------------------------------------------------------------*/
.feature-box-style1 div.box-container {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    display: block;
    position: absolute;
    text-align: center;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 5.2.2.3 Image
---------------------------------------------------------------------------*/
.feature-box-style1 .feature-box-image {
    height: 0;
    width: 100%;
    display: block;
    overflow: hidden;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;

    -webkit-border-bottom: 2px solid #324c80;
       -moz-border-bottom: 2px solid #324c80;
         -o-border-bottom: 2px solid #324c80;
            border-bottom: 2px solid #324c80;

    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
         -o-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
}
.feature-box-style1 .feature-box-image img { width: 100%; }

/* 5.2.2.4 Icon
---------------------------------------------------------------------------*/
.feature-box-style1 .feature-box-icon {
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    line-height: 60px;
    position: relative;
    text-align: center;
    margin: -31px auto 20px;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #324c80;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

/* 5.2.2.5 Containt
---------------------------------------------------------------------------*/
.feature-box-style1 .feature-box-containt {
    margin: 0;
    height: 0;
    display: block;
    padding: 0 20px;
    overflow: hidden;
    position: relative;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.feature-box-style1 .feature-box-containt:after {
    right: 0;
    top: 137px;
    height: 1px;
    content: '';
    width: 100%;
    position: absolute;

    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}
.feature-box-style1 .feature-box-containt p {
    height: 86px;
    overflow: hidden;
    margin: 0 0 15px;
}

/* 5.2.2.6 Subtitle
---------------------------------------------------------------------------*/
.feature-box-style1 .feature-box-subtitle {
    font-size: 15px;
    font-weight: 600;
}

/* 5.2.2.7 Title
---------------------------------------------------------------------------*/
.feature-box-style1 .feature-box-title { margin: 0 0 20px; }
.feature-box-style1 .feature-box-title h4 { margin: 5px 0 0; }

/* 5.2.2.8 Hover
---------------------------------------------------------------------------*/
.feature-box-style1 div.box-container:hover .feature-box-image {
    height: 164px;

    -webkit-border-bottom: 2px solid #333333;
       -moz-border-bottom: 2px solid #333333;
         -o-border-bottom: 2px solid #333333;
            border-bottom: 2px solid #333333;
}
.feature-box-style1 div.box-container:hover .feature-box-containt {
    margin: 0;
    height: 152px;
    padding: 0 20px 35px;
}
.feature-box-style1 div.box-container:hover .feature-box-icon {
    margin: -31px auto 22px;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #333333;
}
.feature-box-style1 div.box-container:hover { background-color: rgba(255, 255, 255, 0.93); }




/* ==========================================================================
   6. Section Title
========================================================================== */
/* 6.1 Wrapper
---------------------------------------------------------------------------*/
.section-title {
    width: 100%;
    margin: 0 0 50px;
}

/* 6.2 Main
---------------------------------------------------------------------------*/
.main-title {
    color: #324c80;
    font-size: 34px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* 6.3 Description
---------------------------------------------------------------------------*/
.desc-title {
    color: #333333;
    font-size: 21px;
    line-height: 31px;
    text-align: center;
}




/* ==========================================================================
   7. Services Section
========================================================================== */
/* 7.1 Wrapper
---------------------------------------------------------------------------*/
#services-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px 0 50px;
    background-color: #ffffff;
}


#services-section-u{
    margin-top:40px;
}
/*#services-section-u .easy-block-v3 h2,*/
#services-section-u .easy-block-v3 .links a{
    text-transform:uppercase;
}
/* 7.2 feature-box-style2
---------------------------------------------------------------------------*/
/* 7.2.1 Wrapper
---------------------------------------------------------------------------*/
.feature-box-style2 {
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
}

/* 7.2.2 Icon
---------------------------------------------------------------------------*/
.feature-box-style2 .feature-box-icon {
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto 20px;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #333333;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.feature-box-style2 i { line-height: 60px; }
.feature-box-style2 i.fa-mobile { font-size: 33px; }

/* 7.2.3 Containt
---------------------------------------------------------------------------*/
.feature-box-style2 .feature-box-containt {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.feature-box-style2 .feature-box-containt h4 {
    color: #324c80;
    margin: 0 0 10px;
    text-transform: uppercase;
}

/* 7.2.4 Hover
---------------------------------------------------------------------------*/
.feature-box-style2:hover .feature-box-icon { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #324c80; }




/* ==========================================================================
   8. Counters Section
========================================================================== */
/* 8.1 Wrapper
---------------------------------------------------------------------------*/
#counters-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px 0 20px;
    background-color: #222222;
}


/* 8.2 feature-box-style3
---------------------------------------------------------------------------*/
/* 8.2.1 Wrapper
---------------------------------------------------------------------------*/
.feature-box-style3 {
    padding: 0;
    width: 100%;
    margin: 0 0 60px;
    text-align: center;
}

/* 8.2.2 Icon
---------------------------------------------------------------------------*/
.feature-box-style3 .feature-box-icon i {
    width: 80px;
    height: 80px;
    color: #ffffff;
    font-size: 44px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto 20px;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #333333;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

/* 8.2.3 Number
---------------------------------------------------------------------------*/
.feature-box-number {
    color: #324c80;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 600;
    margin: 0 auto 20px;
    letter-spacing: 1px;
}

/* 8.2.4 Title
---------------------------------------------------------------------------*/
.feature-box-title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* 8.2.5 Hover
---------------------------------------------------------------------------*/
.feature-box-style3:hover .feature-box-icon i { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #324c80; }




/* ==========================================================================
   9. Portfolio Section
========================================================================== */
/* 9.1 Wrapper
---------------------------------------------------------------------------*/
#portfolio-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px 0 50px;
    background-color: #ffffff;
}
#portfolio-section .section-title { margin: 0 0 60px; }


/* 9.2 Portfolio Filter
---------------------------------------------------------------------------*/
/* 9.2.1 Wrapper
---------------------------------------------------------------------------*/
.portfolioFilter {
    width: 100%;
    text-align: center;
}
.portfolioFilter ul {
    z-index: 2;
    padding: 0;
    margin: 0 0 50px;
    list-style: none;
    text-align: center;
}

/* 9.2.2 items
---------------------------------------------------------------------------*/
.portfolioFilter ul li {
    margin: 0 10px 10px 0;
    display: inline-block;
    background: url("/content/images/mask/maskbutton.png") no-repeat scroll 50% 50% / 100% 100% #333333;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.portfolioFilter ul li:last-child { margin: 0 0 10px; }
.portfolioFilter ul li:hover { background: url("/content/images/mask/maskbutton.png") no-repeat scroll 50% 50% / 100% 100% #324c80; }

/* 9.2.3 Anchor
---------------------------------------------------------------------------*/
.portfolioFilter a {
    z-index: 2;
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    text-align: center;
    position: relative;
    white-space: nowrap;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration:none;
    vertical-align: middle;
    text-transform: uppercase;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
           -o-user-select: none;
}
.selected { background: url("/content/images/mask/maskbutton.png") no-repeat scroll 50% 50% / 100% 100% #324c80; }

/* 9.3 isotope
---------------------------------------------------------------------------*/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-transition-property: height, width;
         -o-transition-property: height, width;
            transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
         -o-transition-property: -o-transform, opacity;
            transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
}
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { z-index: 1; }

/* 9.4 Portfolio grid Item
---------------------------------------------------------------------------*/
/* 9.4.1 Wrapper
---------------------------------------------------------------------------*/
.portfolio-grid {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

/* 9.4.2 Item
---------------------------------------------------------------------------*/
.portfolio-item {
    display: block;
    margin: 0 0 30px;
}

/* 9.4.3 Image
---------------------------------------------------------------------------*/
.img-figure img {
    width: 100%;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

/* 9.4.4 Overlayer
---------------------------------------------------------------------------*/
.portfolio-grid .img-figure-overlayer {
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
	height: 100%;
    display: block;
    padding: 0 15px;
    overflow: hidden;
	position: absolute;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

/* 9.4.5 Anchor
---------------------------------------------------------------------------*/
.portfolio-grid .img-figure-overlayer a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: url("/content/images/mask/maskoblong.png") no-repeat scroll 50% 50% / 100% 100% rgba(255, 255, 255, 0.5);

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
.portfolio-grid .img-figure-overlayer a i {
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    color: #333333;
    font-size: 34px;
    line-height: 50px;
    position: absolute;
    margin: -25px 0 0 -25px;
}

/* 9.4.6 Hover
---------------------------------------------------------------------------*/
.portfolio-grid .portfolio-item:hover .img-figure-overlayer { opacity: 1; }




/* ==========================================================================
/* 10. Pricing Section
========================================================================== */
/* 10.1 Wrapper
---------------------------------------------------------------------------*/
#pricing-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px 0 50px;
    background-color: #324c80;
}
#pricing-section .col-md-3 { padding: 0; }

/* 10.2 Pricing Box
---------------------------------------------------------------------------*/
/* 10.2.1 Wrapper
---------------------------------------------------------------------------*/
.pricing-box,
.feature-pricing-box {
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 0 30px 0;
    position: relative;
    background-color: #ffffff;

    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
         -o-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
}
.feature-pricing-box {
    z-index: 2;

    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);

    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
         -o-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
}

/* 10.2.2 Price
---------------------------------------------------------------------------*/
.pricing-box .price {
    background-image: -webkit-linear-gradient(270deg, #444444, #333333);
    background-image: -moz-linear-gradient(270deg, #444444, #333333);
    background-image: -ms-linear-gradient(270deg, #444444, #333333);
    background-image: -o-linear-gradient(270deg, #444444, #333333);
    background-image: linear-gradient(180deg, #444444, #333333);

}
.feature-pricing-box .price {
    background-image: -webkit-linear-gradient(270deg, #324c80, #860815);
    background-image: -moz-linear-gradient(270deg, #324c80, #860815);
    background-image: -ms-linear-gradient(270deg, #324c80, #860815);
    background-image: -o-linear-gradient(270deg, #324c80, #860815);
    background-image: linear-gradient(180deg, #324c80, #860815);
}

/* 10.2.3 Details
---------------------------------------------------------------------------*/
.pricing-box ul,
.feature-pricing-box ul {
	padding: 0 20px;
    list-style: none;
    margin: 0 0 40px 0;
}
.pricing-box li,
.feature-pricing-box li {
	padding: 10px 0;
    cursor: default;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;

    -webkit-border-bottom: 1px dashed #efefef;
       -moz-border-bottom: 1px dashed #efefef;
         -o-border-bottom: 1px dashed #efefef;
            border-bottom: 1px dashed #efefef;
}

/* 10.2.4 Typography
---------------------------------------------------------------------------*/
.pricing-box .price h3,
.pricing-box .price h1,
.feature-pricing-box .price h3,
.feature-pricing-box .price h1 {
    margin: 0;
    color: #ffffff;
    padding: 10px 0;
    font-weight: 400;
    text-transform: uppercase;

}

.pricing-box .price h3 { background-color: #333333; }
.feature-pricing-box .price h3 { background-color: #860815; }

.pricing-box .price h1,
.feature-pricing-box .price h1 {
    font-size: 50px;
    padding: 30px 0;
    margin: 0 0 30px;
}
.pricing-box .price h1 span,
.feature-pricing-box .price h1 span {
    font-size: 30px;
    text-transform: uppercase;
}

/* 10.2.5 Hover
---------------------------------------------------------------------------*/
.pricing-box li:hover,
.feature-pricing-box li:hover { color: #333333; }

/* 10.2.6 Button
---------------------------------------------------------------------------*/
.pricing-box .btn,
.feature-pricing-box .btn {
	-webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
         -o-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}




/* ==========================================================================
/* 11. Testimonials Section
========================================================================== */
/* 11.1 Wrapper
---------------------------------------------------------------------------*/
#monials-section {
    margin: 0;
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}
#monials-section .col-md-6:nth-child(odd) {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-border: 1px solid #efefef;
       -moz-border: 1px solid #efefef;
         -o-border: 1px solid #efefef;
            border: 1px solid #efefef;
}
#monials-section .col-md-6:nth-child(even) {
    -webkit-border: 1px solid transparent;
       -moz-border: 1px solid transparent;
         -o-border: 1px solid transparent;
            border: 1px solid transparent;
}

/* 11.2 Monials Block
---------------------------------------------------------------------------*/
/* 11.2.1 Wrapper
---------------------------------------------------------------------------*/
.monials-block-left,
.monials-block-right {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 30px 15px 10px;
}
.monials-block-left { text-align: right; }
.monials-block-right { text-align: left; }

/* 11.2.2 Image
---------------------------------------------------------------------------*/
.monials-block-left .client-img {
    float: right;
    margin: 0 0 20px 30px;
}
.monials-block-right .client-img {
    float: left;
    margin: 0 30px 20px 0;
}
.client-img {
    width: 98px;
    height: 98px;
    padding: 4px;
    overflow: hidden;
    position: relative;
    background-color: #efefef;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.client-img:after {
    top: 0;
    left: 0;
    content: '';
    width: 98px;
    height: 98px;
    position: absolute;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% transparent;
}
.client-img img {
    width: 90px;
    height: 90px;

	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}

/* 11.2.3 Name
---------------------------------------------------------------------------*/
.monials-block-left .client-name,
.monials-block-right .client-name {
    color: #324c80;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

/* 11.2.4 Containt
---------------------------------------------------------------------------*/
.monials-block-left .containt p:last-child,
.monials-block-right .containt p:last-child {
    margin: 0 0 20px 0;
}

/* 11.2.5 Hover
---------------------------------------------------------------------------*/
.monials-block-left:hover .client-img,
.monials-block-right:hover .client-img {
    background-color: #324c80;
}




/* ==========================================================================
   12. Client Slider
========================================================================== */
/* 12.1 Wrapper
---------------------------------------------------------------------------*/
#client-slider-section {
    margin: 0;
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    position: relative;
    background-color: #222222;
}

/* 12.2 OWL Clients
---------------------------------------------------------------------------*/
/* 12.2.1 Wrapper
---------------------------------------------------------------------------*/
#owl-clients { padding: 0 15px; }

/* 12.2.2 Image
---------------------------------------------------------------------------*/
.client-logo { text-align: center; }
.client-logo img { opacity: 0.7; }
.client-logo:hover img { opacity: 1; }




/* ==========================================================================
   13. Team Section
========================================================================== */
/* 13.1 Wrapper
---------------------------------------------------------------------------*/
#team-section  {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px 0 50px;
    background-color: #ffffff;
}

/* 13.2 Member Box
---------------------------------------------------------------------------*/
/* 13.2.1 Wrapper
---------------------------------------------------------------------------*/
.member-box-wrapper {
    width: 100%;
    overflow: hidden;
}
.member-box {
    max-width: 290px;
    text-align: center;
    position: relative;
    margin: 0 auto 30px;
    padding: 35px 20px 30px;
    background-color: #333333;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 13.2.2 Image
---------------------------------------------------------------------------*/
.member-img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 25px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 5px solid #ffffff;
       -moz-border: 5px solid #ffffff;
         -o-border: 5px solid #ffffff;
            border: 5px solid #ffffff;
}
.member-img img { width: 100%; }
.member-img:after {
    top: 0;
    left: 0;
    content: '';
    width: 140px;
    height: 140px;
    position: absolute;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% transparent;
}

/* 13.2.3 Name
---------------------------------------------------------------------------*/
.member-name h2 {
    color: #ffffff;
    margin-bottom: 15px;
}

/* 13.2.4 Title
---------------------------------------------------------------------------*/
.member-title h4 {
    color: #ffffff;
    margin-bottom: 25px;
}

/* 13.2.5 Social
---------------------------------------------------------------------------*/
.member-social ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}
.member-social ul li {
    margin: 0 5px;
    display: inline-block;
}
.member-social ul li a {
    width: 40px;
    height: 40px;
    z-index: 0;
    color: #333333;
    display: block;
    font-size: 1.5em;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

/* 13.2.6 Hover
---------------------------------------------------------------------------*/
.member-box:hover { background-color: #324c80; }
.member-box a:hover {
    color: #ffffff;
    background-color: #333333;
}




/* ==========================================================================
   14. Skills Section
========================================================================== */
/* 14.1 Wrapper
---------------------------------------------------------------------------*/
#skills-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 80px 0 50px;
    background-color: #324c80;
}

/* 14.2 Skill Chart
---------------------------------------------------------------------------*/
/* 14.2.1 Wrapper
---------------------------------------------------------------------------*/
.skill-chart-left,
.skill-chart-right {
    z-index: 1;
    width: 180px;
    height: 180px;
    position: relative;
    text-align: center;
    margin: -15px 0 30px;
    display: inline-block;
    background: url("/content/images/skill/skill-background.png") no-repeat scroll 50% 50% / 100% 100%;
}
#skills-section .skill-chart-left { margin-right: 15px; }
#skills-section .skill-chart-right { margin-left: 15px; }
.skill-chart-middle {
    z-index: 1;
    width: 210px;
    height: 210px;
    margin: 0 0 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    background: url("/content/images/skill/skill-background.png") no-repeat scroll 50% 50% / 100% 100%;
}

/* 14.2.2 BackGround
---------------------------------------------------------------------------*/
.top-bg {
    top: 0;
    left: 0;
    z-index: 2;
    width: 180px;
    height: 180px;
    position: absolute;
    background: url("/content/images/skill/skill-top-background.png") no-repeat scroll 50% 50% / 100% 100%;
}
.top-bg-lg {
    top: 0;
    left: 0;
    z-index: 2;
    width: 210px;
    height: 210px;
    position: absolute;
    background: url("/content/images/skill/skill-top-background.png") no-repeat scroll 50% 50% / 100% 100%;
}

/* 14.2.3 Canvas
---------------------------------------------------------------------------*/
.skill-chart-left canvas,
.skill-chart-right canvas,
.skill-chart-middle canvas {
    margin: 10px 0 0 0;
}

/* 14.2.4 Input
---------------------------------------------------------------------------*/
.skill-chart-left input,
.skill-chart-right input,
.skill-chart-middle input {
    z-index: 3;
    position: relative;
    margin-top: 45px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.skill-chart-middle input { margin-top: 55px !important; }

/* 14.2.5 Title
---------------------------------------------------------------------------*/
.skill-title,
.skill-title-lg {
    left: 0;
    z-index: 3;
    width: 100%;
    bottom: 60px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    position: absolute;
    letter-spacing: 1px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.skill-title-lg { bottom: 70px; }

/* 14.2.6 Hover
---------------------------------------------------------------------------*/
.skill-chart-left:hover input,
.skill-chart-right:hover input,
.skill-chart-middle:hover input {
    font-size: 0 !important;
}
.skill-chart-left:hover .skill-title,
.skill-chart-right:hover .skill-title {
    bottom: 80px;
    font-size: 22px;
}

.skill-chart-middle:hover .skill-title-lg {
    bottom: 90px;
    font-size: 24px;
}




/* ==========================================================================
   15. Contact Us Section
========================================================================== */
/* 15.1 Wrapper
---------------------------------------------------------------------------*/
#contact-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px 0 50px;
    background-color: #ffffff;
}

/* 15.2 Form
---------------------------------------------------------------------------*/
/* 15.2.1 Wrapper
---------------------------------------------------------------------------*/
.contactForm {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 930px;
    overflow: hidden;
}
/*
.form-group {
    margin: 0;
    padding: 0;
}
*/

/* 15.2.2 Textarea
---------------------------------------------------------------------------*/
.contactForm textarea {
	width: 100%;
    resize: none;
    margin: 0 auto 30px;
    height: 146px !important;
}

/* 15.2.3 form-control
---------------------------------------------------------------------------*/
.contactForm .form-control {
	width: 100%;
    height: auto;
	padding: 17px;
    margin: 0 auto 30px;
	background-color: #ffffff;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;

    -webkit-border: 2px solid #e5e5e5;
       -moz-border: 2px solid #e5e5e5;
         -o-border: 2px solid #e5e5e5;
            border: 2px solid #e5e5e5;
}
.contactForm .form-control:hover,
.contactForm .form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border: 2px solid #324c80;
       -moz-border: 2px solid #324c80;
         -o-border: 2px solid #324c80;
            border: 2px solid #324c80;
}

/* 15.2.4 Button
---------------------------------------------------------------------------*/
.contactForm button.submit {
    width: 100%;
    padding: 16px;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    background: url("/content/images/mask/maskoblong.png") no-repeat scroll 50% 50% / 100% 100% #324c80;
}
.contactForm .submit.focus,
.contactForm .submit:hover {
	color: #ffffff;
    position: relative;
    background: url("/content/images/mask/maskoblong.png") no-repeat scroll 50% 50% / 100% 100% #333333;
}

/* 15.2.5 error message
---------------------------------------------------------------------------*/
.error {
	top: 0;
    z-index: 2;
    float: right;
    color: #324c80;
    position: relative;
    margin: -69px 15px 0 0;
}
:-webkit-ui-invalid:not(output) { box-shadow: none; }
   :-moz-ui-invalid:not(output) { box-shadow: none; }
    :-ms-ui-invalid:not(output) { box-shadow: none; }
     :-o-ui-invalid:not(output) { box-shadow: none; }
         ui-invalid:not(output) { box-shadow: none; }




/* ==========================================================================
   16. Map Section
========================================================================== */
#map-section {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    display: block;
    position: relative;
}
#map {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    display: block;
}




/* ==========================================================================
   17. Subscribtion
========================================================================== */
/* 17.1 Wrapper
---------------------------------------------------------------------------*/
#subscribe {
    width: 435px;
    padding: 15px;
    overflow: hidden;
    position: relative;
    margin: -70px auto 0;
    background-color: #222222;

    -webkit-border-radius: 10px 10px 0 0;
       -moz-border-radius: 10px 10px 0 0;
         -o-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
}

/* 17.2 Input
---------------------------------------------------------------------------*/
#subscribe .form-control {
	float: left;
    width: 300px;
    height: auto;
    outline: none;
	padding: 10px 15px;
	background-color: #ffffff;

    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
         -o-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}
#subscribe .form-control:hover,
#subscribe .form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
}

/* 17.3 Submit
---------------------------------------------------------------------------*/
#subscribe button.submit {
    width: 105px;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 16px;
    background: url("/content/images/mask/maskbutton.png") no-repeat scroll 50% 50% / 100% 100% #324c80;

    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;

    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
         -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
#subscribe .submit.focus,
#subscribe .submit:hover {
	color: #ffffff;
    background: url("/content/images/mask/maskbutton.png") no-repeat scroll 50% 50% / 100% 100% #444444;
}

/* 17.4 Success & Error
---------------------------------------------------------------------------*/
.ssuccess,
.serror {
    top: 24px;
    right: 130px;
    color: #324c80;
    position: absolute;
}




/* ==========================================================================
   18. Footer
========================================================================== */
/* 18.1 Wrapper
---------------------------------------------------------------------------*/
footer{
    font-size:13px;
}
#footer-section-1 {
    margin: 0;
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
    background-color: #1c1c1c;
}

/* 18.2 Anchor
---------------------------------------------------------------------------*/
#footer-section-1 a { color: #aaa; }

/* 18.3 Typography
---------------------------------------------------------------------------*/
#footer-section-1 p {
    margin: 0;
    line-height: 30px;
}

/* 18.4 Social Icons
---------------------------------------------------------------------------*/
#footer-section-1 #footer-social-icons ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    list-style: none;
    text-align: right;
}
#footer-section-1 #footer-social-icons ul li {
    padding: 0;
    margin-left: 1px;
    display: inline-block;
}
#footer-section-1 #footer-social-icons ul li:first-child { margin-left: 0; }
#footer-section-1 #footer-social-icons ul li a {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#footer-section-1 #footer-social-icons ul li a i { line-height: 30px; }
#footer-section-1 #footer-social-icons h4{
    text-align:right;
}

#footer-section-1 .footer-links{
    text-align:right;
}

#footer-section-2 {
    margin: 0;
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    position: relative;
    background-color: #222;
    color:#999;
}
#footer-section-2 h4{
    color:#ccc;
}
#footer-section-2 .footer-links{
    text-align:right;
}
#footer-section-2 .footer-links li{
    
}
#footer-section-2 .footer-links h4{
    margin-bottom:10px;
}
#footer-section-2 a { color: #999; }
#footer-section-2 a:hover{ color:#fff; }
/*
Push footer to bottom of page:
http://stackoverflow.com/a/21325511
the 190px is the height of the footer element
*/

#footer-push{
    height:379px;
}
#main-content-holder{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -379px;
}

body.premium-wholesaler-company-profile #footer-push{
    height:70px;
}
body.premium-wholesaler-company-profile #main-content-holder{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px;
}

@media (max-width: 768px) {
    body.premium-wholesaler-company-profile #footer-push{
        height:110px;
    }
    body.premium-wholesaler-company-profile #main-content-holder{
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -110px;
    }
}

/* ==========================================================================
   19. Bootstrap New Elements
========================================================================== */
/* 19.1 tooltip
========================================================================== */
.tooltip {
    z-index: 999;
    letter-spacing: 1px;
}




/* 19.3 btn
========================================================================== */
.btn:focus { outline: none; }
.btn {
    -webkit-border: 2px solid transparent;
       -moz-border: 2px solid transparent;
         -o-border: 2px solid transparent;
            border: 2px solid transparent;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.btn:active,
.btn.active {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    /*text-decoration: line-through;*/
}

.btn-Nesto:active,
.btn-Nesto.active,
.btn-Nesto-o:active,
.btn-Nesto-o.active {
    background-image: none;
}

.btn-Nesto {
    color: #ffffff;
    letter-spacing: 1px;
}
.btn-Nesto:hover,
.btn-Nesto:focus,
.btn-Nesto:active,
.btn-Nesto.active {
    color: #ffffff;
}

.btn-Nesto-o {
    color: #ffffff;
    letter-spacing: 1px;
}
.btn-Nesto-o:hover,
.btn-Nesto-o:focus,
.btn-Nesto-o:active,
.btn-Nesto-o.active {
    color: #ffffff;
}


/* 19.4 Alert
========================================================================== */
.alert-nesto {
    color: #ffffff;
    background-color: #324c80;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#contact-section .alert.alert-nesto { margin-bottom: 30px; }
#contact-section .alert {
    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;
}




/* ==========================================================================
   20. Responsive
========================================================================== */
@media only screen and (max-width: 1199px) {

    #intro-section { padding: 30px 0 0 0; }
    .home-boxes-wrapper { margin: 0; }
    .feature-box-style1 {
        height: auto;
        overflow: hidden;
        background-color: #ffffff;
    }
    .feature-box-style1 div.box-container {
        overflow: hidden;
        position: relative;
    }
    .feature-box-style1 .feature-box-containt {
        height: auto;
        padding-bottom: 13px;
    }
    .feature-box-style1 .feature-box-containt:after { display: none; }
    .feature-box-style1 .feature-box-image,
    .feature-box-style1 .feature-box-containt p,
    .feature-box-style1 div.box-container:hover .feature-box-image {
        height: auto;
    }
    .feature-box-style1 div.box-container:hover .feature-box-containt {
        height: auto;
        padding-bottom: 13px;
    }
    .feature-box-style1 div.box-container:hover .feature-box-icon { margin: -31px auto 20px; }

    #skills-section .skill-chart-left { margin-right: 5px; }
    #skills-section .skill-chart-right { margin-left: 5px; }

}


/* 20.1 TABLET
---------------------------------------------------------------------------*/
@media only screen and (max-width: 990px) {

    #monials-section .col-md-6:nth-child(odd),
    #monials-section .col-md-6:nth-child(even) {
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
             -o-border-radius: 0;
                border-radius: 0;

        -webkit-border: 1px solid transparent;
           -moz-border: 1px solid transparent;
             -o-border: 1px solid transparent;
                border: 1px solid transparent;

        -webkit-border-bottom: 1px solid #efefef;
           -moz-border-bottom: 1px solid #efefef;
             -o-border-bottom: 1px solid #efefef;
                border-bottom: 1px solid #efefef;
    }
    #monials-section .col-md-6:first-child {

        -webkit-border-top: 1px solid #efefef;
           -moz-border-top: 1px solid #efefef;
             -o-border-top: 1px solid #efefef;
                border-top: 1px solid #efefef;

    }

}
@media only screen and (max-width: 990px) and (min-width: 768px) {

    .member-box { max-width: 100%; }

    #info span:last-child { display: none; }

}


/* 20.2 SMALL TABLET
---------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

    .feature-box-style1 {
        margin: 0 auto 30px;
        max-width: 290px;
    }
    #info { text-align: center; }
    #info span { margin: 0 10px 0 0; }
    #info span:last-child { display: block; }
    #header-social-icons { display: none; }

    .nav > li > a:hover,
    .nav > li > a:focus,
    .navbar-nav > li:hover,
    .navbar-nav > li.active,
    .navbar-nav > li.active a {
        color: #324c80;
    /*    background-color: #ffffff;*/
    }
    .navbar-nav > li {
        margin-left: 0;
        /*text-align: center;*/
    }
    .navbar-nav > li.active:before,
    .navbar-nav > li:before,
    .navbar-nav > li.active:after,
    .navbar-nav > li:after,
    #nav-wrapper:after {
        display: none;
    }

    .main-title { font-size: 30px; }

    .feature-pricing-box {
        -webkit-transform: scale(1.0);
           -moz-transform: scale(1.0);
            -ms-transform: scale(1.0);
             -o-transform: scale(1.0);
                transform: scale(1.0);

        -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
           -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
             -o-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
                box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
    }

    #footer-section-1 p {
        text-align: center;
        margin-bottom: 10px;
    }
    
    #footer-section-1 #footer-social-icons ul { text-align: center; }
    #footer-section-1 .footer-links{
        text-align:left;
    }
    #footer-section-2 .about, #footer-section-2 .footer-links{
        text-align:center;
    }
    #footer-section-2 .footer-links li{
        display:inline-block;
        margin-left:5px;
        margin-right:5px;
    }
    #footer-section-2 .footer-links{
        margin-top:40px;
    }
}


/* 20.3 PHONE
---------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

    .monials-block-left,
    .monials-block-right {
        width: 100%;
        overflow: hidden;
        text-align: center;
        position: relative;
        padding: 30px 15px 10px;
    }
    .monials-block-left .client-img,
    .monials-block-right .client-img {
        float: none;
        margin: 0 auto 20px;
    }

    #skills-section .skill-chart-left,
    #skills-section .skill-chart-middle,
    #skills-section .skill-chart-right {
        display: block;
        margin: 0 auto 30px;
    }

    #map-section { height: 200px; }
    #map { height: 200px; }

}


/* 20.4 SMALL PHONE
---------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {

    .main-title { font-size: 28px; }

    #map-section { height: 300px; }
    #map { height: 300px; }

    #subscribe { width: 300px; }
    #subscribe .form-control { width: 165px; }

}



/* ==========================================================================
/* 21. Membership Types Section
========================================================================== */
/* 21.1 Wrapper
---------------------------------------------------------------------------*/
#membership-types-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 50px 0 50px;
    /*background-color: #324c80;*/
}
#membership-types-section .col-md-3 { padding: 0; }

/* 21.2 Membership Box
---------------------------------------------------------------------------*/
/* 21.2.1 Wrapper
---------------------------------------------------------------------------*/
.membership-type-box,
.feature-membership-type-box {
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 0 30px 0;
    position: relative;
    background-color: #ffffff;

    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
         -o-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
}
.feature-membership-type-box {
    z-index: 2;

    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);

    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
         -o-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
}

/* 21.2.2 Price
---------------------------------------------------------------------------*/
.membership-type-box .price {
    background-image: -webkit-linear-gradient(270deg, #444444, #333333);
    background-image: -moz-linear-gradient(270deg, #444444, #333333);
    background-image: -ms-linear-gradient(270deg, #444444, #333333);
    background-image: -o-linear-gradient(270deg, #444444, #333333);
    background-image: linear-gradient(180deg, #444444, #333333);

}
.feature-membership-type-box .price {
    background-image: -webkit-linear-gradient(270deg, #324c80, #860815);
    background-image: -moz-linear-gradient(270deg, #324c80, #860815);
    background-image: -ms-linear-gradient(270deg, #324c80, #860815);
    background-image: -o-linear-gradient(270deg, #324c80, #860815);
    background-image: linear-gradient(180deg, #324c80, #860815);
}

/* 21.2.3 Details
---------------------------------------------------------------------------*/
.membership-type-box ul,
.feature-membership-type-box ul {
	padding: 0 20px;
    list-style: none;
    margin: 0 0 40px 0;
}
.membership-type-box li,
.feature-membership-type-box li {
	padding: 10px 0;
    cursor: default;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;

    -webkit-border-bottom: 1px dashed #efefef;
       -moz-border-bottom: 1px dashed #efefef;
         -o-border-bottom: 1px dashed #efefef;
            border-bottom: 1px dashed #efefef;
}

/* 21.2.4 Typography
---------------------------------------------------------------------------*/
.membership-type-box .price h3,
.membership-type-box .price h1,
.feature-membership-type-box .price h3,
.feature-membership-type-box .price h1 {
    margin: 0;
    color: #ffffff;
    padding: 10px 0;
    font-weight: 400;
    text-transform: uppercase;

}

.membership-type-box .price h3 { background-color: #333333; }
.feature-membership-type-box .price h3 { background-color: #860815; }

.membership-type-box .price h1,
.feature-membership-type-box .price h1 {
    font-size: 30px;
    padding: 30px 0;
    margin: 0 0 30px;
}
.membership-type-box .price h1 span,
.feature-membership-type-box .price h1 span {
    font-size: 30px;
    text-transform: uppercase;
}

/* 21.2.5 Hover
---------------------------------------------------------------------------*/
.membership-type-box li:hover,
.feature-membership-type-box li:hover { color: #333333; }

/* 21.2.6 Button
---------------------------------------------------------------------------*/
.membership-type-box .btn,
.feature-membership-type-box .btn {
	-webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
         -o-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}


/* ==========================================================================
   22. Wholesalers by Category Section
========================================================================== */
/* 22.1 Wrapper
---------------------------------------------------------------------------*/

.category-box ul.csv,
#wholesalers-by-category-section ul.csv{
    line-height:1.2;
}
.category-box ul.csv li,
#wholesalers-by-category-section ul.csv li{
    font-size:13px;
    
}


#wholesalers-by-category-section .category-box{
    height:80px;
    overflow:hidden;
}

/* upcoming-shows-section
---------------------------------------------------------------------------*/
#upcoming-shows-section .details-show-dates-holder{
    display:table-row;
}
#upcoming-shows-section .show-dates-holder{
    width:150px;
    overflow:hidden;
    display:table-cell;
}
#upcoming-shows-section .details-holder{
    display:table-cell;
}
#upcoming-shows-section .details-holder p{
    color:#555;
    font-size:13px;
    line-height:1.2;
}
#upcoming-shows-section .details-holder .category-list{
    display:inline;
}

#upcoming-shows-section .upcoming-show a,
.category-box a {
    color:#555;
    
}
#upcoming-shows-section .upcoming-show a:hover,
.category-box a:hover {
    text-decoration:underline;
}

#wholesalers-by-category-section,
#featured-products-section,
#latest-products-section,
#upcoming-shows-section,
#featured-suppliers-section {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0 20px;
}
#upcoming-shows-section{
    padding-bottom:50px;
}
#upcoming-shows-section .upcoming-show.trade-show-box1{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dotted #e4e9f0;
}
#upcoming-shows-section .upcoming-show.trade-show-box1 h4 {
    /*color:#324c80;*/
    /*color:#4765a0;*/
    font-size:12px;
}
#upcoming-shows-section .upcoming-show.trade-show-box1 h4 i.fa {
    /*color:#324c80;*/
    /*color:#fff;*/
}
#upcoming-shows-section .upcoming-show.trade-show-box1 h4 i.fa.fa-square {
    /*color:#324c80;*/
    /*color:#4765a0;*/
}



.content-boxes-v3.trade-show-box2{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px dotted #e4e9f0;
}
.content-boxes-v3.trade-show-box2:last-of-type{
    border-bottom:none;
}
.content-boxes-v3.trade-show-box2 h3{
    line-height:18px;
    margin-bottom:15px;
    text-transform:capitalize;

}

.upcoming-show.trade-show-box2 h4 {
    font-size:12px;
    display:table-row;
}
.upcoming-show.trade-show-box2 h4 span.content,
.upcoming-show.trade-show-box2 h4 span.fa-stack {
    display:table-cell;
    vertical-align:top;
}
.upcoming-show.trade-show-box2 h4 span.content{
    margin-left:10px;
}
.upcoming-show.trade-show-box2 h4 span.content{
    padding-left:5px;
}
#upcoming-shows-section .upcoming-show.trade-show-box2 h4 i.fa.fa-square {
    /*color:#324c80;*/
    /*color:#4765a0;*/
}

#upcoming-shows-section .upcoming-show.trade-show-box2 .show-dates-holder{
    /*padding-left:5px;*/
    /*float:right;*/
    
}
#upcoming-shows-section .upcoming-show.trade-show-box2 p.show-description{
    margin-bottom:15px;
}

/*#upcoming-shows-section .upcoming-show h3 {
    font-size:18px;
    line-height:22px;
    text-transform:capitalize;
    margin-bottom:10px;
}*/
#upcoming-shows-section .upcoming-show h4{
    line-height:1.2;
    margin-bottom:0px;
    /*color:#333;*/
}
#upcoming-shows-section .upcoming-show h4 i.fa{
    /*color:#324c80;*/
    /*color:#4765a0;*/
    /*font-size:80%;*/
}
#upcoming-shows-section .upcoming-show h4 .fa-stack{
    font-size:65%;
}

@media (max-width: 768px) {


    #upcoming-shows-section .details-show-dates-holder{
        display:block;
    }
    #upcoming-shows-section .show-dates-holder{
        display:block;
    }
    #upcoming-shows-section .details-holder{
        display:block;
        margin-bottom:15px;
    }
}

/* trade-show-box3
---------------------------------------------------------------------------*/
.trade-show-box3 .holder {
    display:table-row;
    width:100%;
}
.trade-show-box3 .holder .show-date-holder,
.trade-show-box3 .holder .show-description-holder{
    display:table-cell;
    vertical-align:top;
}
.trade-show-box3 .show-date{
    color:#fff;
    background-color:#585f69;
    padding:10px 0;
    text-align:center;
    width:50px;
}
.trade-show-box3 .show-date .day{
    font-weight:700;
    font-size:20px;
    line-height:1.1;
}
.trade-show-box3 .show-date .day .day-separator{
    font-weight:400;
}
.trade-show-box3 .show-date .month{
    text-transform:uppercase;
}
.trade-show-box3 .show-date .month,
.trade-show-box3 .show-date .year{
    font-size:13px;
    line-height:1.2;
}
.trade-show-box3 .show-description-holder{
    padding:0px 0px 0px 10px;
    
}
.trade-show-box3 .show-description-holder h3{
    line-height:1;
    font-size:18px;
    margin-bottom:10px;
}
.trade-show-box3 .show-description-holder h3 a{
    color:#555;
    text-decoration:none;
}
.trade-show-box3 .show-description-holder h3 a:hover{
    text-decoration:underline;
}
.trade-show-box3 p.show-description{
    font-size:13px;
    line-height:1.2;
    margin-bottom:15px;
}
.trade-show-box3 .misc-info-holder{
    font-size:13px;
    line-height:1.2;
    margin-bottom:0px;
    display:table-row;
    width:100%;
    /*color:#585f69;*/
    color:#777;
}
.trade-show-box3 .misc-info-holder .fa-stack,
.trade-show-box3 .misc-info-holder .content{
    display:table-cell;
    vertical-align:top;
}
.trade-show-box3 .misc-info-holder .fa-stack{
    font-size:65%;
}
.trade-show-box3 .misc-info-holder .content{
    padding-left:5px;
}


/* trade-show-box4
---------------------------------------------------------------------------*/
.trade-show-box4 .holder {
    display:table-row;
    width:100%;
}
.trade-show-box4 .holder .show-date-holder,
.trade-show-box4 .holder .show-description-holder{
    display:table-cell;
    vertical-align:top;
}
.trade-show-box4 .show-date{
    color:#fff;
    background-color:#585f69;
    padding:10px 0;
    text-align:center;
    width:55px;
}
.trade-show-box4 .show-date .day{
    font-weight:700;
    font-size:20px;
    line-height:1.1;
}
.trade-show-box4 .show-date .day .day-separator{
    font-weight:400;
}
.trade-show-box4 .show-date .month{
    text-transform:uppercase;
}
.trade-show-box4 .show-date .month,
.trade-show-box4 .show-date .year{
    font-size:13px;
    line-height:1.2;
}
.trade-show-box4 .show-description-holder{
    padding:0px 0px 0px 10px;
    
}
.trade-show-box4 .show-description-holder h3{
    line-height:1;
    font-size:18px;
    margin-bottom:10px;
}
.trade-show-box4 .show-description-holder h3 a{
    color:#555;
    text-decoration:none;
}
.trade-show-box4 .show-description-holder h3 a:hover{
    text-decoration:underline;
}
.trade-show-box4 p.show-description{
    font-size:13px;
    line-height:1.2;
    margin-bottom:10px;
}
.trade-show-box4 .misc-info-holder{
    font-size:12px;
    line-height:1.2;
    margin-bottom:15px;
    width:100%;
    color:#777;
}

.trade-show-box4 .show-categories{
    font-size:12px;
    line-height:1.2;
    width:100%;
    color:#777;
    display:table-row;
}
.trade-show-box4 .show-categories .icon-holder,
.trade-show-box4 .show-categories .content{
    display:table-cell;
    vertical-align:top;
}
.trade-show-box4 .show-categories .content{
    padding-left:5px;
}
.trade-show-box4{
    padding-bottom:25px;
    margin-bottom:25px;
    border-bottom:1px dotted #e4e9f0;
}
.trade-show-box4:last-of-type{
    border-bottom:none;
    margin-bottom:0px;
}
.trade-show-box4 .category-tags{
    margin-bottom:0px;
}

@media (max-width: 992px) {
    .trade-show-details .trade-show-box4:last-of-type,
    .trade-show-company-profile .trade-show-box4:last-of-type,
    #upcoming-shows-section .trade-show-box4:last-of-type {
        margin-bottom:25px;
        border-bottom:1px dotted #e4e9f0;
    }

    .trade-show-details .last-col .trade-show-box4:last-of-type,
    .trade-show-company-profile .last-col .trade-show-box4:last-of-type,
    #upcoming-shows-section .last-col .trade-show-box4:last-of-type {
        border-bottom:none;
        margin-bottom:0px;
    }


}

/* wholesale-supplier-categories
---------------------------------------------------------------------------*/

.wholesale-supplier-categories .background-container{
    height:150px;
    position:relative;
    background:url('/content/images/background/warehouse-007.1900.jpg') no-repeat center -150px;
    background-attachment:fixed;
    z-index:1;
}


.wholesale-supplier-categories .background-container h2{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:38px;
    font-weight:300;
}
.wholesale-supplier-categories .categories{
    margin-top:20px;
}
.wholesale-supplier-categories .content-container{
    background-color:#fff;
}
.wholesale-supplier-categories .category-box{
    min-height:80px;
}
@media (max-width: 768px) {
    .wholesale-supplier-categories .background-container h2 {
        font-size:30px;
    }
}

/* wholesaler-information
---------------------------------------------------------------------------*/
.wholesaler-information .background-container{
    z-index:1;
    position:relative;
}
.wholesaler-information .background-container h3,
.wholesaler-information .background-container h2{
    text-transform:uppercase;
    text-align:center;
    font-weight:300;
    color:#fff;
}
.wholesaler-information .background-container h2{
    font-size:38px;
}
.wholesaler-information .background-container h3 {
    font-size:30px;
}
.wholesaler-information .background-container.background1{
    height:300px;
    background:url('/content/images/background/shopping-001.1920.jpg') no-repeat center center;
    background-attachment:fixed;
}
.wholesaler-information .buttons1 .btn{
    margin-right:5px;
}
.wholesaler-information .buttons1{
    margin-top:40px;
}
.wholesaler-information .section2 p.mobile-description{
    margin-top:30px;
}
.wholesaler-information .background-container.background2{
    height:350px;
    background:url('/content/images/background/shopping-003.1920x800.blur.jpg') no-repeat center center;
    background-attachment:fixed;
}
.wholesaler-information .background-container.background2 h3{
    font-size:30px;
}
.wholesaler-information .content-boxes-in-v3 p{
    font-size:13px;
    line-height:1.3em;
}
.wholesaler-information .buttons2{
    text-align:center;
    background-color:transparent;
}

.wholesaler-information .section4 p.description{
    margin-bottom:40px;
}

@media (max-width: 768px) {
    .wholesaler-information .background-container h2{
        font-size:34px;
    }
    .wholesaler-information .background-container h3 {
        font-size:26px;
    }
    .wholesaler-information .background-container.background2 h3{
        font-size:26px;
    }
    .wholesaler-information .background-container.background1{
        background:url('/content/images/background/shopping-001.1920.jpg') no-repeat left center;
        background-attachment:fixed;
    }
}
@media(max-width:479px){
    
}

/* buyer-information
---------------------------------------------------------------------------*/
.buyer-information .background-container{
    position:relative;
    z-index:1;
}
.buyer-information .background-container h3,
.buyer-information .background-container h2{
    text-transform:uppercase;
    text-align:center;
    font-weight:300;
    color:#fff;
}
.buyer-information .background-container.background0{
    height:350px;
    background:url('/content/images/background/warehouse-008.blur.jpg') no-repeat center center;
    
    background-attachment:fixed;
}
.buyer-information .background-container.background0 h2 {
    font-size:38px;
}
.buyer-information .background-container.background0 h3 {
    font-size:30px;
}
.buyer-information .background-container.background1 h2{
    font-size:34px;
}


.buyer-information .background-container.background1{
    height:300px;
    background:url('/content/images/background/writing-002.blur.jpg') no-repeat center center;
    
    background-attachment:fixed;
}

.buyer-information .section1 h2{
    color:#555;
    font-size:34px;
    font-weight:400;
    text-transform:uppercase;
    margin-bottom:5px;
    padding-bottom:0px;
}
.buyer-information .section1 h3{
    color:#555;
    font-weight:300;
    text-transform:uppercase;
    font-size:28px;
}

.buyer-information .section1 .headline-center h3{
    padding-bottom:15px;
}
.buyer-information .section1 .headline-center::after{
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  margin-left: -15px;
  text-align: center;
  position: absolute;
  background: #4765a0;
  
}
.buyer-information .section1 p{
    font-size:16px;
}
.buyer-information .service-block-v7 h3,
.buyer-information .service-block-v7 h3 a,
.buyer-information .service-block-v7 h3 a:hover{
    color:#555;
}

.buyer-information .section3 .buttons{
    margin-top:20px;
}
.buyer-information .buttons .btn{
    margin-right:5px;
}
@media (max-width: 768px) {
    .buyer-information .background-container.background0 h2 {
        font-size:30px;
    }
    .buyer-information .background-container.background0 h3 {
        font-size:26px;
    }
    .buyer-information .background-container.background1 h2{
        font-size:30px;
    }
}
/* trade-show-organizer-information
---------------------------------------------------------------------------*/
.trade-show-organizer-information .background-container{
    position:relative;
    z-index:1;
}
.trade-show-organizer-information .background-container h3,
.trade-show-organizer-information .background-container h2{
    text-transform:uppercase;
    text-align:center;
    font-weight:300;
    color:#fff;
}
.trade-show-organizer-information .background-container h2{
    font-size:34px;
}
.trade-show-organizer-information .background-container.background1{
    background:url('/content/images/slider/slide-10.jpg') no-repeat center center;
    
    background-attachment:fixed;
    height:300px;
}
.trade-show-organizer-information .section1 p{
    text-align:center;
    font-size:16px;
    font-weight:600;
}
.trade-show-organizer-information .buttons{
    margin-top:30px;
}
.trade-show-organizer-information .buttons .btn{
    margin-right:5px;
}

@media (max-width: 768px) {
    .trade-show-organizer-information .background-container h3{

    }
    .trade-show-organizer-information .background-container h2 {
        font-size:30px;
    }
    .trade-show-organizer-information .buttons .btn{
        margin-bottom:5px;
    }
}

/* featured-suppliers-section
---------------------------------------------------------------------------*/
#featured-suppliers-section .featured-supplier-box .image{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    text-align:center;
}
#featured-suppliers-section .featured-supplier-box .image span{
    text-align:center;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}
#featured-suppliers-section .featured-supplier-box .image:hover{
    /*background-size:contain;*/
}
#featured-suppliers-section .featured-supplier-box{
    margin-right:5px;
    margin-left:5px;
    overflow:hidden;
}
#featured-suppliers-section .featured-supplier-box:last-of-type{
    
}

#featured-products-section .product-box,
#latest-products-section .product-box{
    text-align:center;
    padding-bottom:130%;
}
#featured-products-section .product-box-inner,
#latest-products-section .product-box-inner{
    position:absolute;
    left:5px;
    right:5px;
    top:5px;
    bottom:5px;
    padding:5px;
    overflow:hidden;
    border:1px dotted #e4e9f0;

}
#featured-products-section .product-box-inner:hover,
#latest-products-section .product-box-inner:hover{
    box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
#featured-products-section .product-box-inner .image-mask-holder,
#latest-products-section .product-box-inner .image-mask-holder{
    width:100%;
    max-height:55%;
}
#featured-products-section .product-box-inner .description-holder,
#latest-products-section .product-box-inner .description-holder{
    width:100%;
    height:45%;
    text-align:center;
    position:absolute;
    top:55%;
    left:0;
    overflow:hidden;
    
    padding:10px 5px;
    
    /*background-color:Red;*/
}
#featured-products-section .product-box-inner .description-holder h4,
#latest-products-section .product-box-inner .description-holder h4{
    margin-bottom:0px;
    font-size:18px;
    line-height:22px;
    font-weight:400;
}
#featured-products-section .product-box-inner .description-holder h4 a,
#latest-products-section .product-box-inner .description-holder h4 a{
    /*color:#555;*/
}
#featured-products-section .product-box-inner .description-holder h4 a:hover,
#latest-products-section .product-box-inner .description-holder h4 a:hover{
    /*text-decoration:underline;*/
}
#featured-products-section .product-box-inner .description-holder .description,
#latest-products-section .product-box-inner .description-holder .description{
    font-size:13px;
    line-height:1.2;

}

.wr-banner{
    position:absolute;
    top:15px;
    display:inline-block;
    color:#fff;
    font-size:11px;
    font-weight:400;
    text-transform:uppercase;
    z-index:100;
    padding:2px 5px;
}

.wr-banner.right-banner{
    
    right:2px;
    /*background-color:#fff;
    -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);*/
}
.products .grid-box-wrapper .wr-banner.right-banner{
    top:25px;
    right:5px;
}
.wr-banner.wr-banner-primary{
    /*337ab7*/
    background-color:rgba(51, 122, 183, .7);
}
.wr-banner.wr-banner-success{
    /*3c763d*/
    /*background-color:rgba(60, 118, 61, .7);*/
    background-color:rgba(24,171,155,0.7);
}
.wr-banner.wr-banner-info{
    /*31708f*/
    background-color:rgba(49, 112, 143, .7);
}
.wr-banner.wr-banner-warning{
    /*8a6d3b*/
    background-color:rgba(138, 109, 59, .7);

}
.wr-banner.wr-banner-danger{
    /*a94442*/
    /*background-color:rgba(169, 68, 66, .7);*/

    background-color:rgba(201,37,60,0.7);
}

.small-calendar .datepicker-inline{
    width:140px;
}
.small-calendar .datepicker-days{
    font-size:10px;
    line-height:10px;
    display:inline-block;
}
.small-calendar .datepicker table tr th,
.small-calendar .datepicker table tr td{
    width:10px;
    height:10px;
    padding:2px;
}
.small-calendar .datepicker table tr td.disabled{
    color:#000;
}
.small-calendar .datepicker table tr td.disabled.active {
    color:#fff;
}
.small-calendar .datepicker table{
    border-spacing:0px;
}
.small-calendar .datepicker table {
    /*background-color:#585f69;
    border:2px solid #585f69;*/
    /*border:1px solid #585f69;*/
}
.small-calendar .datepicker table thead{
    /*color:#fff;*/
}
.small-calendar .datepicker table tbody{
    /*background-color:#fff;*/
}

.small-calendar .show-dates{
    background-color:#f7f7f7;
    border-radius:4px;
    padding:10px 0 10px 10px;
    border:1px solid #eee;
}
/*.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {

  background-color:#4765a0;
  border-color:#324c80;
}*/

/* 22.2 feature-box-style2
---------------------------------------------------------------------------*/
/* 22.2.1 Wrapper
---------------------------------------------------------------------------*/
.feature-box-style2 {
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
}

/* 22.2.2 Icon
---------------------------------------------------------------------------*/
.feature-box-style2 .feature-box-icon {
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto 20px;
    background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #333333;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.feature-box-style2 i { line-height: 60px; }
.feature-box-style2 i.fa-mobile { font-size: 33px; }

/* 22.2.3 Containt
---------------------------------------------------------------------------*/
.feature-box-style2 .feature-box-containt {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.feature-box-style2 .feature-box-containt h4 {
    color: #324c80;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing:1px;
}

/* 22.2.4 Hover
---------------------------------------------------------------------------*/
.feature-box-style2:hover .feature-box-icon { background: url("/content/images/mask/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #324c80; }

/* 22.2.4 Typography
---------------------------------------------------------------------------*/
/*#wholesalers-by-category-section h2 {
    color: #324c80;
    font-size: 34px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 50px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}*/

ul.wholesaler-category-listing-list{
    list-style-type:none;
	margin:0;
	padding:0;
	height:auto !important;
}
ul.wholesaler-category-listing-list div.category-holder{
    cursor:pointer;
}
ul.wholesaler-category-listing-list h4{
    display:block;
    font-size:16px;
    margin:0;
    padding:0;
}
ul.wholesaler-category-listing-list a.category{
    text-transform: uppercase;
    margin-left:30px;
    display:inline-block;
    width:100%;
    padding:5px 0 5px 0;
}

ul.wholesaler-category-listing-list a.category:hover,
ul.wholesaler-category-listing-list li a:hover,
ul.wholesaler-category-listing-list li a:hover i.fa {
    outline: none;
    color: #324c80;
    text-decoration: none;
}

ul.wholesaler-category-listing-list li{
    margin-bottom:15px;
}
ul.wholesaler-category-listing-list li a,
ul.wholesaler-category-listing-list li i.fa{
    color:#333;
}
ul.wholesaler-category-listing-list h4 span{
	position:absolute;	
	float:left;
	left:0;
    margin:5px 0 0 0 !important;
    display:block;
}

ul.wholesaler-category-listing-list h4 i.fa-chevron-right,
ul.wholesaler-category-listing-list h4:hover i.fa-chevron-right{
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding:0;
	margin:0;
}
ul.wholesaler-category-listing-list div.category-holder.expanded i.fa-chevron-right,
ul.wholesaler-category-listing-list h4:hover i.fa-chevron-right{
    -webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	color: #324c80;
}
ul.wholesaler-category-listing-list div.category-holder.expanded a.category,
ul.wholesaler-category-listing-list h4:hover a.category{
    color: #324c80;
}

ul.wholesaler-category-listing-list div.subcategory-holder{
    display:none;
    position:relative;
}
ul.wholesaler-subcategory-listing-list{
    list-style-type:none;
	margin:0 0 0 30px;
	padding:0;
	height:auto !important;
}
ul.wholesaler-subcategory-listing-list li{
    margin:0;
}

ul.wholesaler-subcategory-listing-list li a{
    display:block;
    margin-left:20px;
}
ul.wholesaler-subcategory-listing-list li a i.fa{
    position:absolute;
    left:30px;
    margin-top:5px;
    float:left;
    display:block;
}

/* ==========================================================================
   23. Login Section
========================================================================== */
.login-page .content-boxes-v3 .content-boxes-in-v3 h3{
    text-transform:uppercase;
}

.login-page .content-boxes-v3{
    margin-bottom:30px;
}

.login-page .content-boxes-v3 a{
    /*color:#555;*/
    text-transform:uppercase;
}

.login-page .content-boxes-v3 a:hover {
    text-decoration:underline;
}
/* ==========================================================================
   nav-tabs
========================================================================== */
.nav-tabs.tabs1{
    border-bottom:2px solid #444;
}

.nav-tabs.tabs1 li{
    margin-bottom:-2px;
}
.nav-tabs.tabs1 > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    color:#444;
}
.nav-tabs.tabs1 > li > a:hover {
  
  background-color:#444;
  color:#fff;
}
.nav-tabs.tabs1 > li.active > a,
.nav-tabs.tabs1 > li.active > a:hover,
.nav-tabs.tabs1 > li.active > a:focus {
    border:0;
    color:#fff;
    background-color:#444;  
}


.nav-tabs.tabs2{
    
}
.nav-tabs.tabs2 li{
    


}
.nav-tabs.tabs2 > li > a {
    border-radius:0;
    color:#444;
    border-top:3px solid transparent;
}
.nav-tabs.tabs2 > li > a:hover {

}
.nav-tabs.tabs2 > li.active > a,
.nav-tabs.tabs2 > li.active > a:hover,
.nav-tabs.tabs2 > li.active > a:focus {
    color:#324c80;
    border-top:3px solid #324c80;
}

.nav-tabs.tabs3 > li.active > a{
    border-top: solid 2px #324c80;
}
.nav-tabs.tabs3 > li > a {
    border-radius:0;
    color:#444;
    font-size:13px;
    font-weight:600;
}

.nav-tabs.tabs4{
    border-bottom:2px solid #324c80;
}

.nav-tabs.tabs4 li{
    margin-bottom:-2px;
}
.nav-tabs.tabs4 > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    color:#555;
    padding:5px 15px;
}
.nav-tabs.tabs4 > li > a:hover {
  
  background-color:#324c80;
  color:#fff;
}
.nav-tabs.tabs4 > li.active > a,
.nav-tabs.tabs4 > li.active > a:hover,
.nav-tabs.tabs4 > li.active > a:focus {
    border:0;
    color:#fff;
    background-color:#324c80;  
}

.nav-tabs li i.fa{
    margin-right:10px;
}

.tab-content .content{
    margin-top:10px;
    padding:0 10px 0 10px;
}


.tab-v2 .nav-tabs {
  border-bottom: none;
}

.tab-v2 .nav-tabs li a {
  padding: 9px 16px;
  background: none;
  border: none;
  color:#555;
  font-size:13px;
}

.tab-v2 .nav-tabs li.active a {
  background: #fff;
  padding: 7px 15px 9px;
  border: solid 1px #eee;
  border-top: solid 2px #324c80;
  border-bottom: none !important;
  border-radius:0 !important;
}

.tab-v2 .tab-content {
  padding: 10px 16px;
  border: solid 1px #eee;
}
/* ==========================================================================
   totop
========================================================================== */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:2%;
	right:2%;
	overflow:hidden;
	width:31px;
	height:31px;
	border:none;
	text-indent:100%;
	background:#324c80 url(/content/images/totop.png) no-repeat 7px 9px;
	text-indent:-999px;
	z-index:9999;
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;	
	-moz-transition:  0.5s ease;
}
#toTop:hover,#toSearch:hover{
    background-color:#444;
}
#toTop:active, #toTop:focus,
#toSearch:active, #toSearch:focus {
	outline:none;
	background-color:#324c80;
}
#toSearch{
    display:none;
    color:#fff;
	text-decoration:none;
	position:fixed;
	bottom:2%;
	right:2%;
	overflow:hidden;
	width:31px;
	height:31px;
	border:none;
	
	background-color:#324c80;

	z-index:9999;
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;	
	-moz-transition:  0.5s ease;
}
#toSearch i.fa-search{
    font-size:18px;
    line-height:31px;
    font-weight:800;
    display:table;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
}
/* ==========================================================================
   modals
========================================================================== */
/*override bootstrap modal to account for our sticky top nav*/
.modal{
    /*higher than totop*/
    z-index:10000;
}
.modal-backdrop{
    z-index:9999;
}
/*.modal-content{
    display:none;
}
*/
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5 {
    margin:0;
}

#loading-modal{
    display:    none;
    position:   fixed;
    z-index:    9999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background-color: rgba( 255, 255, 255, .6 );
}
#loading-modal i.fa{
    font-size:50px;
    width:50px;
    height:50px;
    
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-25px;
    margin-left:-25px;
    
    color:#000;
}
i.fa.fa-spin.spin-1, #loading-modal i.fa.fa-spin {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}
/*
#loading-modal i.fa.fa-spin {
    
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
*/
body.loading {
    overflow:hidden;
}
body.loading #loading-modal{
    display:block;
}

/* ==========================================================================
   override bootstrap popover
========================================================================== */
.popover{
    border-radius:0px;
}
.popover-content{
    font-size:12px;
}

/* ==========================================================================
   bootstrap callouts
========================================================================== */
 
/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}
.bs-callout-success {
    background-color: #f4faf6;
    border-color: #bcf1c5;
}

.bs-callout-danger h4 {
    color: #B94A48;
}

.bs-callout-warning h4 {
    color: #C09853;
}

.bs-callout-info h4 {
    color: #3A87AD;
}
.bs-callout-success h4 {
    color: #3aad60;
}

.text-danger a:hover,
.text-warning a:hover,
.text-info a:hover,
.text-success a:hover{
    text-decoration:none;
}
.text-danger a{
    text-decoration:underline;
    color:#a94442;
}
.text-warning a{
    text-decoration:underline;
    color:#8a6d3b;
}
.text-info a{
    text-decoration:underline;
    color:#31708f;
}
.text-success a{
    text-decoration:underline;
    color:#3c763d;
}


/* ==========================================================================
   bootstrap badge extensions - background colors like bootstrap labels
   note: we can't just use the bootstrap label styles because their
   badge styles will override it, e.g. .label-info still has a grey background
========================================================================== */

.badge.badge-default{
    background-color:#777;
}
.badge.badge-primary{
    background-color:#428bca;
}
.badge.badge-success{
    background-color:#5cb85c;
}
.badge.badge-info{
    background-color:#5bc0de;
}
.badge.badge-warning{
    background-color:#f0ad4e;
}
.badge.badge-danger{
    background-color:#d9534f;
}

/* ==========================================================================
   tags/labels
========================================================================== */
.category-tags{
    margin-bottom:15px;
}
.category-tags .label{
    font-weight:400;
}
.category-tags .label.label-default{
    background-color:#bbb;
    /*border-color:#bbb;*/
}


/* ==========================================================================
   membership type comparison table
========================================================================== */
#wholesaler-membership-type-comparison-table span.bold,
#wholesaler-membership-type-comparison-table span.normal{
    display:block;
}
#wholesaler-membership-type-comparison-table td,
#wholesaler-membership-type-comparison-table th{
    min-height:50px;
    height:50px;
}
#wholesaler-membership-type-comparison-table th span.bold{
    font-size:18px;
}
#wholesaler-membership-type-comparison-table td span.bold{
    font-size:14px;
    color:#324c80;
    font-weight:600;
}
#wholesaler-membership-type-comparison-table td,
#wholesaler-membership-type-comparison-table th{
    text-align:center;
    /*width:150px;*/
    padding:10px;
}
#wholesaler-membership-type-comparison-table td.feature,
#wholesaler-membership-type-comparison-table th.feature{
    text-align:left;
    /*width:641px;*/
    padding-left:30px;
    font-weight:300;
}

/* ==========================================================================
   wholesaler membership types comparison
========================================================================== */
#faq-wholesaler-membership-types .wholesaler-membership-comparison{
    padding:0 15px 0 30px;
}
#faq-wholesaler-membership-types{
    margin-bottom:50px;
}
.modal-content .wholesaler-membership-comparison{
    padding:0;
}
/*override .pricing-box and .feature-pricing-box styles*/
.modal-content .feature-pricing-box,
.modal-content .pricing-box{
    z-index: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    /*
    
    z-index: 2;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
*/
}

/* tables
---------------------------------------------------------------------------*/
td.actions {
    text-align:right;
}
td.actions a{
    display:inline-block;
    padding:0 5px;
}

/* fa-ul animated-list
---------------------------------------------------------------------------*/
ul.fa-ul.animated-list li{
    line-height:1.4;
}
ul.fa-ul.animated-list li a{
    color:#555;
}
ul.fa-ul.animated-list li i.fa{
    color:#324c80;
}
/*ul.animated-list{
    list-style-type:none;
	margin:0 0 0 16px;
	padding:0;
	height:auto !important;
}
ul.animated-list li{
    margin:0;
}

ul.animated-list li a{
    display:block;
    margin-left:0px;
}
ul.animated-list li a i.fa{
    position:absolute;
    left:16px;
    margin-top:5px;
    float:left;
    display:block;
}
ul.animated-list li.wr-active a{
    font-weight:800;
}*/
/* faq-index
---------------------------------------------------------------------------*/

.faq-index .categories{
    margin-top:40px;
}

.faq-index .categories .content-boxes-v3{
    margin-bottom:30px;
}
.faq-index .content-boxes-v3 .content-boxes-in-v3 h3 a{
    text-transform:uppercase;
    /*color:#4765a0;*/
    color:#324c80;
}
.faq-index .content-boxes-v3 .content-boxes-in-v3 h3 a:hover{
    text-decoration:underline;
}


/* faqs-by-category
---------------------------------------------------------------------------*/
.faqs-by-category .title-description{
    /*margin-bottom:30px;*/
}
.faqs-by-category .title-description h2{
    /*text-transform:uppercase;
    font-weight:200;*/
    margin-bottom:5px;
    /*color:#324c80;*/
}
.faqs-by-category .title-description .description p{
    color:#777;
    margin-bottom:0;
}
.faqs-by-category .faqs  li {
    font-size:18px;
    /*font-weight:200;*/
    /*text-transform:uppercase;
    font-weight:200;*/
}
.faqs-by-category .faqs  li a{
    color:#555;
}
.faqs-by-category .faqs  li a:hover{
    color:#324c80;
    text-decoration:underline;
}
.faqs-by-category .faqs li i.fa-li{
    color:#324c80;
}
.faq-categories-holder{
    margin-bottom:30px;
}

/* faq-details
---------------------------------------------------------------------------*/
.faq-details .actions{
    margin-top:30px;
}

/* contact-us
---------------------------------------------------------------------------*/
.contact-us ul.resources{
    list-style-type:none;
	margin:0 0 0 16px;
	padding:0;
	height:auto !important;
}
.contact-us ul.resources li{
    margin:0;
}

.contact-us ul.resources li a{
    display:block;
    margin-left:0px;
}
.contact-us ul.resources li a i.fa{
    position:absolute;
    left:16px;
    margin-top:5px;
    float:left;
    display:block;
}
@media (max-width: 768px) {
    .contact-us .contact-form-holder{
        margin-bottom:30px;
        padding-bottom:30px;
        border-bottom:1px solid #ddd;
    }
}

/* override pricing-box typography
---------------------------------------------------------------------------*/

@media(min-width:992px){
    #membership-comparison-table-holder .modal-dialog{
        width:800px;
    }
}
@media(min-width:768px){
    #membership-comparison-table-holder .modal-body{
        padding:0px 45px 0 45px;
    }
}
#membership-comparison-table-holder .modal-header .close{
    margin-top:-10px;
    margin-right:-5px;
}
#membership-comparison-table-holder .modal-header{
    border:0;
}
#membership-comparison-table-holder .modal-footer{
    border:0;
    text-align:center;
    padding-top:0;
    margin-top:0;
}
.wholesaler-membership-comparison .pricing-box .price {
    background-color:#444;
    background-image:none;
    /*
    background-image: -webkit-linear-gradient(270deg, #444444, #333333);
    background-image: -moz-linear-gradient(270deg, #444444, #333333);
    background-image: -ms-linear-gradient(270deg, #444444, #333333);
    background-image: -o-linear-gradient(270deg, #444444, #333333);
    background-image: linear-gradient(180deg, #444444, #333333);
*/
}
.wholesaler-membership-comparison .feature-pricing-box .price {
    background-color:#324c80;
    background-image:none;
/*
    background-image: -webkit-linear-gradient(270deg, #324c80, #860815);
    background-image: -moz-linear-gradient(270deg, #324c80, #860815);
    background-image: -ms-linear-gradient(270deg, #324c80, #860815);
    background-image: -o-linear-gradient(270deg, #324c80, #860815);
    background-image: linear-gradient(180deg, #324c80, #860815);
*/
}

.wholesaler-membership-comparison .pricing-box .price h2,
.wholesaler-membership-comparison .pricing-box .price h3,
.wholesaler-membership-comparison .feature-pricing-box .price h2,
.wholesaler-membership-comparison .feature-pricing-box .price h3 {
    margin: 0;
    color: #ffffff;
    padding: 10px 0;
    font-weight: 400;
    text-transform: uppercase;

}

.wholesaler-membership-comparison .pricing-box .price h2 { background-color: #333333; }
.wholesaler-membership-comparison .feature-pricing-box .price h2 { background-color: #324c80; }
.wholesaler-membership-comparison .pricing-box .price h3 { background-color: #444; }
.wholesaler-membership-comparison .feature-pricing-box .price h3 { background-color: #4765a0; }
.wholesaler-membership-comparison .pricing-box .price h3,
.wholesaler-membership-comparison .feature-pricing-box .price h3 {
    font-size: 50px;
    padding: 30px 0;
    margin: 0 0 30px;
}
.wholesaler-membership-comparison .pricing-box .price h3 span,
.wholesaler-membership-comparison .feature-pricing-box .price h3 span {
    font-size: 30px;
    text-transform: uppercase;
}
.wholesaler-membership-comparison .pricing-box .price h2,
.wholesaler-membership-comparison .feature-pricing-box .price h2{
    font-size:20px;
}



.wholesaler-membership-comparison .col-md-6{
    padding:0;
}
.wholesaler-membership-comparison li h4{
    font-weight:600;
    margin-bottom:5px;
}
.wholesaler-membership-comparison .feature-pricing-box li h4{
    color:#324c80;
}
.wholesaler-membership-comparison .feature-pricing-box li,
.wholesaler-membership-comparison .pricing-box li {
    -webkit-border-bottom: 0;
    -moz-border-bottom: 0;
    -o-border-bottom: 0;
    border-bottom: 0;
    margin-bottom:10px;
}

/* slider
---------------------------------------------------------------------------*/
.wr-slider-wrapper{
    position:relative;
    width:100%;
}

.wr-slider,.wr-slider-hidden{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    display:block;
}
.wr-slider-hidden{
    display:none;
}

/* bootstrap pagination overrides
---------------------------------------------------------------------------*/
.pagination > li > a,
.pagination > li > span {
  color: #324c80;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ccc;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #324c80;
  border-color: #324c80;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    border-color:#ccc;
}
/* boxes
---------------------------------------------------------------------------*/
.box-1{
    background-color:#4765a0;
    padding:15px;
    color:#fff;
}

.box-1 a,
.box-1 h1,
.box-1 h2,
.box-1 h3,
.box-1 h4,
.box-1 h5 {
    color:#fff;
}

.box-2{
    background-color:#666;
    padding:15px;
    color:#fff;
}
.box-2 a,
.box-2 h1,
.box-2 h2,
.box-2 h3,
.box-2 h4,
.box-2 h5 {
    color:#fff;
}

/* wr-breadcrumbs
---------------------------------------------------------------------------*/
.wr-breadcrumbs {
  overflow: hidden;
  padding: 35px 0 21px;
  border-bottom: solid 1px #eee;
  background-color:#f7f7f7;
}

.wr-breadcrumbs h2{
    color:#555;
    font-size:20px;
    margin-top:8px;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;  
    font-weight:300;
    text-transform:uppercase;
}
.wr-breadcrumbs.info h2{
    font-size:30px;
}
.wr-breadcrumb{
    padding-top:10px;
    text-align:right;
}
.wr-breadcrumb a{
    color:#777;
    text-align:right;
    font-size:13px;
    font-weight:400;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;  
}
.wr-breadcrumb .separator{
    color:#ccc;
    margin:0 5px;
}
.wr-breadcrumb a.current{
    color:#4765a0;
}
@media (max-width:992px){
    .wr-breadcrumbs {
        padding:30px 0;
    }
    .wr-breadcrumbs h2 {
        margin-bottom:5px;
    }
    .wr-breadcrumb{
        padding-top:0px;
        text-align:left;
    }
}
/* grid-box
---------------------------------------------------------------------------*/
.grid-box-wrapper{
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.grid-box-wrapper .grid-box{
    position:relative;
    float:left;
}
.grid-box-wrapper .grid-box-fixed-5{
    width:20%;
    padding-bottom:20%;
}
.grid-box-wrapper .grid-box-5{
    width:20%;
    padding-bottom:20%;
}
.grid-box-wrapper .grid-box-4{
    width:25%;
    padding-bottom:25%;
}
.grid-box-wrapper .grid-box-3{
    width:33.3%;
    padding-bottom:33.3%;
}
.grid-box-wrapper .grid-box .grid-box-inner{
    position:absolute;
    left:5px;
    right:5px;
    top:5px;
    bottom:5px;
    overflow:hidden;
    
    padding:10px;
    border:1px solid #ddd;
    
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;       
}

.grid-box-wrapper .grid-box .grid-box-inner.selectable:hover{
    border-color: #66afe9;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.grid-box-wrapper .grid-box .grid-box-inner.selectable.box-selected{
    border-color: #5cb85c;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 184, 92, .6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 184, 92, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 184, 92, .6);
}

@media only screen and (max-width : 480px) {
   .grid-box-wrapper .grid-box-5,
   .grid-box-wrapper .grid-box-4,
   .grid-box-wrapper .grid-box-3{
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   .grid-box-wrapper .grid-box-5{
      width: 50%;
      padding-bottom: 50%;
   }
   .grid-box-wrapper .grid-box-4{
      width: 50%;
      padding-bottom: 50%;
   }
   .grid-box-wrapper .grid-box-3{
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   .grid-box-wrapper .grid-box-5{
      width: 33.3%;
      padding-bottom: 33.3%;
   }
   .grid-box-wrapper .grid-box-4{
      width: 50%;
      padding-bottom: 50%;
   }
   .grid-box-wrapper .grid-box-3{
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   .grid-box-wrapper .grid-box-5{
      width: 25%;
      padding-bottom: 25%;
   }
   .grid-box-wrapper .grid-box-4{
      width: 33.3%;
      padding-bottom: 33.3%;
   }
   .grid-box-wrapper .grid-box-3{
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}

@media (max-width: 768px) {
    
    .wholesaler-dashboard-listings .listing-box{
        text-align:center;
    }
    .wholesaler-dashboard-listings .listing-box h4{
        text-align:left;
    }
    .wholesaler-dashboard-listings .listing-box img{
        margin:0 auto 20px auto;
    }
    .wholesaler-dashboard-listings .dashboard-links .btn{
        width:100%;
        margin-bottom:20px;    
    }
    
}
/* product search 
3:4 width:height
---------------------------------------------------------------------------*/
.grid-box-wrapper.product-box-5 .grid-box{
    width:20%;
    padding-bottom:26.7%;
}
.grid-box-wrapper.product-box-4 .grid-box{
    width:25%;
    padding-bottom:33.3%;
}
.grid-box-wrapper.product-box-3 .grid-box{
    width:33.3%;
    padding-bottom:44.4%;
}


.grid-box-wrapper .grid-box .product-box-inner .image-placeholder{
    width:100%;
    height:45%;
    background-color:#f4f4f4;
    text-align:center;
    color:#ddd;
    position:relative;
}
.grid-box-wrapper .grid-box .product-box-inner .image-placeholder div{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin-top:-32px;
}



.product-details-public .image-placeholder{
    position:relative;
    width:100%;
    height:45%;
    background-color:#f4f4f4;
    text-align:center;
    color:#ddd;
    position:relative;
    padding:30%;
}
.product-details-public .image-placeholder div{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin-top:-32px;
    
    
}
.grid-box-wrapper .grid-box .product-box-inner .image-mask-holder{
    width:100%;
    max-height:50%;
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder{
    width:100%;
    height:50%;
    text-align:center;
    position:absolute;
    top:50%;
    left:0;
    overflow:hidden;
    
    padding:10px;
   
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder h4{
    color:#222;
    margin-bottom:0px;
    font-size:15px;
    font-weight:600;
    /*border-bottom:1px solid #ddd;*/
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder h5{
    margin-bottom:5px;
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder .description{
    font-size:13px;
    line-height:17px;
    /*padding-top:10px;*/
    
    /*background-color:Green;*/
    
    /*border-top:1px solid #ddd;*/
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder .action-holder{
    position:absolute;
    bottom:5px;
    right:10px;
    left:10px;
    text-align:center;

    overflow:hidden;
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder .action-holder a{
    display:inline-block;
    /*
    width:34px;
    line-height:34px;
*/
    padding:5px;
    font-size:12px;
    /*color:#888;*/
    text-align:center;
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder .action-holder a:hover{
    color:#324c80;
}
.modal-body .modal-product-description .product-price-holder .product-price,
.grid-box-wrapper .grid-box .product-box-inner .description-holder .description .product-price{
    font-weight:600;
}
.modal-body .modal-product-description .product-price-holder .product-price.strikethrough,
.grid-box-wrapper .grid-box .product-box-inner .description-holder .description .product-price.strikethrough{
    font-weight:400;
    color:#888;
}

.product-price-box .product-price.closeout,
.modal-body .modal-product-description .product-price-holder .product-price.closeout,
.grid-box-wrapper .grid-box .product-box-inner .description-holder .description .product-price.closeout{
    color:#ff0000;
}
.grid-box-wrapper .grid-box .product-box-inner .description-holder .description .product-price{
    line-height:15px;    
}
.modal-body .modal-product-description .description{
    margin-top:20px;
}
.modal-body .modal-product-description .product-price-holder{
    margin-top:20px;
}
.modal-body .modal-product-description .product-price-holder .product-price{
    line-height:16px;
    text-align:right;
}

.grid-box-wrapper .grid-box .product-box-inner{
    position:absolute;
    left:5px;
    right:5px;
    top:5px;
    bottom:5px;
    overflow:hidden;
    
    padding:10px;
    border:1px dotted #e4e9f0;
}
.grid-box-wrapper .grid-box .product-box-inner:hover{
    box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
/*
.grid-box-wrapper .grid-box .product-box-inner:hover .image-mask{
    opacity:1;
}
*/
.grid-box-wrapper .grid-box .product-box-inner .image-mask:hover{
    opacity:1;
}

.grid-box-wrapper .grid-box .product-box-inner:hover .action-holder a{
    color:#555;
}

.product-box-inner h5.company-name a,
.product-box-inner h5.company-name{
    font-size:13px;
    color:#999;
}
.product-box-inner h5.company-name a:hover{
    text-decoration:underline;
}

@media only screen and (max-width : 480px) {
   .grid-box-wrapper.product-box-5 .grid-box,
   .grid-box-wrapper.product-box-4 .grid-box,
   .grid-box-wrapper.product-box-3 .grid-box{
      width: 100%;
      padding-bottom: 133.3%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   .grid-box-wrapper.product-box-5 .grid-box{
      width: 50%;
      padding-bottom: 66.6%;
   }
   .grid-box-wrapper.product-box-4 .grid-box{
      width: 50%;
      padding-bottom: 66.6%;
   }
   .grid-box-wrapper.product-box-3 .grid-box{
      width: 50%;
      padding-bottom: 66.6%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {

    .grid-box-wrapper.product-box-5 .grid-box{
        width:33.3%;
        padding-bottom:44.4%;
    }
   .grid-box-wrapper.product-box-4 .grid-box{
      width: 50%;
      padding-bottom: 66.6%;
   }
   .grid-box-wrapper.product-box-3 .grid-box{
      width: 50%;
      padding-bottom: 66.6%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {

    .grid-box-wrapper.product-box-5 .grid-box{
        width:25%;
        padding-bottom:33.3%;
    }
   .grid-box-wrapper.product-box-4 .grid-box{
      width: 33.3%;
      padding-bottom: 44.4%;
   }
   .grid-box-wrapper.product-box-3 .grid-box{
      width: 33.3%;
      padding-bottom: 44.4%;
   }
}

/* company-name-logo
---------------------------------------------------------------------------*/
.company-name-logo{
    margin-bottom:20px;
}
.company-name-logo .company-logo{
    display:inline-block;
    margin-right:10px;
}
.company-name-logo h2{
    display:inline-block;
}

/* product details 
---------------------------------------------------------------------------*/
.small-image-holder.grid-box-wrapper .grid-box .grid-box-inner{
    position:absolute;
    left:5px;
    right:5px;
    top:5px;
    bottom:5px;
    overflow:hidden;
    
    padding:0px;
    border:0;
    
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;       
}
.product-details-public h2{
    margin-bottom:0px;
}
.product-details-public h3{
    font-size:18px;
}
.product-details-public .small a,
.product-details-public small a{
    color:#999;
}
.product-details-public .product-price-box .product-price{
    line-height:16px;
    text-align:right;
}
.product-details-public .product-price-box .product-price.closeout{
    font-weight:600;
}
.product-details-public .attributes-holder{
    margin-bottom:10px;
}
.product-details-public .action-holder{
    font-size:13px;
    margin-bottom:30px;
}
.product-details-public .action-holder a{
    padding:5px 0;
    margin-right:10px;
}
.product-details-public .action-holder a:last-child{
    margin-right:0px;
}
.product-details-public ul.product-attribute-list{
    margin-bottom:0;
}
.product-details-public ul.product-attribute-list li{
    line-height:16px;
}
.product-details-public ul.product-attribute-list li strong{
    font-weight:600;
}
.product-details-public .tab-content .content{
    padding:0;
}
.product-details-public .more-products{
    margin-top:50px;
}
.product-details-public .product-box{
    text-align:center;
    padding-bottom:150%;
}
.product-details-public .product-box-inner{
    position:absolute;
    left:5px;
    right:5px;
    top:5px;
    bottom:5px;
    padding:0px;
    overflow:hidden;
    padding: 10px;
    border: 1px dotted #e4e9f0;
}
.product-details-public .product-box-inner:hover{
        box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.product-details-public .product-box-inner .image-mask-holder{
    width:100%;
    max-height:50%;
}
.product-details-public .product-box-inner .description-holder{
    width:100%;
    height:50%;
    text-align:center;
    position:absolute;
    top:50%;
    left:0;
    overflow:hidden;
    
    padding:10px 5px;
    
    /*background-color:Red;*/
}
.product-details-public .product-box-inner .description-holder h4{
    margin-bottom:0px;
    font-size:15px;
    font-weight:600;
    /*border-bottom:1px solid #ddd;*/
}
.product-details-public .product-box-inner .description-holder .description{
    font-size:13px;
    line-height:17px;

}
.product-box-inner .description-holder .description p{
    margin-bottom:5px;
}
.product-details-public .product-box-inner .description-holder .action-holder{
    position:absolute;
    top:80%;
    right:10px;
    left:10px;
    text-align:center;

    overflow:hidden;
}
.product-details-public .product-box-inner .description-holder .product-price-box .product-price{
    text-align:center;
}
.product-details-public .details-holder{
    margin-top:30px;
}
.description-holder .action-holder a{
    display:inline-block;
    /*
    width:34px;
    line-height:34px;
*/
    padding:5px;
    font-size:12px;
    /*color:#888;*/
    text-align:center;
}
@media (max-width: 1199px) {
    .product-details-public .product-box{
        padding-bottom:140%;
    }
}

@media (max-width: 768px) {
    .product-details-public .product-price-box .product-price,
    .product-details-public .action-holder,
    .product-details-public .attributes-holder{
        text-align:left;
    }
    .product-details-public ul.product-attribute-list{
        margin-bottom:10px;
    }
    
    .product-details-public .product-box{
        padding-bottom:140%;
    }
}

/* wholesaler category listings 
---------------------------------------------------------------------------*/
/*common*/
.listing-1, 
.listing-2,
.listing-body{
    overflow:hidden;
    zoom:1;
}
.listing-1, 
.listing-2{
    margin-top:15px;
}
.listing-1:first-child,
.listing-2:first-child{
    margin-top:0;
}


/*listing-1*/
.wholesaler-category-listings .listing-1 .company-logo{
    display:block;
    width:150px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}
.wholesaler-category-listings .listing-1{
    border: 1px solid #ccc;
    padding: 15px;
    border-radius:4px;
    
}
.wholesaler-category-listings .listing-1 p{
    text-align:center;
}
.wholesaler-category-listings .listing-1 h3{
    text-align:center;
    margin:0 0 5px 0;
}
.wholesaler-category-listings .listing-1 .heading-holder{
    margin:0 0 20px 0;
    /*border-bottom:1px solid #324c80;*/
    /*border-bottom:1px solid #ccc;*/
}
.wholesaler-category-listings .listing-1 .listing-links{
    text-align:center;
}
.wholesaler-category-listings .listing-1 .listing-links a{
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}
.wholesaler-category-listings .listing-1 .listing-links a i.fa{
    margin-right:5px;
}

.wholesaler-category-listings .listing-1.premium h3{
    font-weight:600;
}
.wholesaler-category-listings .listing-1.premium p{
    color:#333;
    /*color:#fff;*/
    
}

.wholesaler-category-listings .listing-1.standard p{
    
}
/*listing-1 dark theme*/
.wholesaler-category-listings.dark .listing-1 .media {
    background-color:#fcfcfc;
}
.wholesaler-category-listings.dark .listing-1.premium h3 a{
    /*color:#eee;*/
}
.wholesaler-category-listings.dark .listing-1.premium p{
    /*color:#ddd;*/
}



/*listing-2*/
.listing-2{
    margin-top:30px;
}
.listing-2:first-child{
    margin-top:0;
}

.wholesaler-category-listings .listing-2{
    padding-bottom:30px;
    border-bottom:1px solid #ddd;
    position:relative;
    /*border-bottom:1px solid #324c80;*/
    /*border-top:3px solid #324c80;*/
    /*background-color:#fafafa;*/
    /*padding:20px;*/
}
.wholesaler-category-listings .listing-2:last-child{
    border-bottom:none;
}


.wholesaler-category-listings .listing-2.standard h3,
.wholesaler-category-listings .listing-2.premium h3{
    font-size:18px;
    line-height:22px;
    margin-bottom:5px;
}

.wholesaler-category-listings .listing-2.standard h3 a,
.wholesaler-category-listings .listing-2.premium h3 a{
    color:#555;
}
.wholesaler-category-listings .listing-2.standard h3 a:hover,
.wholesaler-category-listings .listing-2.premium h3 a:hover{
    text-decoration:underline;
    color:#4765a0;
}

a[data-wr-favorite-name].existing-favorite{
    color:#3c763d;
}
.wholesaler-category-listings a[data-wr-favorite-name].existing-favorite{
    font-weight:700;
}

.wholesaler-category-listings .heading-holder a.logo:hover{
    text-decoration:none;
}

.wholesaler-category-listings .listing-2.standard p,
.wholesaler-category-listings .listing-2.premium p{
    color:#555;
    font-size:13px;
    line-height:1.6;
}

.wholesaler-category-listings .listing-2 .listing-links a i.fa{
    margin-right:5px;
}
.wholesaler-category-listings .listing-2 .listing-links a{
    display:inline-block;
    margin-right:10px;
}


.wholesaler-category-listings .listing-2 .listing-body{
    position:relative;
    overflow:hidden;
}
.wholesaler-category-listings .listing-2.premium .listing-body .premium-banner{
    position:absolute;
    top:0;
    right:0px;
    /*background-color:#324c80;*/
    /*background-color:#3498db;*/
    background-color:#1abc9c;
    color:#fff;
    text-align:left;
    padding:1px 10px 1px 20px;
    font-size:9px;
    text-transform:uppercase;
}
.wholesaler-category-listings .listing-2.premium .listing-body .row .premium-banner{
    right:15px;
}

.wholesaler-category-listings .listing-2.premium .listing-body .premium-banner i.corner-left{
    left:0;
    width:0;
    height:0;
    bottom:-1px;
    display:block;
    position:absolute;
    border-style:solid;
    border-width:11px 0 13px 10px;
    border-color:transparent transparent transparent #fff;
}
.wholesaler-category-listings .listing-2 .heading-holder{
    padding-right:75px;
    margin:0 0 20px 0;
}

.wholesaler-category-listings .listing-2.standard .standard-banner{
    position:absolute;
    top:0;
    right:0px;
    background-color:#bbb;
    color:#fff;
    text-align:left;
    padding:1px 10px 1px 20px;
    font-size:9px;
    text-transform:uppercase;
}
.wholesaler-category-listings .listing-2.standard .listing-body .standard-banner i.corner-left{
    left:0;
    width:0;
    height:0;
    bottom:-1px;
    display:block;
    position:absolute;
    border-style:solid;
    border-width:11px 0 13px 10px;
    border-color:transparent transparent transparent #fff;
}

.wholesaler-category-listings .listing-2 .company-name-holder{
    display:table-row;
}
.wholesaler-category-listings .listing-2 .company-name-holder .logo-holder,
.wholesaler-category-listings .listing-2 .company-name-holder .heading-holder{
    display:table-cell;
    vertical-align:top;
}
.wholesaler-category-listings .listing-2 .company-name-holder .heading-holder{
    padding-left:10px;
}
.wholesaler-category-listings .listing-2 .company-name-holder .info{
    color:#777;
    font-size:12px;
    line-height:1.6;
}
.wholesaler-category-listings .listing-2 .company-name-holder .info i.fa{
    /*color:#324c80;*/
}
.wholesaler-category-listings .listing-2 .logo-box{
    position:relative;
    width:85px;
    height:85px;
    padding:5px;
    border:1px solid #eee;
    overflow:hidden;
}
.wholesaler-category-listings .listing-2 .logo-box a,
.wholesaler-category-listings .listing-2 .logo-box img.company-logo{
    display:block;
    width:75px;
}
@media only screen and (max-width: 479px) {
    .wholesaler-category-listings .listing-2.standard .standard-banner,
    .wholesaler-category-listings .listing-2.premium .listing-body .premium-banner{
        position:relative;
        text-align:center;
        margin-bottom:15px;
    }
    .wholesaler-category-listings .listing-2.premium .listing-body .row .premium-banner{
        right:0px;
    }
    .wholesaler-category-listings .listing-2.standard .listing-body .standard-banner i.corner-left,
    .wholesaler-category-listings .listing-2.premium .listing-body .premium-banner i.corner-left{
        border-style:none;
    }
    .wholesaler-category-listings .listing-2 .heading-holder{
        padding-right:0px;
    }


}
@media (max-width: 768px) {
    
    .listing-2 .listing-body img{
        margin:0 auto 0 auto;
    }
    .listing-2 .listing-body .image-mask-holder{
        margin:0 auto 20px auto;
    }
}






/* listings-by-category 
---------------------------------------------------------------------------*/

.listings-by-category .side-nav .current-category-holder,
.listings-by-category .wholesaler-category-listings{
    margin-top:30px;
}

.listings-by-category .side-nav h4,
.listings-by-category .side-nav h4 a,
.listings-by-category .side-nav li a{
    font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.listings-by-category .side-nav{
    border-right:1px solid #ddd;
}
.listings-by-category .side-nav h4.category {
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    margin-bottom:20px;
}
.listings-by-category .side-nav h4.category.current{
    margin-bottom:10px;
}
.listings-by-category .side-nav .current-category-holder{
    margin-bottom:20px;
}
.listings-by-category .side-nav h4.category a{
    color:#555;
    position:relative;
    display:block;
}
.listings-by-category .side-nav h4.category a::after{
  top: 0px;
  right: -10px;
  color: #444;
  font-size: 14px;
  content: "\f105";
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome;
}
.listings-by-category .side-nav .subcategories a{
    color:#777;
    font-size:13px;
    margin-left:15px;
}
.listings-by-category .side-nav h4.category.current a{
    /*color:#324c80;*/
    color:#4765a0;
    font-weight:500;
}
.listings-by-category .side-nav h4.category.current a::after{
    color:#4765a0;
}

.listings-by-category .side-nav ul.categories li h4.category a::after{
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.listings-by-category .side-nav h4.category.current a::after,
.listings-by-category .side-nav h4.category:hover a::after{
    -webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}


/*non small screens*/
@media (min-width: 768px) {
    .listings-by-category .side-nav.navbar-collapse{
        padding:0 40px 0 0;
        max-height:none;
    }
    
    
}
/*small screens*/
@media (max-width: 768px) {


    .listings-by-category .side-nav{
        position:fixed;
        top:110px;
        left:0px;
        background-color:#fff;
        width:100%;
        z-index:7000;
        background-color: rgba(255, 255, 255, 0.95);
        padding:0 30px 50px 25px;
        border-right:none;
        
    }
    .listings-by-category .side-nav.nav-wrapper-tiny{
        top:80px;
    }
    .listings-by-category .side-nav.nav-wrapper-tiny.nav-wrapper-tinyheader{
        top:50px;
    }

    .listings-by-category .side-nav.navbar-collapse{
        max-height:100%;
    }
    .listings-by-category .side-nav.navbar-collapse.collapsing,
    .listings-by-category .side-nav.navbar-collapse.collapse.in{
        position:fixed;
    }


    

}

/* wholesaler-dashboard-listings
---------------------------------------------------------------------------*/
.wholesaler-dashboard-listings .listing-box{
    padding-bottom:30px;
    border-bottom:1px solid #ddd;
    margin-top:30px;
}
.wholesaler-dashboard-listings .listing-box:first-child{
    margin-top:0;
}
.wholesaler-dashboard-listings .listing-box:last-child{
    border-bottom:0;
}
.wholesaler-dashboard-listings .listing-box h4 i.fa{
    font-size:15px;
    margin:0 10px;
}
.wholesaler-dashboard-listings .listing-box .action-holder{
    margin-top:20px;
}
.wholesaler-dashboard-listings .tab-pane{
    margin-top:30px;
}
.wholesaler-dashboard-listings #pictures-holder{
    overflow:hidden;
}

.wholesaler-dashboard-listings .grid-box .grid-box-inner:hover{
    
    border-color: #66afe9;
    outline: 0;
    -mox-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

    /*border-color:#888;*/
}
.wholesaler-dashboard-listings .grid-box .grid-box-inner.search-results-picture{
    border-color: #5cb85c;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 184, 92, .6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 184, 92, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(92, 184, 92, .6);
}
.wholesaler-dashboard-listings .grid-box .grid-box-inner .shown-in-search{
    display:none;
}
.wholesaler-dashboard-listings .grid-box .grid-box-inner.search-results-picture .shown-in-search{
    color:#5cb85c;
    display:block;
    font-size:11.5px;
    line-height:1;
    margin-bottom:5px;
}
.wholesaler-dashboard-listings .grid-box .grid-box-inner .text .used-in{
    font-size:11.5px;
    color:#555;
    line-height:1;
    margin-bottom:5px;
}
.wholesaler-dashboard-listings .grid-box .grid-box-inner img{

    max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-height:70%;
    cursor:pointer;
}
.wholesaler-dashboard-listings .grid-box .grid-box-inner .text{
    position:absolute;
    bottom:10px;
    text-align:center;
    width:90%;
}
.wholesaler-dashboard-listings .grid-box .grid-box-inner .text .btn{
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wholesaler-dashboard-listings .membership-notification-holder .bs-callout{
    margin-top:0px;
}

.wholesaler-dashboard-listings #no-search-image-warning{
    margin-top:0px;
}
@media (max-width: 768px) {
    
    .wholesaler-dashboard-listings .listing-box{
        text-align:center;
    }
    .wholesaler-dashboard-listings .listing-box h4{
        text-align:left;
    }
    .wholesaler-dashboard-listings .listing-box img{
        margin:0 auto 20px auto;
    }
    .wholesaler-dashboard-listings .dashboard-links .btn{
        width:100%;
        margin-bottom:20px;    
    }
    
}


/* hot deals 
---------------------------------------------------------------------------*/
/*common*/

.hot-deal-2,
.hot-deal-body{
    overflow:hidden;
    zoom:1;
}

.hot-deal-2{
    margin-top:15px;
}

.hot-deal-2:first-child{
    margin-top:0;
}



/*listing-2*/
.hot-deal-2{
    margin-top:30px;
}
.hot-deal-2:first-child{
    margin-top:0;
}

.wholesaler-hot-deals .hot-deal-2{
    padding-bottom:30px;
    border-bottom:1px solid #ddd;
    position:relative;
}
.wholesaler-hot-deals .hot-deal-2:last-child{
    border-bottom:none;
}

.wholesaler-hot-deals .hot-deal-2 .heading-holder h3{
    font-size:12px;
    font-style:italic;
    margin-bottom:15px;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder h3 a{
    color:#555;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder h3 a:hover{
    text-decoration:underline;
}

.wholesaler-hot-deals .hot-deal-2 .heading-holder h2{
    color:#333;
    font-size:22px;
    font-weight:300;
    margin-bottom:10px;
}
.wholesaler-hot-deals .hot-deal-2 .deal-date {
    
    color:#fff;
    /*background-color:#324c80;*/
    /*background-color:#5bc0de;
    border-color:#46b8da;*/
    background-color:#3498db;
    /*background-color:#4765a0;*/
    /*background-color:#aaa;*/
    /*background-color:#e74c3c;*/
    text-align:center;
    padding:10px 0px;
    width:75px;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-date .posted {
    font-size:10px;
    font-weight:300;
    line-height:1.2;
    color:#ddd;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-date .day{
    font-weight:700;
    font-size:24px;
    line-height:1;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-date .month{
    text-transform:uppercase;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-date .month,
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-date .year{
    font-size:14px;
    line-height:1.2;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder{
    display:table-row;
    width:100%;

}
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-title,
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-date-holder{
    display:table-cell;
}
.wholesaler-hot-deals .hot-deal-2 .heading-holder .deal-title{

    vertical-align:top;
    width:100%;
    /*padding-right:10px;*/
    padding-left:15px;
}


a[data-wr-favorite-name].existing-favorite{
    color:#3c763d;
}
.wholesaler-hot-deals a[data-wr-favorite-name].existing-favorite{
    font-weight:700;
    
}

.wholesaler-hot-deals .hot-deal-2 p.deal-description{
    margin-top:20px;
    color:#555;
    font-size:13px;
    line-height:1.6;
}

.wholesaler-hot-deals .hot-deal-2 .hot-deal-links a i.fa{
    margin-right:5px;
}
.wholesaler-hot-deals .hot-deal-2 .hot-deal-links a{
    display:inline-block;
    margin-right:10px;
}
.wholesaler-hot-deals .hot-deal-2 img.company-logo{
    float:left;
    margin:5px 10px 10px 0;
    display:block;
    width:75px;
}



@media (max-width: 768px) {
    
    
    .hot-deal-2 .hot-deal-body img{
        margin:0 auto 0 auto;
    }
    .hot-deal-2 .hot-deal-body .image-mask-holder{
        margin:0 auto 20px auto;
    }
    
}

/* wholesaler-dashboard-hot-deals
---------------------------------------------------------------------------*/
.wholesaler-dashboard-hot-deals .heading-holder .status{
    text-align:right;
    font-size:16px;
    font-weight:600;
    color:#3c763d;
}
.wholesaler-dashboard-hot-deals .expired .heading-holder .status{
    color:#f0ad4e;
    
}

.wholesaler-dashboard-hot-deals .heading-holder h3{
    margin-bottom:0px;
    font-weight:600;
    font-size:20px;
}

.wholesaler-dashboard-hot-deals .hot-deal-2 p,
.wholesaler-dashboard-hot-deals .hot-deal-2 img,
.wholesaler-dashboard-hot-deals .hot-deal-2 h3{
    -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	        -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.wholesaler-dashboard-hot-deals .hot-deal-2.expired p,
.wholesaler-dashboard-hot-deals .hot-deal-2.expired img,
.wholesaler-dashboard-hot-deals .hot-deal-2.expired h3{
    opacity:0.4;
}
.wholesaler-dashboard-hot-deals .hot-deal-2.expired:hover p,
.wholesaler-dashboard-hot-deals .hot-deal-2.expired:hover img,
.wholesaler-dashboard-hot-deals .hot-deal-2.expired:hover h3{
    opacity:1;
}
.wholesaler-dashboard-hot-deals .hot-deal-2 .action-holder {
    margin-top: 20px;
}
@media (max-width: 768px) {
    
    .wholesaler-dashboard-hot-deals .dashboard-links .btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .wholesaler-dashboard-hot-deals .heading-holder .status{
        text-align:center;
    }
}

/* image-mask-holder
---------------------------------------------------------------------------*/

.image-mask-holder{
    position:relative;
    overflow:hidden;
    
}
.image-mask-holder .image-mask{
    position:absolute;
    left:0;
    width:100%;
    top:0;
    height:100%;
    color:#fff;
    opacity:0;
    /*324c80*/
    /*background-color: rgba(169, 3, 41, 0.5);*/
    
    /*ccc*/
    /*background-color: rgba(204, 204, 204, 0.5); */
    
    background-color: rgba(0, 0, 0, 0.5); 
    
    -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
	        -o-transition: opacity 0.3s ease-in-out;
	        transition: opacity 0.3s ease-in-out;    
}
.image-mask-holder:hover .image-mask{
    opacity:1;
}

.image-mask-holder .image-mask p{
    position:absolute;
    top:50%;
    margin:-21px 0 0 -90px;
    left:50%;
}
.image-mask-holder .image-mask p a{
    margin-left:30px;
}
.image-mask-holder .image-mask p i.fa{
    color:#fff;
}

/* contact-information
---------------------------------------------------------------------------*/
div.contact-information{
    display:inline-block;
    width:100%;
    position:relative;
    margin-bottom:30px;
}
.contact-information-holder1 div.contact-information{
    border:1px solid #ccc;
    border-radius:4px;
    padding:15px;
    position:relative;
}

.contact-information-holder2 div.contact-information{
    border:1px solid #eee;
    background-color:#eee;
    border-radius:4px;
    padding:30px 30px 15px 30px;
    color:#222;
    display:inline-block;
}

div.contact-information .full-name{
    font-size:15px;
    font-weight:600;
}
div.contact-information .name-title{
    margin-bottom:10px;
}
div.contact-information div.phone-numbers,
div.contact-information div.address{
    font-size:13px;
}
div.contact-information div.phone-numbers{
    margin-bottom:10px;
}

div.contact-information div.address{
    margin-bottom:10px;
}
div.contact-information div.address address{
    margin-bottom:0;
}
div.contact-information.editable div.action-holder{
    position:relative;
    bottom:0;
    margin:20px 0;
}
div.contact-information .phone-numbers a{
    color:#555;
}
div.contact-information .phone-numbers a:hover{
    color:#324c80;
}
div.contact-information .profile-picture{
    position:relative;
    text-align:center;
    
}
div.contact-information .profile-picture .thumbnail{
    display:block;
    width:110px;
    height:110px;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}

div.contact-information .profile-picture img{
    
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-height:100px;
    max-width:100px;
    vertical-align:middle;

/*
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    max-height:100px;
    max-width:100px;
*/
}

div.contact-information.horizontal .profile-picture{
    display:inline-block;
    margin:0 15px 15px 0;
    float:left;
}
div.contact-information.horizontal .contact-information-holder{
    float:left;
}
div.contact-information .action-holder{
    margin-top:20px;
}

/* contact-information3
---------------------------------------------------------------------------*/
div.contact-information.contact-information3 .profile-picture{
    text-align:left;
}
div.contact-information.contact-information3 .profile-picture .thumbnail{
    text-align:left;
    margin-left:0;
    margin-right:0;
}
div.contact-information.contact-information3 h4.name-title{
    font-size:16px;
}
div.contact-information.contact-information3 h4.name-title .small{
    font-size:14px;
}
@media only screen and (max-width: 479px) {
    div.contact-information.horizontal .profile-picture{
        display:block;
        margin:0 auto 20px auto;
        float:none;
    }
    div.contact-information.horizontal .contact-information-holder{
        float:none;
    }
    
    div.contact-information.horizontal .action-holder{
        display:block;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
    
    .dashboard-links .btn,
    .dashboard-links .btn.fileupload-button{
        width:100%;
    }
}

/* wholesaler-dashboard-products
---------------------------------------------------------------------------*/
.wholesaler-dashboard-products .grid-box-wrapper .grid-box .product-box-inner .description-holder .action-holder{
    bottom:10px;
}
.wholesaler-dashboard-products .action-holder a.btn.btn2{
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width: 768px) {
    
    .wholesaler-dashboard-products .dashboard-links .btn{
        width:100%;
        margin-bottom:20px;    
    }
    
}

/* wholesaler-dashboard-profile-pictures
---------------------------------------------------------------------------*/
.wholesaler-dashboard-profile-pictures .profile-picture{
    padding-top:30px;
    border-top:1px solid #ddd;
    margin-bottom:30px;
}
.wholesaler-dashboard-profile-pictures .profile-picture:first-child{
    padding-top:0;
    border-top:none;
}
.wholesaler-dashboard-profile-pictures .profile-picture .description{
    text-align:right;
}
.wholesaler-dashboard-profile-pictures .profile-picture .action-holder{
    margin-top:20px;
    text-align:right;
}

@media (max-width: 768px) {
    .wholesaler-dashboard-profile-pictures .profile-picture .description,
    .wholesaler-dashboard-profile-pictures .profile-picture .action-holder,
    .wholesaler-dashboard-profile-pictures .profile-picture{
        text-align:center;
    }
    .wholesaler-dashboard-profile-pictures .profile-picture .description{
        margin-top:15px;
    }

/*
    TODO: figure out how to get this to work with fileinput-button
    .wholesaler-dashboard-profile-pictures .dashboard-links .btn{
        width:100%;
        margin-bottom:20px;    
    }
*/    
}

@media only screen and (max-width: 479px) {
}

/* wholesaler-dashboard-featured-supplier
---------------------------------------------------------------------------*/
.wholesaler-dashboard-featured-supplier .action-holder{
    margin-top:10px;
}
/* buyer-search
---------------------------------------------------------------------------*/
.buyer-search .buyers .buyer{
    padding-top:30px;
    border-top:1px solid #ddd;
    margin-bottom:30px;
}
.buyer-search .buyers .buyer:first-child{
    padding-top:0px;
    border-top:0px;
}

.buyer-search .buyers .buyer .company-name-holder h3{
    font-size:18px;
    line-height:22px;
    margin-bottom:5px;
}
.buyer-search .buyers .buyer .company-name-holder h3 a{
    color:#555;
    
}
.buyer-search .buyers .buyer .company-name-holder h3 a:hover{
    text-decoration:underline;
    color:#4765a0;
}

.buyer-search .buyers .buyer .company-name-holder{
    display:table-row;
    
}
.buyer-search .buyers .buyer .company-name-holder .logo-holder,
.buyer-search .buyers .buyer .company-name-holder .heading-holder{
    display:table-cell;
    vertical-align:top;
}
.buyer-search .buyers .buyer .company-name-holder .heading-holder{
    padding-left:10px;
    
}
.buyer-search .buyers .buyer .company-name-holder .info{
    color:#777;
    font-size:12px;
    line-height:1.6;
}
.buyer-search .buyers .buyer .logo-box{
    position:relative;
    width:85px;
    height:85px;
    padding:5px;
    border:1px solid #eee;
    overflow:hidden;
}
.buyer-search .buyers .buyer .logo-box a,
.buyer-search .buyers .buyer .logo-box img.company-logo{
    display:block;
    width:75px;
}

.buyer-search .buyers .buyer p.description{
    color:#555;
    font-size:13px;
    line-height:1.6;
    margin-top:20px;
}
.buyer-search .buyers .buyer .actions{
    text-align:right;
}

.buyer-search .buyers .buyer .links a{
    display:inline-block;
    margin-right:10px;   
}
.buyer-search .buyers .buyer .links a i.fa{
    margin-right:5px;   
}
@media (max-width: 768px) {
    

    .buyer-search .buyers .buyer .actions {
        text-align: left;
        
    }

    .buyer-search a.btn,
    .buyer-search input[type="button"] {
        width: 100%;
        display: block;
        margin-bottom: 5px;
    }
}


/* buyer-company-profile
---------------------------------------------------------------------------*/
.buyer-company-profile .brief-info-holder{
    font-size:13px;
    line-height:1.2;
}
.buyer-company-profile .brief-info-holder i.fa{
    font-size:13px;
    color:#324c80;
}

.buyer-company-profile .company-name-holder h2{
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.buyer-company-profile .brief-company-info-holder{
    display:table-row;
    color:#777;
    font-size:12px;
    line-height:1.2;
}
.buyer-company-profile .brief-company-info-holder .address-holder,
.buyer-company-profile .brief-company-info-holder .phone-holder{
    display:table-cell;
}
.buyer-company-profile .brief-company-info-holder .phone-holder{
    padding-left:50px;
}
.buyer-company-profile .company-description{
    margin-top:0px;
}
.buyer-company-profile .company-name-logo-holder{
    display:table-row;
}
.buyer-company-profile .company-name-logo-holder .logo-holder,
.buyer-company-profile .company-name-logo-holder .company-name-holder{
    display:table-cell;
    vertical-align:top;
}
.buyer-company-profile .company-name-logo-holder .logo-holder .logo-box{
    position: relative;
    width: 100px;
    height: 100px;
    padding: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
.buyer-company-profile .company-name-logo-holder .logo-holder .logo-box img{
    display:block;
    width:90px;
}
.buyer-company-profile .company-name-logo-holder .company-name-holder{
    padding-left:10px;
    width:100%;
}

.buyer-company-profile .company-name-logo-holder address{
    font-size:13px;
    line-height:1.3;
    color:#777;
}
.buyer-company-profile .links a,
.buyer-company-profile .links a.small{
    display:block;
    color:#555;
    font-size:13px;
}
.buyer-company-profile .links a i.fa{

    width: 1.28571429em;
    text-align: center;
    color:#324c80;
    margin-right:5px;
}
.buyer-company-profile .links a.existing-favorite i,
.buyer-company-profile .links a.existing-favorite{
    color: #3C763D;
}
.buyer-company-profile .business-categories{
    margin-top:15px;
}
.buyer-company-profile .contacts-holder{
    margin-top:40px;
}
@media only screen and (max-width: 479px) {
    .buyer-company-profile .brief-company-info-holder{
        display:block;
    }
    .buyer-company-profile .brief-company-info-holder .address-holder,
    .buyer-company-profile .brief-company-info-holder .phone-holder{
        display:block;
    }
    .buyer-company-profile .brief-company-info-holder .phone-holder {
        padding-left:0px;
    }
}



/* premium-wholesaler-company-profile (layout)
---------------------------------------------------------------------------*/
body.premium-wholesaler-company-profile #nav-wrapper{
    height:107px;

    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}

body.premium-wholesaler-company-profile #nav-wrapper.tiny{
    height:51px;
}
body.premium-wholesaler-company-profile{
    padding-top:107px;
}
body.premium-wholesaler-company-profile .navbar-header{
    padding:8px 0px 0px 0px;
}
body.premium-wholesaler-company-profile a.navbar-brand span{
    font-size:14px;
    line-height:20px;
    letter-spacing:-1px;
    margin-top:0;
    text-transform:none;
    font-weight:600;
}
body.premium-wholesaler-company-profile .navbar-header h1{
    margin:0;
    font-size:22px;
    line-height:1.2;
    margin-bottom:10px;
}
body.premium-wholesaler-company-profile .navbar-header h1 a.company-name{
    color:#555;
    padding:10px 0 10px 0;
}
body.premium-wholesaler-company-profile .navbar-header h1.tiny{
    margin-top:2px;
}
body.premium-wholesaler-company-profile .navbar-nav.navbar-right{
    margin-top:40px;
}
body.premium-wholesaler-company-profile #main-navbar .premium-banner{
    position:absolute;
    top:8px;
    right:15px;
    color: #fff;
    text-align: left;
    padding: 1px 10px 1px 20px;
    font-size: 9px;
    text-transform: uppercase;
    background-color: #1abc9c;
}
body.premium-wholesaler-company-profile #main-navbar .premium-banner i.corner-left{
    left:0;
    width:0;
    height:0;
    bottom:-1px;
    display:block;
    position:absolute;
    border-style:solid;
    border-width:11px 0 13px 10px;
    border-color:transparent transparent transparent #fff;
}

body.premium-wholesaler-company-profile .navbar-header .company-name-logo-holder{
    display:table-row;
}
body.premium-wholesaler-company-profile .navbar-header .company-name-logo-holder .logo-holder,
body.premium-wholesaler-company-profile .navbar-header .company-name-logo-holder .company-name-holder{
    display:table-cell;
    vertical-align:top;
}
body.premium-wholesaler-company-profile .navbar-header .company-name-logo-holder .logo-holder .logo-box{
    position: relative;
    width: 90px;
    height: 90px;
    padding: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
body.premium-wholesaler-company-profile .navbar-header .company-name-logo-holder .logo-holder .logo-box img{
    display:block;
    width:80px;
}
body.premium-wholesaler-company-profile .navbar-header h1.tiny img{
    height:22px;
}
body.premium-wholesaler-company-profile .navbar-header .company-name-logo-holder .company-name-holder{
    padding-left:10px;
    
}
body.premium-wholesaler-company-profile .navbar-header .brief-company-info-holder,
body.premium-wholesaler-company-profile .navbar-header address{
    font-size:12px;
    line-height:1.2;
    color:#777;
    margin-bottom:0px;
}
body.premium-wholesaler-company-profile .navbar-header .brief-company-info-holder{
    display:table-row;
}
body.premium-wholesaler-company-profile .navbar-header .brief-company-info-holder .address-holder,
body.premium-wholesaler-company-profile .navbar-header .brief-company-info-holder .phone-holder{
    display:table-cell;
}
body.premium-wholesaler-company-profile .navbar-header .brief-company-info-holder .phone-holder{
    padding-left:50px;
}
body.premium-wholesaler-company-profile #nav-wrapper.tiny .navbar-nav.navbar-right{
    margin-top:0px;
}
body.premium-wholesaler-company-profile #nav-wrapper.tiny #main-navbar .premium-banner,
body.premium-wholesaler-company-profile #nav-wrapper h1.tiny{
    display:none;
}
body.premium-wholesaler-company-profile #nav-wrapper.tiny h1.tiny {
    display:block;
}
body.premium-wholesaler-company-profile #nav-wrapper.tiny .company-name-logo-holder{
    display:none;

}
body.premium-wholesaler-company-profile #nav-wrapper .navbar-nav > li > a{
    color:#555;
}
body.premium-wholesaler-company-profile #nav-wrapper .navbar-nav > li > a > i.fa{
    color:#324c80;
}
@media (max-width: 768px) {
    body.premium-wholesaler-company-profile #nav-wrapper #main-navbar .premium-banner{
        display:none;
    }
    body.premium-wholesaler-company-profile .navbar-nav.navbar-right{
        margin-top:0px;
    }
    
}
@media (max-width: 992px) {
    body.premium-wholesaler-company-profile .navbar-header .brief-company-info-holder .phone-holder{
        display:none;
    }
}
/* wholesaler-company-profile
---------------------------------------------------------------------------*/

.wholesaler-company-profile .products-carousel-holder{
    margin-bottom:10px;
}
.wholesaler-company-profile .contacts,
.wholesaler-company-profile #profile-carousel{
    margin-bottom:30px;
}
.wholesaler-company-profile .links a,
.wholesaler-company-profile .links a.small{
    display:block;
    color:#555;
    font-size:13px;
}

.wholesaler-company-profile .links a i.fa{
    /*same as fa-fw:*/
    width: 1.28571429em;
    text-align: center;
    
    margin-right:5px;


    color:#324c80;
    
    /*margin-right:5px;*/
}
.wholesaler-company-profile .links a.existing-favorite i,
.wholesaler-company-profile .links a.existing-favorite{
    color: #3C763D;
}

.wholesaler-company-profile .business-categories{
    margin-top:15px;
}

.wholesaler-company-profile .brief-info-holder,
.wholesaler-company-profile .links-holder,
.wholesaler-company-profile .company-info-holder,
.wholesaler-company-profile .company-description-holder,
.wholesaler-company-profile .contacts-holder,
.wholesaler-company-profile .products-holder{
    margin-bottom:30px;
}
.wholesaler-company-profile .view-price-request-notice-holder,
.wholesaler-company-profile .hot-deal-holder{
    margin-top:40px;
}
.wholesaler-company-profile .company-info-holder{
    margin-top:50px;
}
.wholesaler-company-profile .company-name-logo-holder{
    display:table-row;
}
.wholesaler-company-profile .company-name-logo-holder .logo-holder,
.wholesaler-company-profile .company-name-logo-holder .company-name-holder{
    display:table-cell;
    vertical-align:top;
}
.wholesaler-company-profile .company-name-logo-holder .logo-holder .logo-box{
    position: relative;
    width: 100px;
    height: 100px;
    padding: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
.wholesaler-company-profile .company-name-logo-holder .logo-holder .logo-box img{
    display:block;
    width:90px;
}
.wholesaler-company-profile .company-name-logo-holder .company-name-holder{
    padding-left:10px;
    width:100%;
}
.wholesaler-company-profile .company-name-logo-holder h2.company-name{
    font-size:22px;
    margin-bottom:10px;

}
.wholesaler-company-profile .company-name-logo-holder address{
    font-size:13px;
    line-height:1.3;
    color:#777;
}

.wholesaler-company-profile .company-description{
    margin-top:30px;
}
.wholesaler-company-profile .company-info-table{
    font-size:13px;
}
.wholesaler-company-profile .hot-deal-body p.deal-description{
    font-size:14px;
}
.wholesaler-company-profile .hot-deal-2{
    padding-bottom:0px;
}
.wholesaler-company-profile .hot-deal-body .image-mask-holder .image-mask p {
    text-align:center;
    margin:0px;
    position:relative;
    left:auto;
}
.wholesaler-company-profile .hot-deal-body .image-mask-holder .image-mask p a{
    margin-left:0px;
}
.wholesaler-company-profile .brief-info-holder{
    font-size:13px;
    line-height:1.2;
}
.wholesaler-company-profile .brief-info-holder i.fa{
    font-size:13px;
    color:#324c80;
}

.wholesaler-company-profile .standard .company-name-holder h2{
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.wholesaler-company-profile .standard .brief-company-info-holder{
    display:table-row;
    color:#777;
    font-size:12px;
    line-height:1.2;
}
.wholesaler-company-profile .standard .brief-company-info-holder .address-holder,
.wholesaler-company-profile .standard .brief-company-info-holder .phone-holder{
    display:table-cell;
}
.wholesaler-company-profile .standard .brief-company-info-holder .phone-holder{
    padding-left:50px;
}
.wholesaler-company-profile .standard .company-description{
    margin-top:0px;
}
@media only screen and (max-width: 479px) {
    .wholesaler-company-profile .standard .brief-company-info-holder{
        display:block;
    }
    .wholesaler-company-profile .standard .brief-company-info-holder .address-holder,
    .wholesaler-company-profile .standard .brief-company-info-holder .phone-holder{
        display:block;
    }
    .wholesaler-company-profile .standard .brief-company-info-holder .phone-holder {
        padding-left:0px;
    }
}
@media (max-width: 768px) {
    .wholesaler-company-profile .hot-deal-body img.deal-image{
        margin-bottom:20px;
    }
}
@media (max-width: 992px) {


    .wholesaler-company-profile .box-1,
    .wholesaler-company-profile .box-2{
        background-color:transparent;
        padding:0;
    }
    /*.wholesaler-company-profile .links a{
        margin-right:10px;
        display:inline-block;
        color:#324c80;
    }
    .wholesaler-company-profile .links a:hover{
        color:#333;
    }
    .wholesaler-company-profile .links a i.fa{
        width:auto;
    }*/
    /*
    .wholesaler-company-profile .company-name-logo,
    .wholesaler-company-profile h2{
        margin-bottom:0;
    }
*/
    .wholesaler-company-profile .actions{
        text-align:left;
        margin-bottom:20px;
    }
}

/* wholesaler-products
---------------------------------------------------------------------------*/
.wholesaler-products .heading-holder{
    padding-top:50px;
    
}
.wholesaler-products .search-form-holder{
    padding-bottom:25px;
}
.wholesaler-products .headline-center h2{
    color:#222;
}

@media (max-width: 992px) {
    
}
/* view-price-request-notice
---------------------------------------------------------------------------*/
.view-price-request-notice .bs-callout-success h4{
    margin-bottom:0;
}
/* company-info-table, info-table
---------------------------------------------------------------------------*/
.info-table .table tr:first-child td,
.company-info-table .table tr:first-child td{
    border-top:0px;
}
.info-table .table tr td:first-child,
.company-info-table .table tr td:first-child{
    font-weight:600;
}
/* wholesaler-dashboard-price-visibility
---------------------------------------------------------------------------*/
.wholesaler-dashboard-price-visibility .buyers .table span.label{
    font-size:10px;
}

/* favorites
---------------------------------------------------------------------------*/
.dashboard-holder .row.favorite-row{
    padding:8px 0;
    margin:0;
    border-top:1px solid #eee;
}

.dashboard-holder .row.favorite-row:first-child{
    border-top:0;
}
.dashboard-holder .row.favorite-row .col-xs-10{
    padding-left:0px;
}
.dashboard-holder .row.favorite-row .col-xs-2{
    padding-right:0px;
}
.product-box-inner .action-holder a.btn.btn2{
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.favorites .company-logo{
    height:14px;
}

/* dashboard-trade-shows
---------------------------------------------------------------------------*/
.dashboard-trade-shows .row.trade-show-row{
    padding:8px 0;
    margin:0;
    border-top:1px solid #eee;
}

.dashboard-trade-shows .row.trade-show-row:first-child{
    border-top:0;
}
.dashboard-trade-shows .row.trade-show-row .col-sm-10{
    padding-left:0px;
}
.dashboard-trade-shows .row.trade-show-row .col-sm-2{
    padding-right:0px;
}
@media (max-width: 768px) {
    .dashboard-trade-shows .row.trade-show-row .col-sm-2,
    .dashboard-trade-shows .row.trade-show-row{
        text-align:center;
    }
    .dashboard-trade-shows .row.trade-show-row .col-sm-2 a{
        padding:5px;
    }
}

/* trade show search results
---------------------------------------------------------------------------*/
.trade-show-search.background-container{
    height:150px;
    z-index:1;
    background:url("/content/images/slider/home-slide-3.jpg") no-repeat center 20%;
    background-size:cover;
    position:relative;
}
.trade-show-search.background-container h2{
    text-transform:uppercase;
    font-weight:300;
    text-align:center;
    color:#fff;
    font-size:38px;
}


.trade-show-listing .favorite-link-holder{
    text-align:right;
}
.trade-show-listing .favorite-link-holder.hidden-lg{
    text-align:center;
}
.trade-show-listing .show-dates-holder{
    vertical-align:top;
}
.trade-show-listing .details-holder{
    padding-right:10px;
    margin-right:10px;
}
.trade-show-listing .show-dates-holder{
    padding-left:10px;
}


.trade-show-listing:last-of-type{
    border-bottom:hidden;
}
.trade-show-listing{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #ddd;
}
.trade-show-listing:last-of-type{
    border-bottom:none;
}




.trade-show-listing .inner{
    display:table-row;
}
.trade-show-listing .inner .details-holder,
.trade-show-listing .inner .show-dates-holder{
    display:table-cell;
}


.trade-show-listing .details-holder p{
    color:#555;
    font-size:13px;
    line-height:1.6;
}

.trade-show-listing .trade-show-box4{
    padding-bottom:0px;
    border-bottom:none;
    margin-bottom:15px;
}

.trade-show-listing .links a{
    display:inline-block;
    margin-right:10px;
}
.trade-show-listing .links a i.fa{
    margin-right:5px;
}
.trade-show-listing .trade-show-box4 .category-tags{
    margin-bottom:0px;
}
@media (max-width: 768px) {
    
    .trade-show-listing .inner .details-holder{
        padding-right:0px;
        margin-right:0px;
        margin-bottom:15px;
        border-right:none;
        display:block;
    }
    
    .trade-show-listing .inner{
        display:block;
    }
    .trade-show-listing .inner .show-dates-holder{
        padding-left:0px;
    }
    
}

/* trade-show-details
---------------------------------------------------------------------------*/
.trade-show-details .show-name-logo-holder{
    display:table-row;
}
.trade-show-details .show-name-logo-holder .logo-holder,
.trade-show-details .show-name-logo-holder .show-name-holder{
    display:table-cell;
    vertical-align:top;
}
.trade-show-details .show-name-logo-holder .logo-holder .logo-box{
    position: relative;
    width: 100px;
    height: 100px;
    padding: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
.trade-show-details .show-name-logo-holder .logo-holder .logo-box img{
    display:block;
    width:90px;
}
.trade-show-details .show-name-logo-holder .show-name-holder{
    padding-left:10px;
    width:100%;
}
.trade-show-details .show-name-logo-holder h2.show-name{
    font-size:22px;
    line-height:1.2;
    margin-bottom:10px;

}
.trade-show-details .show-name-logo-holder .show-location{
    font-size:13px;
    color:#777;
}
.trade-show-details .show-name-logo-holder .show-location address{
    margin-bottom:0px;
}

.trade-show-details .links-holder .links a,
.trade-show-details .links-holder .links a.small {
    display:block;
    color:#555;
    font-size:13px;
}
.trade-show-details .links-holder .links a i.fa{
    width: 1.28571429em;
    text-align: center;
    margin-right: 5px;
    color: #324c80;
}
/*.trade-show-details .related-shows-holder .related-shows{
    font-size:13px;
    line-height:1.2;
}
.trade-show-details .related-shows-holder .related-shows i.fa-li{
    color: #324c80;
}
.trade-show-details .related-shows-holder .related-shows ul.fa-ul{
    margin-left:18px;
}
.trade-show-details .related-shows-holder .related-shows a{
    color:#555;
}*/

.trade-show-details .show-dates-details {
    display:table-row;
}
.trade-show-details .show-dates-details .show-dates-holder,
.trade-show-details .show-dates-details .show-dates-text-holder{
    display:table-cell;
}
.trade-show-details .show-dates-details .show-dates-holder{
    padding-right:20px;
}
.trade-show-details .show-dates-details .show-dates-text-holder table{
    border:none;
}
.trade-show-details .show-dates-details .show-dates-text-holder th,
.trade-show-details .show-dates-details .show-dates-text-holder td{
    font-size:13px;
    line-height:1.5;
    padding-right:20px;
}
.trade-show-details .show-dates-details .show-dates-text-holder th.empty,
.trade-show-details .show-dates-details .show-dates-text-holder td.empty {
    padding-right:0px;
}
.trade-show-details .show-dates-details .show-dates-text-holder td.date{
    font-weight:600;
}
.trade-show-details .links-holder,
.trade-show-details .business-categories,
.trade-show-details .contacts-holder,
.trade-show-details .related-shows-holder,
.trade-show-details .show-dates-details-holder{
    margin-bottom:40px;
}

@media (max-width: 768px) {
    .trade-show-details .show-dates-details .show-dates-holder,
    .trade-show-details .show-dates-details .show-dates-text-holder{
        display:block;
    }
    .trade-show-details .show-dates-details .show-dates-holder{
        width:177px;
        margin-bottom:20px;
    }
}


/* trade-show-company-profile
---------------------------------------------------------------------------*/
.trade-show-company-profile .company-name-holder h2{
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.trade-show-company-profile .brief-company-info-holder{
    display:table-row;
    color:#777;
    font-size:12px;
    line-height:1.2;
}
.trade-show-company-profile .brief-company-info-holder .address-holder,
.trade-show-company-profile .brief-company-info-holder .phone-holder{
    display:table-cell;
}
.trade-show-company-profile .brief-company-info-holder .phone-holder{
    padding-left:50px;
}
.trade-show-company-profile .company-description{
    margin-top:0px;
}

.trade-show-company-profile .company-name-logo-holder{
    display:table-row;
}
.trade-show-company-profile .company-name-logo-holder .logo-holder,
.trade-show-company-profile .company-name-logo-holder .company-name-holder{
    display:table-cell;
    vertical-align:top;
}
.trade-show-company-profile .company-name-logo-holder .logo-holder .logo-box{
    position: relative;
    width: 100px;
    height: 100px;
    padding: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
.trade-show-company-profile .company-name-logo-holder .logo-holder .logo-box img{
    display:block;
    width:90px;
}
.trade-show-company-profile .company-name-logo-holder .company-name-holder{
    padding-left:10px;
    width:100%;
}
.trade-show-company-profile .company-name-logo-holder h2.company-name{
    font-size:22px;
    margin-bottom:10px;

}
.trade-show-company-profile .business-categories{
    margin-top:15px;
}
.trade-show-company-profile .upcoming-shows-holder{
    margin-top:40px;
}
.trade-show-company-profile .links-holder,
.trade-show-company-profile .contacts-holder{
    margin-bottom:30px;
}
.trade-show-company-profile .links a, 
.trade-show-company-profile .links a.small {
  display: block;
  color: #555;
  font-size: 13px;
}
.trade-show-company-profile .links a i.fa {
  width: 1.28571429em;
  text-align: center;
  margin-right: 5px;
  color: #324c80;
}
/*.trade-show-company-profile h3{
    font-size:22px;
}*/
/*.trade-show-company-profile h2{
    font-size:30px;
}
.trade-show-company-profile h2 .company-logo{
    height:30px;
}

.trade-show-company-profile h3{
    font-size:22px;
}

.trade-show-company-profile .links a{
    display:block;
}
.trade-show-company-profile .links a i.fa{
    width: 1.28571429em;
    text-align: center;
    
    margin-right:5px;
}
.trade-show-company-profile .actions{
    text-align:right;
}

.trade-show-company-profile .upcoming-shows-holder,
.trade-show-company-profile .contacts-holder{
    margin-top:30px;
    padding-top:30px;
    border-top:1px solid #ddd;
}
.trade-show-company-profile .business-categories{
    margin-top:15px;
}
.trade-show-company-profile .show{
    text-align:center;
}
.trade-show-company-profile .show .datepicker{
    margin-left:auto;
    margin-right:auto;
}
.trade-show-company-profile .show h4{
    margin-bottom:0px;
}

@media (max-width: 992px) {
    .trade-show-company-profile .links{
        margin-bottom:30px;
    }
    .trade-show-company-profile .box-1{
        background-color:transparent;
        padding:0;
    }
    .trade-show-company-profile .links a{
        margin-right:10px;
        display:inline-block;
        color:#324c80;
    }
    .trade-show-company-profile .links a:hover{
        color:#333;
    }
    .trade-show-company-profile .links a i.fa{
        width:auto;
    }
    
    .trade-show-company-profile .company-name-logo,
    .trade-show-company-profile h2{
        margin-bottom:0;
    }
    .trade-show-company-profile .actions{
        text-align:left;
        margin-bottom:20px;
    }
}*/
/* admin-system-notifications
---------------------------------------------------------------------------*/
.admin-system-notifications .notification{
    margin-top:15px;
    border-top:1px solid #ddd;
    padding-top:15px;
}
.admin-system-notifications .notification:first-child{

    border-top:0px;

}
/* news-feed
---------------------------------------------------------------------------*/
.news-feed .feed-date{
    float:right;
    display:inline-block;
}
.news-feed .news-feed-item{
    margin-top:30px;
    padding-top:30px;
    border-top:1px solid #ddd;
}
.news-feed .news-feed-item:first-child{
    padding-top:0;
    margin-top:0;
    border-top:0;
}
.news-feed .news-feed-item h3{
    /*font-weight:200;
    text-transform:uppercase;*/
    font-weight:400;
}
.news-feed .small-image-holder{
    margin-top:20px;
}

@media (max-width: 768px) {
    .news-feed h3{
        margin:0;
    }
    .news-feed .feed-date{
        float:none;
        margin:0 0 20px;
    }
    .news-feed .description {
        margin-top:20px;
    }    
}

/* admin-dashboard-faqs
---------------------------------------------------------------------------*/
.admin-dashboard-faqs .label{
    margin-right:2px;
}

/* common dashboard
---------------------------------------------------------------------------*/
/*
.dashboard-content{
    padding-top:15px;
    border-top:3px solid #324c80;
}
*/
#toggle-dashboard-links-button{
    margin-right:5px;
}
.dashboard-holder .side-nav.navbar-collapse{
    position:relative;
    padding:0;
    max-height:none;
}  
.dashboard-holder .side-nav.navbar-collapse ul{
    border-top:3px solid #324c80;
    border-bottom:1px solid #324c80;
    padding:15px 0px;
}
.dashboard-holder .side-nav.navbar-collapse li a i.fa{
    margin-right:8px;
}
.dashboard-holder .side-nav.navbar-collapse li a{
    display:block;
    padding:5px 10px;
    text-transform:uppercase;
    letter-spacing:-1px;
}
.dashboard-holder .side-nav.navbar-collapse li a.wr-active,
.dashboard-holder .side-nav.navbar-collapse li a:hover{
    background-color:#324c80;
    color:#fff;
}
/*small screens*/
@media (max-width: 768px) {

    .dashboard-holder .side-nav{
        position:fixed;
        top:50px;
        left:0px;
        background-color:#fff;
        width:100%;
        z-index:7000;
        background-color: rgba(255, 255, 255, 0.95);
        padding-bottom:50px;
        
    }
    .dashboard-holder .side-nav.navbar-collapse ul{
        border-top:none;
        border-bottom:none;
        padding:0px;
    }
    .dashboard-holder .side-nav.navbar-collapse li a{
        padding-left:20px;
    }
    .dashboard-holder .side-nav.navbar-collapse{
        /*max-height:none;*/
        max-height:100%;
    }
    .dashboard-holder .side-nav.navbar-collapse.collapsing,
    .dashboard-holder .side-nav.navbar-collapse.collapse.in{
        position:fixed;
    }

}
/* bootstrap datepicker overrides
---------------------------------------------------------------------------*/
.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 0px;
    border: none;
}

/* fancybox overrides
---------------------------------------------------------------------------*/
/*
.bootbox-body img,
.bootbox-body img.image-responsive{
    width:auto !important;
    max-width:100% !important;
}
*/



/* test
---------------------------------------------------------------------------*/
.fa-certificate.premium {
    font-size:20px;
    color:#ffdf00;
}

.fa-certificate.premium test{
    font-size:20px;
    /*color:#ffdf00;*/
    /*color:#324c80;*/
    /*background: #fceabb;*/ /* Old browsers */
    /*color:#fceabb;*/
    
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial; /* reset Font Awesome's display:inline-block */
}

/* additions to bootstrap .label
---------------------------------------------------------------------------*/
.label-gold{
    background-color:#ffdf00;
}

/* ribbon: http://www.sitepoint.com/pure-css3-ribbons/
---------------------------------------------------------------------------*/
/*.wr-ribbon{
    position: relative;
	width: 50%;
	font-size: 1.5em;
	font-weight: bold;
	padding: 6px 20px 6px 70px;
	margin: 30px 10px 10px -70px;
	color: #555;
	background-color: #999;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}
.wr-ribbon:after{
    content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}
.wr-ribbon:before{
    content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -2px;
	top: 0px;
	border-color: transparent #fff transparent transparent;
}
*/

/* ==========================================================================
   Home Page
========================================================================== */
/* Owl Carousel defaults
---------------------------------------------------------------------------*/
.home-carousel-holder{
    text-align:center;
}

.home-carousel-holder .owl-carousel .carousel-item{
    width:100%;
    height:500px;
    background-size:cover;
}


.home-carousel-holder .carousel-item h3{
    margin-top:100px;

    font-size:38px; 
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
    text-align:left;

    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -ms-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}

.home-carousel-holder .carousel-item h3 i {
    font-style:normal;
    background-color:rgba(71, 101, 160, .7);
    display:inline-block;
    margin-bottom:5px;
    padding:0 5px;
}
.home-carousel-holder .carousel-item h4{
    font-size:32px; 
    font-weight:800;
}
.home-carousel-holder .carousel-item p.description{
    font-size:20px;
    font-weight:400;
    margin-top:10px;
    color:#fff;
    text-align:left;
    background-color:rgba(0, 0, 0, .5);
    padding:10px 5px;

    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -ms-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}

.home-carousel-holder .carousel-item .links{
    text-align:right;

    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}


.home-carousel-holder .carousel-item .links .btn{
    border-radius:0px;
    background-color:rgba(0, 0, 0, .7);
    border:1px solid #fff;
}

.home-carousel-holder .carousel-item .links .btn:hover {
    background-color:#fff;
    color:#222;
}
/* slide 0
---------------------------------------------------------------------------*/
.home-carousel-holder .owl-carousel .carousel-item.slide-0{
    background:url('/content/images/slider/people-008.1700x500.jpg') no-repeat center bottom;
}

.home-carousel-holder .carousel-item.slide-0 .links {
    margin-top: 160px;
}

.home-carousel-holder .carousel-item.slide-0 .links .btn {
    width: 270px;
    text-align:right;
}

.home-carousel-holder .slide-0 .links .buyer{
    margin-top:20px;
}
.home-carousel-holder .carousel-item.slide-0 .links .supplier{
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
    -ms-animation-delay:2s;
    -o-animation-delay:2s;
    animation-delay:2s;
}
.home-carousel-holder .carousel-item.slide-0 .links .buyer{
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -ms-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}

/* slide 1
---------------------------------------------------------------------------*/
.home-carousel-holder .owl-carousel .carousel-item.slide-1{
    background:url('/content/images/slider/mall-001.1900x500.jpg') no-repeat center center;
}

.home-carousel-holder .slide-1 p.description{

    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.home-carousel-holder .owl-carousel .carousel-item.slide-1 .btn {
    text-transform:uppercase;
}

.home-carousel-holder .slide-1 .links .btn{
    width:auto;
    text-align:center;
    padding:30px;
    font-size:20px;
}

.home-carousel-holder .carousel-item.slide-1 .links{
    margin-top:200px;
    text-align:right;
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
    -ms-animation-delay:2s;
    -o-animation-delay:2s;
    animation-delay:2s;
}
/* slide 2
---------------------------------------------------------------------------*/
.home-carousel-holder .owl-carousel .carousel-item.slide-2{
    background:url('/content/images/slider/warehouse-005.jpg') no-repeat center 25%;
}
.home-carousel-holder .slide-2 p.description{

    /*-webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;*/
}
.home-carousel-holder .owl-carousel .carousel-item.slide-2 .links.create .btn {
    text-transform:uppercase;
    width:auto;
    text-align:center;
    padding:30px;
    font-size:20px;
}
.home-carousel-holder .owl-carousel .carousel-item.slide-2 .links.search {
    text-align:left;
    margin-top:20px;
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -ms-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}
.home-carousel-holder .carousel-item.slide-2 .links.create {
    margin-top:200px;
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
    -ms-animation-delay:2s;
    -o-animation-delay:2s;
    animation-delay:2s;
}

/* slide 3
---------------------------------------------------------------------------*/
.home-carousel-holder .owl-carousel .carousel-item.slide-3{
    background:url('/content/images/slider/trade-show-002.jpg') no-repeat center top;
}

.home-carousel-holder .owl-carousel .carousel-item.slide-3 p.show-promoters{
    font-size:16px;
    margin-top:150px;
    text-align:right;
    
}
.home-carousel-holder .owl-carousel .carousel-item.slide-3 p.show-promoters i{
    text-align:right;
    color:#fff;
    background-color:rgba(0, 0, 0, .5);
    font-style:normal;
    padding:0 5px;
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -ms-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.browse {
    text-align:left;
    margin-top:20px;
}

.home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.list {
    text-align:right;
    margin-top:20px;

    -webkit-animation-delay:3s;
    -moz-animation-delay:3s;
    -ms-animation-delay:3s;
    -o-animation-delay:3s;
    animation-delay:3s;
}
.home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.list a{
    text-align:right;
}
.home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.list a strong{
    text-transform:uppercase;
}


@media (max-width: 992px) {
    
    .home-carousel-holder .carousel-item h3{
        font-size:34px;
        text-align:center;
    }
    .home-carousel-holder .carousel-item p.description{
        display:none;
    }
    .home-carousel-holder .carousel-item .links{
        text-align:center;
    }

    /* slide 0
    ---------------------------------------------------------------------------*/
    .home-carousel-holder .owl-carousel .carousel-item.slide-0{
        background:url('/content/images/slider/people-008.1700x500.jpg') no-repeat left top;
    }
    .home-carousel-holder .carousel-item.slide-0 .links{
        margin-top:50px;
    }
    .home-carousel-holder .carousel-item.slide-0 .links .btn{
        text-align:center;
    }
    .home-carousel-holder .carousel-item.slide-0 .links .btn i.fa{
        display:none;
    }

    /* slide 1
    ---------------------------------------------------------------------------*/
    .home-carousel-holder .carousel-item.slide-1 .links{
        text-align:center;
        margin-top:50px;
    }

    /* slide 2
    ---------------------------------------------------------------------------*/
    .home-carousel-holder .owl-carousel .carousel-item.slide-2 .links.create,
    .home-carousel-holder .owl-carousel .carousel-item.slide-2 .links.search{
        text-align:center;
        margin-top:20px;
    }
    .home-carousel-holder .owl-carousel .carousel-item.slide-2 .links.create .btn,
    .home-carousel-holder .owl-carousel .carousel-item.slide-2 .links.search .btn{
        font-size:14px;
        padding:10px 25px;
    }

    /* slide 3
    ---------------------------------------------------------------------------*/
    .home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.browse,
    .home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.list{
        text-align:center;
        margin-top:20px;
    }
    .home-carousel-holder .owl-carousel .carousel-item.slide-3 p.show-promoters {
      margin-top: 60px;
      text-align: center;
    }
    .home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.list a {
      text-align: center;
    }
    .home-carousel-holder .owl-carousel .carousel-item.slide-3 .links.list a i.fa{
        display:none;
    }
}
@media (max-width: 768px) {
    .home-carousel-holder .owl-carousel .carousel-item {
        height:400px;
    }

    .home-carousel-holder .carousel-item h3{
        margin-top:40px;
        font-size:32px;
    }


    /* slide 1
    ---------------------------------------------------------------------------*/
    .home-carousel-holder .slide-1 .links .btn{
        padding:15px;
        font-size:18px;
    }
    
}
@media (max-width: 479px) {
    
    .home-carousel-holder .carousel-item h3{
        
        font-size:28px;
    }

    .home-carousel-holder .owl-carousel .carousel-item.slide-0{
        background:url('/content/images/slider/people-008.1700x500.jpg') no-repeat -100px top;
    }
    .home-carousel-holder .carousel-item.slide-3 h3 {
        font-size:24px;
    }
}



/* premium-only-notice
---------------------------------------------------------------------------*/
.premium-only-notice .links a.btn{
    margin-right:5px;
}
.premium-only-notice ul.fa-ul.features-description li {
    line-height:1.3;
    font-size:21px;
    font-weight:200;
}
.premium-only-notice ul.fa-ul.features-description li i.fa-li{
    color: #4765a0;
}
@media (max-width: 768px) {
    .premium-only-notice .links a.btn{
        margin-right:0px;
        margin-bottom:10px;
        display:block;
        width:100%;
    }
}
/* .dashboard-followers
---------------------------------------------------------------------------*/
.dashboard-followers .follower{
    display:block;
    width:100%;
    padding:8px 0px;
    border-bottom:1px solid #eee;
}
.dashboard-followers .follower:last-of-type{
    border-bottom:none;
}
.dashboard-followers .company-logo{
    height:14px;
}
.dashboard-followers .followers h4{
    margin-bottom:10px;
}
.dashboard-followers.trade-show-organizer .followers{
    margin-top:10px;
}
@media only screen and (max-width: 479px) {
    .dashboard-followers a.btn{
        display:block;
        width:100%;
    }
}
/*Background Opacity
------------------------------------*/
.service-or {
	overflow: hidden;
	position: relative;
}

.service-bg {
    background-color: rgba(255,255,255,0.1);
    width: 250px;
    padding: 60px;
    position: absolute;
    top: -10px;
    right: -100px;
    transform: rotate(55deg);   
    -o-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
}

/*Service*/
.service {
	overflow: hidden; 
	margin-bottom: 10px;
	padding: 15px 15px 10px;
}
.service:hover {
	background: #fcfcfc;
	box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.service:hover i {
	color: #656565;
}

.service .desc {
	padding: 0 15px; 
	overflow: hidden;
}
.service .desc h4 {
	font-size: 22px;
	line-height: 25px;
}

.service .service-icon {
	float: left;
	padding: 0 10px;
	color: #4765a0;
	font-size: 35px;  
	text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service .service-icon.icon-cogs {
	font-size: 37px;
}
.service .service-icon.icon-plane {
	font-size: 43px;
}



i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-darker,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
   color: #fff;
   border-color: transparent;
   text-align:center;
}

i.icon-bg-u {
   background: #72c02c;
}
i.icon-bg-blue {
   background: #3498db;
}
i.icon-bg-red {
   background: #e74c3c;
}
i.icon-bg-sea {
   background: #1abc9c;
}
i.icon-bg-green {
   background: #2ecc71;
}
i.icon-bg-yellow {
   background: #f1c40f;
}
i.icon-bg-orange {
   background: #e67e22;
}
i.icon-bg-grey {
   background: #95a5a6;
}
i.icon-bg-dark {
   background: #555;
}
i.icon-bg-darker {
   background: #333;
}
i.icon-bg-purple {
   background: #9b6bcc;
}
i.icon-bg-aqua {
   background: #27d7e7;
}
i.icon-bg-brown {
   background: #9c8061;
}
i.icon-bg-dark-blue {
   background: #4765a0;
}
i.icon-bg-light-green {
   background: #79d5b3;
}
i.icon-bg-light {
   background: #fff;
   border-color: transparent;   
}
i.icon-bg-light-grey {
   background: #585f69;
   border-color: transparent;  
}
/*i.icon-bg-light-grey {
   background: #585f69;
   border-color: transparent;  
   color:#fff;

   text-align:center;

}
i.icon-bg-light-blue{
   background:#4765a0;
   border-color: transparent;  
   color:#fff;

   text-align:center;
}*/
i.icon-sm {
   width: 34px;
   height: 34px;
   font-size: 12px;
   line-height: 34px;
}

/*Service Block v7
------------------------------------*/
.service-block-v7 {
  margin-top: 20px;
  text-align: center;
  position: relative;
  border: 1px solid #ddd;
  padding: 45px 20px 20px;
}

.service-block-v7 i {
  left: 50%;
  top: -25px;
  color: #fff;
  width: 45px;
  height: 45px;
  padding: 10px;
  font-size: 25px;
  text-align: center;
  position: absolute;
  background: #4765a0;
  margin-left: -22.5px;
  display: inline-block;
}

.service-block-v7 h3,
.service-block-v7 p {
    margin-bottom: 20px;
}
.service-block-v7 h3{
    text-transform:uppercase;
}

/*Colored Content Boxes
    note: colored-content-block == service-block
------------------------------------*/
.colored-content-block {
  padding: 40px 30px;
  text-align: center;
  margin-bottom: 20px;
}

.colored-content-block p,
.colored-content-block h2,
.colored-content-block h2 a {
  color: #fff;
}

.colored-content-block h2 a:hover{
  text-decoration: none;
}

.colored-content-block-light,
.colored-content-block-default {
  background: #fafafa;
  border: solid 1px #eee; 
}

.colored-content-block-default:hover {
  box-shadow: 0 0 8px #eee;
}

.colored-content-block-light p,
.colored-content-block-light h2,
.colored-content-block-default p,
.colored-content-block-default h2 {
  color: #555;
}

.colored-content-block-u {
  background: #72c02c;
}
.colored-content-block-blue {
  background: #3498db;
}
.colored-content-block-red {
  background: #e74c3c;
}
.colored-content-block-sea {
  background: #1abc9c;
}
.colored-content-block-grey {
  background: #95a5a6;
}
.colored-content-block-yellow {
  background: #f1c40f;
}
.colored-content-block-orange {
  background: #e67e22;
}
.colored-content-block-green {
  background: #2ecc71;
}
.colored-content-block-purple {
  background: #9b6bcc;
}
.colored-content-block-aqua {
  background: #27d7e7;
}
.colored-content-block-brown {
  background: #9c8061;
}
.colored-content-block-dark-blue {
  background: #4765a0;
}
.colored-content-block-light-green {
  background: #79d5b3;
}
.colored-content-block-dark {
  background: #555;
}
.colored-content-block-light {
  background: #ecf0f1;
}


/*custom*/
.colored-content-block i.fa{
    color:#fff;
    padding:15px;
    border:1px solid #fff;
    border-radius:4px;
    margin-bottom:10px;
}
.colored-content-block p{
    font-size:13px;
    line-height:1.6;
}
.colored-content-block h2{
    margin-bottom:10px;
}
/*Column Sizes
------------------------------------*/
/*Remove the Gutter Padding from Columns*/
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutter.no-gutter-boxed {
  padding-right: 15px;
  padding-left: 15px;
}

/*Rounded and Circle Classes
------------------------------------*/
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*CSV
------------------------------------*/
ul.csv{
    list-style:none;
    padding:0;
    margin:0;
}
ul.csv.csv-inline{
    display:inline;
}
ul.csv li{
    display:inline;
}
ul.csv li:after{
    content:", ";
}
ul.csv li:last-child:after{
    content:"";
}

/*background mask*/
.background-mask::after{
    content:" ";
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:-1;
    position:absolute;
}
.background-mask-30::after{
    background:rgba(0, 0, 0, 0.3);
}
.background-mask-40::after{
    background:rgba(0, 0, 0, 0.4);
}
.background-mask-50::after{
    background:rgba(0, 0, 0, 0.5);
}
.background-mask-60::after{
    background:rgba(0, 0, 0, 0.6);
}
.background-mask-70::after{
    background:rgba(0, 0, 0, 0.7);
}



/*bootbox overrides
------------------------------------*/
/*same as btn3*/
.bootbox button.btn.btn-default:focus,
.bootbox button.btn.btn-default{
    color:#555;
    border-color:#555;
    background-color:#fff;
}

.bootbox button.btn.btn-default:hover {
    color:#fff;
    background-color:#333;
    
}
/*same as btn*/
.bootbox button.btn.btn-primary:focus,
.bootbox button.btn.btn-primary{
    background-color:#324c80;
    border-color:#324c80;
    color:#fff;
}

.bootbox button.btn.btn-primary:hover{
    color:#fff;
    background-color:#222;
}


.jumbotron{
    /*background-color:#f7f7f7;*/
}
.jumbotron p{
    line-height:1.3;
}