@charset "utf-8";

html { height: 100%; }
body { font-family:Arial, sans-serif; font-size: 12px; color: #333; }

h1,h2,h3 { font-weight: bold; color: #000000; }
h1 a,h2 a,h3 a { color: #000000 }

h2.subtitle,
h3.subtitle,
h4.subtitle { font-size: 20px; color: #fa7252; font-weight: normal; }

a { color: #222; text-decoration: underline; transition: .3s all; }
a:hover { text-decoration: none; color: #d19000; }
strong { font-weight: bold; }
hr { border: 0; border-bottom: 1px solid #000; }

.degrade1 { 
	background: #fa7252;
	background: -moz-linear-gradient(top,  #fa7252 0%, #27b5c2 100%); 
	background: -webkit-linear-gradient(top,  #fa7252 0%,#27b5c2 100%); 
	background: linear-gradient(to bottom,  #fa7252 0%,#27b5c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa7252', endColorstr='#27b5c2',GradientType=0 );
}

h1 { font-size: 23px; }
p.page-title,
h1.page-title { margin-bottom: 20px !important; color: #000; font-weight: 500; font-size: 35px !important;}

.popup h1.page-title { font-size: 18px !important; margin-bottom: 10px !important; padding-bottom: 5px !important; }

h2 { font-size: 20px; margin-bottom: 10px; }
h3 { font-size: 16px; margin-bottom: 5px; }

hr { border: 0; border-bottom: 1px solid #000; }

.header-container .banners li p,
.wrapper { max-width: 1400px; margin: 0 auto; padding: 0 30px; }

button { cursor: pointer; }

.button1 { padding: 6px 20px; color: #fff; background: #000; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block; transition: all .3s ease; border: 1px solid #000;  text-decoration:none;}
.button1:hover { background: #fff; color: #000; }

.button2 { padding: 6px 20px; color: #fff; background: #333; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block;  transition: all .3s ease; border: 1px solid #333;  text-decoration:none; }
.button2:hover { background: #fff; color: #333; }

.button3 { padding: 6px 20px; color: #000; background: #e7d8b6; border: 1px solid #e7d8b6; font-size: 18px; text-transform: uppercase; cursor: pointer; display: inline-block;  transition: all .3s ease; border: 1px solid #ddd; text-decoration: none; text-indent: 2px; }
.button3:hover { background: #fff; color: #e7d8b6; }

.button4 { padding: 6px 20px; color: #000; background: #fff; border: none; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block;  transition: all .3s ease; border: 1px solid #000; text-decoration:none; }
.button4:hover { background: #000; color: #fff; border-color: #fff; }

.button5 { padding: 6px 20px; color: #fff; background: #108bb8; border: none; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block;  transition: all .3s ease; border: 1px solid #108bb8; text-decoration:none; }
.button5:hover { background: #fff; color: #108bb8; }

button.error { padding: 6px 20px; color: #fff; background: #9f0008; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block; }
button.error:hover { background: #db2222 }

.button.info,
button.info { padding: 6px 20px; color: #fff; background: #087400; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block; transition: all .3s ease; border: 1px solid #087400; }
.button.info:hover,
button.info:hover { color: #087400; background: #fff; }

.button.warning,
button.warning { padding: 8px 20px; co
lor: #fff; background: #d64600; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block; color: #fff; }
.button.warning:hover,
button.warning:hover { background: #f47739 }

button.error.small,
.button1.small,
.button2.small,
.button3.small { padding: 2px 4px; font-size: 11px;  }

a.button2 { padding: 7px 11px; }

a.button1,a.button2,a.button3 { text-decoration: none; }

.button1.disabled { opacity: 0.5; }

.expand-next {  }

.loading { position: fixed; bottom: 0; right: 0; width: 2%; height: 2%; z-index: 9999; background: rgba(255,255,255,0.7); display: none; }
.loading.force-show { display: block !important; }
.loading .icon { top: 50%; left: 50%; position: absolute; margin-top: -50px; margin-left: -50px; }

.no-results { border: 1px solid #ccc; background: #eee; font-size: 14px; text-transform: uppercase; text-align: center; padding: 15px; }

.collapsable-pannels { margin-bottom: 15px; }
.collapsable-pannels dt { color: #000000;  font-size: 16px; padding: 5px 10px; margin-bottom: 2px; cursor: pointer; background: #eee; }
.collapsable-pannels dt:hover { background-color: #ddd; }
.collapsable-pannels dd { border: 1px solid #000000; padding: 10px; margin-bottom: 10px; display: none; }

.datagrid { }
.datagrid th,
.datagrid td { padding: 5px; vertical-align: middle; }
.datagrid th { background: #eee; border-top: 1px solid #ccc; font-weight: bold; text-transform: uppercase; }
.datagrid td { border-bottom: 1px solid #ccc;}
.datagrid tr.link { cursor: pointer; }
.datagrid tr.link:hover { background: #f4f4f4; }

.horizontal-menu { margin: 20px 0; list-style: none !important; margin: 0 0 40px !important; padding: 0; }
.horizontal-menu li { float: left; margin-right: 10px;  }
.horizontal-menu li a { font-size: 18px; border-right: 1px solid #333; padding-right: 10px; text-decoration: underline; }
.horizontal-menu li.active a { text-decoration: none; }
.horizontal-menu li:last-child a { border-right: 0; }

.vertical-menu { list-style: none !important; margin: 0; padding: 0; }
.vertical-menu li { margin-bottom: 10px;  }
.vertical-menu li a { font-size: 18px; text-decoration: underline; }

.std p,
.std ol,
.std ul { margin-bottom: 10px; font-size: 14px; line-height: 19px;  }
.std ol { list-style: decimal inside; }
.std ul { list-style: circle inside; }

/* FLASH MESSAGES */
.flash-messages  ul { list-style: none; }
.flash-messages .message { text-align: center; padding: 5px; border: 1px solid #000; margin-bottom: 5px; }
.flash-messages .message.success { border-color: #060; background:#D2ECD3; color: #060; }
.flash-messages .message.error { border-color: #900; background:#FACFD0; color: #900; }
.flash-messages .message.warning { border-color:#C60; background:#FCE0C5; color: #C60; }

/* TABS */
.tabs .tabs-titles li { float: left; cursor: pointer;  padding: 8px 14px; font-size: 20px;}
.tabs .tabs-titles li.active { background: #fff; }
.tabs .tab-page { display: none; padding: 12px; background: #fff; }
.tabs .tab-page:first-child { display: block; }

/* CONTAINERS */
.fields-group { display: table; table-layout: fixed; width: 100%; }
.fields-group .col { display: table-cell; width: 2%; vertical-align: top; }
.fields-group .col:first-child .field { padding-left: 0; }
.fields-group .col:last-child .field { padding-right: 0; }

/* HTML CONFIRM */
.confirm-overlay { background: rgba(0,0,0,0.5); position: fixed; z-index: 99; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; }
.confirm-box{ background: #fff; box-shadow: 0 0 8px #000; padding: 10px; width: 590px; margin: 0 auto; margin-top: 15%; }

.confirm-box .title { border-bottom: 1px solid #ccc; margin-bottom: 10px; display: block; font-size: 16px; font-weight: bold; }
.confirm-box.success .title { padding: 5px; }
.confirm-box.warning .title { padding: 5px; }
.confirm-box .message { display: block; font-size: 16px; margin-bottom: 15px; }
.confirm-box .actions { text-align: center; }

/* HTML MESSAGE */
.message-overlay { background: rgba(0,0,0,0.5); position: fixed; z-index: 99; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; }
.message-box{ background: #e9e9e9; box-shadow: 0 0 8px #000; padding: 10px; width: 590px; margin: 0 auto; margin-top: 15%; }

.message-box .title { border-bottom: 1px solid #666; margin-bottom: 10px; display: block; font-size: 23px; font-weight: bold; }
.message-box.success .title { padding: 5px; }
.message-box.warning .title { padding: 5px; }
.message-box .message { display: block; font-size: 16px; margin-bottom: 15px; }
.message-box .actions { text-align: center; }

/* FORM */
.form { }
.form h2 { font-size: 18px; margin-bottom: 10px; font-weight: normal; }
.popup .form h2 { font-size: 15px; }
.form .top-actions { text-align: right; margin-bottom: -16px; }
.form .field { padding: 6px;  }
.form label { border: 1px solid #ccc; border-radius: 1px; padding: 6px 6px; display: block; cursor:text; position: relative; }
.form label.email-error,
.form label.vat-error,
.form label.number-error,
.form label.validate-error { border: 1px solid #C00; }
.form label.email-error span,
.form label.vat-error span,
.form label.number-error span,
.form label.validate-error span { color: #C00; }
.form label.readonly,
.form label:hover { background: #f1f1f1; }
.form label span { display: block; font-size: 12px; text-transform: uppercase; color: #444; margin-bottom: 4px; }
.form label textarea { font-size: 13px; color: #444; display: block; width: 100%; border: 0; background: none; height: 80px;}
.form label input { font-size: 13px; color: #444; display: block; width: 100%;  }
.form label textarea:focus,
.form label input:focus { outline: none; }
.form label.amount input  { width: calc(100% - 15px); display: inline-block;  font-size: 17px; font-weight: normal; }
.form label.amount .currency { width: 10px; display: inline-block; font-size: 17px; }
.form label .select2-container { width: auto; display: block; }
.form label .select2-container .select2-choice { line-height: 16px; height: 15px; border: 0; padding: 0; background: #fff; }
.form label:hover .select2-container .select2-choice { background: #f1f1f1; }
.form label .select2-container-active .select2-choice { box-shadow: 0 0 0 #fff; }
.form label .select2-container .select2-choice span { text-transform: none; font-weight: normal; font-size: 13px; color: #666; }
.form label .select2-container label { padding: 0; }
.form label select:hover { background: #f1f1f1;  }
.form .error-message {  display: block; color:#C00; font-weight: normal; font-size: 12px; }

.form .summernote-editor label { border-bottom: 0; }
.form .summernote-editor label span { margin-bottom: 0; }

.form label.checkbox { display: inline-block; padding: 0; border: 0; }
.form label.checkbox:hover { background: #fff; cursor: pointer; }
.form label.checkbox span { display: inline-block; }
.form label.checkbox input { display: inline-block; width: 30px;  }

.form label.switcher { cursor: pointer; }
.form label.switcher span.title { display: inline-block; position: absolute; top: 10px; left: 70px; }
.form label.switcher .switchery { margin-bottom: 2px; }

.form .field.buttons { position: relative; }
.form .field.buttons button { background: #fff; width: 48px; height: 48px; text-indent: 100px; overflow: hidden; border: 1px solid #ccc; position: absolute; right: 6px; top: 6px; }
.form .field.buttons button:hover { background-color: #f1f1f1 !important; }
.form .field.button-1 label { width: calc(100% - 72px); display:inline-block; }
.form .field.buttons button.print { background: url(../images/i_print.png) no-repeat center center; }

.form .date { border: 1px solid #ccc; border-radius: 1px; padding: 6px; display: block; cursor:text; position: relative;  }
.form .date:hover { background: #f1f1f1;  }
.form .date .fa-calendar { position: absolute; right: 10px; top: 16px; }
.form .date .label { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #444; margin-bottom: 4px; }
.form .date input { font-size: 13px; color: #666; display: block; width: 100%; }
.form .date.validate-error { border: 1px solid #C00; }
.form .date.validate-error span { color: #C00; }

.form .legend { margin-bottom: 10px; font-size: 14px; }

.form .sm-textarea { display: none; }

.form .separator { margin: 6px; border-bottom: 1px solid #ccc; padding-bottom: 6px; font-weight: bold; font-size: 14px; }

.form .multiple-select-field label:hover { background: #fff; }
.form .multiple-select { width: 100%; border: 0;}
.form .multiple-select:hover { background: #fff; }
.form .multiple-select option { border-bottom: 1px solid #ddd; padding: 5px 2px; margin-right: 10px; }
.form .multiple-select option:hover { background: #eee; }
.form .multiple-select option:checked  { background: #ddd; }

.form .privacy-check label { all: unset; }
.form .privacy-check input { display: inline-block; width: 20px; vertical-align: baseline; }

.privacy-policy-box { max-width: 600px; padding: 10px; }
.privacy-policy-box p { margin-bottom: 10px; }

.privacy-accept-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 99999; }
.privacy-accept { position: relative; width: 90%; height: 90%; max-width: 800px; top: 5%; background: #fff; padding: 20px; margin: 0 auto; overflow: auto; box-sizing: border-box; }
.privacy-accept .actions { text-align: center;  margin-bottom: 20px; }
.privacy-accept .actions a { display: inline-block;}
.privacy-accept h1 { margin-bottom: 20px; }
.privacy-accept h2 { margin-bottom: 10px; }
.privacy-accept p { margin-bottom: 10px; }
.access-restricted-note { padding: 10px !important; border: 1px solid #ccc; background: #f4f4f4; }
.privacy-check label { font-size: 12px !important; cursor: pointer; }

.select2-drop-active { border: 1px solid #ccc !important; padding: 7px !important; }
.select2-drop-active li { font-size: 12px; }
.select2-container .select2-choice .select2-arrow { background: none !important; border: 0 !important; }
.select2-container .select2-choice .select2-arrow b { background-position: 0 -4px !important; }
.select2-results .select2-highlighted { background: #999 !important; }

.datepicker-dropdown { margin-top: 30px; }

/* HEADER */
.header-container { width: 100%;  position: absolute; z-index: 9; top: 0; position: relative;}
.header-container .wrapper { background: #000; position: relative; z-index: 8; }
.header { height: 110px; position: relative; z-index: 9;}

.header .logo { position: absolute; top: 17px; left: 0; z-index: 9; }

.header .navigation { position: absolute; top: 65px; right: 0; padding: 0; }
.header .navigation li { font-size: 18px; text-align: center; position: relative; transition: .3s all ease; }
.header .navigation li:hover { background: #fff;  }
.header .navigation li a { color: #fff; text-decoration: none; padding: 10px 5px; display: block; text-transform:uppercase; font-size: 15px; font-weight: bold; }
.header .navigation li a:hover { text-decoration: none; color: #333; }

.header .navigation li ul { position: absolute; top: 44px; background: #ccc; width: 200px; padding: 8px 12px; visibility: hidden; opacity: 0;  transition: .3s all ease;   }
.header .navigation li:hover ul { visibility: visible; opacity: 1; }
.header .navigation li ul li { float: none; text-align: left; margin: 0 0 10px; }
.header .navigation li ul li:last-child { margin-bottom: 0; }
.header .navigation li ul li a { font-size: 16px; padding: 0; color: #333; }
.header .navigation li ul li a:hover { color: #fff; }

.header .my-account { float: left;  margin-left: 15px; float:right; line-height: 30px;}
.header .my-account a { color: #fff; }

.header .search { position: absolute; top: 7px; right: 150px;}
.header .search.is-authenticated { right: 220px; }
.header .search input { color: #fff; padding: 7px 0 7px 10px; font-size: 14px; vertical-align: middle; background: #000; line-height: 18px; width: 75px; position: absolute; top: 0; right: 35px; transition: .3s all; text-transform: uppercase; }
.header .search input:focus { background: #777; }
.header .search input.filled { width: 200px; background: #777; }
.header .search button { vertical-align: middle; padding: 4px; background: none;}

.header .favorites { position: absolute; top: 7px; right: 0; color: #d19000; font-size: 23px; }
.header .favorites:hover { color: #ffbd2a; }

.header .customer-actions { position: absolute; top: 7px; right: 40px; }

/* HEADER BANNERS */
.header-banners { width: 100%; list-style: none; min-height: 100px; }
.header-banners ul { list-style: none; margin: 0; }
.header-banners .previous,
.header-banners .next { position: absolute; bottom: 30px; right: 10px; width: 52px; height: 52px; background: url(../images/banner_arrow_right.png) no-repeat center; z-index: 9; cursor: pointer;}
header-.banners .previous:hover,
.header-banners .next:hover { }
.header-banners .previous { left: 10px; background-image: url(../images/banner_arrow_left.png);}
.header-banners li.banner { background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.header-banners li.link { cursor: pointer; }
.header-banners li .message { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; background: rgba(0,0,0,0.5); padding: 10px 0; }
.header-banners li .message * { font-size: 20px; color: #fff; font-weight: normal; text-transform: uppercase; }
.header-banners li .message strong { font-weight: bold; }
.header-banners li .message a { text-decoration: none; }
.header-banners .banner-selector { position: absolute; bottom: 51px; left: 80px; width: calc(100% - 162px); border: 1px solid #777; z-index: 9; height: 5px; display: table; }
.header-banners .banner-selector li { display: table-cell; cursor: pointer; }
.header-banners .banner-selector li.active { background: #bbb; }

.header-banners .current-auction { position: absolute; bottom: 100px; width: calc(90% - 26px); left: 5%; padding: 10px; text-align: center; background: #fa7252; border: 3px solid #fff; font-size: 20px; text-decoration: none; color: #fff; display: block; transition: .3s all ease; }
.header-banners .current-auction:hover { background: #28aeb9; }

/* FOOTER */
.footer { margin: 0 0 15px; padding: 30px 0; color: #fff;  background: #000; }

.footer .navigation { display: inline-block; width: 65%; vertical-align: top; }
.footer .navigation ul li { display: inline-block; margin-right: 10px; padding-right: 10px; vertical-align: top; width: 30%; }
.footer .navigation ul li a { font-size: 14px;  text-decoration: none; color: #fff; font-weight: bold; margin-bottom: 15px; display: block; font-size: 16px; }
.footer .navigation ul ul li { display: block; border: 0; width: auto; }
.footer .navigation ul ul li a { font-weight: normal; margin-bottom: 2px; }

.footer .copyright { float: left; padding: 0; font-size: 14px; margin-top: 4px; }
.footer .social { display: inline-block; width: 30%; vertical-align: top; }
.footer .social .links { margin-bottom: 20px; }
.footer .social .links a { text-decoration: none; font-size: 20px; color: #fff; }
.footer .social p.title { font-weight: bold; font-size: 16px; margin-bottom: 15px;}

/* NEWSLETTER SUBSCRIBE */

.newsletter-subscribe-container { position: fixed; top: calc(50% - 100px); height:198px; right: -270px;  background: #fff; border: 1px solid #C90; padding: 10px; text-align: center; color: #555; width: 250px; transition: .3s right; }
.newsletter-subscribe-container.opened { right: 0;  }
.newsletter-subscribe-container p.title { text-transform: uppercase; background: #C90; color: #fff; position: absolute; bottom: 30px; left: 0; margin: 0 !important; transform-origin: bottom left; transform: rotate(-90deg); font-weight: normal !important; padding-left: 5px; transition: .3s background; cursor: pointer;  }
.newsletter-subscribe-container p.title:after { position: absolute; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #C90; content:""; transform-origin: center center; transform: rotate(225deg); top: 8px; right: -21px; transition: .3s border; z-index: 9; }
.newsletter-subscribe-container p.title:before { position: absolute; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #C90; content:""; transform-origin: center center; transform: rotate(135deg); top: 8px; right: 145px; transition: .3s border; z-index: 9;  }
.newsletter-subscribe-container p.title:hover { background: #F1D172; }
.newsletter-subscribe-container p.title:hover:after,
.newsletter-subscribe-container p.title:hover:before { border-bottom-color: #F1D172; }
.newsletter-subscribe-container p.title strong { display: inline-block; padding: 0 5px; font-weight: normal; }
.newsletter-subscribe-container p.title .icon-down-open { border-left: 1px solid #fff; padding:2px; display: inline-block;}
.newsletter-subscribe-container p.title .icon-down-open:before {  transition: transform .3s; transform: rotate(180deg); transform-origin: center center;  }
.newsletter-subscribe-container.opened p.title .icon-down-open:before { transform: rotate(0); }
.newsletter-subscribe-container p.teaser { font-size: 20px; margin-bottom: 10px;  }
.newsletter-subscribe-container input { padding: 10px; border: 1px solid #ccc; width: 100%; box-sizing: border-box; margin-bottom: 5px; text-align: center; }
.newsletter-subscribe-container button { text-transform: uppercase; color: #fff; background: #C90; padding: 5px; font-size: 18px; width: 100%; font-weight: normal; margin-bottom: 10px; }
/*
.newsletter-subscribe-container {  }
.newsletter-subscribe { text-align: left; }
.newsletter-subscribe h2 { font-size: 35px; margin-bottom: 20px; }
.newsletter-subscribe p { font-size: 25px; margin-bottom: 20px; font-weight: 300; }
.newsletter-subscribe p.teaser { display: none; }
.newsletter-subscribe .subscribe { position: relative;  max-width: 500px; margin: 0 auto;}
.newsletter-subscribe .subscribe input { width: 100%;font-size: 16px; text-align: left;  font-weight: 300; line-height: 30px; height:30px; transition: .3s background; background: #fff; text-indent: 5px; }
.newsletter-subscribe .subscribe input:focus { background: #eee; }
.newsletter-subscribe .subscribe .button { position: absolute; top: 3px; right: 0; font-size: 19px;  }
.footer .newsletter-subscribe .privacy-check label a { color: #fff; }

.page-popup .newsletter-subscribe { text-align: center; }
.page-popup .newsletter-subscribe .subscribe input { background: #000; color: #fff; width: 100%; }
.page-popup .newsletter-subscribe .subscribe .button { color: #fff; }
.page-popup .newsletter-subscribe .subscribe { margin: 0 auto 10px; min-width: 300px; }
.page-popup .newsletter-subscribe .subscribe input { line-height: 40px; height: 40px; }
.page-popup .newsletter-subscribe .subscribe .button { top: 7px; }
.page-popup .newsletter-subscribe p.teaser { font-size: 14px; display: block; }

*/

.footer .signature { margin: 0; text-align: right; }

.absolute-footer { margin: 15px 0; }


/* SIDE NAVIGATION */
.side-navigation ul { list-style: none; padding: 0; margin: 0; }
.side-navigation li { background: #dddddd; border-top: 1px solid #000000; }
.side-navigation li:hover { background: #e4e4e4; }
.side-navigation li a { padding: 10px 10px 10px 25px; font-weight: bold; font-size: 14px; text-decoration: none; background: url(../images/bg_submenu_link.png) no-repeat 10px 15px; color: #000000; display: block;}
.side-navigation li.current a { color: #444; background-image: url(../images/bg_submenu_current.png); }

/* SIDE CONTACTS */
.side-contacts { background: #eeeeee; border-top: 1px solid #000000; padding: 10px; }
.side-contacts h3 { font-size: 16px; margin-bottom: 5px; }

/* CONTENT */

.main { padding: 15px; position: relative; }
.main > .wrapper  { background: #fff; min-height: 500px; padding: 30px; }
.popup .main { margin-top: 0; }
.content {  }

.block-container { display: table; width: 100%; }
.block-container .block-container-col { display: table-cell; vertical-align: top; }

.block-container.cols-3{ }
.block-container.cols-3 .block-container-col:nth-child(1) { width: 20%; }
.block-container.cols-3 .block-container-col:nth-child(2) { width: calc(60% - 20px); padding: 0 10px; }
.block-container.cols-3 .block-container-col:nth-child(3) { width: 20%; }

.block-container.cols-2 .block-container-col:nth-child(2) { width: 20%; }
.block-container.cols-2 .block-container-col:nth-child(1) { width: calc(80% - 10px); padding: 0 10px 0 0; }

.block-container .block-container .block-container-col { width: 2% !important; }

/* AUCTION */
.auction-grid ul { display: table;  margin-bottom: 10px; }
.auction-grid li { display: table-cell; vertical-align: top; padding: 5px; width: 20%; }
.auction-grid li .image { position: relative; }
.auction-grid li .image span { position: absolute; display: block; bottom: 4px; left: 1px; background: rgba(255,255,255,0.8); width: calc(100% - 12px); line-height: 22px; padding: 5px; font-size: 16px; color: #444; text-align:center; display: none; text-transform: uppercase; }
.auction-grid li .image:hover span { display: block; }
.auction-grid li img { border: 1px solid #000; }
.auction-grid li h2 { height: 20px; overflow: hidden;  }
.auction-grid li h2 a { font-size: 14px; }
.auction-grid li p { font-size: 14px; color: #555; }

.auction-title { font-weight: normal; margin-bottom: 20px; font-size: 18px; }

.lot-list ul { list-style: none; margin: 0; padding: 0; }
.lot-list > ul > li{ margin-bottom: 15px; border-bottom: 1px solid #ddd; width: 100%; padding-bottom: 15px;  }
.lot-list > ul > li.open { border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.lot-list .lot.open .see-more{ display: none; }
.lot-list .lot-preview { display: table; width: 100%;  }
.lot-list .lot-preview .image { width: 200px;  height: 150px; display: table-cell;  vertical-align: top; border: 1px solid #000; background: no-repeat center center; background-size: cover; }
.lot-list .lot-preview .info { display: table-cell; vertical-align: top; height: 85px; padding: 0 15px 20px; position: relative; }
.lot-list .info h2 { font-size: 20px; margin-bottom: 10px; color: #000; }
.lot-list .info h3.subtitle { color: #333; margin-bottom: 10px; font-size: 16px; }
.lot-list .info .state { position: absolute; top: 5px; right: 5px; }

.lot-list .info .details { position: absolute; bottom: 0; }
.lot-list .info .details dt { float: left; margin-right: 4px; font-weight: bold; color: #333; font-size: 15px; }
.lot-list .info .details dd { float: left; font-weight: normal; color: #000000; font-size: 15px; }
.lot-list .info .details dd .separator { font-weight: normal; padding: 0 5px; color: #333; }

.lot-list .actions { display: table-cell; width: 210px; vertical-align: bottom; position: relative; text-align: right;  padding-top: 40px; }
.lot-list .actions a,
.lot-list .actions button { text-align: center; width: calc(100% - 50px); }
/*
.lot-list .actions .full-view-button { display: none; }
.lot-list .lot.open .actions .full-view-button { display: block; }
.lot-list .lot.open .actions .expand-button { display: none; }
*/
.lot-list .actions .winner-message { background: url(../images/i_winner.png) no-repeat center left; text-align: center; font-size: 12px; font-weight: bold; margin-bottom: 14px; padding: 6px 0 6px 34px; }
.lot-list .actions .value { font-size: 13px; font-weight: bold; margin-bottom: 5px; width: 100%; padding: 4px 0; }
.lot-list .actions .value .label { font-size: 12px; font-weight: normal; display: inline-block; margin-bottom: 5px; }
.lot-list .actions .value span { font-size: 30px; font-weight: bold; }
.lot-list .actions .time-left { }
.lot-list .actions .time-left.empty { background: none; line-height: 30px;}
.lot-list .lot-preview .lot-view { display: none; }
.lot-list .info .remove a { background: url(../images/i_cross.png) no-repeat; padding-left: 20px; cursor: pointer; }
.lot-list .countdown { text-align: right; position: absolute; top: 0; right: 0; }
.lot-list .countdown-container-dhms{ width: 200px; display: inline-block; margin-right: -8px; height: 38px; vertical-align: top; }
.lot-list .countdown_amount { font-size: 20px; font-weight: bold;  vertical-align: top; }
.lot-list .countdown_section { font-size: 8px; }
.lot-list .icon-heart { position: absolute; bottom: 6px; right: 175px; text-decoration: none; font-size: 19px; color: #aaa; cursor: pointer; width: 20px !important; }
.lot-list .icon-heart.added { color: #F03; }
.lot-list .short-description {  }

.lot-list .winning-message { margin-bottom: 15px; padding: 10px; position: relative; display: none; padding-left: 32px; width: 250px; background: #eee url(../images/dislike.png) no-repeat 5px 50%; display: none; }
.lot-list .winning-message.active { display: block; }
.lot-list .winning-message.winner { background: #eee url(../images/like.png) no-repeat 5px 50%; }

.lot-list .lot-view-container { display: none; }

.lot-list .pager { margin: 0 0 40px; text-align: center; }
.lot-list .pager ul { display: inline-block; }
.lot-list .pager ul li { display: inline-block; }
.lot-list .pager ul li span,
.lot-list .pager ul li a { display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #000; text-decoration: none; }
.lot-list .pager ul li a:hover { background: #000; color: #fff; }
.lot-list .pager ul li span { background: #000; color: #fff; }

.lot-list .lot .lot-preview-container { transition: .3s all; display: block; overflow: hidden; max-height: 400px; }
.lot-list .lot.open .lot-preview-container { max-height: 0; padding: 0; }

.lot-view { border-top: 1px solid #ddd; margin: 30px 0 20px; padding: 30px 0 0px; position: relative; }
.lot-view .images { width: 480px; float: left; }
.lot-view .images ul { clear: both; }
.lot-view .images .base-image { width: 100%; border: 1px solid #111; display: block; margin-bottom: 6px; }
.lot-view .images li { width: 112px; height: 80px; overflow: hidden; float: left; margin-right: 8px;  border: 1px solid #111; margin-bottom: 8px;  }
.lot-view .images li:nth-child(4n+4) { margin-right: 0; }
.lot-view .images li img { width: 100%; display: block;}

.lot-view .info { width: calc(100% - 495px); float: right; }
.lot-view .info .info-wrapper { max-width: 800px; margin: 0 auto; }
.lot-view .info .info-wrapper .info-top { width: 100%; max-width: 430px; position: relative;  }
.lot-view .info .info-wrapper .info-top .countdown { top: 15px; }
.lot-view .info h2 { font-size: 30px; line-height: 35px; margin-bottom: 15px; }

.lot-view .description { margin-bottom: 20px; }

.lot-additional .description { float: left; width: calc(100% - 200px); }
.lot-additional .description.full-width { float: none; width: 100%; }
.lot-additional .related { float: right; width: 160px; }
.lot-additional .related li { margin-bottom: 30px; }
.lot-additional .related h3 { font-size: 13px; font-weight: normal; }
.lot-additional .related h3 a { text-decoration: none; }

.lot-view.full { border-top: 0; padding-top: 0; }
.lot-view.full .icon-star { right: 195px; }
.lot-view.full h1 { color: #fa7252; font-size: 25px; }
.lot-view.full h2.subtitle { color: #333; font-size: 20px; }

.lot-list .info .details { position: absolute; }
.lot-list .info .details dt { float: left; margin-right: 4px; font-weight: bold; color: #333; }
.lot-list .info .details dd { float: left; font-weight: normal; color: #000000; margin-right: 20px; }

.lot-view .lot-value { margin-top: 10px; }
.lot-view .lot-value .value { text-align: left; font-size: 13px; font-weight: bold; margin-bottom: 10px; }
.lot-view .lot-value .value span { font-size: 30px; font-weight: bold; line-height: 30px; color: #000000; }
.lot-view .lot-value .reserve { text-align: left; font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #d19000 ; }

.lot-view .bid-box { background: #eee; padding: 15px; width: 100%; max-width: 400px; margin: 20px 0; }
.lot-view .bid-box .lot-value { margin-top: 0; }

.lot-view .custom-bid { margin: 0 0 30px; }
.lot-view .custom-bid p { font-weight: bold; }
.lot-view .custom-bid .input-box { border: 1px solid #ccc; padding: 5px; background: #fff; max-width: 355px; }
.lot-view .custom-bid .currency { color: #aaa; font-weight: bold; font-size: 20px; }
.lot-view .custom-bid input { font-size: 20px; line-height: 20px; color: #666; width: calc(100% - 20px); }

.lot-view .auto-bid { margin: 0 0 30px; }
.lot-view .auto-bid p { font-weight: bold; }
.lot-view .auto-bid li { display: inline-block; width: 66px; padding: 0 10px; font-size: 20px; line-height: 35px; color: #fff; background: #d19000; cursor: pointer; margin-right: 5px; border: 1px solid #d19000; transition: all .3s; text-align: center; }
.lot-view .auto-bid li:hover { background: #fff; color: #d19000; }

.lot-view .learn-more { font-weight: bold; margin-bottom: 0; }

.lot-view .buttons { margin: 0 0 20px; }
.lot-view .buttons button { width: 181px; }
.lot-view .buttons button.buy-now { margin-top: 20px; width: 366px; }

.lot-view .actions p { margin-bottom: 5px; }
.lot-view .actions a { text-decoration: underline; font-weight: bold; }

.lot-view .messages .message { text-align: center; padding: 5px; border: 1px solid #000; margin-bottom: 5px; }
.lot-view .messages .message.success { border-color: #060; background:#D2ECD3; color: #060; }
.lot-view .messages .message.error { border-color: #900; background:#FACFD0; color: #900; }
.lot-view .messages .message.warning { border-color:#C60; background:#FCE0C5; color: #C60; }

.lot-view .icon-cancel-circled {  position: absolute; right: 10px; top: 10px; font-size: 25px; cursor: pointer; z-index: 9999; transition: .3s color; }
.lot-view .icon-cancel-circled:hover { color: #d19000; }

.next-auction-title { font-size: 16px; font-weight: normal; margin-bottom: 30px; }

/* AUCTION SLIDER */
.auctions-slider-container { background: rgba(255,255,255,0.5); padding: 10px; }
.auctions-slider-wrapper { max-width: 1400px; margin: 0 auto; }
.auctions-slider { }
.auctions-slider .item { float: left; height: 315px; margin: 0 4px; }
.auctions-slider .item .image { height: 270px; overflow: hidden; }
.auctions-slider .item .info .price { font-size: 14px; color: #444444; background: #ccc; text-align: center; padding: 2px 0; margin-bottom: 3px; }
.auctions-slider .item .info .time-left { background: url(../images/timer_small.png) no-repeat left top; padding: 1px 2px 2px 20px; margin-bottom: 5px;}
.auctions-slider .item .title h2 { margin-bottom: 0; height: 25px; overflow: hidden;  }
.auctions-slider .item .title h2 a { font-size: 15px; color: #fff; text-decoration: none; font-weight: normal; }
.auctions-slider .item .title h3 { font-size: 13px; font-weight: normal; }

/* AUCTION LIST VIEW */
.auctions-view .left-col { width: 200px; float: left; }
.auctions-view .vertical-menu { }
.auctions-view .vertical-menu .active a { font-weight: bold; text-decoration: none; }
.auctions-view .vertical-menu .dates { list-style: none; margin: 20px 0 0; }
.auctions-view .vertical-menu .dates li { width: 90px; height: 90px; display: inline-block; background: #e7d8b6; margin-right: 5px; transition: .3s all; }
.auctions-view .vertical-menu .dates li:hover{ background: #000; }
.auctions-view .vertical-menu .dates li:hover a { color: #fff; }
.auctions-view .vertical-menu .dates li .month { display: block; text-align: center; font-weight: lighter; text-transform: uppercase; font-size: 14px; margin-top: 5px; margin-bottom: -10px; }
.auctions-view .vertical-menu .dates li .day { display: block; text-align: center; line-height: 75px; font-size: 60px; font-family: Helvetica, sans-serif; font-weight: normal; }
.auctions-view .vertical-menu .dates li a { text-decoration: none; }

/* AUCTION LIST */
.auction-list-wrapper {  }

.auction-list ul { list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 0; }
.auction-list li { position: relative; width: calc(25% - 24px); display:inline-block; margin-right: 30px; margin-bottom: 30px; transition: .3s all; vertical-align: top; }
.auction-list li:nth-child(4n + 4) { margin-right: 0; }
.auction-list li .image { border: 1px solid #000; position: relative; margin-bottom: 10px; overflow: hidden;  }
.auction-list li:hover .image { border-color: #d19000; }
.auction-list li .image img { width: 100%; display: block; }
.auction-list li .image .see-more { font-size: 18px; text-align: center; line-height: 40px; background: rgba(255,255,255,0.7); position: absolute; bottom: 0; left: 0; width: 100%; transition: .3s all; transform: translateY(45px); opacity: 0; visibility: hidden; color: #333; }
.auction-list li:hover .image .see-more { transform: translateY(0); opacity: 1; visibility: visible; }
.auction-list li h2 { margin-bottom: 0; }
.auction-list li h2 a { text-decoration: none; font-size: 16px; }


/* AUCTION VIEW */
.auction-title { padding: 15px; text-align: center; font-size: 25px; color: #fff; }
.auction-title .button1 { float: left; padding: 0; background: none; border: 0; font-size: 20px; line-height: 35px; }
.auction-date { font-size: 18px !important; font-weight: bold; margin-bottom: 20px !important; }
.auction-info { margin-bottom: 50px; }
.auction-info .description { padding: 20px 0;  }
.auction-info .description .title h2 { color:#000;  font-weight: normal; }
.auction-info .description h3.subtitle { color:#333; font-weight: normal; margin-bottom: 20px; font-size: 18px; }


/* BLOCK */
.block .block-title { color: #000000; font-size: 22px; font-weight: bold; margin-bottom: 20px;}

/* PRODUCTS GRID */
.products-grid { }
.products-grid ul { list-style: none; margin: 0; }
.products-grid ul li { float: left; width: 24.2%; margin: 0 1% 1% 0; position: relative; }
.products-grid ul li:nth-child(4n+4) { margin-right: 0; }
.products-grid ul .description { position: absolute; bottom: 15px; background: rgba(255,255,255,0.9); width: calc(100% - 16px); padding: 8px; }
.products-grid ul .description h3 { color: #082a4c; font-size: 16px; margin-bottom: 15px; font-weight: normal; }
.products-grid ul .description .intro { height: 40px; overflow: hidden; }

/* PRODUCTS VIEW */
.product-view .images { float: left; width: 350px;  }
.product-view .images ul { list-style: none; }
.product-view .images ul li { margin-bottom: 5px; }
.product-view .images ul li a { display: block; position: relative; }
.product-view .images ul li a .play { position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -18px; width: 48px; height: 38px; background: url(../images/i_play.png); }
.product-view .images ul li:hover a .play { background: url(../images/i_play_over.png) no-repeat; }
.product-view .product-description { width: calc(100% - 370px); float:right; }
.product-view .product-description p,
.product-view .product-description p ul { margin-bottom: 15px; }
.product-view .product-description h2,
.product-view .product-description h3 { margin-bottom: 10px; color: #175792; font-size: 13px; font-weight: bold; }
.product-view .product-description h2 { font-size: 15px; }
.product-view .product-description h2.block-title { border-bottom: 1px solid #082a4c;  }
.product-view .info-file { font-size: 18px; float: right; background: url(../images/i_pdf.png) no-repeat; padding: 5px 0 5px 40px; font-weight: normal; color: #175792; text-decoration: none; }

/* BLOCK NEWS */
.cms-page-home .block-news { max-width: 1400px; margin: 50px auto;}

/* NEWS GRID */
.news-grid { }
.news-grid ul { list-style: none; margin: 0; }
.news-grid ul li { width: 31%; margin: 0 3.2% 0 0; position: relative; display: inline-block; vertical-align: top; }
.news-grid ul li:last-child { margin-right: 0; }
.news-grid ul li .image { display: block; width: 100%; }
.news-grid ul li .description { padding-bottom: 25px; }
.news-grid ul li .description h3 { color: #082a4c; font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.news-grid ul li .description h3 a { text-decoration: none; }
.news-grid ul li .description h3 a:hover { text-decoration: none; }

/* NEWS LIST */
.news-list { }
.news-list ul { list-style: none; margin: 0; }
.news-list ul .new { margin-bottom: 10px; }
.news-list ul .new .image { float: left; width: 340px; border: 1px solid #333;  }
.news-list ul .new .new-content { margin-left: 360px; }
.news-list ul .new .description { display: none; }
.news-list ul .new h3 { margin-bottom: 5px; font-size: 16px; color: #000000; font-weight: bold; }
.news-list ul .new h3 a { text-decoration: none; }
.news-list ul .new date { margin-bottom: 10px; }
.news-list ul .new .see-more span { cursor: pointer; text-decoration: underline; color: #082a4c; }

/* ARTICLES */
.article .content ul { list-style: disc outside !important; margin-left: 30px; margin-bottom: 10px; }
.article .content ol { list-style: decimal outside !important; margin-left: 30px; margin-bottom: 10px; }

/* ARTICLES LIST */
.articles-list { }
.articles-list ul { list-style: none; margin: 0; }
.articles-list ul .article { margin-bottom: 10px; }
.articles-list ul .article .image { float: left;  }
.articles-list ul .article.image-off-text-right .image { float: right; }
.articles-list ul .article h3 { margin-bottom: 15px; font-size: 16px; color: #082a4c; font-weight: normal; }

/* ARTICLES GRID */
.articles-grid { }
.articles-grid ul { list-style: none; margin: 0; }
.articles-grid ul .article { display: inline-block; margin: 0; padding: 0; vertical-align:top; margin-bottom: 15px; position: relative; }
.articles-grid ul .description { position: absolute; bottom: 15px; background: rgba(255,255,255,0.9); width: calc(100% - 16px); padding: 8px; }
.articles-grid ul .description h3 { color: #082a4c; font-size: 16px; margin-bottom: 15px; font-weight: normal; }
.articles-grid ul .description .intro { height: 40px; overflow: hidden; }

/* ARTICLES TABS */
.articles-tabs .tabs-titles { background: #eee; list-style: none; margin: 0; padding: 5px 5px 0; font-family: "Museo500"; color: #000000; }
.articles-tabs .tabs-titles .active { background: #fff; }
.articles-tabs .article { margin-bottom: 10px; }
.articles-tabs .article .image { float: left;  }
.articles-tabs .article.image-off-text-right .image { float: right; }
.articles-tabs .article.image-off-text-left .image { float: left; }
.articles-tabs .article h3 { margin-bottom: 15px; font-size: 16px; color: #082a4c; font-weight: normal; }

/* ARTICLES COLLAPSABLE */
.articles-extensible .article .image { float: left;  }
.articles-extensible .article.image-off-text-right .image { float: right; }
.articles-extensible .article.image-off-text-left .image { float: left; }


/* BLOCK CONTACTS */
.block-contacts { }
.block-contacts .contact-info { float: left; width: 30%; }
.block-contacts .contact-info strong { color: #082a4c; }
.block-contacts .contact-form { float: right; width: 65%; padding-left: 5%; }

/* BLOCK BANNERS */
.block.banners .block-content { position: relative; }

/* CUSTOMER */
.customer-login .field { width: 300px; float: left; }
.customer-login .field.first { padding-left: 0; }
.customer-login .field button.login { font-size: 16px; padding: 13px 20px; }
.customer-login .new-customer { margin-top: 20px; }

.customer-login.popup .field { display: block; width: 300px; float: none; padding-left: 0; }
.customer-login.popup .field button.login { padding: 4px 9px; float: right; }
.customer-login.popup hr { margin: 10px 0; }
.customer-login.popup a { font-weight: bold; }

.customer-welcome { font-size: 13px; margin-bottom: 20px; line-height: 20px; }

.customer-links { background: #ddd; padding: 12px; margin-bottom: 20px; }
.customer-links ul { list-style: none; margin: 0; padding: 0; }
.customer-links li { float: left; font-size: 19px; margin-right: 35px; }
.customer-links li a { color: #777; }
.customer-links li.active a { color: #222; }

.customer-personal .newsletter { margin: 15px 0; }
.customer-personal .newsletter p { font-weight: bold; }

.customer-area-order .order .services { margin: 0; }
.customer-area-order .order .services li { position: relative; padding-right: 140px; margin-bottom: 5px;  }
.customer-area-order .order .services li button { position: absolute; right: 10px; }

/* CONTACTS */

.contacts-info { float: left; width: 49%; margin-bottom: 20px; }
.contacts-form { float: right; width: 49%; margin-bottom: 20px; }

/* CLEARS */
.block-contacts:after,
.news-list ul .new:after,
.articles-list ul .article:after,
.products-grid ul:after,
.top-courses ul:after,
.horizontal-menu:after,
.clear:after,
.footer-blocks ul:after,
.tabs .tabs-titles:after,
.auctions-view:after,
.auction-list li:after,
.articles-extensible .content:after,
.lot-list .lot:after { clear: both;  height: 0; font-size: 0; display: block; content:"."; line-height: 0;}

/* COUNTDOWN */

/* COUNTDOWN */

.countdown-container-hms { width: 246px; height: 56px; }
.countdown-container-dhms { width: 274px; height: 56px; }
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 10px;
	text-align: center;
}
.countdown_amount {
	font-size: 30px;
	border-right: 1px solid #000;
	width: 100%;
	font-weight: bold;
	display: inline-block;
}
.countdown_section:last-child .countdown_amount {
	border-right: 0;
}
.countdown_descr {
	display: block;
	width: 100%;
}

/* PAGE POPUP */
.page-popup { background: #fff; }
.page-popup .main { margin: 0; box-shadow: none; }
p.page-title, h1.page-title { font-size: 35px !important; margin-bottom: 10px !important; padding-bottom: 5px !important; }

.blog h1.page-title { border-bottom: 0; padding-bottom: 0; text-align: center; }

/* BLOG */

.blog .page-title { border-bottom: 1px solid #ccc !important; margin-bottom: 0 !important; }

.blog-categories { text-align: center; margin-bottom: 30px !important; float: left; width: 200px; padding-top: 50px; }
.blog-categories li { display: block; padding: 0; margin: 0 1%; position: relative;}
.blog-categories li a { text-decoration: none; color: #113c2b; text-transform: uppercase; text-align: left; font-weight: normal; font-size: 14px; display: block; margin-bottom: 10px;  }
.blog-categories li a em { font-size: 21px; margin-right: 7px; }
.blog-categories li a * { vertical-align: middle; }
.blog-categories li .over { width: 100%; height: 6px; position: absolute; top: 100%; left: 0; opacity: 0; transition: opacity .4s; }
.blog-categories li.active .over,
.blog-categories li:hover .over { opacity: 1; }
.blog-categories li .icon-right-open { position: absolute; right: 20px; top: -2px; font-size: 11px; }

.blog .category-info { display: inline-block; padding: 1px 4px; color: #fff; font-size: 12px; text-transform: uppercase; font-size: 12px; font-weight: bold; }

.blog-posts { width: calc(100% - 270px); float: left; border-left: 1px solid #ccc; padding-top: 50px; padding-left: 50px; }

ul.popular-post-list,
ul.post-list { list-style: none; padding: 0; margin: 0; }
.post-list li.item.full { margin-bottom: 5px; }
.post-list li.item.third { width: calc(33% - 3px); display: inline-block; vertical-align: top; margin: 0 5px 5px 0; }
.post-list li.item.third:nth-child(3n + 3) { margin-right: 0; }
.post-list li.item .image { margin-bottom: 0; }
.post-list li.item .image img { display: block; width: 100%; }
.post-list li.item h2 { font-size: 28px; font-weight: normal; margin-bottom: 10px; }
.post-list li.item.half h2 { font-size: 19px; }
.post-list li.item h2 a { text-decoration: none; }
.post-list li.item h3 { font-size: 20px; font-weight: normal; text-transform: none; margin-bottom: 20px; }

.blog-posts-popular { width: 33%; float: right; }
.blog-posts-popular h2 { margin-bottom: 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; }

.popular-post-list li.item { margin-bottom: 20px; }
.popular-post-list li.item .image { width: 182px; float: left; }
.popular-post-list li.item .info { margin-left: 192px; }
.popular-post-list li.item h3 { font-size: 14px;  font-weight: normal; }
.popular-post-list li.item h3 a { text-decoration: none; }

.blog-post {  width: calc(100% - 270px); float: left; border-left: 1px solid #ccc; padding-top: 50px; padding-left: 50px; }
.blog-post h2.title {font-weight: normal; font-size: 36px; text-align: left; margin-bottom: 10px;  }
.blog-post h2.title .date { color: #aaa; font-size: 26px; }
.blog-post .category-info-container { text-align: center; }
.blog-post .post-info {   }
.blog-post .post-content { margin-bottom: 15px; }
.blog-post .post-content h1, 
.blog-post .post-content h2, 
.blog-post .post-content h3,
.blog-post .post-content h4,
.blog-post .post-content p,
.blog-post .post-content ul,
.blog-post .post-content li { margin-bottom: 10px;}
.blog-post .post-content h1, 
.blog-post .post-content h2, 
.blog-post .post-content h3,
.blog-post .post-content h4{ font-weight: normal; }
.blog-post .post-content .images { width: 400px; float: left; }
.blog-post .post-content.right .images { float: right; }
.blog-post .post-content.contains-image .text { margin-left: 420px; }
.blog-post .post-content.contains-image.right .text { margin-left: 0; margin-right: 420px; }
.blog-post .post-content .images img { width: 100%; }
.blog-post .intro { font-size: 22px; margin-bottom: 20px; }
.blog-post .next-previous a { text-decoration: none; font-size: 20px; }
.blog-post .next-previous .next{ float: right; }



/* PC */
@media only screen and (min-width: 800px) {
	.header .expand-next { display: none; }
	.top-courses .expand-next { display: none; }
	
	.header .navigation ul { float: right; }
	.header .navigation ul li { float: left; margin: 0 5px; }
	.header .navigation ul li.customer { border: 1px solid #f16e4f; }
	.header .navigation ul li.customer a { padding: 10px; }
	.header .navigation ul li a { }
}



/* PHONE */
@media only screen and (max-width: 450px) {
	.block-container { display: block; }
	.block-container .block-container-col { display: block; width: 100% !important; }
		
}
@media only screen and (max-width: 799px) {
	
	.fields-group .col,
	.fields-group .col .field { display: block; width:100%; padding: 0 !important; margin: 0; }
	.fields-group .col .field { margin-bottom: 5px; }
	
	.wrapper { padding: 0; }
	
	.main > .wrapper { padding: 0; }

	.header-banners { position: relative; }
	.header-banners li .message { width: calc(100% - 20px); padding: 10px; }
	.header-banners li .message * { font-size: 14px; }
	
	.header-container { position: static; }
	
	.header { height: 115px; }
	
	.header .logo { width: 210px; top: 5px; left: 5px; }
	.header .logo img { width: 100%; margin-top: 6px; }
	
	.header .my-account { position: absolute; top: 13px; right: 5px; }
	.header .search { position: absolute; top: 65px; left: 8px; padding: 0; float: none; }
	.header .search button { padding: 5px; }
	.header .search input { padding: 6px; right: auto; left: 30px; }
	.header .search input.filled { width: 150px; }
	
	.header .customer-actions { top: 64px; right: 5px; }
	.header .customer-actions .button4 { padding: 6px; }
	
	.header .favorites { top: 12px; }
	
	.header .expand-next { position: absolute; top:10px; right: 35px; z-index: 9999; color: #fff; font-size: 27px; }
	.header .navigation { left: 0; top: 115px; width: 100%; z-index: 999; display: none; background: none;  }
	.header .navigation ul { margin: 4px; background: #fff; border: 1px solid #000; display: block !important;}
	.header .navigation ul ul { margin: 5px; background: #fff; border: 1px solid #000; display: none !important;}
	.header .navigation li { float: none; padding: 5px 10px; border-bottom: 1px solid #ccc; text-align: left;  }
	.header .navigation li a { color: #000; display: block; padding: 3px 0; font-size: 14px; }
	
	.header .actions { left: 0; top: 80px; width: 100%; }
	
	.main { margin-top: 0; }
	
	.top-courses { bottom: 45px; z-index: 9999; }
	.top-courses .background { background: none; }
	.top-courses ul.courses { background: #fff; border: 1px solid #000; display: none; margin: 5px; padding: 0; position: absolute; top: 39px; width: calc(100% - 12px); }
	.top-courses ul.courses li { float: none; padding: 5px 10px; border-bottom: 1px solid #ccc; text-align: left; margin: 0;  }
	.top-courses ul.courses li a { color: #000; display: block; padding: 3px 0; font-size: 14px; border: 0; }
	.top-courses .label { display: none; }
	.top-courses .expand-next { display: block; margin: 5px; position: absolute; z-index: 9999; width: calc(100% - 32px); }
	.top-courses .countries { display: none; }
	
	.header .actions .my-account { float: right; margin-right: 5px; }
	.header .actions .my-account a { float: left; margin-left: 7px; overflow: hidden; }
	.header .actions .my-account a.account { background: url(../images/i_person.png) no-repeat; width: 32px; height: 32px; display: block; text-indent: -400px; padding: 0; }
	.header .actions .my-account a.logout { background: url(../images/i_logout.png) no-repeat; width: 32px; height: 32px; display: block; text-indent: -400px; padding: 0; }
	
	.header .actions .search { margin-left: 7px; }
	
	.footer { padding: 5px 10px; }
	.footer .copyright { float: none; text-align: center; }
	.footer .social { text-align: center; width: 100%; text-align: center; margin: 0 0 30px; }
	.footer .social li { float: none; display: inline-block; }
	.footer .social p.title { text-align: center; }
	
	/*
	.newsletter-subscribe .subscribe { max-width: 240px;}
	*/
	.footer .navigation { display: block; width: 100%; }
	.footer .navigation ul li { display: block; width: 100%; text-align: center; margin: 0 0 30px; padding: 0; }
	.footer .navigation ul li a { text-transform: uppercase; }
	.footer .navigation ul li ul li { margin: 0 0 5px; }
	.footer .navigation ul li ul li a { text-transform: none; font-size: 13px; }
	
	.footer .signature { text-align: center; }
	
	.absolute-footer { text-align: center; }
	
	.main { padding: 15px 5px; }
	
	.auction-grid ul { display: block; }
	.auction-grid li { display: block; width: calc(50% - 10px); float: left; }
	
	.auction-list li { height: auto; width: calc(100% - 2px); padding: 0; margin: 0 0 10px; }
	.auction-list li .date { display: none; }
	.auction-list li .image { width: 100%; float: none; }
	.auction-list li .image img { width: 100%; }
	.auction-list li .content { width: 100%; margin: 0; }
	.auction-list li .content .actions { float: none; width: 100%; }
	.auction-list li .content .state { display: none; }
	.auction-list li .content .actions { height: auto; position: relative; top: auto; right: auto; }
	.auction-list li .content .actions .price { display: none; }
 	
	.auction-view .date { display: none; }
	.auction-view .list { margin: 0; }
	.auction-view .list .image { float: none; text-align: center; }
	.auction-view .list .description { margin: 0; }
	.auction-view .back { position: relative; text-align: right; }
	
	.auction-title { font-size: 15px; margin-bottom: 10px; }
	
	
	.lot-list .lot .lot-preview-container { max-height: none; }
	
	.lot-list .lot-preview,
	.lot-list .lot-preview .image,
	.lot-list .lot-preview .actions,
	.lot-list .lot-preview .info { display: block;}
	.lot-list .lot-preview .info { padding: 0 0 15px; height: auto; }
	.lot-list .lot-preview .info .details { display: block; width: 100%; position: relative;  }
	.lot-list .lot-preview .info .details dl,
	.lot-list .lot-preview .info .details dd { float: none; }
	.lot-list .lot-preview .info .short-description { margin-bottom: 10px; }
	.lot-list .lot-preview .info .state { display: none; }
	.lot-list .lot-preview .image { text-align: center; width: 100%; margin: 0 auto 10px; height: auto; padding-bottom: 70%; overflow: hidden; border: 1px solid #000; }
	.lot-list .lot-preview .image img { border: 0; }
	.lot-list .lot-preview .actions { width: 100%; margin: 0 auto; border: 0; text-align: center; padding-top: 10px; }
	.lot-list .lot-preview .actions .value {  }
	.lot-list .lot-preview .actions .winner-message { padding: 5px 0; }
	.lot-list .lot-preview .actions .value,
	.lot-list .lot-preview .actions .time-left { position: static; padding: 5px; width: calc(100% - 10px); margin: 0 0 5px; }
	.lot-list .lot-preview .actions .time-left { background-position: 5px center; }
	.lot-list > ul > li { border: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
	
	.lot-list .countdown { text-align: center; position: relative; }
	
	.lot-list .actions a, 
	.lot-list .actions button { display: block; margin: 0 auto; }
	.lot-list .icon-heart { bottom: 40px; right: 200px; display: none !important;  }
	
	.lot-view { padding: 50px 10px 10px; background: #f1f1f1; margin: 20px 0 0;  }
	.lot-view .images { float: none; width: 100%; margin-bottom: 20px; }
	.lot-view .images ul li { width: calc(25% - 8px); margin: 0 8px 8px 0; height: auto; }
	.lot-view .info { float: none; width: 100%; }
	
	.lot-view .lot-value { float: none; width: calc(100% - 12px); margin: 0 0 10px; border: 1px solid #ccc; background: #fff; padding: 5px;  }
	.lot-view .lot-value .reserve,
	.lot-view .lot-value .value { font-size: 12px; text-align: center; margin-bottom: 0; }
	.lot-view .lot-value .value span { font-size: 30px; }
	.lot-view .lot-value .reserve { text-align: center; }
	.lot-view .actions { padding: 5px; width: calc(100% - 10px); }
	.lot-view .actions button { padding: 10px; }
	.lot-view .actions label { width: calc(100% - 14px) }
	.lot-list .lot-preview .actions .winner-message
	.lot-view .tabs .tabs-titles li { font-size: 16px; }
	.lot-view .actions .tabs .tab-page { padding: 5px; }
	
	.lot-view .info .info-wrapper { text-align: center; }
	.lot-view .info .info-wrapper .info-top .countdown { position: static; margin-bottom: 5px; text-align: center; border: 1px solid #ccc; background: #fff; padding: 10px; }
	
	
	.lot-view .bid-box { padding: 10px; border: 1px solid #ccc; width: calc(100% - 22px); background: #fff;  }
	.lot-view .buttons { text-align: center; }
	.lot-view .buttons button { margin-bottom: 5px; }
	.lot-view .learn-more { text-align: center; }
	
	.lot-view .auto-bid { text-align: center; }
	.lot-view .auto-bid li { margin-bottom: 5px; }
	
	.lot-view .custom-bid p { text-align: center; }
	
	.lot-view .actions .licitation-values #licitations_carousel .item { background: #ddd; margin: 0 1px; }
	.lot-view .actions .licitation-values #licitations_carousel .item:hover { background: #bbb; }
	.lot-view .actions .licitation-values #licitations_carousel .item.selected { background: #00969d; }
	
	.lot-view .actions .licitation-values .slick-prev, 
	.lot-view .actions .licitation-values .slick-next { top: 3px !important; }
	.lot-view .actions .licitation-values .slick-prev { left: -23px !important; }
	.lot-view .actions .licitation-values .slick-next { right: -23px !important; }
	
	.customer-login.popup .field { width: 100%; }
	
	.contacts-info ,
	.contacts-form { float: none; width: 100%; }
	
	.confirm-box { width:calc(95% - 30px); margin: 5% auto; }
	
	.lot-view .images ul:after { clear: both;  height: 0; font-size: 0; display: block; content:"."; line-height: 0;}
	
	.customer-links li { float: none; margin: 0; text-align: center; margin-bottom: 5px; }
	.customer-login .field { padding: 0; margin-bottom: 10px;}
	
	/* NEWS GRID */
	.news-grid ul li { width: 100%; float: none; margin: 0 0 10px; }
	.news-grid ul li .image { width: 100%; }
	.news-grid ul li .description { width: 100%; padding: 0; }
	.news-grid ul li .actions { position: static; width: 100%; padding: 0; }
	
	/* NEWS LIST */
	.news-list ul .new .image { width: 100%; float: none; }
	.news-list ul .new .image img { width: 100%; }
	.news-list ul .new .new-content { width: 100%; float: none; margin: 0; }
	
	/* PRODUCTS GRID */
	.products-grid ul li { width: 100%; float: none; margin: 0 0 10px 0; }
	
	/* CONTACTS */
	.block-contacts .contact-info { float: none; width: 100%; margin-bottom: 15px; }
	.block-contacts .contact-form { float: none; width: 100%; padding: 0; }
	
	/* AUCTION DAY */
	.auction-day .tag { right: 0; top: 0; }
	.auction-day .image { width: 100%; float: none; }
	.auction-day .image img { width: calc(100% - 10px); }
	.auction-day .content { float: none; width: calc(100% - 20px); }
	.auction-day .content .licitation-box { text-align: center; padding: 10px;}
	.auction-day .content .countdown-container-hms { float: none; margin: 0 auto; }
	.auction-day .content .actions { margin: 0 0 10px; }
	.auction-day .content h1, 
	.auction-day .content h2, 
	.auction-day .content h3 { margin: 0 0 5px; }
	.auction-day .content .licitation-box .title { text-align: left; }
	
	/* AUCTION SLIDER */
	.auctions-slider { padding: 10px 10px 30px; }
	.slick-prev, 
	.slick-next { top: auto !important; bottom: 0 !important; margin: 0 !important; }
	.slick-next { right: 0 !important; }
	.slick-prev { left: 0 !important; }
	
	/* FOOTER HOME BANNERS */
	.footer-home-banners { display: none; }
	
	/* ARTICLES LIST */
	.articles-list ul .article .image { width: 100%; float: none; }
	.articles-list ul .article .image img { width: 100%; }
	.articles-list ul .article .content { width: 100%; float: none; margin: 0 !important; }
	
	/* ARTICLES GRID */
	.articles-grid ul .article { width: 100% !important; float: none; margin: 0 0 10px !important; }
	.articles-grid ul .article .image { width: 100%; }
	.articles-grid ul .article .description { width: 100%; }
	.articles-grid ul .article .actions { position: static; width: 100%; padding: 0; }
	
	/* ARTICLES TABS */
	.articles-tabs .tabs-titles  { padding: 5px; }
	.articles-tabs .tabs-titles li { font-size: 16px; padding: 5px; float: none; display: block; }
	.articles-tabs .article .image { float: none !important; }
	.articles-tabs .article .image img { width: 100%; }
	.articles-tabs .article .content { margin: 0 !important; }
	/* PRODUCT VIEW */
	.product-view .images { float: none; width: 100%; }
	.product-view .product-description { float: none; width: 100%; }
	
	/* HORIZONTAL MENU */
	.horizontal-menu li { margin-right: 5px; }
	.horizontal-menu li a { font-size: 14px; padding-right: 5px; }
}