/* Theme Name: Sign Devil 2022 */ @font-face { font-family: 'FoundrySterling'; src: url('/fonts/FoundrySterling-Medium.eot'); src: url('/fonts/FoundrySterling-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/FoundrySterling-Medium.woff2') format('woff2'), url('/fonts/FoundrySterling-Medium.woff') format('woff'), url('/fonts/FoundrySterling-Medium.ttf') format('truetype'), url('/fonts/FoundrySterling-Medium.svg#FoundrySterling-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'FoundrySterling-Book'; src: url('/fonts/FoundrySterling-Book.eot'); src: url('/fonts/FoundrySterling-Book.eot?#iefix') format('embedded-opentype'), url('/fonts/FoundrySterling-Book.woff2') format('woff2'), url('/fonts/FoundrySterling-Book.woff') format('woff'), url('/fonts/FoundrySterling-Book.ttf') format('truetype'), url('/fonts/FoundrySterling-Book.svg#FoundrySterling-Book') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } body, div, h1, h2, h3, h4, ul, li {margin: 0px; padding: 0px; font-family: 'Roboto', 'Ubuntu', sans-serif; font-weight: 300;} #fancybox-title {font-family: 'Roboto', 'Ubuntu', sans-serif !important; font-weight: 400;} body {background-color: #000000; background-image: url('/images/homebackground.jpg'); background-repeat: no-repeat; height: auto; background-position: center top;} div {float: left;} .centered {float:none; margin-left: auto; margin-right:auto; width: 1903px;} .casestudybackground {background-image: url('/images/casebackground.jpg'); background-repeat: no-repeat; background-position: middle; background-position: center top;} .hidden {display: none; height: 0px; visibility: hidden; line-height: 0px; opacity: 0;} .mobilemenu {display: none; visibility: hidden; line-height: 0px; height: 0px;} #div_mobilemenuitems {position: absolute; width: 100%; z-index: 100; left: 0px; margin-top: -66px;} #div_mobilemenuitems ul {width: 100%;} #div_mobilemenuitems li {width: 100%; text-align: center; background-color: #3D3E40; color: #ffffff; list-style: none; border-bottom: 1px solid #4B4C4E;} #div_mobilemenuitems a {color: #ffffff; display: block; line-height: 40px;} a {text-decoration: none;} #div_header {width: 100%;} #div_topleftrededge {float: left;} #div_toprightedge {float: right;} #div_logocontainer {width: 45vw; max-width: 1150px; margin-top: 59px; margin-left: 43px;} #div_mainmenu {width: 80%; margin-left: 50px; margin-top: -10px; font-size: 25.7px; letter-spacing: 5.9px;} #div_mainmenu li {list-style: none; display: inline; padding-right: 71px; font-weight: bold; color: #ffffff; float: left;} #div_maintitle {width: 100%; margin-top: 2vw;} #div_maintitle div {font-family: 'Roboto', 'Ubuntu', sans-serif !important; font-weight:400;} #div_homepagemaintext {border-bottom: 4px solid #950d11; width: 87%;} #div_tophometext {margin-left: 147px; font-size: 50px; letter-spacing: 5px; color: #ffffff;} #div_bottomhometext {width: 100%; font-size: 100px; letter-spacing: 9px; margin-left: 147px; margin-top: 0px; color: #ffffff;} .fancybox-caption__body {width: 100% !important; text-align: center !important;} @media screen and (max-width: 2580px) { #div_mainmenu {font-size: 1vw; letter-spacing: 0.23vw;} #div_mainmenu li {padding-right: 2.75vw;} #div_tophometext {font-size: 2vw;} #div_bottomhometext {font-size: 4vw;} } @media screen and (max-width: 1700px) { #div_maintitle {width: 100%; margin-top: -20px;} } #div_mainmenu a {color: #ffffff;} #div_mainmenu .submenu {position: absolute; margin-left: 0px; margin-left: -20px; } #div_mainmenu .submenu li {float: none; background-color: #6e838f; padding: 0px;} #div_mainmenu .submenu li a {line-height: 50px; vertical-align: middle; display: block; padding-left: 20px; padding-right: 40px; background-color: #000000;} #div_mainmenu .submenu li a:hover {color: #950d11;} #div_mobilmenuicons {width: 60px; float: right; margin-right: 40px; margin-top: -146px;} .lightback li {background-color: #630102 !important;} .lightback li a {color: #ffffff !important;} #div_hometextbodycontainer {width: 100%; margin-top: 170px;} #div_hometextbody {margin-left: 14%; margin-right: 17%; text-align: center; color: #c3c3c3 !important; margin-top: 115px; font-size: 20px;} #div_workimagescontainer {width: 100%; margin-top: 60px; margin-bottom: 60px;} #div_homepicsmover {width: calc(100% - 22%); margin-left: 11%; margin-right: 11%;} .workimage {width: 435px; padding-right: 59px;} #div_footer {width: 100%;} #div_greybackground {background-image: url('/images/footer-backdrop1.png'); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 273px;} #div_redcorner {position: relative; top: 46px; width: 37%; height: 226px; background-image: url('/images/corner-bottom-left.png'); background-repeat: no-repeat;} #div_addressetc {color: #a9a9a9; position: relative; top: 128px; left: 245px; font-size: 19px;} #div_footercopyrightline {margin-left: 300px; float: right;} #div_footercopyrightline li {list-style: none; display: inline; font-weight: bold; color: #a9a9a9; border-right: 2px solid #a9a9a9; padding-right: 30px; padding-left: 15px;} #div_footercopyrightline a {color: #a9a9a9;} #div_boxertext {margin-top: 155px; margin-left: 40px; font-size: 19px; color: #bba3a3;} #div_boxertext a {color: #bba3a3;} #div_casestudytitle {width: 80%; height: 100px; color: #ffffff; margin-bottom: 100px;} #div_casetitleborder {width: 100%; border-bottom: 4px solid #950d11;} #div_casenumtext {width: 100%; font-size: 2.6vw; font-weight: bold; margin-left: 147px;} #div_casenametext {width: 100%; font-size: 2.6vw; font-weight: bold; margin-left: 147px;} #div_casemaintextandimage {width: calc(100% - 14%); margin-left: 7%; margin-right: 7%; color: #cdcdcd;} #div_maincasetext {width: 47%;} #div_casemainpic {width: 50%; float: right;} #div_mainpictext {background-color: #666666; height: 75px; line-height: 75px; text-align: middle; width: 100%; margin-top: -7px; font-size: 22px;} #div_mainpictxtmargin {margin-left: 9px;} #div_casegallery {width: 100%; background-image: url('/images/caseimagesbackground.png'); background-size: auto 100%; background-repeat: repeat-x; margin-top: 70px; margin-bottom: 70px;} #div_casegalleryimages {width: calc(86% - 0px); height: 445px; overflow: hidden;} .arrowwrapper {width: 7%; height: 445px;} #div_leftarrow {width: calc(100% - 0px); margin-right: 0x; height: 100%; display: flex; align-items: center;} #div_rightarrow {width: calc(100% - 0px); margin-left: 0px; height: 100%; display: flex; align-items: center;} .cgalimage {width: calc(25% - 15px); padding-right: 15px; height: 100%; display: flex; align-items: center; position: relative; cursor: pointer;} .bigarrow {width: 100%; cursor: pointer;} .pointer {cursor: pointer;} .otherpagecontentwrapper {width: calc(100% - 14%); margin-left: 7%; margin-right: 7%; color: #cdcdcd;} #div_mapandformwrapper {width: 100%;} #div_contactmap {width: 60%;} #div_contactustxt {width: 100%; font-size: 20px; margin-top: -55px;} #div_contactustxt a {color: #cdcdcd;} #div_contactusform {float: left; width: 40%; font-size: 20px; font-weight: bold;} #div_contactusform input {width: 80%;} #div_contactusform textarea {width: 80%;} #div_gallerytext {width: 100%;} .image-gallery {margin: 200px 0px 0px 0px !important; text-align: center !important;} .image-gallery li {width: 150px !important; height: 150px !important;} .image-gallery img {width: 100%; height: 150px;} #fancybox-title {font-size: 16px !important;} #fancybox-title-float-main {line-height: 26px !important; font-weight: normal !important;} @media screen and (max-width: 1903px) { .centered {width: 100%;} #div_homepagemaintext {width: 83%;} .workimage {padding-right: 51px;} #div_redcorner {height: 218px;} #div_casegalleryimages {height: 22vw;} .arrowwrapper {height: 22vw;} } @media screen and (max-width: 1880px) { .workimage {padding-right: 40px;} } @media screen and (max-width: 1856px) { .workimage {padding-right: 37px;} } @media screen and (max-width: 1845px) { #div_redcorner {height: 210px;} } @media screen and (max-width: 1835px) { .workimage {width: 30%;} } @media screen and (max-width: 1793px) { #div_redcorner {height: 200px;} } @media screen and (max-width: 1730px) { #div_mainmenu {margin-left: 50px;} #div_homepagemaintext {width: 90%;} #div_bottomhometext {width: 88%;} } @media screen and (max-width: 1716px) { #div_redcorner {height: 190px;} } @media screen and (max-width: 1689px) { #div_addressetc {left: 224px;} } @media screen and (max-width: 1670px) { #div_addressetc {font-size: 17px;} #div_footercopyrightline {margin-left: 258px;} } @media screen and (max-width: 1650px) { #div_redcorner {height: 180px;} #div_boxertext {margin-top: 143px; font-size: 17px;} } @media screen and (max-width: 1610px) { #div_bottomhometext {width: 89%;} } @media screen and (max-width: 1600px) { #div_toprightedge {width: 400px;} } @media screen and (max-width: 1584px) { #div_redcorner {width: 34%; height: 171px;} } @media screen and (max-width: 1545px) { .workimage {width: 29%;} #div_addressetc {left: 202px;} } @media screen and (max-width: 1540px) { #div_mainmenu {width: 79%;} } @media screen and (max-width: 1520px) { #div_mainmenu {margin-left: 50px;} } @media screen and (max-width: 1515px) { #div_redcorner {height: 159px;} #div_boxertext {margin-top: 120px;} } @media screen and (max-width: 1490px) { #div_mainpictext {font-size: 18px;} } @media screen and (max-width: 1470px) { #div_addressetc {left: 160px;} } @media screen and (max-width: 1430px) { #div_redcorner {height: 126px; top: 70px;} #div_boxertext {margin-left: 32px; margin-top: 93px;} } @media screen and (max-width: 1420px) { #div_mainmenu {width: 75%;} } @media screen and (max-width: 1400px) { #div_tophometext {letter-spacing: 6px;} #div_bottomhometext {margin-top: 0px;} } @media screen and (max-width: 1390px) { #div_addressetc {top: 110px; left: 110px; font-size: 16px;} #div_footercopyrightline {margin-left: 234px;} } @media screen and (max-width: 1375px) { #div_redcorner {top: 61px;} #div_contactustxt {font-size: 18px;} #div_contactusform {font-size: 18px;} } @media screen and (max-width: 1324px) { } @media screen and (max-width: 1312px) { #div_redcorner {height: 120px;} } @media screen and (max-width: 1308px) { } @media screen and (max-width: 1290px) { } @media screen and (max-width: 1270px) { #div_bottomhometext {letter-spacing: 15px;} } @media screen and (max-width: 1267px) { #div_redcorner {top: 54px;} } @media screen and (max-width: 1240px) { #div_footercopyrightline li {padding-right: 16px; padding-left: 9px;} #div_addressetc {top: 90px; left: 85px;} } @media screen and (max-width: 1224px) { #div_redcorner {height: 110px;} #div_boxertext {margin-left: 20px; margin-top: 82px; font-size: 16px;} } @media screen and (max-width: 1214px) { #div_maintitle {margin-top: -17px;} #div_mainpictext {font-size: 16px;} } @media screen and (max-width: 1200px) { #div_mainmenu {margin-left: 50px;} } @media screen and (max-width: 1190px) { .workimage {width: 28%;} #div_addressetc {font-size: 14px;} #div_mainmenu {display: none; height: 0px; visibility: hidden; line-height: 0px; opacity: 0;} .mobilemenu {display: inline; visibility: visible; line-height: auto; height: auto; width: 100%; float: left;} #div_toprightedge {width: 320px;} #div_logocontainer {margin-top: 24px; margin-left: 43px;} #div_topleftrededge {width: 50px;} #div_maintitle {margin-top: 50px;} #div_tophometext {margin-left: 100px;} #div_casenumtext {margin-left: 100px;} #div_casenametext {margin-left: 100px;} #div_bottomhometext {margin-left: 100px; width: 90%;} #div_addressetc {top: 55px;} #div_contactustxt {font-size: 17px;} #div_contactusform {font-size: 17px; width: 47%;} #div_contactusform input {width: 98%;} #div_contactusform textarea {width: 98%;} #div_contactmap {float: right; width: 50%; margin-top: 40px;} #div_contactmap iframe {height: 384px;} } @media screen and (max-width: 1164px) { } @media screen and (max-width: 1149px) { #div_redcorner {height: 102px;} #div_boxertext {margin-left: 12px; margin-top: 77px; font-size: 14px;} } @media screen and (max-width: 1140px) { #div_maintitle {margin-top: -38px;} #div_mainpictext {line-height: 30px;} } @media screen and (max-width: 1115px) { #div_tophometext {letter-spacing: 5px;} #div_bottomhometext {letter-spacing: 13px;} } @media screen and (max-width: 1094px) { #div_redcorner {top: 47px;} } @media screen and (max-width: 1070px) { #div_addressetc {width: 440px; top: 68px; left: 179px;} #div_footercopyrightline {width: 100%; margin-left: 0px;} #div_footercopyrightline li {padding-right: 5px; padding-left: 0px;} } @media screen and (max-width: 1055px) { } @media screen and (max-width: 1047px) { #div_redcorner {width: 29%;} } @media screen and (max-width: 1040px) { #div_redcorner {top: 38px;} } @media screen and (max-width: 1021px) { #div_maincasetext {width: 100%;} #div_casemainpic {width: 100%; float: left; margin-top: 20px;} #div_mainpictext {line-height: 45px; font-size: 21px;} #div_casenametext {font-size: 3.2vw;} #div_casenumtext {font-size: 3.2vw;} } @media screen and (max-width: 1000px) { } @media screen and (max-width: 976px) { #div_bottomhometext {width: 91%;} } @media screen and (max-width: 975px) { #div_addressetc {left: 152px; font-size: 13px;} #div_redcorner {width: 32%; top: 30px;} #div_boxertext {font-size: 14px;} } @media screen and (max-width: 970px) { #div_homepicsmover {text-align: center;} .workimage {padding-right: 10px; width: 47%;} .padbottomimage {margin-left: 185px; margin-top: 10px;} } @media screen and (max-width: 965px) { #div_bottomhometext {width: 94%;} } @media screen and (max-width: 960px) { #div_bottomhometext {letter-spacing: 11px;} } @media screen and (max-width: 933px) { .clear4 {display: none; height: 0px; visibility: hidden; line-height: 0px; opacity: 0;} #div_casegalleryimages {height: 28vw;} .cgalimage {width: calc(33.3% - 15px);} .arrowwrapper {height: 28vw;} } @media screen and (max-width: 928px) { #div_redcorner {top: 20px;} } @media screen and (max-width: 900px) { #div_hometextbody {margin-top: 35px; font-size: 18px;margin-left: 10%; margin-right: 10%;} } @media screen and (max-width: 890px) { #div_tophometext {letter-spacing: 3px;} #div_homepagemaintext {width: 93%;} } @media screen and (max-width: 886px) { #div_addressetc {left: 150px;} } @media screen and (max-width: 883px) { #div_addressetc {left: 145px;} } @media screen and (max-width: 879px) { } @media screen and (max-width: 875px) { #div_addressetc {left: 120px;} } @media screen and (max-width: 860px) { #div_addressetc {top: 45px;} #div_redcorner {top: 10px; width: 36%;} #div_addressetc {left: 88px;} } @media screen and (max-width: 850px) { .padbottomimage {margin-left: 157px;} #div_logocontainer {margin-left: 22px;} #div_tophometext {margin-left: 77px;} #div_casenumtext {margin-left: 77px;} #div_casenametext {margin-left: 77px;} #div_bottomhometext {margin-left: 77px;} } @media screen and (max-width: 847px) { #div_addressetc {left: 80px;} } @media screen and (max-width: 841px) { #div_bottomhometext {width: 95%;} } @media screen and (max-width: 830px) { #div_bottomhometext {letter-spacing: 7px;} #div_casenumtext {font-size: 4vw;} #div_casenametext {font-size: 4vw;} #div_greybackground {background-image: none; height: 108px; background-color: #1f1f1f;} #div_redcorner {background-image: none;} #div_addressetc {width: 60%; left: 27px; top: 23px;} #div_boxertext {margin-top: 56px; font-size: 13px;} #div_contactusform {margin-bottom: 20px; font-size: 16px;} #div_contactustxt {font-size: 16px;} } @media screen and (max-width: 790px) { #div_contactusform {width: 100%;} #div_contactmap {float: left; width: 100%; margin-bottom: 47px;} #div_contactusform input {width: 100%;} #div_contactusform textarea{width: 100%;} } @media screen and (max-width: 780px) { #div_mainpictext {line-height: 44px; font-size: 19px;} } @media screen and (max-width: 770px) { #div_tophometext {letter-spacing: 0px;} #div_bottomhometext {letter-spacing: 3px;} #div_hometextbody {margin-top: 0px;} } @media screen and (max-width: 769px) { } @media screen and (max-width: 760px) { .padbottomimage {margin-left: 134px;} #div_toprightedge {width: 240px;} } @media screen and (max-width: 745px) { } @media screen and (max-width: 715px) { #div_redcorner {top: -10px;} .clear3 {display: none; height: 0px; visibility: hidden; line-height: 0px; opacity: 0;} #div_casegalleryimages {height: 38vw;} .cgalimage {width: calc(50% - 15px);} .arrowwrapper {height: 38vw;} } @media screen and (max-width: 700px) { #div_logocontainer {margin-top: 22px;} #div_boxertext {margin-top: 73px;} #div_mainpictext {font-size: 17px; line-height: 27px;} } @media screen and (max-width: 670px) { .padbottomimage {margin-left: 123px;} } @media screen and (max-width: 667px) { #div_addressetc {left: 19px;} } @media screen and (max-width: 665px) { #div_addressetc {font-size: 12px;} } @media screen and (max-width: 629px) { #div_bottomhometext {width: 96%;} } @media screen and (max-width: 623px) { #div_tophometext {font-size: 20px;} #div_bottomhometext {font-size: 26px; margin-top: 0px;} } @media screen and (max-width: 607px) { } @media screen and (max-width: 600px) { #div_toprightedge {display: none;} #div_mobilmenuicons {width: 50px;} #div_hometextbody {font-size: 17px;} #div_boxertext {font-size: 12px; margin-top: 81px;} #div_casenumtext {font-size: 5vw;} #div_casenametext {font-size: 5vw;} #div_maincasetext {font-size: 83%;} #div_addressetc {width: 61%; top: 33px; font-size: 11px; left: 13px;} #fancybox-title {font-size: 14px !important;} } @media screen and (max-width: 555px) { #div_addressetc {left: -5px;} } @media screen and (max-width: 540px) { #div_logocontainer {margin-top: 23px;} .padbottomimage {margin-left: 98px;} #div_casenumtext {font-size: 28px;} #div_casenametext {font-size: 30px;} } @media screen and (max-width: 534px) { #div_bottomhometext {width: 97%;} } @media screen and (max-width: 528px) { #div_tophometext {width: 100%;} #div_bottomhometext {width: 100%;} } @media screen and (max-width: 513px) { #div_mainpictxtmargin {margin-left: 7px;} #div_mainpictext {font-size: 15px;} } @media screen and (max-width: 500px) { #div_logocontainer {margin-top: 18px;} #div_mobilmenuicons {margin-right: 30px;} #div_bottomhometext {letter-spacing: 0px;} #div_maintitle {margin-top: 0px; } #fancybox-title {font-size: 12px !important;} } @media screen and (max-width: 460px) { .padbottomimage {margin-left: 83px;} } @media screen and (max-width: 445px) { .padbottomimage {margin-left: 0px; margin-top: 0px;} .workimage {width: 100%;} } @media screen and (max-width: 440px) { #div_addressetc {font-size: 10px; top: 14px;} #div_casestudytitle {margin-bottom: 65px;} #div_boxertext {font-size: 10px;} #div_contactustxt {font-size: 15px;} #div_contactusform {font-size: 15px;} } @media screen and (max-width: 428px) { #div_boxertext {margin-top: 57px;} } @media screen and (max-width: 418px) { #div_casenumtext {font-size: 24px;} #div_casenametext {font-size: 26px;} } @media screen and (max-width: 411px) { #div_mainpictext {line-height: 23px; font-size: 14px;} } @media screen and (max-width: 400px) { #div_logocontainer {margin-top: 25px;} #div_mobilmenuicons {width: 40px; margin-right: 20px;} #div_redcorner {width: 25%;} #div_boxertext {font-size: 10px; margin-top: 40px;} #fancybox-title {font-size: 11px !important;} } @media screen and (max-width: 380px) { .clear2 {display: none; height: 0px; visibility: hidden; line-height: 0px; opacity: 0;} #div_addressetc {width: 68%;} } @media screen and (max-width: 340px) { #div_casenumtext {font-size: 23px;} #div_casenametext {font-size: 24px;} }