/*Base
********************************************/
body { z-index:3; /*<--z-index used for javascript window size*/}

h1 { font-size:35px; margin-top: 70px; }
h2 { font-size:25px;}
h3 { font-size:18px;}
h4 { font-size:14px;}

label, .label, .radioGroup { }
    .valid, .error { padding-right:0px;}
    textarea + .validationIcon { top:auto;}
    .error { margin-right:auto; transition-duration:.2s; }

    

aside.breakpointNum:before { content: '4 column'; }

/*Layout
********************************************/


.ciForm label .title, .ciForm .label .title, .ciForm .radioGroup .title { width:25%;}
    .ciForm label input[type=text], .ciForm label input[type=tel], .ciForm label input[type=email], .ciForm .label input[type=text], .ciForm .label input[type=tel], .ciForm .label input[type=email], .ciForm label textarea, .ciForm .label textarea, .ciForm label select, .ciForm .label select, .ciForm .radioGroup .group, .ciForm .phoneExt .group { float:left; width:25%; }
    .ciForm .retailerMap .inputs input[type=text], .ciForm .retailerMap .inputs select, .ciForm .retailerMap .inputs small { width:25%; }
    .ciForm label mark, .ciForm .label mark { width:25%; margin-left: 25%; }
    .ciForm label [class^="field-validation"], .ciForm .label [class^="field-validation"]  { float:left; opacity:0; width:100%; display:block; color:#c03123; padding:9px 9px 9px 35px; box-sizing:border-box; -moz-box-sizing:border-box; transition:opacity .2s ease-out; }
    .ciForm .validationIcon, .ciForm .checkbox .validationIcon { bottom:auto; right:auto; top:auto; margin:8px 0px 0px 8px; float:left; position:absolute; left:50%; }    
    .ciForm .validationMessage { width: auto; height: auto; float: left; width: 50%; top:2px; background-position: 11px -41px; min-height:25px; right: 0px; }
    .ciForm .phoneExtension .fields { width: 25%; }
    .ciForm .phoneExtension .title { width:25%; }
    .ciForm .phoneExtension .validationMessage { bottom:auto; right:0px;  top:7px;}
    .ciForm .button {width:25%; margin-left:25%; }
    .ciForm .radioGroup .col { width: 25%; }
    /*.ciForm .buttonGroup .button { width: 25%; }*/
    .ciForm .checkbox .field { width:50%;}
    .ciForm .error [class^="field-validation"] { opacity:1; }
    .ciForm [class^="field-validation"] { width: 100%; display: block; color: #c03123; float: left; padding: 9px 9px 9px 35px; box-sizing: border-box; -moz-box-sizing: border-box; }
    .ciForm .ciSelect:after{ left: 50%; margin-left:-40px; top:0px;}

#siteWrapper { padding:0px 46.5px 45px 46.5px; }
 

/*Module
********************************************/
    .buttonGroup .button { width: 25%; }

.drawer .plusMinus { margin-left:0px; width:40px; }

.ciForm .divider {
    max-width: 50%;
}