@charset "utf-8";

/* CSS Document */
@font-face { font-family: 'Lato-Light'; src: url('fonts/Lato-Light.eot'); src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Light.woff') format('woff'), url('fonts/Lato-Light.ttf') format('truetype'), url('fonts/Lato-Light.svg#Lato-Light') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato-Regular'; src: url('fonts/Lato-Regular.eot'); src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype'), url('fonts/Lato-Regular.svg#Lato-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato-Italic'; src: url('fonts/Lato-Italic.eot'); src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Italic.woff') format('woff'), url('fonts/Lato-Italic.ttf') format('truetype'), url('fonts/Lato-Italic.svg#Lato-Italic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato-Hairline'; src: url('fonts/Lato-Hairline.eot'); src: url('fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Hairline.woff') format('woff'), url('fonts/Lato-Hairline.ttf') format('truetype'), url('fonts/Lato-Hairline.svg#Lato-Hairline') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato-Black'; src: url('fonts/Lato-Black.eot'); src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf') format('truetype'), url('fonts/Lato-Black.svg#Lato-Black') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato-Bold'; src: url('fonts/Lato-Bold.eot'); src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Bold.woff') format('woff'), url('fonts/Lato-Bold.ttf') format('truetype'), url('fonts/Lato-Bold.svg#Lato-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'ProximaNova-Bold'; src: url('fonts/ProximaNova-Bold.eot'); src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Bold.woff2') format('woff2'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.ttf') format('truetype'), url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
body { padding: 0px; margin: 0px; background: #fff; font-size: 14px; color: #000000; line-height: 21px; font-family: 'Lato-Regular'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none; }
div { margin: 0; padding: 0; }
p { font-size: 16px; line-height: 24px; padding: 0px; margin: 0px; color: #000000; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0px; margin: 0px; line-height: 30px; }
a { color: #282828; outline: none; }
ul, li { list-style: none; }
a:focus, :focus { outline: none; }
ul, ol { list-style-type: none; padding: 0px; margin: 0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding: 0px; height: 0px; font-size: 1px; }
.left { float: left; }
.right { float: right; }
.anim { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; }
.anim2 { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.row { width: 1170px; margin: auto; padding: 0px; }


div.banner-home { float: left; width: 100%; position: relative; min-height: 210px; }
header {float: left;width: 100%;z-index: 99;background: #fff;border-top: 5px solid #2ba9e1;}
.hdr-top {/* background: #fff; */width: 100%;padding: 15px 0px;z-index: 999;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;float: left;}
header .row { position: relative; }
.logo { float: left; width: auto; }
.menu {float: right;width: auto;/* margin-left: 50px; */}
.reg-but {float: right;position: fixed;right: -56px;transform: rotate(-90deg);top: 30%;z-index: 99;}
.reg-but a {background: #1fa54b;font-size: 13px;color: #fff;text-transform: uppercase;padding: 11px 20px;/* border-radius: 5px; */margin-top: 6px;float: right;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;overflow: hidden;z-index: 1;transform: perspective(1px) translateZ(0);-webkit-transform: perspective(1px) translateZ(0);/* display: inline-block; */letter-spacing: 0.5px;}
.reg-but a:hover::after {height: 340%;opacity: 1;}
.reg-but a:hover { color: #fff;/* background: none; */ }
.reg-but a::after {width: 100%;height: 0;top: 50%;left: 50%;background: #f56833;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.b-cap {position: absolute;left: 0;top: 70px;text-align: left;z-index: 9;background: #fff;width: 415px;padding: 20px 30px;}
div.banner-home img { float: left; width: 100%; }
.b-cap h1 {color: #000;line-height: 34px;margin-bottom: 10px;font-family: 'Lato-Bold';font-size: 28px;}
.b-cap p {font-family: 'Lato-Regular';font-size: 15px;color: #8a8989;line-height: 24px;}
section.current-action {float: left;width: 100%;background: #f9f9f9;padding: 50px 0 30px;}
div.current-action {float: left;width: 100%;background: #f9f9f9;padding: 50px 0 30px;}
h1.main-tit {color: #000000;font-size: 38px;line-height: 50px;font-family: 'ProximaNova-Bold';position: relative;margin-bottom: 30px;text-align: center;/* width: 350px; */margin: 0 auto;float: none;/* background: #f9f9f9; */z-index: 9;}
h1.main-tit span { font-family: 'SourceSansPro-Light'; }
h1.main-tit::after {position: absolute;content: "";background: #62b3ec;width: 510px;height: 1px;left: 0;bottom: 17px;right: 0;margin: 0 auto;display: block;z-index: -11;}
/* section.current-action ul li {float: left;width: 31.3%;margin-right: 3%;margin-bottom: 40px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background: #fff;padding: 20px;box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%);border-radius: 5px;} */
/* section.current-action ul li:nth-child(3n) { margin-right: 0; } */
/* .cu-img span { position: absolute; left: 0; bottom: 0; background: #62b3ec; color: #fff; font-size: 12px; text-transform: uppercase; padding: 4px 12px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; left: 0;bottom: -10px;transition-delay: 10s;z-index: 9; } */
/* .cu-img { float: left; width: 100%; position: relative; } */
/* .cu-img img { float: left; width: 100%; } */
/* .cu-cnt {float: left;width: 100%;background: #fff;padding: 20px 20px 0px 20px;border: 1px solid #e6e6e6;border-bottom: 3px solid #7bc3e9;border-top: none;} */
/* .cu-cnt h2 {font-size: 18px;line-height: 24px;color: #020202;margin-bottom: 10px;font-family: 'Lato-Black';min-height: 48px;} */
/* .cu-cnt p {font-size: 15px;line-height: 18px;color: #65c060;} */
/* .bid-now {float: left;width: 100%;background: #fff;padding: 30px 0px 25px 0;} */
/* .bid-now p.bd {float: right;padding: 8px 20px 8px 35px;color: #022b42;font-family: 'Lato-Regular';font-size: 14px;background: url(../img/bid.png) no-repeat left 10px center;border: 1px solid #022b42;border-radius: 4px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;width: auto;} */

span.com { background: #f18038; top: 20px; bottom: inherit; right: 0px; left: inherit; }
.sticky-wrapper.is-sticky header{
    box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%);
}
.is-sticky .hdr-top {background: #ffffff;
    /* box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); */
    padding: 10px 0px;}
/* section.current-action ul li { transform: translateY(60px); opacity: 0; }
section.current-action.start-anmation ul li { transform: translateY(0px); opacity: 1; }
section.current-action.start-anmation ul li:nth-child(2) { transition-delay: 0.2s; }
section.current-action.start-anmation ul li:nth-child(3) { transition-delay: 0.4s; }
section.current-action.start-anmation ul li:nth-child(4) { transition-delay: 0.6s; }
section.current-action.start-anmation ul li:nth-child(5) { transition-delay: 0.8s; }
section.current-action.start-anmation ul li:nth-child(6) { transition-delay: 1s; } */

/*mobilemenu*/
.mobNav { display: none; }
.m-menu {display: none;float: right;margin-top: 0px;position: relative;right: 0px;margin-left: 20px;}
.m-menu a { display: inline-block; margin-top: 7px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.m-menu a span { display: block; background: #f27022; height: 2px; margin-top: 5px; width: 27px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.m-menu div { text-transform: uppercase; font-size: 11px; color: #fff; line-height: 13px; margin-top: 6px; }

div.banner-home::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(3, 3, 3, 1); background: -moz-linear-gradient(left, rgba(3, 3, 3, 1) 0%, rgba(179, 179, 179, 0) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3, 3, 3, 1)), color-stop(70%, rgba(179, 179, 179, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(3, 3, 3, 1) 0%, rgba(179, 179, 179, 0) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(3, 3, 3, 1) 0%, rgba(179, 179, 179, 0) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(3, 3, 3, 1) 0%, rgba(179, 179, 179, 0) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(3, 3, 3, 1) 0%, rgba(179, 179, 179, 0) 70%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#030303', endColorstr='#ffffff', GradientType=1); }
.b-cap h1 span, .b-cap h1 a { color: #30abe0; font-family: 'Lato-Light'; }
.b-cap h1 a { text-decoration: none; cursor:none;}
div.banner-home .row { position: relative; }
h1.main-tit::before { background: #f9f9f9; position: absolute; content: ""; width: 350px; height: 40px; z-index: -1; left: 0; right: 0; margin: 0 auto; }
p.sub-tit {text-align: center;font-size: 12px;text-transform: uppercase;/* letter-spacing: 1px; */color: #979797;margin-bottom: 50px;}
.abt-lft h2::after { position: absolute; content: ""; background: #0674fd; width: 40px; height: 4px; left: 0; bottom: -20px; }

.abt-rgt { width: 78%; float: left; padding: 15px 0 0 70px; }
.abt-rgt p { color: #fff; font-size: 18px; line-height: 30px; }
footer {float: left;width: 100%;padding-bottom: 20px;}
.f-pad {float: left;width: 100%;background: #33ac5d;border-radius: 5px;padding: 20px 0px;position: relative;margin-top: -50px;}
.f-pad li {float: left;width: 33.33%;margin-right: 0%;border-right: 1px solid rgb(255 255 255 / 21%);}
.f-pad li img { float: left; margin-right: 15px; }
.f-pad li:last-child { margin-right: 0; border: none; }
.f-pad li p, .f-pad li a { font-size: 16px; color: #fff; }
.f-pad li a:hover { text-decoration: underline; }
.f-pad-2 { float: left; width: 100%; margin-top: 20px; position: relative; }
.f-pad-2 img { float: left; }
.copy { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; width: 50%; padding-top: 12px; }
.social-media {float: right;width: auto;margin-top: 12px;}
.social-media ul li { float: left; margin-right: 10px; }
.social-media ul li:last-child{margin-right: 0;}
.social-media ul li a {background: url(../images/social-icons.png) no-repeat;float: left;width: 22px;height: 22px;background-position: 0 0;}
.social-media ul li.tw a {background-position: -35px 0;}
.social-media ul li.is a {background-position: -68px 0;}
.social-media ul li.in a {background-position: -102px 0;}
.social-media ul li.fb a:hover {background-position: 0px -21px;}
.social-media ul li.tw a:hover { background-position: -35px -21px; }
.social-media ul li.is a:hover { background-position: -68px -21px; }
.social-media ul li.in a:hover { background-position: -102px -21px; }

.mm-list > li.reg-but-mob { text-align: center; }
.mm-list > li.reg-but-mob a { background: #33ad03; font-size: 14px; color: #fff; text-transform: uppercase; padding: 11px 20px; border-radius: 5px; margin: 8px 20px; }
.f-cn { float: none; width: 270px; margin: 0 auto; }
.f-pad .vc_column-inner {
    border-right: 1px solid rgb(255,255,255,0.3);
}

.auction-title {
    font-size: 42px;
    font-weight: bold;
}


/* ============================================================================
 *		FORM HTML TAG
 * ============================================================================ */
 input, textarea, select, button {
	padding: 10px 10px 10px 0;
	border-color: #ddd;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: 300 16px/1.25 'Open Sans', Tahoma, Verdana, Segoe, sans-serif;
	color: #222;
}
textarea { 
	min-height: 90px; 
	max-width: 100%; 
	box-sizing: border-box;
}
textarea,
select,
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=tel], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=time],
input[type=month], 
input[type=week], 
input[type=number], 
input[type=search] { 
	padding: 9px 10px;
	border-width: 1px; 
	border-style: solid;
	min-height: 20px;
	/*height: 20px; */
}
input[type=search] { 
	height: 40px;
}
input[type=color] { 
	padding: 0; 
	border: 0; 
	background: #fff;
}
input:focus, textarea:focus, select:focus {
	outline: none; 
	border-color: #936; 
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
	box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
}
input[type=submit], 
input[type=button],
button, .submit, .button {
	padding: 10px 20px;
	min-height: 20px;
	/*height: 40px;*/
	line-height: 20px;
	border: 0;
	background-color: #936;
	color: #fff;
	cursor: pointer;
}
input[type=submit]:hover, 
input[type=button]:hover,
button:hover,
.submit:hover,
.button:hover {
	opacity: 0.9;
}
/* ============================================================================ */


form p {
    margin-bottom: 20px;
}
input[type="submit"], input[type="button"] {
    background-color: #2ba9e1;
}
form.wpcf7-form.sent > ul,
form.wpcf7-form.invalid > ul,
form.wpcf7-form.init > ul {
	list-style: none;
}

form.wpcf7-form.sent > ul li label > sup,
form.wpcf7-form.invalid > ul li label > sup,
form.wpcf7-form.init > ul li label > sup{
	color: red;
}

form.wpcf7-form.sent > ul li label,
form.wpcf7-form.invalid > ul li label,
form.wpcf7-form.init > ul li label{
	display: block;
}

form.wpcf7-form.sent > ul li span > input,
form.wpcf7-form.sent > ul li span > textarea,
form.wpcf7-form.invalid > ul li span > input,
form.wpcf7-form.invalid > ul li span > textarea,
form.wpcf7-form.init > ul li span > textarea,
form.wpcf7-form.init > ul li span > input {
	width: 100%;
}
div.wpcf7-mail-sent-ok {
    border-style:none;
}

@media only screen and (min-width:1280px) {
    .f-pad {
        position: relative;
        left: 50% !important;
        box-sizing: border-box;
        padding-left: 0px;
        padding-right: 0px;
        top: -20px !important;
        transform: translateX(-50%);
        width: 1168px !important;
    }
}
.reg-but-mob {
display: none !important;
}
.eazycfc_captcha-exercise {
	width: 60% !important;
}

.social-links ul {     margin-top: 0px; display: flex; flex-flow: wrap; align-items: baseline; justify-content: center;}
.social-links ul li { float:left; margin:10px; }
.social-links ul li a:hover { opacity: 0.7;}
.social-links ul li img{ width: 25px; height: 25px; }