/* ========================================================================================================================================= * Faidhi v2.20 Main Stylesheet * 14-12-2017 -- compilation of original @import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500); * =================================================================== */ textarea::placeholder, input::placeholder { color: #9a99ab;} ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #9a99ab; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9a99ab; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9a99ab; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #9a99ab; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #9a99ab; } ::placeholder { /* Most modern browsers support this now. */ color: #9a99ab; } html{scroll-behavior:smooth;} html, body{height:100%;color:#794938;text-shadow:0px 0px 1px rgba(0, 0, 0, 0.35)!important;max-width:100vw;/*overflow-x:hidden !important;CAUSED SCROL TOTOP TO DIE */} html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;box-sizing:border-box;} @media only screen and (max-width:1024px){html{font-size:9.375px;}} @media only screen and (max-width:768px){html{font-size:10px;}} @media only screen and (max-width:400px){html{font-size:9.375px;}} *,*::before,*::after{box-sizing:inherit;} body, input, button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;} body{height:100vh;}/** BEFORE RID OF SIDEBAR VERY USEFUL TO MOBILE 1- help js disable refresh on scroll 2- without it can't home header up to very top covering browser menu ****/ body{ overflow:hidden !important;/* otherwise after closing modal something changes body to overflow=auto so a 2nd overflow shows */ min-height: 100%; position: relative; z-index: 1; overscroll-behavior-y:none; /* important to stop mobile scroll-refresh behaviour /* otherwise it seems to move header up */ max-width:100vw;background-color:#024959; background:#fff;/*-webkit-linear-gradient(top, rgba(245, 244, 249, 0), rgba(245, 246, 242, 0.06)); */ background:none transparent; /* useful for iframe to be none white */ font-family: "roboto-regular", sans-serif, 'FontAwesome';/* fm was font-family:"librebaskerville-regular", serif;also tried "lucida granda";or notosans-regular, sans-serif; font-size:1.6rem;line-height:1 ; */ font-size: 12px; line-height: 24px; ;color:#353535;margin:0;padding:0;font-weight:normal; text-rendering:optimizeLegibility; word-wrap:break-word;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;outline:none;} summary{font-size:16px;} details summary{margin:1rem 0rem;cursor:pointer;} /**clean summary/details ********fm*********/ .sumAdet details{font-size:1rem;padding:0px 23px;margin:1em auto;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);width:100%;background:#ffffff;border-radius:8px;position:relative;} .sumAdet details .sumt{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .sumAdet details:hover{cursor:pointer;} .sumAdet details .sumc{border-top:1px solid #e2e8f0;cursor:default;padding:1em;font-weight:300;font-size:11px;line-height:1.5;} .sumAdet details summary{padding:1em;} .sumAdet details summary:focus{outline:none;} .sumAdet details summary:hover .sumu i{opacity:1;} .sumAdet details .sumu i{opacity:0.5;} .sumAdet details .sumu, .sumAdet details .sumd{pointer-events:none;position:absolute;top:0.75em;right:1em;background:#ffffff;} .sumAdet details .sumu i, .sumAdet details .sumd i{display:block;} .sumAdet details summary::-webkit-details-marker{display:none;} audio, canvas, progress, video{display:inline-block;vertical-align:baseline;outline:none;} audio{width: 100%; padding: 0 3%; max-width: 300px; /* margin: 7px 3% 0 3%; min-width: 300px; */ margin: 7px 0% 7px 2%; min-width: 247px;} audio:not([controls]){display:none;height:0;} [hidden],template{display:none;}a{background:transparent;} a:active, a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b, strong{font-weight:bold;} dfn{font-style:italic;} h1{font-size:2em;margin:0.67em 0;} mark{background:#ff0;color:#000;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{border:0;} svg:not(:root){overflow:hidden;} figure{margin:1em 40px;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} @keyframes animateIn{0%{opacity:0;transform:scale(0.6) translateY(-8px);}100%{opacity:1;}} .fa:hover, .fa:active{ -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); transform:scale(1.01);} code,kbd,prexxx,samp{font-family:monospace, monospace,'FontAwesome';font-size:1em;} button, input, optgroup,select, textarea{color:inherit;font:inherit;margin:0;} button{overflow:visible;} button, select{text-transform:none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;} input{ line-height:normal;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} textarea{overflow:auto;} optgroup{font-weight:bold;} table{border-collapse:collapse;border-spacing:0;} td, th{padding:0;} img, video{max-width:100%;height:auto;} em, i{font-style:italic;line-height:inherit;} strong, b{font-weight:bold;line-height:inherit;} small{font-size:60%;line-height:inherit;} ol, ul{list-style:none;} li{display:block;} a{text-decoration:none;line-height:inherit;cursor: pointer;} a img{border:none;} fieldset{margin:0;padding:0;} input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;} .row{width:94%;max-width:1170px;margin:0 auto;} .row:before, .row:after{content:"";display:table;} .row:after{clear:both;} .row .row{width:auto;max-width:none;margin-left:-20px;margin-right:-20px;} [class*="col-"], .bgrid{float:left;} [class*="col-"] + [class*="col-"].end{float:right;} [class*="col-"]{padding:0 20px;} .container{-webkit-transition:margin-left 0.3s; transition:margin-left 0.3s;overflow-x:hidden; -webkit-font-smoothing:subpixel-antialiased !important; text-rendering:optimizelegibility;} @media only screen and (min-width:1600px){.container{max-width:1320px !important;}} @media only screen and (min-width:992px) and (max-width:1199px){.container{width:100% !important} .XXXXrow{margin-left:-10px;margin-right:-10px;} .row [class*="col"]{padding-left:10px;padding-right:10px;}} @media only screen and (min-width:768px) and (max-width:991px){.container{width:100% !important} .row [class*="col"]{padding-left:10px;padding-right:10px;/*width:50%;fm removed 10/10/20 */}} @media only screen and (min-width:480px) and (max-width:767px){.container{width:100% !important;}[ class*="col"]{width:100% !important;}} @media only screen and (min-width:0px) and (max-width:479px){.container{width:100% !important;padding:0 5px !important;}[class*="col"]{width:100% !important;padding:0 5px;}} @media only screen and (max-width:241px){.container{width:100% !important;padding:0 5px !important;} [class*="col"]{width:100% !important;}} .col-one{width:8.33333% !important;} .col-two, .col-1-6{width:16.66667%!important;} .col-three, .col-1-4{width:25%!important;} .col-four, .col-1-3{width:33.33333%!important;} .col-five{width:41.66667%!important;} .col-six, .col-1-2{width:50%!important;} .col-seven{width:58.33333%!important;} .col-eight, .col-2-3{width:66.66667%!important;} .col-nine, .col-3-4{width:75%!important;} .col-ten, .col-5-6{width:83.33333%!important;} .col-eleven{width:91.66667%!important;} .col-twelve, .col-full{width:100%!important;} @media screen and (max-width:1024px){.row .row{margin-left:-18px;margin-right:-18px;}[class*="col-"]{padding:0 18px;}} @media screen and (max-width:768px){.row{width:auto;padding-left:30px;padding-right:30px;} .row .row{padding-left:0;padding-right:0;margin-left:-15px;margin-right:-15px;} [class*="col-"]{padding:0 15px;} .tab-1-4{width:25%;} .tab-1-3{width:33.33333%;} .tab-1-2{width:50%;} .tab-2-3{width:66.66667%;} .tab-3-4{width:75%;} .tab-full{width:100%;} } @media screen and (max-width:600px){.row{padding-left:25px;padding-right:25px;} .row .row{margin-left:-10px;margin-right:-10px;} [class*="col-"]{padding:0 10px;} .mob-1-4{width:25%;} .mob-1-2{width:50%;} .mob-3-4{width:75%;} .mob-full{width:100%;} } @media screen and (max-width:400px){/***** fm was 400px changed 27/3/20 to include new phone in the small arena ******************/ .row .row{padding-left:0;padding-right:0;margin-left:0;margin-right:0;} [class*="col-"]{width:100% !important;float:none !important;clear:both !important;margin-left:0;margin-right:0;padding:0;} [class*="col-"] + [class*="col-"].end{float:none;}} .group:before, .group:after{content:"";display:table;} .group:after{clear:both;} .hide{display:none;} .invisible{visibility:hidden;} .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .overflow-hidden{overflow:hidden;} .hide-content{ clip:rect(1px, 1px, 1px, 1px); position:absolute !important; height:1px; width:1px; overflow:hidden;} .remove-bottom{margin-bottom:0;} .half-bottom{margin-bottom:1.5rem !important;} .add-bottom{margin-bottom:3rem !important;} .no-border{border:none;} .full-width{width:100%;} .text-center{text-align:center;} .text-left{text-align:left;} .text-right{text-align:right;} .pull-left{float:left;} .pull-right{float:right;} .align-center{margin-left:auto;margin-right:auto;text-align:center;} .clearfix:after,.clearfix:before{ content:''; display:table} .clearfix:after{ clear:both; display:block} a, a:visited{color:#07617d;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} a:hover, a:focus{color:#8cbb00;} div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td{margin:0;padding:0;} h1, h2, h3, h4, h5, h6{-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;} h1, h2, h3, h4, h5, h6, .h01, .h02, .h03, .h04, .h05, .h06 { color:#151515;font-style:normal;text-rendering:optimizeLegibility;margin-bottom:2.1rem;} #fmabout h1{ text-shadow:1px 1px 2px rgba(5, 6, 28, 0.44);font-size:2.5rem;line-height:1.667;color:#07617d;text-transform:uppercase;letter-spacing:.3rem;position:relative;} #fmabout h3{font-size:1.6rem;line-height:1.667;color:#07617d; word-break:break-all; position:relative;} strong, b{ } #fmabout h2{ font-weight:bold;color:#07617d; margin-bottom:3em;font-size:17px;} #fmabout h5{ font-size:10px;font-family:'opensans-bold', sans-serif ,'FontAwesome';line-height: 0.85;word-break:break-word;color:#07617d;} h3, .h03, h4, .h04{margin-bottom:1.3rem;} h5, .h05, h6, .h06{margin-bottom:1.2rem;} h1, .h01{font-size:3.1rem;line-height:1.35;letter-spacing:-.1rem;} @media only screen and (max-width:600px){h1, .h01{font-size:2.6rem;letter-spacing:-.07rem;}} h2, .h02{font-size:2.4rem;line-height:1.0;} h3, .h03{font-size:2rem;line-height:1.5;} h4, .h04{font-size:1.7rem;line-height:1.76;} h5, .h05{font-size:1.4rem;line-height:1.7;text-transform:uppercase;letter-spacing:.2rem;} h6, .h06{font-size:1.3rem;line-height:1.85;text-transform:uppercase;letter-spacing:.2rem;} p img{margin:0;} p.lead{font:20px/36px raleway-regular, sans-serif;margin-bottom:18px;color:#9FA5AD; margin-bottom:3.6rem;} @media only screen and (max-width:768px){p.lead{font-size:1.8rem;}} em, i{font-family:"librebaskerville-italic", serif ,'FontAwesome';} small{font-size:1.1rem;line-height:inherit;} abbr{font-family:"librebaskerville-bold", serif,'FontAwesome';font-variant:small-caps;text-transform:lowercase;letter-spacing:.05rem;color:#4f4f4f;} var, kbd, samp, code, prexxxxx{font-family:Consolas, "Andale Mono", Courier, "Courier New", monospace,'FontAwesome';} code{font-size:1.4rem;margin:0 .2rem;padding:.3rem .6rem;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:3px;} pre > code{display:block;white-space:pre;line-height:2;padding:0;margin:0;} pre.prettyprint > code{border:none;} del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;} mark{background:#FFF49B;color:#000;} hr{border:solid #d2d2d2;border-width:1px 0 0;clear:both;margin:2.4rem 0 1.5rem;height:0;} ol{list-style:decimal;} ul{list-style:disc;} li{display:list-item;} ol, ul{margin-left:1.7rem;} ul li{padding-left:.4rem;} ul ul, ul ol,ol ol, ol ul{margin:.6rem 0 .6rem 1.7rem;} ul.disc li{display:list-item;list-style:none;padding:0 0 0 .8rem;position:relative;} ul.disc li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#07617d;position:absolute;left:-17px;top:11px;vertical-align:middle;} dt{margin:0;color:#07617d;} dd{margin:0 0 0 2rem;} button, .button{margin-bottom:1.2rem;} fieldset{margin-bottom:1.5rem;} input,textarea,select,prexxxxxxx, figure,table,p,ul,ol,dl,form,.fluid-video-wrapper,.ss-custom-select{margin-bottom:3rem;} img.pull-right{margin:1.5rem 0 0 3rem;} img.pull-left{margin:1.5rem 3rem 0 0;} #preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#0F1215;z-index:800;height:100%;width:100%;} .no-js #preloader, .oldie #preloader{display:none;} #loader{position:absolute;left:50%;top:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px; padding:0;background-color:#2D7991;border-radius:100%;-webkit-animation:sk-scaleout 1.0s infinite ease-in-out;animation:sk-scaleout 1.0s infinite ease-in-out;} @-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0);} 100%{-webkit-transform:scale(1);opacity:0;}} @keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0);} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}} fieldset{border:none;} input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea, select{display:block;height:4rem; padding:0.5rem 0.8rem;border:0;outline:none;cursor:text;resize:none !important;vertical-align:middle;color:#444444;font-family:"montserrat-regular", sans-serif, 'FontAwesome';font-size:1.3rem; line-height:3rem; font-weight: 500;max-width:100%;background:rgb(249, 249, 250);-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .ss-custom-select{position:relative;padding:0;} .ss-custom-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;text-indent:0.01px; text-overflow:'';margin:0;line-height:3rem;vertical-align:middle;} .ss-custom-select select option{padding-left:2rem;padding-right:2rem;} .ss-custom-select select::-ms-expand{display:none;} .ss-custom-select::after{content:'\f0d7';font-family:'FontAwesome'; position:absolute;top:50%;right:1.5rem;margin-top:-10px;bottom:auto;width:20px;height:20px;line-height:20px;font-size:18px;text-align:center;pointer-events:none;color:#252525;} /* IE9 and below */ .oldie .ss-custom-select::after{display:none;} input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus, input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{color:#000000;} label, legend{margin-bottom:.6rem;font-style:italic;font-size:1.33rem; line-height: 1.72; margin-bottom:0.7rem;display:block; font-weight:700 !important;text-shadow:0px 1px 1px rgba(138, 134, 84, 0.32);font-family:Georgia, serif,'FontAwesome';} label, legend{margin-bottom: 0.27rem ;font-style: italic; font-size: 1.2rem; letter-spacing: 0.6px; color: rgb(134 136 146); line-height: 1.4; display: block; box-shadow: none; font-weight: 700 !important; text-shadow: 0px 1px 1px rgb(138 134 84 / 32%); font-family: Georgia, serif ,'FontAwesome';} input[type="checkbox"],input[type="radio"]{display:inline;} label > .label-text{display:inline-block;margin-left:1rem;font-family:"montserrat-regular", sans-serif,'FontAwesome';line-height:inherit;} label > input[type="checkbox"],label > input[type="radio"]{margin:0;position:relative;top:.15rem;} ::-webkit-input-placeholder{color:#cecece;} :-moz-placeholder{color:#cecece;/* Firefox 18- */} ::-moz-placeholder{color:#cecece;/* Firefox 19+ */} :-ms-input-placeholder{color:#cecece;} .placeholder{color:#cecece !important;} ::placeholder{-webkit-text-security:none;color:darkGray;pointer-events:none !important;} input::placeholder, isindex::placeholder{white-space:pre;word-wrap:normal;overflow:hidden;} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:none;-webkit-text-fill-color:#000033;/* fm was yellow #fabc5a;*/ transition:background-color 5000s ease-in-out 0s;} .btnff {background: #eee; margin-left: 4px; color: rgb(72 157 183 / 73%);} .button,a.button,button,input[type="submit"],input[type="reset"],input[type="button"]{ /*font:16px/30px 'opensans-bold', sans-serif;*/ background:rgb(94 121 120 / 56%); display:inline-block; text-decoration:none;letter-spacing:0;color:#fff; /*padding:12px 20px; */ margin-bottom:18px;border:none;cursor:pointer;height:auto;box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;} button.full-width, .button.full-width{width:100%;margin-right:0;} button.medium, .button.medium{height:5.7rem !important;line-height:5.7rem !important;padding:0 1.8rem !important;} button.large, .button.large{height:6rem !important;line-height:6rem !important;padding:0rem 3rem !important;} button.stroke, .button.stroke{background:transparent !important;border:3px solid #313131;line-height:4.8rem;color:#2D7991;} button.stroke.medium, .button.stroke.medium{line-height:5.1rem !important;} button.stroke.large, .button.stroke.large{line-height:5.4rem !important;} button.stroke:hover, .button.stroke:hover{border:3px solid #2D7991;color:#2D7991;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} .fa2{ padding-left: 11px !important; padding-right: 6px !important; font-size: 12px !important;} .fa3{ padding-left: 11px !important; padding-right: 6px !important; font-size: 13px !important;} .fa4{ padding-left: 11px !important; padding-right: 6px !important; font-size: 14px !important;} header{width:100%;height:auto;position:absolute;/*background:#161415 url(../images/header-background.jpg) no-repeat top center;*/ left:0;top:0;z-index:10;} header .row{height:auto;max-width:1300px;position:relative;} header .header-logo{position:absolute;left:32px;top:23px;/* fm was 42px */ -moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;} header .header-logo a{display:block;margin:0;padding:0;outline:0;border:none;width:57px;height:27px;background:url("https://www.mindtemplates.com/images/falogo.jpg") no-repeat center;background-size:57px 27px;font:0/0 a;text-shadow:none;color:transparent;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} #header-menu-trigger{display:block;position:fixed;right:6px;top:7px;color:#cecece;} @media screen and (min-width:600px){#header-menu-trigger{right:1.18%;}} #header-menu-trigger.opaque{background-color:#000000;background-color:transparent;/* behind icon was black FM */} #header-menu-trigger.opaque .header-menu-text{background-color:#000000;background-color:transparent;/* behind text was black FM */} #header-menu-trigger:hover, #header-menu-trigger:focus{color:#FFFFFF; box-shadow:6px 5px 25px 2px rgba(221, 221, 221, 0.34); /* hovering over the menu burger */} #menu-nav-wrap{color:#000000;background:#ffffff; font-size:1.2rem;line-height:1.9; padding: 3.6rem 2.5rem;height:100vh;width:211px;position:fixed;right:0;top:0;visibility:hidden;overflow-y:auto;z-index:9999;box-shadow:6px 4px 3px 5px #EEE, 1px 3px 13px 3px rgba(136, 136, 136, 0.458); -webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} #menu-nav-wrap a:hover, #menu-nav-wrap a:focus, #menu-nav-wrap a:active{color:white;font-weight:bold;/* fm new */} #menu-nav-wrap h3{color:white;font-family:"montserrat-regular", sans-serif,'FontAwesome';font-size:2rem;line-height:0.5;margin-bottom:1.5rem;} #menu-nav-wrap .nav-list{font-family:"montserrat-regular", sans-serif,'FontAwesome';margin:1.6rem 0 1.5rem 0;padding:0 0 1.8rem 0;list-style:none;line-height:3.6rem;} #menu-nav-wrap .nav-list li{padding-left:0;border-bottom:1px dotted rgba(255, 255, 255, 0.03);line-height:2.8rem;font-weight:600;list-style-type:circle;} #menu-nav-wrap .nav-list li:first-child{border-top:1px dotted rgba(255, 255, 255, 0.03);} #menu-nav-wrap .nav-list li a{ color:#07617d; display:block; padding-left: 4px; font-size: 11px; letter-spacing: 1px;} #menu-nav-wrap .nav-list li a:hover, #menu-nav-wrap .nav-list li a:focus{color:#cecece ;/*white;*/} #menu-nav-wrap .header-social-list{list-style:none;display:inline-block;margin:0;font-size:2.1rem;} #menu-nav-wrap .header-social-list li{margin-right:12px;padding-left:0;display:inline-block;} #menu-nav-wrap .header-social-list li a{color:#1D6E88;/* menu items color fm was color:rgba(255, 255, 255, 0.15);*/} #menu-nav-wrap .header-social-list li a:hover, #menu-nav-wrap .header-social-list li a:focus{color:white;} #menu-nav-wrap .header-social-list li:last-child{margin:0;} #menu-nav-wrap .close-button{display:block;height:30px;width:30px;border-radius:3px;position:absolute;top:12px;right:7px;font:0/0 a;text-shadow:none;color:transparent;} #menu-nav-wrap .close-button span::before, #menu-nav-wrap .close-button span::after{content:"";display:block;height:2px;width:12px;background-color:#f00;position:absolute;top:50%;left:9px;margin-top:-1px;} #menu-nav-wrap .close-button span::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} #menu-nav-wrap .close-button span::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} #menu-nav-wrap .close-buttonx{} #menu-nav-wrap .close-buttonx span::before, #menu-nav-wrap .close-buttonx span::after{content:"";display:block;height:2px;width:12px;background-color:#f00;position:absolute;top:50%;left:9px;margin-top:-1px;} #menu-nav-wrap .close-buttonx span::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} #menu-nav-wrap .close-buttonx span::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} #menu-nav-wrap .sponsor-text{font-family:"librebaskerville-regular", serif,'FontAwesome';font-size:1.4rem;line-height:3rem;} #menu-nav-wrap .sponsor-text span{color:rgba(255, 255, 255, 0.5);} /* menu is open */ .menu-is-open #menu-nav-wrap{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-overflow-scrolling:touch;} @media only screen and (max-width:768px){header .header-logo a{width:51px;height:16px; background-size:51px 24px;}} #home{width:100%;height:100%;background-color:transparent; background-repeat:no-repeat;background-position:center 30%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-attachment:fixed;min-height:804px;position:relative;8);} #home .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background-color:rgba(84, 112, 123, 0.55);} .scrolldown{position:absolute;bottom:120px; right:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right top 0;-ms-transform-origin:right top 0;transform-origin:right top 0;float:right;} .scrolldown i{padding-left:9px;} .scrolldown a:hover, .scrolldown a:focus, .scrolldown a:active{color:#151515 !important;} html[data-useragent*='MSIE 10.0'] .scrolldown,.oldie .scrolldown{display:none;} .scroll-icon{display:inline-block;font-family:"montserrat-bold", sans-serif,'FontAwesome';font-size:1.4rem;text-transform:uppercase;letter-spacing:.3rem;color:#cecece;!important;/* FM was color:#FFFFFF !important;*/ background:transparent;position:relative;top:36px;right:42px;-webkit-animation:animate-it 3s ease infinite;animation:animate-it 3s ease infinite;} /* vertical animation */ @-webkit-keyframes animate-it{0%, 60%, 80%, 100%{-webkit-transform:translateX(0);}20%{-webkit-transform:translateX(-5px);}40%{-webkit-transform:translateX(20px);}} @keyframes animate-it{0%, 60%, 80%, 100%{-webkit-transform:translateX(0);}20%{-webkit-transform:translateX(-5px);}40%{-webkit-transform:translateX(20px);}} .genericForm form{margin-top:0;margin-bottom:3rem; text-align: left;} .genericForm form .form-field{position:relative;} .genericForm form .form-field:before, .genericForm form .form-field:after{content:"";display:table;} .genericForm form .form-field:after{clear:both;} .genericForm form .form-field label{font-family:"montserrat-bold", sans-serif,'FontAwesome';font-size:1rem;line-height:1.4;position:absolute;bottom:1.5rem;right:0;text-transform:uppercase;letter-spacing:.05rem;padding:.6rem 2rem .6rem 2rem;margin:0;color:#000000;background:#ebfaff;border-radius:3px;} .genericForm form .form-field label::after{position:absolute;right:15px;top:1px;margin-top:-6px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #2D7991;content:"";} .genericForm form ::-webkit-input-placeholder{color:#bac2d3;} .genericForm form :-moz-placeholder{color:#bac2d3;} .genericForm form ::-moz-placeholder{color:#bac2d3;} .genericForm form :-ms-input-placeholder{color:#bac2d3;} .genericForm form .placeholder{color:#bac2d3;} .genericForm input[type="text"],.genericForm input[type="password"],.genericForm input[type="email"],.genericForm textarea{width:100%;color:#000033;margin-bottom:2.2rem;} .genericForm input[type="text"]:focus,.genericForm input[type="password"]:focus,.genericForm input[type="email"]:focus{color:#000033;} .genericForm textarea{min-height:21rem;padding:1.8rem 2rem;} .genericForm textarea:focus{color:#000033;} .genericForm button.submitform{font-size:1.5rem;display:block;letter-spacing:.2rem;height:6rem;line-height:6rem;padding:0 3rem;width:100%;background:#2D7991;color:#ffffff;margin-top:.6rem;} .genericForm button.submitform:hover, .genericForm button.submitform:focus{background:#f89e0f;} #message-warning, #message-success{display:none;background:#000000;padding:3rem;margin-bottom:3.6rem;width:100%;} #message-warning{color:#D32B2E;} #message-success{color:#2D7991;} #message-warning i,#message-success i{margin-right:10px;} .cf:before,.cf:after{content:" ";display:table;} .cf:after{clear:both;} /* 2. Misc ------------ */ .remove-bottom{margin-bottom:0 !important;} .half-bottom{margin-bottom:12px !important;} .add-bottom{margin-bottom:24px !important;} .no-border{border:none;} .text-center{text-align:center !important;} .text-left{text-align:left !important;} .text-right{text-align:right !important;} .pull-left{float:left !important;} .pull-right{float:right !important;} .align-center{ margin-left:auto !important; margin-right:auto !important; text-align:center !important; } /***tabook bits *****/ /* .active{color:#fff!important;}*/ /* EFFECTS ALL BTNS AND menu selects ...added then removed background-color:#cccccc */ .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;} .btn, .btn-link, .dropdown-item{font-weight:400;} .btn-group-xs>.btn, .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px;} .btn{display:inline-block;line-height:1.25;text-align:center;vertical-align:middle;user-select:none;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:initial;transition-property:all; font-size:1rem; /*margin-left:6px;margin-right:6px; padding-right:2.13rem;padding-left:2.13rem; */padding-top:0.85rem;border-top-left-radius:2px;padding-bottom:0.85rem; border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;margin-top:6px;margin-bottom:6px;word-wrap:break-word;color:color:#2d7991;font-weight:800;white-space:normal;} .btn .fa, .btn-floating, .picker__box, .product-table td, .switch label .lever{vertical-align:middle;} .btn-floating, .fcard .fcard-reveal .fcard-title, .fcard-wrapper .back .fcard-title, .dropdown-content li, .file-field span, .mdb-autocomplete-wrap li, input[type="range"], input[type="range"] + .thumb{cursor:pointer;} .btn, .pager li a{transition-duration:0.2s;transition-timing-function:ease-out;transition-delay:initial;transition-property:initial;} .btn, .btn-flat, .classic-tabs li a, footer.page-footer .title{text-transform:uppercase;} .btn:hover{color:#66e2d2;font-weight:700;}} .btn-floating.btn-small, .btn-floating.wishlist, .card .card-share .social-reveal .btn-floating{height:32px;width:25px;line-height:0;} .btn.focus, .btn:focus{outline-color:initial;outline-style:initial;outline-width:0px;box-shadow:rgba(2, 117, 216, 0.247059) 0px 0px 0px 2px;} .btn.disabled, .btn:disabled{cursor:not-allowed;opacity:0.65;} .btn.active, .btn:active{background-image:none;} .btn-floating, .btn-floating i{display:inline-block;line-height:37px;color:rgb(255, 255, 255);} .btn-floating{position:relative;overflow-x:hidden;overflow-y:hidden;z-index:1;width:37px;height:37px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;background-color:rgb(170, 102, 204);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;transition-duration:0.3s;transition-timing-function:initial;transition-delay:initial;transition-property:initial;margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px;} .btn-floating::before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;} .fcard .btn-action{margin-top:-23px;margin-right:20px;margin-bottom:-23px;margin-left:auto;background-color:rgb(75, 81, 93);height:47px;width:47px;line-height:0;} .btn-floating i{width:inherit;text-align:center;font-size:1.6rem;} .fcard .btn-action .fa, .card .btn-action .material-icons{font-size:18px;margin-top:5px;} .btn-label{position:relative;left:-12px;display:inline-block;padding:6px 12px;background:rgba(0,0,0,0.15);border-radius:3px 0 0 3px;} /* add a box around the icon */ .btn-labeled{padding-top:0;padding-bottom:0;} /* smaller btns */ .btn-primary a, a:visited{color:#313131;} .btn-primary{color:rgb(255, 255, 255);background-color:rgb(66, 133, 244);border-top-color:rgb(2, 117, 216);border-right-color:rgb(2, 117, 216);border-bottom-color:rgb(2, 117, 216);border-left-color:rgb(2, 117, 216);background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat-x:initial;background-repeat-y:initial;background-attachment:initial;background-origin:initial;background-clip:initial;} .btn-primary:hover{color:rgb(255, 255, 255);border-top-color:rgb(1, 84, 155);border-right-color:rgb(1, 84, 155);border-bottom-color:rgb(1, 84, 155);border-left-color:rgb(1, 84, 155);box-shadow:rgba(2, 117, 216, 0.498039) 0px 0px 0px 2px;} .btn-primary.focus, .btn-primary:focus{box-shadow:rgba(2, 117, 216, 0.498039) 0px 0px 0px 2px;} .btn-primary.disabled, .btn-primary:disabled{background-color:rgb(2, 117, 216);border-top-color:rgb(2, 117, 216);border-right-color:rgb(2, 117, 216);border-bottom-color:rgb(2, 117, 216);border-left-color:rgb(2, 117, 216);} #toast-container > div, .author-box, .badge, .btn, .btn-floating, .card, .card-cascade-2 .card-block, .card-cascade.wider .card-block, .card-wrapper .back, .card-wrapper .front, .cascading-media .view, .chip, .dropdown-content, .dropdown-menu, .jumbotron, .list-group, .navbar, .navbar .nav-item .dropdown-menu.dropdown a:active, .navbar .nav-item .dropdown-menu.dropdown a:focus, .navbar .nav-item .dropdown-menu.dropdown a:hover, .pager li a, .pagination .active .page-link, .popover, .pricing-card .price .version, .section-blog-fw .view, .side-nav, .social-list, .z-depth-1{box-shadow:rgba(0, 0, 0, 0.156863) 0px 2px 5px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 10px 0px;} /* - navigation - (_layout.css) -------------------------- */ .triggers{ position:absolute; right:135px; top:18px;} .triggers .search-trigger{ display:inline-block; font-size:17px; color:#000000;} .triggers .menu-toggle{ display:none;} .triggers .search-trigger{position:absolute;top:50%;right:45px;font-size:21px;margin-top:5px;display:block;height:3rem;line-height:3rem;width:2.6rem;text-align:left;} /* responsive:* triggers--------- */ @media only screen and (max-width:768px){.triggers{ right:40px; top:12px; }} @media only screen and (max-width:600px){.triggers{ right:30px; }} @media only screen and (max-width:400px){.triggers{ right:20px; }} .SectionRow{ padding:16px;margin:1em auto; box-shadow:6px 6px 20px 0px rgba(0,0,0,0.6), 2px 8px 9px 0px #dce1e4, inset -12px -11px 60px 0px #c1c1c1; background-color:transparent;text-align:center;line-height:2rem;font-size:50%;} .SectionRow p{margin:0 auto 0.8em;font-size:100%;} .SectionRow h1{ text-align:center; line-height:1em;color:#d40;font-size:1.3em;} .SectionRow h4{ text-align:center; line-height:1em;font-size:0.8rem;color:#cecece;} .SectionRow a{ text-align:center; line-height:1em;color:#ffffff;font-weight:bolder;font-size:1.3rem;font-weight:400;} .f23container{ margin:1em auto;position:relative;font-size:calc(2vmin + 1px);box-shadow:0 rgba(0, 0, 0, 0.3); font-weight:500;text-align:center;font-family:'Raleway', sans-serif ,'FontAwesome';} .fhead{font-family:"montserrat-bold", sans-serif ,'FontAwesome';font-size:1.0rem;line-height:1.667;color:#92a0a5;text-transform:none;letter-spacing:0;padding:0px 0px 5px 2px;position:relative;} /* tab */ @media (max-width:680px){.fhead{font-size:7px;}} /* mobile */ @media (max-width:480px){.fhead{font-size:8px;}} .fhead2{display:flex; margin-top: -3px !important; right:8px;float:right;} h9{font-weight:bolder;font-size:9px !important;font-weight:700;line-height:1.0; color:#a8abb7;letter-spacing:0.021em;text-shadow:0px 0px 1px rgba(5, 6, 28, 0.44) !important;} h12{font-weight:bolder;font-size:1.2rem;font-weight:700;line-height:1.0; color:#7d0404;text-shadow:1px 1px 2px rgb(5 6 28 / 20%);} h12 i{font-weight:bolder;font-size:1.2rem;font-weight:700;line-height:1.0; color:#07617d;text-shadow:1px 1px 2px rgb(5 6 28 / 20%);} h13{font-weight:bolder;font-size:1.2rem;font-weight:700;line-height:1.0; color:#3b4346;} h14{font-weight:bolder;font-size:1.42rem;font-weight:700;line-height:1.0; color:##7d8298;letter-spacing:0.021em;} .flabel{font-weight:bolder;font-size:1.2rem;font-weight:700;line-height:1.0;color:#1c5ba9 !important;color:#7d8298;letter-spacing:0.021em; padding-left: 6px; text-align: left;} h15{font-size:1.142rem;line-height: 23px;;color:#a8abb7;letter-spacing:0.021em;text-shadow:none;} h10{font-weight:bolder;font-size:1.3rem;font-weight:400;line-height:1.5;} @media (max-width:480px){h10{font-size:11px;}} h8{font-size:1.5rem;margin-bottom:.5rem;margin-top:1rem;font-family:inherit;font-weight:500;line-height:1.41;color:#024959 !important;display:block;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:bold;} h7{font-size:1.3rem;margin-bottom:.5rem;margin-top:1rem;color:#024959 !important;display:block;-webkit-margin-start:0px;-webkit-margin-end:0px;text-shadow:0px 0px 1px rgba(5, 6, 28, 0.44);} h17{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem;word-break:break-all;color:#024959 !important;display:inline-flex;line-height:14px;-webkit-margin-start:30px;-webkit-margin-end:0px;text-shadow: 0px 0px 1px rgb(5 6 28 / 37%);} h18{font-size:2.0rem; white-space: pre-wrap; font-weight:600;margin-bottom:2.5rem;margin-top:3rem;word-break:break-all;color:#024959 !important;display: flex; line-height:20px; justify-content: space-around; text-shadow: 0px 0px 2px rgb(5 6 28 / 37%);} h19{font-size:1.14rem; white-space: pre-wrap; letter-spacing: 1px; margin-bottom:2.5rem;margin-top:1rem;word-break:break-all;color: #857e7e !important;display: flex;line-height:1.6; justify-content: space-around; text-shadow: 0px 0px 1px rgb(51 51 51 / 41%);} RD,.RD{font-size:1.3rem;margin-bottom:.5rem;margin-top:1rem;color:red !important;-webkit-margin-start:0px;-webkit-margin-end:0px;text-shadow:0px 0px 1px rgba(5, 6, 28, 0.44);} GR,.GR{font-size:1.3rem;margin-bottom:.5rem;margin-top:1rem;color:green !important;-webkit-margin-start:0px;-webkit-margin-end:0px;text-shadow:0px 0px 1px rgba(5, 6, 28, 0.44);} YL,.YL{font-size:1.3rem;margin-bottom:.5rem;margin-top:1rem;color:yellow !important;-webkit-margin-start:0px;-webkit-margin-end:0px;text-shadow:0px 0px 1px rgba(5, 6, 28, 0.44);} BL,.BL{font-size:1.3rem;margin-bottom:.5rem;margin-top:1rem;color:blue !important;-webkit-margin-start:0px;-webkit-margin-end:0px;text-shadow:0px 0px 1px rgba(5, 6, 28, 0.44);} LGT, .LGT { font-size: 1.3rem; margin-bottom: 1.5rem; margin-top: 1rem; color: rgb(0 109 143 / 8%) !important; -webkit-margin-start: 0px; -webkit-margin-end: 0px; text-shadow: 0px 0px 1px rgb(5 6 28 / 44%);} /* header centre with line either side *****/ h6{font-family:Alegreya, serif;font:1.2em "Alegreya Sans", sans-serif ,'FontAwesome';text-align:center;display:grid;margin-bottom:13px;grid-template-columns:1fr auto 1fr;grid-gap:20px;} @supports (display:grid){h6:before, h6:after{content:"";align-self:center;border-top:1px solid #999;}} .shdw-img{display:block;max-width:100%;height:auto;box-shadow:4px 6px 13px 0px rgba(0,0,0,.18), 7px 6px 13px 0 rgba(0,0,0,.15);} .shdw-img-sml{box-shadow:0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);} .centre-img_avt{ /* white border inside brick */ width:90%; padding-right:30%; border-left-width:0px; padding-left:30%; border-top-width:0px; border-bottom-width:0px; margin:.5em auto; } .ffloat-right{float:right;padding:10px;margin:0 0 4px 0px;background:transparent;} .ffloat-left{float:left;padding:10px;margin:0 0 4px 0px;background:transparent;} .box{width:40%;height:200px;float:left;background-color:white;margin:25px 15px;border-radius:5px;} .shadow3:before, .shadow3:after{content:"";position:absolute;bottom:0;top:2px;left:15px;right:15px;z-index:-1;border-radius:100px/30px;-webkit-box-shadow:0 0 30px 2px #479F41; -moz-box-shadow:0 0 30px 2px #479F41;box-shadow:0 0 30px 2px #479F41;} .box3{background-color:#9EEBA1;} .shadow1{position:relative;} .shadow1{box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;} #flnk a{display:block;text-decoration:none;padding:5px 10px 5px 10px;background-color:#ddd;width:170px;text-align:center;border:4px double #ddd;} #flnk a span{display:block;} #flnk a span.title{color:#fff;padding-bottom:5px;border-bottom:1px solid #fff;} #flnk a:hover{background-color:#fff;border:4px double #ddd;} #flnk a:hover span.title{color:#333;border-bottom:1px solid #ddd;text-transform:uppercase;} #flnk a span.text{color:#999;font-size:12px;letter-spacing:0px;visibility:hidden} #flnk a:hover span.text{visibility:visible;} #rssOutput{width:100%;min-height:700px;background-color:beige;} /* fm-section with fm-text */ #fm-section{background-color:transparent;overflow:hidden;} .fm-text{ color:#737E8C;text-align:center;width:85%;margin:156px auto 66px auto;/* margin-top:120px;margin-bottom:48px;*/} .fm-text h2{font:56px/78px montserrat-regular, Sans-serif;color:#fff;text-shadow:0px 1px 5px rgba(50, 50, 50, .5);padding:0;margin:0;} .fm-text h2 span, .fm-text a{color:#11ABB0;} .fm-text p{font:17px/36px opensans-light, sans-serif;text-shadow:0px 1px 2px rgba(0, 0, 0, .3);padding:0;margin:18px 10% 0;} @media only screen and (max-width:460px){.fm-text{margin-top:108px;margin-bottom:36px;} .fm-text h2{font:32px/42px montserrat-regular, sans-serif;} .fm-text p{font:12px/24px opensans-regular, sans-serif;margin-top:24px;}} #fmabout{position:relative;/*padding:2rem;*/padding-top:1rem;padding-bottom:1rem;background-color:transparent; } #fmabout .fmabout-wrap{max-width:850px;text-align:center;padding:1rem 0 2rem;} #fmabout ul{list-style:disc;margin-left:44px;} #fmabout .lead{font-family:"librebaskerville-bold", serif ,'FontAwesome';font-size:1.6rem;line-height:1.8;color:#2e383f;} #fmabout .small-lead{font-family:"librebaskerville-bold", serif ,'FontAwesome';font-size:1.3rem;line-height:inherit;color:#2e383f;r:1rem;text-align:left;padding:1rem 0 1rem;} /** Social Button CSS **/ .share-btn{display:inline-block;color:#11ABB0;/*FM*/ /* FM was #FFFFFF;*/border:none;padding:0.5em;width:2em;box-shadow:0 2px 0 0 rgba(0,0,0,0.2);outline:none;text-align:center;} .share-btn:hover{color:#eeeeee;} .share-btn:active{position:relative;top:2px;box-shadow:none;color:#F7F7F7;/* fm was e2e2e2;*/outline:none;} .share-btn.twitter{background:#55acee;} .share-btn.google-plus{background:#dd4b39;} .share-btn.facebook{background:#3B5998;} .share-btn.stumbleupon{background:#EB4823;} .share-btn.reddit{background:#ff5700;} .share-btn.linkedin{background:#4875B4;} .share-btn.email{background:#444444;} .share-btn.print{background:#ff5700;}/* fm */