/* general */
body { margin: 0; padding: 0; background: #ffffff; }
h1, h2, h3, h4, h5 { font-weight: bold; }

/* section */
section, .section { width: 100%; display: table; margin: 0; max-width: none; height: 100vh; }
.intro { height: 90vh; overflow: hidden; }
.bghome { height: 100vh; background: url('../img/bglanding.png') no-repeat; background-size: cover; }
.bgsubpage { background: url('../img/bglanding.png') no-repeat; background-size: cover; }
.intro2 { background: url('../img/ac_bgintro.png') right bottom no-repeat; }
.content { display: table-cell; vertical-align: middle; }

/* height */
.h48 { height: 48px; }
.mh40 { max-height: 40px; }
.mh80 { max-height: 80px; }
.mh256 { max-height: 256px; }
.mh300 { max-height: 300px; }
.lh05 { line-height: 0.7; }
.lh14 { line-height: 14px; }
.lh20 { line-height: 20px; }
.lh32 { line-height: 32px; }
.lh36 { line-height: 36px; }
.lh40 { line-height: 40px; }
.lh44 { line-height: 44px; }
.lh48 { line-height: 48px; }
.lh56 { line-height: 56px; }
.lh64 { line-height: 64px; }
.lh100 { line-height: 110px; }

/* width */
.w325 { max-width: 325px; }
.mw103 { max-width: 123px; }
.mw192 { max-width: 192px; }
.w50p { width: 50%; }
.w70p { width: 70%; }
.w1048 { width: 1048px; }
.mw87 { max-width: 87px; }
.mw400 { max-width: 300px; }
.mw98p { max-width: 98%; }
.mw1670 { max-width: 1670px; }

/* margin */
.m0auto { margin: 0 auto; }
.mt3 { margin-top: 3px; }
.mt25 { margin-top: 25px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt130 { margin-top: 130px; }
.mt150 { margin-top: 80px; }
.mtneg40 { margin-top: -40px; }
.mtneg46 { margin-top: -46px; }
.mtneg60 { margin-top: -60px; }
.mb60 { margin-bottom: 60px; }
.ml10 { margin-left: 10px; }
.ml40 { margin-left: 40px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr100 { margin-right: 100px; }
.mlneg70 { margin-left: -70px; }
.mb30 { margin-bottom: 30px; }
.mtb60 { margin-top: 60px; margin-bottom: 60px; }
.mtb130 { margin-top: 130px; margin-bottom: 130px; }

/* padding */
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.plr20 { padding-left: 20px; padding-right: 20px; }
.plr40 { padding-left: 40px; padding-right: 40px; }
.plr80 { padding-left: 80px; padding-right: 80px; }
.pb60 { padding-bottom: 60px; }

/* border */
.brad8 { border-radius: 8px; }
.brad10 { border-radius: 10px; }
.brad20 { border-radius: 20px; }
.brad50 { border-radius: 50px; }
.bleftgreen { border-left: 3px solid #28a745 !important; }
.bleftgray { border-left: 1px solid #bebebe !important; }
.bbot3 { border-bottom: 3px solid #dee2e6 !important; }
.breddash { border: 1px dashed red !important; }
.borgray { border: 1px solid #ebebeb; }
.borviolet { border: 5px solid #7669d5; }
.bdarkblue { border: 1px solid #1e4c7d; }
.borlogogreen { border: 2px solid #6FDA44; }
.btn.borlogogreen:hover { color: #6FDA44; }
.borbotwhite5px { border-bottom: 5px solid #ffffff; }

/* background */
.bgnone { background: transparent; }
.bgwhite { background: #ffffff; }
.bgblack { background: #000000; }
.bggray { background: #949494; }
.bglightgray { background: #faf9f9; }
.bgdarkgray { background: #6d6c6c; }
.bgnewgray { background: #f7f7f7; }
.bgorange { background: #d79354; }
.bggreen { background: #567330; }
.bgviolet { background: #7669d5; }
.bgphone { background: url('../img/phone.png') right center no-repeat; background-size: contain; }
.bgtemplate_01, .bgtytemplate_01 { background: url('../img/bgtemplate_01.jpg') top center no-repeat; }
.bgtemplate_02 { background: url('../img/bgtemplate_02.jpg') top center no-repeat; }
.bgtemplate_03, .bgtytemplate_03 { background: url('../img/bgtemplate_03.jpg') top center no-repeat; }
.bgtemplate_04, .bgtytemplate_04 { background: url('../img/bgtemplate_04.jpg') top center no-repeat; }
.bgtemplate_05, .bgtytemplate_05 { background: url('../img/bgtemplate_05.jpg') top center no-repeat; }
.bgtemplate_06 { background: url('../img/bgtemplate_06.jpg') top center no-repeat; }
.bgtemplate_07, .bgtytemplate_07 { background: url('../img/bgtemplate_07.jpg') top center no-repeat; }
.bgtemplate_08 { background: url('../img/bgtemplate_08.jpg') top center no-repeat; }
.bgtemplate_09 { background: url('../img/bgtemplate_09.jpg') top center no-repeat; }
.bgtytemplate_02 { background: #000000 url('../img/bgtytemplate_02.png') center center no-repeat; }
.bgtytemplate_06 { background: #000000 url('../img/bgtytemplate_06.png') center center no-repeat; }
.bgtytemplate_08 { background: #000000 url('../img/bgtytemplate_08.png') center center no-repeat; }
.bgtytemplate_09 { background: #000000 url('../img/bgtytemplate_09.png') center center no-repeat; }
.bgpopup_01 { background: url('../img/bgpopup.jpg') center center; background-repeat: no-repeat; background-size: cover; }
.bgreseller { background: url('../img/bgreseller.jpg') top center no-repeat; background-size: cover; }
.bghero { background: url('../img/hero2.png') bottom right no-repeat; background-size: contain; }
.bgcard3 { background: #ffffff url('../img/card-03.png') bottom no-repeat; background-size: contain; }

/* alignment */
.img-left { float: left; }
.fright { float: right; }
.iblock { display: inline-block; }
.abstr { position: absolute; top: 0; right: 0; }

/* font */
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font25 { font-size: 25px; }
.font28 { font-size: 28px; }
.font30 { font-size: 30px; }
.font32 { font-size: 32px; }
.font33 { font-size: 33px; }
.font34 { font-size: 34px; }
.font35 { font-size: 35px; }
.font40 { font-size: 40px; }
.font41 { font-size: 41px; }
.font44 { font-size: 44px; }
.font45 { font-size: 45px; }
.font48 { font-size: 48px; }
.font55 { font-size: 55px; }
.font64 { font-size: 64px; }
.font80 { font-size: 80px; }
.font120 { font-size: 120px; }

.fontlight { font-weight: 200; }
.fontnormal { font-weight: 400; }
.fontmedium { font-weight: 500; }
.fontbold { font-weight: 700; }
.fontboldextra { font-weight: 800; }

.fontwhite, .fontwhite:hover { color: #ffffff; }
.fontblack { color: #000000; }
.fontorange { color: #b1662d; }
.fontviolet { color: #7669d5; }
.fontgray { color: #5e5e5e; }
.fontgray75 { color: #757575; }
.fontdarkgray { color: #393939; }
.fontgreen { color: #3bed64; }
.fontlogogreen, .fontlogogreen:hover { color: #6FDA44; }
.fontdarkblue { color: #1e4c7d; }

.fontlato { font-family: 'Lato', sans-serif; }
.fontmontserrat { font-family: 'Montserrat', sans-serif; }
.fontpoppins { font-family: 'Poppins', sans-serif; }

.fontshadow { text-shadow: 2px 1px 2px rgba(119, 119, 119, 1); }
.fontshadowsmall { text-shadow: 2px 1px 2px rgba(150, 150, 150); }

/* list */
.lsnone { list-style: none; }
.decimal { list-style-type: decimal; }

/* buttons */
.btn-violet { color: #ffffff; background: #7669d5; }
.btn-violet:hover { color: #ffffff; background: #8173e5; }

/* bootstrap mod */
.dropdown-toggle:after { content: none }

/* extra */
.mobile { display: none; }
.ontop { z-index: 999999; }

.companylogo { width: 250px; height: 100px !important;  overflow: hidden; }
.heading { max-width: 650px; margin:0 auto; text-align: center !important; overflow: hidden !important; }
.heading a, .heading a:visited { color: #ffffff; text-decoration: underline; }
.questions { width: 548px; height: 85px; margin: 0 auto; text-align: center !important; overflow: hidden !important; }
.appraisecar_name { width: 548px; margin: 0 auto; text-align: center !important; overflow: hidden !important; }
.arrowindex { position: absolute; top: -65px; right: 0; width: 71px; }
.seal { width: 90px; height: 72px; float: right; }
.dollar { width: 80px; position: absolute; right: -15px; top: -30px; }

.card-body { display: flex; flex-wrap: nowrap; }
.card-body>div { padding: 0; }
.google_map_icon { display: inline-block; width: 80px; height: 116px; background: url('../img/google_map_icon.png'); background-size: cover; margin: 10px 40px 0 0; }

.modal-header { border-bottom: 0 !important; }

input.bgnone:focus { background-color: transparent; border: 0; }
.logotext:hover { text-decoration: none; }

.carousel-indicators { bottom: -100px; }
.carousel-indicators li { width: 34px; height: 34px; margin-right: 15px; margin-left: 15px; background:  url('../img/indicator_1.png') no-repeat;  }
.carousel-indicators li.active { background:  url('../img/indicator_2.png') no-repeat; }

.modal { padding: 0 !important; }
.modal-full { min-width: 100%; margin: 0; }
.modal-full .modal-content { min-height: 100vh; border-radius: 0; border: 0; }
.modalexample::-webkit-scrollbar { width: 0; background: transparent; }
.modalexample_content { width: 432px; height: 800px; margin: -100px auto 0; overflow-y: scroll; } 

.sc__container { position: relative; width: 100%; }
.sc__container > img { position: relative; top: 0; left: 0; width: 100%; height: auto; }
.sc__container canvas { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

@media only screen and (min-width: 800px) and (max-width: 1400px) {
	.bghero { background: transparent; }
}


@media only screen and (max-width: 600px) {
	body { overflow-x: hidden; }
	.desktop { display: none; }
	.mobile { display: block; }

	section { height: auto; }
	.intro { height: auto; background: none; }
	.content { padding-top: 20px; padding-bottom: 20px; }
	.bghero { background: none; }

	.logotext { color: #000000; font-size: 20px; }

	/* height */
	.mh80 { max-height: 40px; }
	.mh150 { max-height: 150px; }
	.mh300 { max-height: 200px; }
	.lh32 { line-height: 18px; }
	.lh40 { line-height: 28px; }
	.lh48 { line-height: 32px; }
	.lh56 { line-height: 36px; }
	.lh64 { line-height: 40px; }
	.lh100 { line-height: 64px; }
	.moblh10 { line-height: 10px; }

	/* backgrouns */
	.bgcommission { background: none; }
	.bgreseller { background: none; }
	.bgmagenta { background: #8e30bc !important; }
	.bgyellow { background: #f4ce51 !important; }

	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }

	/* width */
	.w325 { max-width: 265px; }
	.w70p { width: 90%; }
	.w69p { width: 70%; }
	.w60p { width: 60%; }
	.mw87 { max-width: 33px; }
	.mw98p { max-width: 100%; }
	.mobmw22 { max-width: 22px; }
	.mobmw48p { max-width: 48%; }
	.mobmw70p { max-width: 70%; }
	.mobmw98p { max-width: 98%; }
	.mobw100p { width: 100%; }

	/* margin */
	.mt3 { margin-top: 0; }
	.mt25 { margin-top: 10px; }
	.mt40 { margin-top: 20px; }
	.mt60 { margin-top: 20px; }
	.mt150 { margin-top: 40px; }
	.mtneg40 { margin-top: 0; }
	.mtneg60 { margin-top: 0; }
	.ml40 { margin-left: 0; }
	.mr20 { margin-right: 5px; }
	.mlneg70 { margin-left: -40px; }
	.mobmtneg30 { margin-top: -30px; }
	.mobmtneg60 { margin-top: -60px; }
	.mobmt10 { margin-top: 10px; }
	.mobmt20 { margin-top: 20px; }
	.mobmt30 { margin-top: 35px; }
	.mobmt40 { margin-top: 40px; }
	.mobmtb20 { margin-top: 20px; margin-bottom: 20px; }
	.mobmtb40 { margin-top: 40px; margin-bottom: 40px; }
	.mobmb10 { margin-bottom: 10px; }
	.mobm0auto { margin: 0 auto; }

	/* padding */
	.mobptb20 { padding-top: 20px; padding-bottom: 20px; }
	.mobpl0 { padding-left: 0 !important; }
	.mobpr0 { padding-right: 0 !important; }
	.mobplr0 { padding-left: 0px; padding-right: 0px !important; }
	.mobplr15 { padding-left: 15px; padding-right: 15px; }
	.plr40 { padding-left: 15px; padding-right: 15px; }
	.plr80 { padding-left: 40px; padding-right: 40px; }
	.pt-2mob { padding-top: 7px !important; }
	.pt-3mob { padding-top: 10px !important; }

	/* font */
	.font18 { font-size: 14px; }
	.font24 { font-size: 16px; }
	.font32 { font-size: 16px; }
	.font40 { font-size: 28px; }
	.font48 { font-size: 24px; }
	.font64 { font-size: 28px; }
	.font80 { font-size: 48px; }
	.font120 { font-size: 64px; }
	.mobfont9 { font-size: 9px; }
	.mobfont10 { font-size: 10px; }
	.mobfont12 { font-size: 12px; }
	.mobfont14 { font-size: 14px; }
	.mobfont15 { font-size: 15px; }
	.mobfont16 { font-size: 16px; }
	.mobfont20 { font-size: 20px; }
	.mobfont22 { font-size: 22px; }
	.mobfont48 { font-size: 48px; }
	.mobfont20 { font-size: 22px; }
	.mobfont25 { font-size: 25px; }
	.mobfont30 { font-size: 30px; }

	/* alignment */
	.mobtextcenter { text-align: center !important; }
	.mobtextleft { text-align: left !important; }

	/* border */
	.mobnoborder { border: 0 !important; }

	.dropdown-menu { margin-left: -110px; }

	.heading { width: 90%; }
	.appraisecar_name { width: 90%; }
	.arrowindex { top: -40px; right: 0; width: 45px; height: 49px; }
	.seal { float: none; margin: 0 auto !important; }
	.square { border-radius: 0 !important; }
	.dollar { width: 60px; }

	.modalexample_content { width: 90%; height: 600px; margin: -30px auto 0; overflow-y: scroll; } 
}}