body {margin: 0 auto; font-family: 'open sans', sans-serif; font-size: 15px; line-height: 175%; color: #111111; } /*--*/ #tfi {max-width: 1366px; margin: 0 auto; border: solid 0px black;} /*----- Global -----*/ #tfi img{display:block;max-width:100%;} /*--*/ #tfi h1 {font-weight: 600;line-height:150%; font-size:50px; margin:25px 0 5px; padding:0; } #tfi h2 {font-weight: 600;line-height:150%; font-size:25px; margin:20px 0 5px; padding: 0; } #tfi h3 {font-weight: 600;line-height:150%; font-size:20px; margin:20px 0 5px; padding:0;} #tfi h4 {font-weight: 600;line-height:150%; font-size:16px; margin:10px 0 5px; padding:0;} #tfi h5 {font-weight: 600;line-height:150%; font-size:14px; margin:10px 0 5px; padding:0;} #tfi h6 {font-weight: 400;line-height:150%; font-size:12px; margin: 5px 0 5px; padding:0;} /*--*/ #tfi a {display:inline-block;color: #ff6b00;} #tfi a:hover {color: #111111;} #tfi a.btn{color: #fff; padding: 12px 28px; display:inline-block; background-color: #ff6b00; border: solid 1px #ff6b00; border-radius: 25px; text-decoration: none; font-weight: 500; transition:all 0.25s;line-height: 150%;} #tfi a.btn:hover{color: #e2383f; background-color: transparent; border: solid 1px #ff6b00; transition:all 0.25s;} /*--*/ #tfi ul, #tfi ol { margin: 0px 0 0px 0px; padding: 0; } #tfi ul li, #tfi ol li { margin: 0px 0 0 0px; padding: 0px 0 0 0px; line-height: 120%; } /*--*/ /*----- Header -----*/ #tfi #hdr{background:#fff;} #tfi #hdr .header-wrap { padding: 25px 4%; width: 92%;font-size:0;background:#fff;transition:padding 0.25s, width 0.25s;} #tfi #hdr #logo { width:25%; min-width: 250px; display: inline-block; vertical-align: middle; margin-bottom: 1px; } #tfi #hdr #logo a{ vertical-align:top;} #tfi #hdr #logo a img { display:block;width:100%;max-width:250px } /*----- Menu General -----*/ #tfi #nav-cont{display: inline-block; vertical-align: middle; width: 75%;} #tfi #nav-cont .wpMenuM1 ul li a {padding:4px 5px 2px;color: #111111;display: inline-block;text-decoration: none;transition:color 0.25s, border 0.25s;} #tfi #nav-cont .wpMenuM1 ul li a:hover {color: #ff6b00;transition:color 0.25s, border 0.25s;} #tfi #nav-cont .smallMenuIcon{display:none;} #tfi #nav-cont .wpSmallMenuM1{display:none;} /*----- Menu Level 1 ----*/ #tfi #nav-cont .wpMenuM1 {display: inline-block; vertical-align: top;width:100%;} #tfi #nav-cont .wpMenuM1 .menu{width:100%;z-index: 999; position: relative;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 {width:100%; font-size:0;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li {list-style: none;font-size:15px; display: inline-block; margin-right: 3.25%;vertical-align: middle;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li:last-child {margin-right: 0%;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li > a { margin: 0px;border-bottom: 2px solid transparent;vertical-align: middle;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li > a.active {color: #ff6b00; padding:4px 5px 2px;border-bottom: 2px solid #ff6b00;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li:hover > a {color: #ff6b00; padding:4px 5px 2px;border-bottom: 2px solid #ff6b00;} /*----- Menu Level 2 ----*/ #tfi #nav-cont .wpMenuM1 ul.lvl2{display:none; background-color:#fff;} #tfi #nav-cont .wpMenuM1 ul.lvl1 > li:hover > ul.lvl2{display:block;position:absolute; margin-left: -25px; padding: 45px 0px 12px;} #tfi #nav-cont .wpMenuM1 ul.lvl2 > li{list-style: none;} #tfi #nav-cont .wpMenuM1 ul.lvl2 > li > a{ width: auto; min-width: 62%;width:calc(100% - 60px); padding: 12px 30px;} /*----- Menu Level 3 ----*/ #tfi #nav-cont .wpMenuM1 ul.lvl3{display:none; background-color:#fff; position: relative;} #tfi #nav-cont .wpMenuM1 ul.lvl2 > li:hover > ul.lvl3{display:block; margin-left: 30px; } #tfi #nav-cont .wpMenuM1 ul.lvl2 > li > a:not(:only-child):after { content: ' \25b6 '; } #tfi #nav-cont .wpMenuM1 ul.lvl3 > li{list-style: none;} #tfi #nav-cont .wpMenuM1 ul.lvl3 > li > a{ width: auto; min-width: 62%;width:calc(100% - 60px); padding: 12px 30px;} #tfi #nav-cont .wpMenuM1 ul.lvl3 ul {display:none; background-color:#fff; position: relative;} /*----- Menu Sticky ----*/ #tfi #hdr.small .head-cnt{ background: #fff;position: fixed; z-index: 9999; width: 100%; top: 0; max-width: 1366px;} #tfi #hdr.small .head-cnt .header-wrap{padding:10px 4%;width:92%;transition:padding 0.25s, width 0.25s;} #tfi #hdr.small .head-cnt .header-wrap #logo{width:25%; min-width: 125px; transition:padding 0.25s, width 0.25s;} #tfi #hdr.small .head-cnt .header-wrap #logo a img{max-width:125px; transition:padding 0.25s, width 0.25s, min-width 0.25s, max-width 0.25s;} #tfi #hdr.small .head-cnt #nav-cont { } #tfi #hdr.small #nav-cont .wpMenuM1 ul.lvl1 > li:hover > ul.lvl2{ padding: 20px 0px 12px;} /*----- Footer -----*/ #tfi #ftr { margin:0px 4%; width: 92%; border-top:1px solid #111111;} #tfi.home-page #ftr { border-top:0px none transparent;}/*No border top for footer on homepage*/ #tfi #ftr #copyright {padding: 20px 0; display: inline-block; font-size: 13px; text-align:left;} #tfi #ftr #copyright p{margin:0px;line-height:140%;} #tfi #ftr #copyright p a{text-decoration:none;transition:all 0.25s;} #tfi #ftr #copyright p a:hover{text-decoration:underline;transition:all 0.25s;} #tfi #ftr #disclaimer {line-height: 76px; float:right;} #tfi #ftr #disclaimer ul {list-style: none; display: inline-block; margin:0px;} #tfi #ftr #disclaimer ul li{display:inline-block;font-size:13px;vertical-align:middle;} #tfi #ftr #disclaimer ul li:before{content:"|";padding:20px;} #tfi #ftr #disclaimer ul li:first-child:before{content:"";display:none;} #tfi #ftr #disclaimer ul li a{color:#111111; text-decoration:none;transition:all 0.25s;} #tfi #ftr #disclaimer ul li a:hover{color:#ff6b00; text-decoration: underline;transition:all 0.25s;} @media screen and (max-width: 1280px) { #tfi #hdr #logo {width:20%;min-width: 200px; } #tfi #hdr #logo a img {max-width:200px;} #tfi #nav-cont{width: 75%;margin-left: 5%;} #tfi #hdr.small .head-cnt .header-wrap #logo { width:20%;min-width: 200px;} #tfi #hdr.small #nav-cont { width: 75%; margin-left: 5%;} } @media screen and (max-width: 1152px) { #tfi a.btn{padding: 10px 20px;} #tfi #hdr .header-wrap { padding: 25px 3%; width: 94%;font-size:0;} #tfi #hdr.small .head-cnt .header-wrap{padding: 10px 3%;width: 94%;} #tfi #hdr #logo {width:17.5%;min-width:175px;} #tfi #hdr #logo a img {max-width:175px;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li{ font-size: 14px;margin-right: 3%;} #tfi #hdr.small .head-cnt .header-wrap #logo { width: 17.5%; min-width: 175px;} } @media screen and (max-width: 1024px) { #tfi #hdr .header-wrap { padding: 25px 2.5%; width: 95%;} #tfi #hdr.small .head-cnt .header-wrap{ padding: 10px 2.5%; width: 95%;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li{margin-right: 2.0%;} #tfi #nav-cont .wpMenuM1 ul.lvl2 > li > a{ width: calc(100% - 50px); padding: 12px 25px;} } @media screen and (max-width: 960px) { #tfi #hdr.small .head-cnt .header-wrap{ padding: 10px 1%; width: 98%;} #tfi #hdr .header-wrap { padding: 25px 1%; width: 98%;} #tfi #hdr.small .head-cnt .header-wrap #logo {width:15%;min-width:150px;} #tfi #hdr #logo {width:15%;min-width:150px; position: relative; z-index: 999;} #tfi #hdr #logo a img {max-width:150px;} #tfi #hdr.small .head-cnt .header-wrap #nav-cont {margin-left: 1.5%; width: 78%;} #tfi #nav-cont { margin-left: 1.5%; width: 78%; text-align: center;} #tfi #nav-cont .wpMenuM1 ul.lvl2{text-align:left;} #tfi #nav-cont .wpMenuM1 .menu{z-index:998;} #tfi #nav-cont .wpMenuM1 .menu ul.lvl1 > li { font-size: 13px;margin-right:0.5%; } #tfi #nav-cont .wpMenuM1 ul li a{padding: 4px 4px 2px;} #tfi #ftr #copyright { display: block; text-align: center; padding: 5px 0 20px;} #tfi #ftr #disclaimer{float:none;line-height: 135%;text-align:center; padding: 20px 0 0;} #tfi #ftr #disclaimer ul{display:block;} }