html, body{border:0; margin:0; padding:0;  background-color:rgb(243,243,243)}

.smart-wrap{padding:0 20px}

@media (max-width:450px){ .smart-wrap{padding:0}
}

.smart-forms, 
.smart-forms *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

.smart-forms{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; line-height:1.231; font-weight:normal; font-size:1rem; color:#3f3f3f}

.smart-container{background:#fff; margin:50px auto}
@media (max-width:450px){ .smart-container{margin:0px auto}
}

.title {text-transform: uppercase; font-weight: 400;font-size: 1.5em;color: #007aff;margin-bottom: 30px}
.name {font-size: 1.5em; padding-bottom: 15px;text-transform: uppercase;color: #222}
.form-body hr {margin: 15px 0 30px 0;border-style: none; border-bottom: 1px solid #007aff}
/* @form container width 
/* @if you want to change the form container width change the values below 
/* @alternatively you can add yours eg .wrap4{max-width:200px}

---------------------------------------------------------------------------- */
.wrap-0{max-width:952px}
.wrap-1{max-width:852px}
.wrap-2{max-width:652px}
.wrap-3{max-width:452px}


i {
    border: solid #0a5ef2;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}



.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


/* @form helper classes 
--------------------------------------------------------------- */
.smart-forms .section{margin-bottom:20px}
.smart-forms .smart-link{color:#1ABC9C; text-decoration:none}
.smart-forms .smart-link:hover{text-decoration:underline}
.smart-forms .tagline{height:0; border-top:1px solid #D9DDE5; text-align:center}
.smart-forms .tagline span{text-transform:uppercase; display:inline-block; position:relative; padding:0 15px; background:#fff; color:#1ABC9C; top:-10px}

/* @form label+field::field class is useful for validation 
---------------------------------------------------------------------- */
.smart-forms .field{display:block; position:relative}
.smart-forms .field-icon i{color:#A2A6A8; position:relative; top:0}
.smart-forms .field-label{display:block; margin-bottom:5px}
.smart-forms .field-label.colm{padding-top:12px}
.smart-forms .field-label em{color:#e74c3c; font-style:normal; display:inline-block; margin-left:4px; position:relative; top:3px}

/* @form header section 
----------------------------------------- */
.smart-forms .form-header{overflow:hidden; position:relative; padding:25px 30px; -webkit-border-radius:0px 0px 0 0; -moz-border-radius:0px 0px 0 0; -o-border-radius:0px 0px 0 0; border-radius:0px 0px 0 0}
@media (max-width: 425px){
    .smart-forms .form-header{padding:35px 15px;}
}

.smart-forms .form-header h4{text-align:left;font-size:1.7em; padding:0;margin:0;text-transform: uppercase;letter-spacing: 0.06em}
.smart-forms .form-header h6{color:#fff; margin-bottom: 3px; margin-top: 5px; font-size: .75rem;letter-spacing: .1rem;text-transform: uppercase;line-height: 1;}

/* @header themes::primary+lite 
---------------------------------------------- */
.smart-forms .header-primary{background-color: #0a5ef2;}

.smart-forms .header-lite{background:#F3F5FA; border-top:1px solid #23E0BA; border-bottom:1px solid #D9DDE5}

.smart-forms .header-lite:before{content:""; background-color:#1ABC9C;  position:absolute; height:8px;  z-index:1; top:0px; right:0;  left:0}

.smart-forms .header-primary h4{color:#fff}

.smart-forms .header-lite h4{color:#5D6A87; padding-top:5px}

/* @remove rounded corners form headers 
----------------------------------------------------------------- */
.smart-flat, 
.smart-flat .form-header{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0}

/* @form body+footer 
------------------------------------------------------------------- */
.smart-forms .form-body{padding:40px; padding-bottom:20px; box-shadow:0 1px 5px 0 rgba(0,0,0,0.26)}
@media (max-width:450px){ .smart-forms .form-body{padding:45px 15px}
}

.smart-forms .form-footer{overflow:hidden; padding:20px 0px;}

/* @crossbrowser placeholder styling::modern browsers only IE10+
------------------------------------------------------------------------ */
.smart-forms input[type=search]{-webkit-appearance:textfield}
.smart-forms::-webkit-search-decoration, 
.smart-forms::-webkit-search-cancel-button{-webkit-appearance:none}
.smart-forms input::-webkit-input-placeholder, 
.smart-forms textarea::-webkit-input-placeholder{color:#9e9e9e}
.smart-forms input:focus::-webkit-input-placeholder, 
.smart-forms textarea:focus::-webkit-input-placeholder{color:#D6DBE0}
.smart-forms input:-moz-placeholder, 
.smart-forms textarea:-moz-placeholder{color:#919DA8}
.smart-forms input:focus:-moz-placeholder, 
.smart-forms textarea:focus:-moz-placeholder{color:#D6DBE0}
.smart-forms input::-moz-placeholder, 
.smart-forms textarea::-moz-placeholder{color:#919DA8; opacity:1}
.smart-forms input:focus::-moz-placeholder, 
.smart-forms textarea:focus::-moz-placeholder{color:#D6DBE0; opacity:1}
.smart-forms input:-ms-input-placeholder, 
.smart-forms textarea:-ms-input-placeholder{color:#919DA8}
.smart-forms input:focus:-ms-input-placeholder, 
.smart-forms textarea:focus:-ms-input-placeholder{color:#D6DBE0}

/* @element general styling::fonts::adjust accordingly
------------------------------------------------------------- */
.smart-forms label, 
.smart-forms input, 
.smart-forms button, 
.smart-forms select,  
.smart-forms textarea{margin:0;  font-size:1em; font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#3f3f3f; outline:none}

/* @remove browser specific styling
----------------------------------------------- */
.smart-forms .gui-input, 
.smart-forms .gui-textarea, 
.smart-forms .select >select, 
.smart-forms input[type="button"], 
.smart-forms input[type="submit"], 
.smart-forms input[type="search"], 
.smart-forms .select-multiple select{-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-border-radius:0px; border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none}

.smart-forms input[type="search"]::-webkit-search-decoration, 
.smart-forms input[type="search"]::-webkit-search-cancel-button, 
.smart-forms input[type="search"]::-webkit-search-results-button, 
.smart-forms input[type="search"]::-webkit-search-results-decoration{display:none}

/* @labels font-size styling::adjust to fit your needs 
--------------------------------------------------------- */
.smart-forms .switch, .smart-forms .option, .smart-forms .field-label{font-size:1rem;line-height: 1.35; font-weight: bold}


/* @prevent user selection for usability purposes
----------------------------------------------------- */
.smart-forms .radio, 
.smart-forms .button,  
.smart-forms .checkbox, 
.smart-forms .switch >label{-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none}

/* @universal rules for all elements 
---------------------------------------------------- */
.smart-forms .radio, 
.smart-forms .button, 
.smart-forms .tooltip, 
.smart-forms .checkbox,  
.smart-forms .gui-input, 
.smart-forms .notification, 
.smart-forms .gui-textarea, 
.smart-forms .select >select, 
.smart-forms .select-multiple select, 
.smart-forms input[type="button"].button, 
.smart-forms input[type="submit"].button, 
.smart-forms input[type="search"].gui-input{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; outline:none}

.smart-forms .select >select, 
.smart-forms .select-multiple select{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none}

/* @control border-size::color etc for these elements 
----------------------------------------------------------- */
.smart-forms .select, 
.smart-forms .gui-input, 
.smart-forms .gui-textarea, 
.smart-forms .select >select, 
.smart-forms .select-multiple select{background:#fff; position:relative; vertical-align:top;  border:1px solid rgba(117,117,117,0.35); display:-moz-inline-stack;  display:inline-block;  *display:inline; color:#3f3f3f; outline:none; height:42px; width:100%; *zoom:1}

/* @styling inputs and textareas 
------------------------------------------- */
.smart-forms .gui-input, 
.smart-forms .gui-textarea{padding:10px}
.smart-forms .gui-textarea{  resize:none; line-height:19px; overflow:auto; max-width:100%;  height:96px}

/* @hint below textareas 
---------------------------------------- */
.smart-forms .input-hint{ padding:10px; display:block; margin-top:-4px; line-height:16px; position:relative;  background:#F2F4FA;  border:2px solid #bdc3c7; border-top:1px solid #bdc3c7; font-family:Arial,Helvetica,sans-serif;  -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;  font-size:11px;  color:#777}

/* @form selects::dropdowns 
-------------------------------------------------- */
.smart-forms .select{border:0; z-index:10}
.smart-forms .select >select{display:block;  padding:9px 10px;  -webkit-appearance:none;  -moz-appearance:none;  appearance:none; outline:none; text-indent:0.01px;  text-overflow:''; z-index:10; margin:0}

.smart-forms .select >select::-ms-expand{display:none}
.smart-forms .select:before, 
.smart-forms .select:after{ content:'';  position:absolute;  pointer-events:none; z-index:15}

.smart-forms .select:before{top:2px; right:2px; width:34px; bottom:2px; }

.smart-forms .select .arrow{position:absolute; top:15px; right:14px; width:10px; height:10px; pointer-events:none; z-index:16}

.smart-forms .select .arrow:after, 
.smart-forms .select .arrow:before{content:''; position:absolute; font:12px "Consolas",monospace; font-style:normal; pointer-events:none; left:6px}

/*.smart-forms .select .arrow:before{content:'25BC'; bottom:4px}*/
/*.smart-forms .select .double:after{content:'25B2'; top:-1px}*/
.smart-forms .select .double:before{content:'25BC'; bottom:-1px}
.smart-forms .select-multiple select{width:100%; height:123px; padding:10px}

/* @file inputs::file uploaders 
-------------------------------------------------------- */
.smart-forms .file{display:block; width:100%}
.smart-forms .file .gui-file{width:100%; height:100%; cursor:pointer; padding:8px 10px; position:absolute; -moz-opacity:0; opacity:0; z-index:11; bottom:0; right:0}

.smart-forms .file .button{position:absolute; top:4px; right:4px; float:none; height:34px; line-height:34px; padding:0 16px; z-index:10}

/* @form element:hover state 
-------------------------------------------- */
.smart-forms .gui-input:hover, 
.smart-forms .gui-textarea:hover, 
.smart-forms .select >select:hover, 
.smart-forms .select-multiple select:hover, 
.smart-forms .gui-input:hover ~ .input-hint, 
.smart-forms .file .gui-file:hover+.gui-input, 
.smart-forms .gui-textarea:hover ~ .input-hint{ border-color:#007aff}

/* @form element:focus state 
-------------------------------------------------------- */
.smart-forms .gui-input:focus, 
.smart-forms .gui-textarea:focus, 
.smart-forms .select >select:focus, 
.smart-forms .select-multiple select:focus{border-color:#007aff; color:#3C3C3C;box-shadow: 0 0 6px #007aff;}
.smart-forms .gui-textarea:focus{ height:120px}
.smart-forms .select >select:focus{z-index:10; z-index:209}
.smart-forms .gui-input:focus ~ .field-icon i, 
.smart-forms .gui-textarea:focus ~ .field-icon i{color:#007aff}
.smart-forms .select-multiple select:focus, 
.smart-forms .gui-input:focus ~ .input-hint, 
.smart-forms .gui-textarea:focus ~ .input-hint, 
.smart-forms .file .gui-file:focus+.gui-input{border-color:#007aff}
.smart-forms .select >select:focus+.arrow{color:#007aff}

/* @radio+checkbox option elements 
----------------------------------------------------- */
.smart-forms .option{ position:relative; padding-right:15px;  display:inline-block;  vertical-align:middle}

.smart-forms .option >input{ position:absolute;  height:inherit;  width:inherit;  opacity:0; left:0}
.smart-forms .checkbox, 
.smart-forms .radio{position:relative; margin-right:2px; background:white; display:inline-block;  border:1px solid rgba(117,117,117,0.35); margin-bottom:0; margin-top:0; height:21px; width:21px; top:4px}

.smart-forms .checkbox:before, 
.smart-forms .radio:before{ content:'';  display:none; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box; padding:0; margin:0}

.smart-forms input:checked+.checkbox:before, 
.smart-forms input:checked+.radio:before{ display:block}

.smart-forms .checkbox:before{ position:absolute;  top:5px;  left:4px;  width:6px;  height:3px;  border:solid #007aff;  border-width:0 0 3px 3px;  -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  transform:rotate(-45deg)}

.smart-forms input:checked+.checkbox, 
.smart-forms input:checked+.radio{border:1px solid #007aff;box-shadow: 0 0 6px #007aff;}
.smart-forms .radio{-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px}
.smart-forms .radio:before{ margin:2px;  width:15px;  height:15px;  background:#007aff;  -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px}

/* @radio+checkbox:hover state 
-------------------------------------------------- */
.smart-forms input:hover+.checkbox, 
.smart-forms input:hover+.radio{ border-color:#007aff}

/* @radio+checkbox:focus state 
--------------------------------------------------- */
.smart-forms input:focus+.checkbox, 
.smart-forms input:focus+.radio{ border-color:#007aff}

.smart-forms input:focus+.radio:before{background:#007aff}
.smart-forms input:focus+.checkbox:before{border-color:#007aff}

/* @toggle switch elements 
-------------------------------------------------- */
.smart-forms .switch{cursor:pointer; position:relative; padding-right:10px;  display:inline-block; margin-bottom:5px; height:26px}

.smart-forms .switch >.switch-label{cursor:pointer;  display:inline-block;  position:relative;  height:25px; width:58px; color:#fff;  font-size:10px;  font-weight:400; line-height:20px;  text-align:center;  background:#B5C1C7; letter-spacing:1px;  border:2px solid #B5C1C7; text-transform:uppercase;  -webkit-transition:0.3s ease-out;  -moz-transition:0.3s ease-out;  -o-transition:0.3s ease-out;  transition:0.3s ease-out; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px}

.smart-forms .switch >.switch-label+span{display:inline-block; padding-left:5px; position:relative; top:-7px}
.smart-forms .switch >.switch-label:before{ content:attr(data-off);  position:absolute;  top:1px;  right:3px;  width:33px}

.smart-forms .switch >.switch-label:after{content:"";  margin:1px;  width:19px;  height:19px; display:block;  background:#fff;  -webkit-border-radius:1px; -moz-border-radius:1px; -o-border-radius:1px; border-radius:1px}

.smart-forms .switch >input{-webkit-appearance:none; position:absolute;  width:inherit;  height:inherit;  opacity:0; left:0; top:0}

/* @toggle switch focus state 
-------------------------------------------------------------- */
.smart-forms .switch >input:focus{outline:none}
.smart-forms .switch >input:focus+.switch-label{color:#fff; border-color:#a1a6a9; background:#a1a6a9}
.smart-forms .switch >input:focus+.switch-label:after{background:#fff}

/* @toggle switch normal state 
--------------------------------------------------------------- */
.smart-forms .switch >input:checked+.switch-label{ border-color:#1ABC9C; background:#1ABC9C; padding-left:33px; color:white}

.smart-forms .switch >input:checked+.switch-label:before{ content:attr(data-on);  left:1px; top:1px}

.smart-forms .switch >input:checked+.switch-label:after{ margin:1px;  width:19px;  height:19px;  background:white}

/* @toggle switch normal state focus 
--------------------------------------------------------------------------------- */
.smart-forms .switch >input:checked:focus+.switch-label{background:#16a085; border-color:#16a085}
.smart-forms .switch-round >.switch-label{-webkit-border-radius:13px; -moz-border-radius:13px; -o-border-radius:13px; border-radius:13px}
.smart-forms .switch-round >.switch-label+span{top:-2px}
.smart-forms .switch-round >.switch-label:before{width:33px}
.smart-forms .switch-round >.switch-label:after{    width:19px; height:19px; color:#B5C1C7; content:"2022"; font:30px/20px Times,Serif; -webkit-border-radius:13px; -moz-border-radius:13px; -o-border-radius:13px; border-radius:13px}

.smart-forms .switch-round >input:checked+.switch-label{padding-left:33px}
.smart-forms .switch-round >input:checked+.switch-label:after{color:#1ABC9C}

/* Smart-options 
-------------------------------------------*/
.smart-forms .option-group:before, 
.smart-forms .option-group:after{display:table; content:""; line-height:0}
.smart-forms .option-group:after{clear:both}
.smart-forms .smart-option-group .option{padding:0; margin:0}

.smart-forms .smart-option{border:1px solid #B5C1C7; margin-right:5px; background:#F2F4FA; font-weight:normal; text-decoration:none; color:#454545; border-radius:3px; padding:0 20px; display:inline-block; position:relative; line-height:normal; cursor:pointer; vertical-align:middle; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:hidden; line-height:40px; height:40px}

.smart-forms .smart-option-ui{display:inline-block}
.smart-forms .smart-option-ui .iconc{position:relative; margin-right:2px; background:#fff; display:inline-block;  border:3px solid #B5C1C7; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; margin-bottom:0; margin-top:0; height:21px; width:21px; top:4px}

.smart-forms .smart-radio .iconc{-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px}

.smart-forms .option >input:checked+.smart-option{ border-color:#138871; background:#1ABC9C; color:white}
.smart-forms .option >input:checked+.smart-option .fa{font-size:14px}
.smart-forms .option >input:checked+.smart-option .iconc{border-color:#138871}
.smart-forms .smart-radio .iconc:before, 
.smart-forms .smart-checkbox .iconc:before{ content:'';  display:none; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box; padding:0; margin:0}

.smart-forms input:checked+.smart-radio .iconc:before, 
.smart-forms input:checked+.smart-checkbox .iconc:before{display:block}
.smart-forms input:checked+.smart-radio .iconc:before{ margin:4px;  width:8px;  height:8px;  background:#138871;  -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px}

.smart-forms input:checked+.smart-checkbox .iconc:before{ position:absolute;  top:5px;  left:4px;  width:6px;  height:3px;  border:solid #138871;  -webkit-border-width:0 0 3px 3px; -moz-border-width:0 0 3px 3px; border-width:0 0 3px 3px;  -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  transform:rotate(-45deg)}

.smart-forms .smart-option-list{ display:inline-block;  vertical-align:top; white-space:nowrap;  font-size:0}

.smart-forms .smart-option-list.left{float:left}
.smart-forms .smart-option-list.right{float:right}
.smart-forms .smart-option-list .smart-option{margin-right:0; margin-left:-1px; border-radius:0}

.smart-forms .smart-option-list label:first-child .smart-option{ margin-left:0;  border-radius:3px 0 0 3px}

.smart-forms .smart-option-list label:last-child .smart-option{ border-radius:0 3px 3px 0}

.smart-forms .smart-option-list .option >input:checked+.smart-option{ position:relative;  z-index:1}

.smart-forms .group-vertical, 
.smart-forms .group-vertical .option, 
.smart-forms .group-vertical .option .smart-option, 
.smart-forms .group-vertical .option .smart-option-ui{display:block; text-align:left}
.smart-forms .group-vertical .option .smart-option{margin:0; margin-top:-1px}
.smart-forms .group-vertical label:first-child .smart-option{border-radius:3px 3px 0 0}
.smart-forms .group-vertical label:last-child .smart-option{border-radius:0 0 3px 3px}
.smart-forms .smart-option-ui .iconc-pos{-webkit-transition:margin 0.6s,opacity 0.6s; -moz-transition:margin 0.6s,opacity 0.6s; -ms-transition:margin 0.6s,opacity 0.6s; -o-transition:margin 0.6s,opacity 0.6s; transition:margin 0.6s,opacity 0.6s; display:inline-block; margin-right:-80px; position:absolute; right:-200px; opacity:0}

.smart-forms .option >input:checked+.smart-option .iconc-pos{opacity:1; right:20px; margin-right:0}

/* modern switches  
------------------------------------------------------ */
.smart-forms .modern-switch{ position:relative;  display:inline-block; vertical-align:top; margin-right:10px; cursor:pointer}

.smart-forms .modern-switch input{position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px); overflow:hidden;  height:inherit; width:inherit; opacity:0; left:0}

.smart-forms .modern-switch .switch-label{ display:inline-block; position:relative; top:2px}

.smart-forms .modern-switch >.switch-label{ padding-right:5px}

.smart-forms .modern-switch .switch-toggle+.switch-label{ padding-left:5px}

.smart-forms .modern-switch .switch-toggle{width:44px; height:16px; background:#e8e8e8; position:relative; display:inline-block; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.08),0 1px rgba(255,255,255,0.5); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.08),0 1px rgba(255,255,255,0.5); -o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.08),0 1px rgba(255,255,255,0.5); box-shadow:inset 0 1px 1px rgba(0,0,0,0.08),0 1px rgba(255,255,255,0.5); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; cursor:pointer}

.smart-forms .modern-switch .switch-toggle::before{content:''; position:absolute; top:-6px; left:-4px; width:26px; height:26px; background:#fff; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.18); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.18); -o-box-shadow:0 1px 4px rgba(0,0,0,0.18); box-shadow:0 1px 4px rgba(0,0,0,0.18); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; -webkit-border-radius:26px; -moz-border-radius:26px; -o-border-radius:26px; border-radius:26px}

.smart-forms .modern-switch input:checked+.switch-toggle{background:#007aff}
.smart-forms .modern-switch input:checked+.switch-toggle::before{left:20px; background:#0469d8}
.smart-forms .modern-switch input:disabled+.switch-toggle{background:#D9DEE1; pointer-events:none}
.smart-forms .modern-switch input:disabled+.switch-toggle::before{background:#C9D1D6}
.smart-forms .modern-switch input:disabled+.switch-toggle+.switch-label{color:#B5C1C7}
.smart-forms .modern-ios .switch-toggle{ width:40px;  height:24px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}

.smart-forms .modern-ios .switch-toggle::before{width:22px; height:22px; bottom:1px; left:1px; top:1px}

.smart-forms .modern-ios input:checked+.switch-toggle::before{left:17px; background:#fff}
.smart-forms .modern-ios input:disabled+.switch-toggle::before{background:#f5f5f5}

/* switch ripple 
------------------------------------------------------- */
.smart-forms .modern-switch:active .switch-toggle::before, 
.smart-forms .modern-switch .switch-toggle:active::before{-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(181,193,199,0.2); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(181,193,199,0.2); -o-box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(181,193,199,0.2); box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(181,193,199,0.2)}
.smart-forms .modern-switch:active input:checked+.switch-toggle::before, 
.smart-forms .modern-switch input:checked+.switch-toggle:active::before{-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(26,188,156,0.2); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(26,188,156,0.2); -o-box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(26,188,156,0.2); box-shadow:0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(26,188,156,0.2)}

/* switch morph animate 
--------------------------------------------------- */
.smart-forms .morph-switch:active .switch-toggle:before, 
.smart-forms .morph-switch .switch-toggle:active::before, 
.smart-forms .morph-switch:active input:checked+.switch-toggle::before, 
.smart-forms .morph-switch input:checked+.switch-toggle:active::before{-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.18); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.18); -o-box-shadow:0 1px 4px rgba(0,0,0,0.18); box-shadow:0 1px 4px rgba(0,0,0,0.18); -webkit-transform:scale(1.15,0.85); -moz-transform:scale(1.15,0.85); -ms-transform:scale(1.15,0.85); -o-transform:scale(1.15,0.85); transform:scale(1.15,0.85)}

/* @buttons 
----------------------------------------------------- */
.smart-forms .button{ border:0; height:42px; color:#243140; line-height:1; font-size:1.2em;  cursor:pointer; padding:0 30px; text-align:center; vertical-align:top;  background:#bdc3c7; display:inline-block; -webkit-user-drag:none; text-shadow:none;text-transform: uppercase;font-weight: bold;letter-spacing: 0.06em}

/* @buttons:hover, :active states 
---------------------------------------------------------------- */
.smart-forms .button:hover{color:#243140; background:#cacfd2}
.smart-forms .button:active{color:#1d2938; background:#a1a6a9}
.smart-forms a.button, 
.smart-forms span.button, 
.smart-forms label.button{line-height:42px; text-decoration:none}
.smart-forms .button i{font-size:14px}
.smart-forms .button-list .button{margin-bottom:5px}

/* @primary button theme
-------------------------------------------- */
.smart-forms .btn-primary{ background-color:#007aff}
.smart-forms .btn-primary:hover, 
.smart-forms .btn-primary:focus{background-color:#0169da}
.smart-forms .btn-primary:active{background-color:#0469d8}
.smart-forms .btn-primary, 
.smart-forms .btn-primary:hover, 
.smart-forms .btn-primary:focus, 
.smart-forms .btn-primary:active{color:#fff}

/* @rounded buttons 
-------------------------------------------- */
.smart-forms .btn-rounded{-webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; border-radius:22px}

/* @left+right buttons::look like IOS
-------------------------------------------- */
.smart-forms .button-left, 
.smart-forms .button-right{ position:relative; z-index:9}

.smart-forms .button-left:before, 
.smart-forms .button-right:before{ content:'';  z-index:-1;  width:32px;  height:32px; position:absolute;  background-color:inherit; border-color:inherit;  border:none; top:5px}

.smart-forms .button-left{ border-left-width:0; padding:0 18px 0 7px;  -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; margin-left:20px}

.smart-forms .button-left:before{ left:-15px;  -webkit-border-radius:2px 5px 0 5px; -moz-border-radius:2px 5px 0 5px; -o-border-radius:2px 5px 0 5px; border-radius:2px 5px 0 5px;  -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  transform:rotate(-45deg)}

.smart-forms .button-right{ padding:0 7px 0 18px;  border-right-width:0;  -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; margin-right:20px}

.smart-forms .button-right:before{ right:-15px;  -webkit-border-radius:5px 2px 5px 0; -moz-border-radius:5px 2px 5px 0; -o-border-radius:5px 2px 5px 0; border-radius:5px 2px 5px 0;  -webkit-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -ms-transform:rotate(45deg);  -o-transform:rotate(45deg);  transform:rotate(45deg)}



/* @adjust buttons in form footer
------------------------------------------------ */
.smart-forms .form-footer .button{margin-right:10px; margin-bottom:5px}
.smart-forms .align-right .button{margin-right:0; margin-left:10px}


/* @smart widget
@this widget helps us to position an element eg button or label or span
@the positions can either be left or right while the input stays 100%
@you ca use this to rapidly create search widgets, newsletter subscribe etc 
---------------------------------------------------------------------------------*/
.smart-forms .smart-widget, 
.smart-forms .append-picker-icon, 
.smart-forms .prepend-picker-icon{position:relative; display:block}
.smart-forms .smart-widget .field input, 
.smart-forms .append-picker-icon input, 
.smart-forms .prepend-picker-icon input{width:100%}

.smart-forms .append-picker-icon button, 
.smart-forms .prepend-picker-icon button, 
.smart-forms .smart-widget .button{-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;  position:absolute; height:42px;  top:0}

.smart-forms .append-picker-icon button, 
.smart-forms .prepend-picker-icon .gui-input, 
.smart-forms .sm-left .field input, 
.smart-forms .sm-right .button{ -webkit-border-top-left-radius:0;  -webkit-border-bottom-left-radius:0;  -moz-border-top-left-radius:0;  -moz-border-bottom-left-radius:0;  -o-border-top-left-radius:0;  -o-border-bottom-left-radius:0;  border-top-left-radius:0;  border-bottom-left-radius:0}

.smart-forms .prepend-picker-icon button, 
.smart-forms .append-picker-icon .gui-input, 
.smart-forms .sm-right .field input, 
.smart-forms .sm-left .button{ -webkit-border-top-right-radius:0;  -webkit-border-bottom-right-radius:0;  -moz-border-top-right-radius:0;  -moz-border-bottom-right-radius:0;  -o-border-top-right-radius:0;  -o-border-bottom-right-radius:0;  border-top-right-radius:0;  border-bottom-right-radius:0}

.smart-forms .prepend-picker-icon button, 
.smart-forms .sm-left .button{left:0}
.smart-forms .append-picker-icon button, 
.smart-forms .sm-right .button{ right:0}

/* @smart widget buttons - to left 
------------------------------------------------- */
.smart-forms .sml-50, 
.smart-forms .prepend-picker-icon{padding-left:50px}

.smart-forms .sml-50 .button, 
.smart-forms .prepend-picker-icon button{width:50px}
.smart-forms .sml-80{padding-left:80px}

.smart-forms .sml-80 .button{width:80px}
.smart-forms .sml-120{padding-left:120px}

.smart-forms .sml-120 .button{width:120px}

/* @smart widget buttons - to right 
------------------------------------------------- */
.smart-forms .smr-50, 
.smart-forms .append-picker-icon{padding-right:50px}

.smart-forms .smr-50 .button, 
.smart-forms .append-picker-icon button{width:50px}
.smart-forms .smr-80{padding-right:80px}

.smart-forms .smr-80 .button{width:80px}
.smart-forms .smr-120{padding-right:120px}

.smart-forms .smr-120 .button{width:120px}

/* @picker buttons
------------------------------------------------- */
.smart-forms .append-picker-icon button, 
.smart-forms .prepend-picker-icon button{background:#bdc3c7; text-shadow:0 1px rgba(255,255,255,0.2); text-align:center; cursor:pointer; color:#243140; border:0}


/* @lists
-------------------------------------------------------------- */
.smart-forms .smart-list{list-style:none; margin:0; padding:0}
.smart-forms .smart-list li{margin-bottom:20px}

/* @notification messages | info | error | warning | success
-------------------------------------------------------------- */
.smart-forms .form-msg{display:none}
.smart-forms .notification{color:#444; padding:15px; position:relative}
.smart-forms .notification p{margin:0; padding:0 15px; padding-left:5px; line-height:normal}
.smart-forms .notification .close-btn{margin-top:-7px; padding:inherit; position:absolute; text-decoration:none;     font:bold 20px/20px Arial,sans-serif; opacity:0.65; color:inherit;  display:block;   right:1px; top:14%}

.smart-forms .notification .close-btn:hover{opacity:1}
.smart-forms .alert-info{color:#163161; background-color:#cfe6fc}
.smart-forms .alert-success{color:#363; background-color:#d2f7ad}
.smart-forms .alert-warning{color:#C60; background-color:#fae7a2}
.smart-forms .alert-error{color:#900; background-color:#FBDBCF}
.smart-forms .notification ul{margin-left:1.3em; list-style-position:inside; margin-top:10px}

/* @validaion - error state
------------------------------------- */
.smart-forms .state-error .gui-input, 
.smart-forms .state-error .gui-textarea, 
.smart-forms .state-error.select >select, 
.smart-forms .state-error.select-multiple >select, 
.smart-forms .state-error input:hover+.checkbox, 
.smart-forms .state-error input:hover+.radio, 
.smart-forms .state-error input:focus+.checkbox, 
.smart-forms .state-error input:focus+.radio, 
.smart-forms .state-error .checkbox, 
.smart-forms .state-error .switch-toggle,
.smart-forms .state-error .radio {background:#FEEFE9; border:1px solid #fff}

.smart-forms .state-error .gui-input ~ .field-icon i, 
.smart-forms .state-error .gui-textarea ~ .field-icon i{ color:#e74c3c}
.smart-forms .state-error.select .arrow{color:#e74c3c}
.smart-forms .state-error.select:before{ border-left:1px solid #E46B66}
.smart-forms .state-error .gui-input ~ .input-hint, 
.smart-forms .state-error.file .gui-file:hover+.gui-input, 
.smart-forms .state-error .gui-textarea ~ .input-hint{border-color:#E46B66}
.smart-forms .state-error+em{display:block!important; margin-top:6px; padding:0 3px;font-style:normal; line-height:normal; color:#C00; font-size:0.85em}

/* @validaion - success state 
-------------------------------------------------- */
.smart-forms .state-success .gui-input, 
.smart-forms .state-success .gui-textarea, 
.smart-forms .state-success.select >select, 
.smart-forms .state-success.select-multiple >select, 
.smart-forms .state-success input:hover+.checkbox, 
.smart-forms .state-success input:hover+.radio, 
.smart-forms .state-success input:focus+.checkbox, 
.smart-forms .state-success input:focus+.radio, 
.smart-forms .state-success .checkbox, 
.smart-forms .state-success .radio{background:#EAFCD8; border:1px solid #fff}

.smart-forms .state-success .gui-input ~ .field-icon i, 
.smart-forms .state-success .gui-textarea ~ .field-icon i{ color:#2ecc71}
.smart-forms .state-success.select .arrow > .down{color:#2ecc71}

.smart-forms .state-success .gui-input ~ .input-hint, 
.smart-forms .state-success.file .gui-file:hover+.gui-input, 
.smart-forms .state-success .gui-textarea ~ .input-hint{border-color:#2ecc71}

/* @disabled state 
----------------------------------------------- */
.smart-forms .button[disabled], 
.smart-forms .state-disabled .button, 
.smart-forms input[disabled]+.radio, 
.smart-forms input[disabled]+.checkbox, 
.smart-forms .switch >input[disabled]+label{cursor:default; opacity:0.5}

.smart-forms .gui-input[disabled], 
.smart-forms .gui-textarea[disabled], 
.smart-forms .select >select[disabled], 
.smart-forms .select-multiple select[disabled], 
.smart-forms .gui-input[disabled] ~ .input-hint, 
.smart-forms .file .gui-file[disabled]+.gui-input, 
.smart-forms .file .gui-file[disabled]:hover+.gui-input, 
.smart-forms .gui-textarea[disabled] ~ .input-hint{  background-color:#f4f6f6;  border-color:#d5dbdb!important;  cursor:default;  color:#d5dbdb;  opacity:0.7}

.smart-forms input[disabled] ~ .field-icon i, 
.smart-forms textarea[disabled] ~ .field-icon i, 
.smart-forms .select >select[disabled]+.arrow{opacity:0.4}

/* ui-autocomplete widget
----------------------------------------------------- */
.ui-autocomplete{position:absolute; top:0; left:0; cursor:default; z-index:10000000; list-style:none; padding:0; margin:0; display:block; outline:none; font-family: "Lato",Arial,Helvetica,sans-serif; font-size:14px; border:1px solid #bbb; border-top:0; background:#fff; max-height:100px; overflow-x:hidden; overflow-y:auto}

.ui-autocomplete .ui-menu{position:absolute}
.ui-autocomplete .ui-menu-item{position:relative; margin:0; padding:8px 10px; cursor:pointer; min-height:0; list-style-image:url("data:image/gif; base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); background:#fff; border-bottom:1px solid #DCE1EE;  -webkit-box-shadow:inset 0 1px #fff,inset 0 0 0 1px rgba(255,255,255,0.5); -moz-box-shadow:inset 0 1px #fff,inset 0 0 0 1px rgba(255,255,255,0.5); -o-box-shadow:inset 0 1px #fff,inset 0 0 0 1px rgba(255,255,255,0.5);  box-shadow:inset 0 1px #fff,inset 0 0 0 1px rgba(255,255,255,0.5)}

.ui-autocomplete .ui-menu-divider{margin:5px 0; height:0; font-size:0; line-height:0; border-width:1px 0 0 0; border-color:#ddd}

.ui-autocomplete .ui-state-focus, 
.ui-autocomplete .ui-state-active{}
.ui-autocomplete .ui-menu-item:hover{background:#DCE1EE}

/* @jquery ui combobox widget
---------------------------------------- */
.custom-combobox{position:relative; padding-right:46px; display:block}
.custom-combobox-toggle{position:absolute; top:0; bottom:0; right:0; margin-left:-1px; padding:0; z-index:10; width:46px; line-height:40px; height:100%; text-align:center; background:#F2F4FA; border:2px solid #BDC3C7; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; cursor:pointer; color:#ADB4B8; border-left:0}
.custom-combobox-input.gui-input{margin:0; padding:5px 10px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px}

/* @progress bars 
------------------------------------------------------*/
.smart-forms .progress-section{display:none}

.smart-forms .progress-bar{ position:relative;  background:#EDF0F8;  -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px}

.smart-forms .progress-bar .percent{position:absolute; display:inline-block; top:-3px; right:-24px; font-size:9px; color:#93A2AA}
.smart-forms .progress-bar >.bar{ width:60%; height:7px; display:block; background-size:16px 16px; background-color:#bdc3c7;  -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px}

/* @progress bar themes
----------------------------------------------------------- */
.smart-forms .bar-primary >.bar{background-color:#1abc9c}
.smart-forms .bar-blue >.bar{background-color:#3498db}
.smart-forms .bar-black >.bar{background-color:#34495e}
.smart-forms .bar-green >.bar{background-color:#2ecc71}
.smart-forms .bar-purple >.bar{background-color:#9B59B6}
.smart-forms .bar-red >.bar{background-color:#e74c3c}
.smart-forms .bar-yellow >.bar{background-color:#ed9c28}

/* @progress bar strips+animation IE10+
----------------------------------------------------------- */
.smart-forms .ui-slider .ui-slider-range, 
.smart-forms .progress >button[type="submit"]:hover, 
.smart-forms .progress >button[type="submit"], 
.smart-forms .progress-bar >.bar{ background-size:16px 16px;  background-image:-webkit-linear-gradient(top left,  transparent,transparent 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%, transparent 50%,transparent 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3));   background-image:-moz-linear-gradient(top left,  transparent,transparent 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%, transparent 50%,transparent 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3));   background-image:-o-linear-gradient(top left,  transparent,transparent 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%, transparent 50%,transparent 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3));   background-image:linear-gradient(to bottom right,  transparent,transparent 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%, transparent 50%,transparent 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3))}

.smart-forms .progress >button[type="submit"], 
.smart-forms .progress >button[type="submit"]:hover,  
.smart-forms .progress-animated >.bar{-webkit-animation:sfprogress .6s linear infinite; -moz-animation:sfprogress .6s linear infinite; -o-animation:sfprogress .6s linear infinite;  animation:sfprogress .6s linear infinite}

.smart-forms .progress >button[type="submit"]:hover{cursor:wait}

@-webkit-keyframes sfprogress{ from{background-position:0 0}
    to{background-position:-16px 0}
}

@-moz-keyframes sfprogress{from{background-position:0 0}
    to{background-position:-16px 0}
}

@-o-keyframes sfprogress{from{background-position:0 0}
    to{background-position:-16px 0}
}

@keyframes sfprogress{ from{background-position:0 0}
    to{background-position:-16px 0}
}

/* @cloned widgets 
--------------------------------------------------------------- */
.clone-widget{padding-right:100px; position:relative}
.clone-widget .button{position:absolute; right:0; top:0}
.clone-widget .clone{right:50px}

/* @google map::block elements 
----------------------------------------------------------------------- */
.smart-forms .map-container{padding:10px; border:2px solid #BDC3C7; border-radius:3px}
.smart-forms .map-area, 
.smart-forms #map_canvas{width:100%; height:400px; overflow:hidden}

.smart-forms .block{display:block}

/* @form grid
----------------------------------- */ 
/* @form rows 
--------------------------------- */
.smart-forms .frm-row{margin:0 -10px}
.smart-forms .slider-group:before, 
.smart-forms .slider-group:after, 
.smart-forms .frm-row:before, 
.smart-forms .frm-row:after{display:table; content:""; line-height:0}
.smart-forms .slider-group:after, 
.smart-forms .frm-row:after{clear:both}

/* @form columns 
----------------------------------- */
.smart-forms .frm-row .colm{min-height:1px; padding-left:10px; padding-right:10px; position:relative; float:left}

.form-body .row .col-xs-6 .section p {margin-top: 4px; margin-bottom: 14px}
.form-body .row .col-xs-6 .section p:nth-child(2) {margin-top: 12px}
.form-body .row .col-xs-6 .section p:nth-child(3) {margin-top: 15px}
.form-body .row .col-xs-6 .section p:nth-child(4) {margin-top: 15px;margin-bottom: 0}
.form-body .row .col-xs-6 .section p:nth-child(5) {margin-top: 15px}


.container{  margin-right:auto;  margin-left:auto;  padding-left:15px;  padding-right:15px}@media (min-width:768px){  .container{    width:750px}}@media (min-width:992px){  .container{    width:970px}}@media (min-width:1200px){  .container{    width:1170px}}.container-fluid{  margin-right:auto;  margin-left:auto;  padding-left:15px;  padding-right:15px}.row{  margin-left:-15px;  margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{  position:relative;  min-height:1px;  padding-left:15px;  padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{  float:left}.col-xs-12{  width:100%}.col-xs-11{  width:91.66666667%}.col-xs-10{  width:83.33333333%}.col-xs-9{  width:75%}.col-xs-8{  width:66.66666667%}.col-xs-7{  width:58.33333333%}.col-xs-6{  width:50%}.col-xs-5{  width:41.66666667%}.col-xs-4{  width:33.33333333%}.col-xs-3{  width:25%}.col-xs-2{  width:16.66666667%}.col-xs-1{  width:8.33333333%}@media (min-width:768px){  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{    float:left}  .col-sm-12{    width:100%}  .col-sm-11{    width:91.66666667%}  .col-sm-10{    width:83.33333333%}  .col-sm-9{    width:75%}  .col-sm-8{    width:66.66666667%}  .col-sm-7{    width:58.33333333%}  .col-sm-6{    width:50%}  .col-sm-5{    width:41.66666667%}  .col-sm-4{    width:33.33333333%}  .col-sm-3{    width:25%}  .col-sm-2{    width:16.66666667%}  .col-sm-1{    width:8.33333333%}}@media (min-width:992px){  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{    float:left}  .col-md-12{    width:100%}  .col-md-11{    width:91.66666667%}  .col-md-10{    width:83.33333333%}  .col-md-9{    width:75%}  .col-md-8{    width:66.66666667%}  .col-md-7{    width:58.33333333%}  .col-md-6{    width:50%}  .col-md-5{    width:41.66666667%}  .col-md-4{    width:33.33333333%}  .col-md-3{    width:25%}  .col-md-2{    width:16.66666667%}  .col-md-1{    width:8.33333333%}  }.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{  content:"";  display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{  clear:both}.center-block{  display:block;  margin-left:auto;  margin-right:auto}.pull-right{  float:right !important}.pull-left{  float:left !important}.hide{  display:none !important}.show{  display:block !important}.invisible{  visibility:hidden}.text-hide{  font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0}.hidden{ display:none !important}.affix{ position:fixed}





/* @spacers 
--------------------------------------- */
.smart-forms .spacer{border-top:1px solid #D9DDE5; display:block; height:0}

/* @margin spacers::modify accordingly 
-------------------------------------------- */
.smart-forms .spacer-t10{margin-top:10px}
.smart-forms .spacer-b10{margin-bottom:10px}
.smart-forms .spacer-t15{margin-top:15p}
.smart-forms .spacer-b15{margin-bottom:15px}
.smart-forms .spacer-t20{margin-top:20px}
.smart-forms .spacer-b20{margin-bottom:20px}
.smart-forms .spacer-t25{margin-top:25px}
.smart-forms .spacer-b25{margin-bottom:25px}
.smart-forms .spacer-t30{margin-top:30px}
.smart-forms .spacer-b30{margin-bottom:30px}
.smart-forms .spacer-t40{margin-top:40px}
.smart-forms .spacer-b40{margin-bottom:40px}

/* @padding spacers::modify accordingly 
-------------------------------------------------- */
.smart-forms .frm-row .pad-l10{padding-left:10px}
.smart-forms .frm-row .pad-r10{padding-right:10px}
.smart-forms .frm-row .pad-l20{padding-left:20px}
.smart-forms .frm-row .pad-r20{padding-right:20px}
.smart-forms .frm-row .pad-l30{padding-left:30px}
.smart-forms .frm-row .pad-r30{padding-right:30px}
.smart-forms .frm-row .pad-l40{padding-left:40px}
.smart-forms .frm-row .pad-r40{padding-right:40px}

/* @border spacers+text adjust
-------------------------------------------------- */
.smart-forms .bdl{border-left:1px solid #D9DDE5}
.smart-forms .bdr{border-right:1px solid #D9DDE5}
.smart-forms .fine-grey{color:#919DA8}
.smart-forms .small-text{font-size:11px; font-style:normal}
.smart-forms .text-align{height:42px; line-height:42px}

/* @element alignment
-------------------------------------------------- */
.smart-forms .align-right{text-align:right}
.smart-forms .align-center{text-align:center}

/* @simple price boxes::depend on grid
-------------------------------------------------- */
.smart-forms .price-box{padding:30px; text-align:center; position:relative; border:1px solid #D0D6DF; -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05); -o-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05)}

.smart-forms .price-box p{line-height:1.5em; font-weight:300; font-size:16px; color:#526066; margin-bottom:0}
.smart-forms .price-box h5{text-transform:uppercase; font-weight:300; margin:0; font-size:15px; color:#BACDD6; letter-spacing:2px }
.smart-forms .price-box h4{font-size:60px; font-weight:400; margin:0; color:#547698}
.smart-forms .selected-box h4{color:#1abc9c}
.smart-forms .price-box h4 sup{position:relative; font-size:30px; vertical-align:top; top:15px}
.smart-forms .price-box h4 .per-month{font-size:14px}
.smart-forms .expand{height:50px; line-height:50px!important}

/* @simple price boxes ribbon IE8+
----------------------------------------- */
.smart-forms .ribbon, 
.smart-forms .ribbon-large{width:75px; height:78px; overflow:hidden; position:absolute; right:-2px; top:-2px; z-index:1}

.smart-forms .ribbon-inner{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15); -o-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15); -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility:hidden; -webkit-perspective:1000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background:#1abc9c; letter-spacing:4px; text-align:center; position:relative; font-weight:700; font-size:14px; padding:7px 0; width:100px; color:#fff; z-index:1; left:3px; top:6px}

.smart-forms .ribbon-inner:before, 
.smart-forms .ribbon-inner:after{content:""; border-top:3px solid #16a085; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; bottom:-3px}

.smart-forms .ribbon-inner:before{left:0px}
.smart-forms .ribbon-inner:after{right:0px}
.smart-forms .ribbon-large{width:115px; height:118px}
.smart-forms .ribbon-large .ribbon-inner{width:160px; left:-8px; top:28px}

/* @captcha refresh button+icon 
-------------------------------------------------- */
.smart-forms .sfcode{padding-left:24px}
.smart-forms .captcode{padding:0; position:relative}
.smart-forms .captcode:hover{background:#BDC3C7!important}
.smart-forms .captcode img{position:relative;  -webkit-border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; -o-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; top:2px; left:1px}
.smart-forms .refresh-captcha{position:absolute; background:#1abc9c; border:3px solid #16a085; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; right:-15px; height:32px; width:32px; top:4px}

.smart-forms .refresh-captcha i{position:absolute; text-align:center; line-height:26px; font-size:17px; color:#fff; left:24%}

.smart-forms .smart-hidden-elem{position:absolute; visibility:hidden; margin:0; padding:0}

/* @captcha refresh button themes
-------------------------------------------------- */
.smart-forms .refresh-black{background:#34495e; border-color:#2c3e50}
.smart-forms .refresh-blue{background:#3498db; border-color:#2c81ba}
.smart-forms .refresh-green{background:#2ecc71; border-color:#27ad60}
.smart-forms .refresh-purple{background:#9B59B6; border-color:#8E44AD}
.smart-forms .refresh-red{background:#e74c3c; border-color:#c44133}
.smart-forms .refresh-yellow{background:#ed9c28; border-color:#d58512}

/* IE10+Fixes  
------------------------------------------------------------------------ */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){.smart-forms .checkbox:before{top:4px; left:3px}
}

/* @Fix old of versions android+ios
------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){        .smart-forms .option,        .smart-forms .rating,        .smart-forms .switch,.smart-forms .captcode{-webkit-animation:bugfix infinite 1s}
    @-webkit-keyframes bugfix{            from{padding:0}

        to{padding:0}

    }
    .smart-forms .switch{margin-right:10px;  margin-bottom:5px}
    .smart-forms .option{margin-right:15px}
    .smart-forms .switch-round >.switch-label:after{font:30px/20px Times,Serif}
}

/* @responsiveness for tablets+smart mobile 
-------------------------------------------------- */
@media (max-width:800px){.smart-forms .frm-row{margin:0}
    .smart-forms .frm-row .colm{ width:100%; float:none; padding:0}
    .smart-forms .bdl{border-left:0}
    .smart-forms .bdr{border-right:0}
    .smart-forms .align-right{text-align:left}
}

/*Questions & Help Message*/
.fab2{background:#e74c3c;box-shadow:0 2px 2px rgba(0,0,0,0.3);color:#fff;border-radius:100%;display:inline-block;font-size:1.7em;line-height:1.5em;text-align:center;text-decoration:none;width:1.5em;height:1.5em;-webkit-transition:all .2s ease;transition:all .2s ease}
.fab2:hover{box-shadow:0 10px 20px rgba(0,0,0,0.2);color:#fff}
.fab2:focus{color:#fff}
.fab-message{position:fixed;width:100%;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .3s;transition:all .3s;z-index:15}
.fab-message__button{float:right;padding:20px;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s;transition:all .3s}
.fab-message__content{background:#fff;box-shadow:none;color:#151515;padding:20px;-webkit-transition:all .3s;transition:all .3s; font-family: "Lato",Arial,Helvetica,sans-serif; line-height:1.5; font-weight:400; font-size:1.1rem; color:#3f3f3f}
.fab-message__content a{color:#0054a6;cursor: pointer;}
.fab-message__content h3{color: #9C27B0;}
@media (min-width: 1400px) {
.fab-message__button{margin-right:50px}
.fab-message__content{padding:20px 200px}
}
.fab-message.is-open{-webkit-transform:translateY(0);transform:translateY(0);z-index:15}
.fab-message.is-open .fab-message__button{-webkit-transform:translateY(-2em);transform:translateY(-2em)}
.fab-message.is-open .fab-message__content{box-shadow:0 0 30px rgba(0,0,0,0.3)}



/*FAB Button*/
.at-button{position:fixed;right:24px;bottom:24px;background:#9C27B0;width:48px;height:48px;padding:12px;z-index: 15; border-radius:100%;box-sizing:border-box;color:#666;-webkit-animation:at-ripple .6s linear infinite;animation:at-ripple .6s linear infinite}
.at-button:hover i{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.at-button i{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:.3s ease;transition:.3s ease}
@-webkit-keyframes at-ripple {
0%{box-shadow:0 4px 10px rgba(102,102,102,0.1),0 0 0 0 rgba(102,102,102,0.1),0 0 0 5px rgba(102,102,102,0.1),0 0 0 10px rgba(102,102,102,0.1)}
100%{box-shadow:0 4px 10px rgba(102,102,102,0.1),0 0 0 5px rgba(102,102,102,0.1),0 0 0 10px rgba(102,102,102,0.1),0 0 0 20px rgba(102,102,102,0)}
}
@keyframes at-ripple {
0%{box-shadow:0 4px 10px rgba(102,102,102,0.1),0 0 0 0 rgba(102,102,102,0.1),0 0 0 5px rgba(102,102,102,0.1),0 0 0 10px rgba(102,102,102,0.1)}
100%{box-shadow:0 4px 10px rgba(102,102,102,0.1),0 0 0 5px rgba(102,102,102,0.1),0 0 0 10px rgba(102,102,102,0.1),0 0 0 20px rgba(102,102,102,0)}
}

.at-button svg {
    position: absolute;
}

.at-button .svg-cross {
    opacity: 0;
    transition: opacity 0.25s;
}

.at-button .svg-question-mark {
    opacity: 1;
    transition: opacity 0.25s;
}

.toggle-icon.at-button .svg-question-mark {
    opacity: 0;
}

.toggle-icon.at-button .svg-cross {
    opacity: 1;
}