/*########### PREVIEW CONTAINER ##############*/ #hugeit-contact-preview-container { position:relative; float:right; width:60%; min-width:305px; padding:10px 0px 10px 0px; background:#fff; min-width:310px; } #hugeit-contact-wrapper_7 { margin:0px auto; min-width:315px; display: table !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block { position:relative; float:left; width:94%; min-width:305px; margin:0px 1% 0px 1%; height:auto; min-height:30px; } #hugeit-contact-wrapper_7 div.multicolumn .hugeit-contact-column-block { width:47%; padding-top: 10px; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block { padding-top: 10px; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div { width:100%; padding:5px 0px 5px 0px; clear:both; line-height: 0; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div.custom-text-block{ font-size:16px !important; line-height:17px !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div.hugeit-check-field, #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div.hugeit-radio-field{ padding:5px 0px 5px 0px; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div.buttons-block{ position: relative; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div.hover-active { border:2px dashed #2EA2CC; padding-left:2px; padding-right:2px; padding-bottom:2px; margin-left:-4px; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div.captcha-block { /*height:78px;*/ } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div > label { display:block; width:38%; float:left; cursor: pointer; margin-right: 2%; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block { display:inline-block; width:60%; vertical-align: super !important; line-height: 0; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block select, #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block textarea, #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block input[type="text"], #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block input[type="password"], #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block input[type="name"], #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block input[type="email"], #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block input[type="number"] { width:100%; line-height: initial !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block ul { width:100%; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block ul li { float:left; line-height: 1 !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block ul li label {margin:0px 10px 0px 0px;} #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block ul li label span.sublable{vertical-align: super;} #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div ul:not(.country-list) { position:relative; display:table !important; padding:0px !important; margin:0px !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div > label ul li { clear:both; padding:0px !important; margin:0px !important; } #hugeit-contact-wrapper_7 #huge_it_captcha { float:right; } /*FIELDS CUSTOM STYLES*/ /*radio + checkbox*/ #hugeit-contact-wrapper_7.big-radio .radio-block, #hugeit-contact-wrapper_7.big-checkbox .checkbox-block { width: 24px; height: 24px; border-radius:13px; } #hugeit-contact-wrapper_7.big-radio .radio-block input:checked + span,#hugeit-contact-wrapper_7.big-checkbox .checkbox-block input:checked + span { width: 12px; height: 12px; border-radius:6px; top:5px; left:5px; } #hugeit-contact-wrapper_7.medium-radio .radio-block,#hugeit-contact-wrapper_7.medium-checkbox .checkbox-block { width: 20px; height: 20px; border-radius:10px; } #hugeit-contact-wrapper_7.medium-radio .radio-block input:checked + span,#hugeit-contact-wrapper_7.medium-checkbox .checkbox-block input:checked + span{ width: 10px; height: 10px; border-radius:5px; top:4px; left:4px; } #hugeit-contact-wrapper_7.small-radio .radio-block.small,#hugeit-contact-wrapper_7.small-checkbox .checkbox-block { width: 15px; height: 15px; border-radius:8px; } #hugeit-contact-wrapper_7.small-radio .radio-block input:checked + span, #hugeit-contact-wrapper_7.small-checkbox .checkbox-block input:checked + span{ width: 7px; height: 7px; border-radius:7px; top:3px; left:3px; } #huge-it-captcha-popup > div > label { display:inline-block; height:30px; width:150px; } #huge-it-captcha-popup > div > input { width:350px; } /*######################## END OFO CHOR ######################*/ body #hugeit-contact-wrapper_7 input, body #hugeit-contact-wrapper_7 textarea {padding:0px; margin:0px;} #hugeit-contact-wrapper_7 { width:100%; } #hugeit-contact-wrapper_7 > div { border:1px solid #EBECEC; } #hugeit-contact-wrapper_7 > div > h3 { position:relative; display:block; clear:both !important; padding:5px 0px 10px 1% !important; font-size:24px !important; line-height:24px !important; color:#328FE6 !important; margin: 10px 0 15px 0 !important; } /*LABELS*/ #hugeit-contact-wrapper_7 label { font-size:16px !important; line-height:16px !important; color:#444444; font-family:Arial,Helvetica Neue,Helvetica,sans-serif; } #hugeit-contact-wrapper_7 .hugeit-field-block >label.error { color:#C2171D !important; } #hugeit-contact-wrapper_7 label em.required-star{ color: #328FE6; } #hugeit-contact-wrapper_7 label em.error{ color: #C2171D; } #hugeit-contact-wrapper_7 .hugeit-field-block span.hugeit-error-message{ font-size: 12px !important; color: #C2171D; line-height:16px !important; font-family:Arial,Helvetica Neue,Helvetica,sans-serif; display: inline; vertical-align: top; padding-top: 5px; } #hugeit-contact-wrapper_7 .hugeit-field-block span.huge_it_success_msg{ font-size: 16px !important; display: block; text-align: center; vertical-align:super; font-family:Arial,Helvetica Neue,Helvetica,sans-serif; color:#00C60E; } #hugeit-contact-wrapper_7 .hugeit-field-block span.huge_it_spam_msg{ font-size: 16px !important; display: block; text-align: center; vertical-align:super; font-family:Arial,Helvetica Neue,Helvetica,sans-serif; color:#C2171D; } #hugeit-contact-wrapper_7 .hugeit-field-block span.huge_it_button_overlay{ background: rgba(241, 241, 241, 0.85); position: absolute; top: 0px; left: 0px; text-align: center; } #hugeit-contact-wrapper_7 .hugeit-field-block span.huge_it_button_overlay>img#buttLoad{ width: 20px; height: 20px; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div > label.formsRightAlign{ text-align: right !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div > label.formsAboveAlign{ width:100% !important; float:none !important; padding-bottom: 5px !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .formsAboveAlign { width:100% !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div > label.formsLabelHide{ display: none;! } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .formsLabelHide { width:100% !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div > label.formsInsideAlign{ display:none !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .formsInsideAlign { width:100% !important; } /*FIELDS CUSTOM STYLES*/ /*############INPUT TEXT############*/ #hugeit-contact-wrapper_7 .input-text-block input, #hugeit-contact-wrapper_7 .input-text-block input:focus { height:24px; background:#FFFFFF; border:1px solid #ABABAB !important; box-shadow:none !important ; border-radius:1px; font-size:12px; color:#4F4F4F; margin:0px !important; padding:0px 0px 0px 5px !important; outline:none; vertical-align:top !important; box-sizing: border-box; -moz-box-sizing: border-box; } /*/////INPUT TEXT FullName//////*/ #hugeit-contact-wrapper_7 .input-name-block{ font-size: 0 !important; } #hugeit-contact-wrapper_7 .input-name-block input, #hugeit-contact-wrapper_7 .input-name-block input:focus { width: 49% !important; height:24px; background:#FFFFFF; border:1px solid #ABABAB !important; box-shadow:none !important ; border-radius:1px; font-size:12px; color:#4F4F4F; margin:0px !important; padding:0px 5px 0px 5px !important; outline:none; box-sizing: border-box; -moz-box-sizing: border-box; } #hugeit-contact-wrapper_7 .input-name-block input:first-child, #hugeit-contact-wrapper_7 .input-name-block input:first-child:focus{ margin-right: 2% !important; } /*/////INPUT TEXT FullName//////*/ /*/////////*/ /*############ Phone Field############*/ #hugeit-contact-wrapper_7 .ready-phone-block input.readyPhone,.ready-phone-block input.readyPhone:focus { width: 100%; box-sizing:border-box; height:24px; background:#FFFFFF; border:1px solid #ABABAB !important; box-shadow:none !important ; border-radius:1px; font-size:12px; color:#4F4F4F; margin:0px !important; outline:none; padding-left: 48px; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div ul.hide{ display: none !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div ul.country-list{ display: block; z-index: 10; position:relative; padding:0px !important; margin:0px !important; } #hugeit-contact-wrapper_7 .hugeit-contact-column-block > div .field-block ul.country-list li{ float: none !important; margin: 0 !important; } /*############ Address Field############*/ #hugeit-contact-wrapper_7 .input-address-block{ font-size: 0 !important; position:relative; } #hugeit-contact-wrapper_7 .input-address-block input[disabled]{ opacity: 1 !important } #hugeit-contact-wrapper_7 .input-address-block input{ padding: 0px 5px 0px 5px !important; } #hugeit-contact-wrapper_7 .input-address-block div.selectCont{ width: 49%; display: inline-block; } #hugeit-contact-wrapper_7 .input-address-block div.selectCont>label{ display: inline-block; padding-bottom: 5px; } #hugeit-contact-wrapper_7 .input-address-block div.countryWrap, #hugeit-contact-wrapper_7 .input-address-block div.stateWrap{ width: 100% !important; position:relative; display: inline-block; word-wrap: normal; } #hugeit-contact-wrapper_7 .input-address-block div select, #hugeit-contact-wrapper_7 .input-address-block div select:focus { width:100% !important; box-sizing:border-box; height:22px; margin:1px 0px 0px 1px !important; opacity:0; z-index:2; } #hugeit-contact-wrapper_7 .input-address-block i { position:absolute; top:6.25px; right:10px; z-index:0; color:#ABABAB; font-size:12px; pointer-events: none; } #hugeit-contact-wrapper_7 .input-address-block .textholder1, #hugeit-contact-wrapper_7 .input-address-block .textholder2 { position:absolute; height:24px; width:49%; padding-right:30px !important; margin:0px !important; top:0px; left:0px; border:0px; box-sizing:border-box; text-align: center; color:#4F4F4F; background:none; border:1px solid #ABABAB; border-radius:1px; color:#4F4F4F; font-size:12px; background:#FFFFFF; } #hugeit-contact-wrapper_7 .input-address-block div:first-child, #hugeit-contact-wrapper_7 .input-address-block div:first-child:focus{ margin-right: 2% !important; } #hugeit-contact-wrapper_7 .input-address-block .cityZip input:first-child, #hugeit-contact-wrapper_7 .input-address-block .cityZip input:first-child:focus{ margin-right: 2% !important; } #hugeit-contact-wrapper_7 .input-address-block>div{ margin: 5px 0px 0px 0; } #hugeit-contact-wrapper_7 .input-address-block>div.countryWrap, #hugeit-contact-wrapper_7 .input-address-block>div.stateWrap{ margin-top:0px !important; word-wrap: normal !important; } #hugeit-contact-wrapper_7 .input-address-block > div.addrWrap{ margin: 5px 0px 0px 0 !important; } #hugeit-contact-wrapper_7 .input-address-block > div >div{ margin: 0px 0px 5px 0; } #hugeit-contact-wrapper_7 .input-address-block > div.cityZip >div{ width: 49%; display: inline-block; margin: 0px 0px 0px 0px; } #hugeit-contact-wrapper_7 .input-address-block > div.cityZip{ margin-bottom: 0px !important; } #hugeit-contact-wrapper_7 .input-address-block div.addrWrap label, #hugeit-contact-wrapper_7 .input-address-block div.cityZip label{ margin-bottom:5px; display: block; } #hugeit-contact-wrapper_7 .input-address-block div.cityZip label{ width:100%; } #hugeit-contact-wrapper_7 .input-address-block div.addrWrap input, #hugeit-contact-wrapper_7 .input-address-block div.addrWrap input:focus{ box-sizing:border-box; height:24px; background:#FFFFFF; border:1px solid #ABABAB !important; box-shadow:none !important ; border-radius:1px; font-size:12px; color:#4F4F4F; margin:0px 0px 5px 0px !important; outline:none; } #hugeit-contact-wrapper_7 .input-address-block div.cityZip input, #hugeit-contact-wrapper_7 .input-address-block div.cityZip input:focus{ width:100% !important; box-sizing:border-box; height:24px; background:#FFFFFF; border:1px solid #ABABAB !important; box-shadow:none !important ; border-radius:1px; font-size:12px; color:#4F4F4F; margin:0px 0px 5px 0px !important; outline:none; padding-top: 0; } #hugeit-contact-wrapper_7 .input-address-block div.selectContFull{ display: block; width: 100%; margin-right: 0 !important; overflow: hidden; } #hugeit-contact-wrapper_7 .input-address-block div.cityZip>div.cityZipFull{ display: block; width: 100%; margin-right: 0 !important; overflow: hidden; } #hugeit-contact-wrapper_7 .input-address-block div.selectCont label.selectContLabel, #hugeit-contact-wrapper_7 .input-address-block div.addrWrap label.selectContLabel, #hugeit-contact-wrapper_7 .input-address-block div.cityZip > div label.selectContLabel{ display: block; width: 38%; float: left; margin-right: 2%; } #hugeit-contact-wrapper_7 .input-address-block div.selectCont label.selectContLabelR, #hugeit-contact-wrapper_7 .input-address-block div.addrWrap label.selectContLabelR, #hugeit-contact-wrapper_7 .input-address-block div.cityZip > div label.selectContLabelR{ display: block; width: 38%; float: left; margin-right: 2%; text-align: right; } #hugeit-contact-wrapper_7 .input-address-block div.selectCont label.labelHide, #hugeit-contact-wrapper_7 .input-address-block div.addrWrap label.labelHide, #hugeit-contact-wrapper_7 .input-address-block div.cityZip > div label.labelHide{ display: none !important; } #hugeit-contact-wrapper_7 .input-address-block div.selectCont div.selectContInput, #hugeit-contact-wrapper_7 .input-address-block div.addrWrap input.selectContInput, #hugeit-contact-wrapper_7 .input-address-block div.cityZip > div input.selectContInput{ width: 60% !important; float: left; } /*############TEXTAREA############*/ #hugeit-contact-wrapper_7 .textarea-block textarea { background:#FFFFFF; border:1px solid #ABABAB; border-radius:2px; font-size:12px; color:#444444; margin:0px !important; padding:0px 0px 0px 5px !important; box-sizing: border-box; -moz-box-sizing: border-box; } /*############CHECKBOX RADIOBOX############ */ #hugeit-contact-wrapper_7 .hugeit-checkbox-list { list-style:none; } #hugeit-contact-wrapper_7 .hugeit-checkbox-list li, #hugeit-contact-wrapper_7 .hugeit-radiobox-list li { margin:0px 0px 6px 0px !important; padding:0px !important; list-style:none; } #hugeit-contact-wrapper_7 .hugeit-checkbox-list li label , #hugeit-contact-wrapper_7 .hugeit-radiobox-list li label { cursor:pointer; } #hugeit-contact-wrapper_7 .radio-block, #hugeit-contact-wrapper_7 .checkbox-block { position:relative; float:left; margin:0px 5px 0px 5px !important; display: block; } #hugeit-contact-wrapper_7 .radio-block input, #hugeit-contact-wrapper_7 .checkbox-block input { visibility:hidden; position:absolute; top:0px; left:0px; } #hugeit-contact-wrapper_7 .radio-block i { display:inline-block; float:left; width:20px; color:#ABABAB; cursor:pointer; } #hugeit-contact-wrapper_7 .checkbox-block i { display:inline-block; float:left; width:20px; color:#ABABAB; } #hugeit-contact-wrapper_7.big-radio .radio-block i , #hugeit-contact-wrapper_7.big-checkbox .checkbox-block i { font-size:24px; } #hugeit-contact-wrapper_7.medium-radio .radio-block i , #hugeit-contact-wrapper_7.medium-checkbox .checkbox-block i { font-size:20px; } #hugeit-contact-wrapper_7.small-radio .radio-block i , #hugeit-contact-wrapper_7.small-checkbox .checkbox-block i { font-size:15px; } #hugeit-contact-wrapper_7 .radio-block i:hover { color:#949292; } #hugeit-contact-wrapper_7.checkbox-block i:hover { color:#949292; } #hugeit-contact-wrapper_7 .radio-block i.active, #hugeit-contact-wrapper_7 .checkbox-block i.active { display:none; }/*Voch checked inputi motic heracnumenq active@*/ #hugeit-contact-wrapper_7 .radio-block input:checked + i.active + i.passive, #hugeit-contact-wrapper_7 .checkbox-block input:checked + i.active + i.passive { display:none; } #hugeit-contact-wrapper_7 .radio-block input:checked + i.active, #hugeit-contact-wrapper_7 .radio-block input:checked + i.active:hover { display:inline-block; color:#328FE6; } #hugeit-contact-wrapper_7 .checkbox-block input:checked + i.active, #hugeit-contact-wrapper_7 .checkbox-block input:checked + i.active:hover { display:inline-block; color:#328FE6; } /*############SELECTBOX#############*/ #hugeit-contact-wrapper_7 .selectbox-block { position:relative; height:25px; } #hugeit-contact-wrapper_7 .selectbox-block select { position:relative; height:22px; margin:1px 0px 0px 1px !important; opacity:0; z-index:2; } #hugeit-contact-wrapper_7 .selectbox-block .textholder { position:absolute; height:24px; width:90%; margin:0px !important; top:0px; color:#4F4F4F; left:0px; border:0px; opacity: 1 !important; background:none; border:1px solid #ABABAB; border-radius:1px; font-size:12px; background:#FFFFFF; padding:0px 10% 0px 5px !important; box-sizing: border-box; -moz-box-sizing: border-box; } #hugeit-contact-wrapper_7 .selectbox-block i { position:absolute; top:6.25px; right:10px; z-index:0; color:#ABABAB; font-size:12px; } /*############FILE#############*/ #hugeit-contact-wrapper_7 .file-block { position:relative; cursor:pointer; } #hugeit-contact-wrapper_7 .file-block .textholder { position:relative; float:left; width:calc(60% - 7px) !important; height:28px; margin:0px; border:1px solid #328FE6 !important; border-radius:1px !important; font-size:14px; color:#4F4F4F; background:#FFFFFF; padding:0px 40% 0px 5px !important; box-sizing: content-box; -moz-box-sizing: content-box; } #hugeit-contact-wrapper_7 .file-block .uploadbutton { position:absolute; top:0px; right:0px; width:38%; border-top:1px solid #328FE6 !important; border-bottom:1px solid #328FE6 !important; border-right:1px solid #328FE6 !important; border-top-right-radius:1px !important; border-bottom-right-radius:1px !important; height:28px; padding:0px 1%; margin:0px; overflow: hidden; font-size:14px; line-height:28px; color:#FFFFFF; background:#328FE6; text-align:center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; box-sizing:content-box; } #hugeit-contact-wrapper_7 .file-block:hover .uploadbutton { color:#FFFFFF; background:#328FE6; vertical-align: baseline; } #hugeit-contact-wrapper_7 .file-block .uploadbutton i { color:#FFFFFF; font-size:14px; vertical-align: baseline; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #hugeit-contact-wrapper_7 .file-block:hover .uploadbutton { color:#F9F9F9; background:#137ADB; } #hugeit-contact-wrapper_7 .file-block:hover .uploadbutton i { color:#F9F9F9; } #hugeit-contact-wrapper_7 .file-block input[type='file'] { height:30px; width:100%; position:absolute; top:0px; left:0px; opacity:0; cursor:pointer; } /*###########CAPTCHA#############*/ #hugeit-contact-wrapper_7 .captcha-block div { margin-right:-1px; float: right; } /*############BUTTONS#############*/ #hugeit-contact-wrapper_7 .buttons-block { text-align:right; } #hugeit-contact-wrapper_7 .buttons-block button { height:auto; padding:6px 12px 6px 12px; cursor:pointer; text-transform: none; clear:both; width:100%; padding-left:0px; padding-right:0px; margin:0px 0px 0px 0px !important; padding-left:0px; padding-right:0px; font-size:14px; } #hugeit-contact-wrapper_7 .buttons-block button.submit { color:#FFFFFF !important; background-color:#328FE6 !important; border:1px solid #328FE6 !important; border-radius:1px !important; -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; margin:0px 0px 5px 0px !important; background-image: none !important; } #hugeit-contact-wrapper_7 .buttons-block button.submit:hover { color:#F0F0F0 !important; background:#137ADB !important; } #hugeit-contact-wrapper_7 .buttons-block button.submit i { color:#FFFFFF !important; font-size:14px !important; vertical-align: baseline !important; -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #hugeit-contact-wrapper_7 .buttons-block button.submit:hover i { color:#FFFFFF !important; } #hugeit-contact-wrapper_7 .buttons-block button.reset { color:#FFFFFF !important; background-color:#328FE6 !important; border:1px solid #328FE6 !important; border-radius:1px !important; -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; background-image: none !important; } #hugeit-contact-wrapper_7 .buttons-block button.reset:hover { color:#FFFFFF !important; background:#137ADB !important; } #hugeit-contact-wrapper_7 .buttons-block button.reset i { color:#FFFFFF !important; font-size:14px !important; vertical-align: baseline !important; -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #hugeit-contact-wrapper_7 .buttons-block button.reset:hover i { color:#F9F9F9 !important; } /*############ License Field ############*/ #hugeit-contact-wrapper_7 .hugeit-check-field >.license-block{ width: 100% !important; } #hugeit-contact-wrapper_7 .hugeit-check-field > .license-block >.secondary-label{ vertical-align: super !important; } #hugeit-contact-wrapper_7 .hugeit-check-field > .license-block >.secondary-label > .checkbox-block{ margin: 0px 5px 0px 0px !important; float: none !important; display: inline-block; vertical-align: middle !important; }