* { margin: 0; padding: 0; outline: 0; } body, html { height:100%; background:transparent; } body {font-size:16px; font-family: 'Overpass', sans-serif; font-weight:300; color:#40413e; line-height:1.8em; min-width:100%; overflow-x:hidden; } .shell { width:100%; margin:0 auto; } .header { padding-bottom:0px; position:fixed; background:url(../img/headerbg.png) top center; background-repeat:repeat-x; width:100%; height:237px; z-index:1000; -moz-transition:all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .header .shell { width:100%;} .header-top { height:72px; } a { text-decoration:none; -webkit-transition:color 0.25s ease-out; -moz-transition:color 0.45s ease-out; -ms-transition:color 0.45s ease-out; -o-transition:color 0.45s ease-out; transition: color 0.45s ease-out; color:#414141; } a:hover { text-decoration:none; -webkit-transition:color 0.25s ease-out; -moz-transition:color 0.45s ease-out; -ms-transition:color 0.45s ease-out; -o-transition:color 0.45s ease-out; transition: color 0.45s ease-out; color:#287ddd; } /* Header Scroll Movement */ .headeractive {!important; transition:background linear; height:193px; transform:translateY(-1px); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; -webkit-transform: translateY(-60px); transform: translateY(-60px);} /* Menu Scroll Movement */ .menuactive { !important; transition:background linear; height:35px; transform:translateY(0px);-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } /* Logo Scroll Movement */ .logoactive { !important; transition:background linear; height:35px; -webkit-transition: all 0.7s ease-out; -webkit-transform: scale(0.7) rotate(0.01deg) translateY(25px); transform: scale(0.7) rotate(0.01deg) translateY(25px); -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;} /* Contacthub Movement */ .contacthubactive { !important; transition:background linear; transform:translateY(60px); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;} /* ----- ACCORDIAN MENU (COMPUTER) ----- */ .accordion-menu { width: 100%; margin: 60px auto 20px; background: #fff; border-radius: 4px; list-style:none; } .accordion-menu li.open .dropdownlink { color: #287ddd; } .accordion-menu li.open .dropdownlink .fa-chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordion-menu li:last-child .dropdownlink { border-bottom: 0; } .dropdownlink { cursor: pointer; display: block; padding: 15px 15px 15px 45px; font-size: 18px; border-bottom: 1px solid #ccc; color: #212121; position: relative; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .dropdownlink i { position: absolute; top: 17px; left: 16px; } .dropdownlink .fa-chevron-down { right: 12px; left: auto; } .submenuItems { display: none; background:#CCC; padding:20px; } .submenuItems li { border-bottom: 1px solid #B6B6B6; list-style:none; padding:10px; } .submenuItems a { display: block; padding: 12px 12px 12px 15px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .submenuItems a:hover { background-color: #287ddd; color: #fff; } article, aside, details, footer, header, menu, nav, section { display: block; } input, textarea, select { font-size: 12px; font-family: arial, sans-serif; } textarea { overflow: auto; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .lists { margin-left:40px; } .listitem { padding-bottom:10px; } /* ----- Text (COMPUTER) ----- */ h1 { font-size:49px; font-family:'Overpass', sans-serif; font-weight:200; color:#ffffff; line-height:1.0; text-shadow:#000 2px 2px; } h1 a { font-size:49px; font-family: 'Overpass', sans-serif; font-weight:200; color:#ffffff; } h1 a:hover { font-size:49px; font-family: 'Overpass', sans-serif; font-weight:200; color:#ffffff; } h2 { font-size:25px; font-family:'Overpass', sans-serif; font-weight:400; color:#ffffff; line-height:1.4em; text-shadow:#000 2px 2px; } h2 a { font-size:25px; font-family: 'Overpass', sans-serif; font-weight:400; color:#ffffff; } h2 a:hover { font-size:25px; font-family: 'Overpass', sans-serif; font-weight:400; color:#ffffff; } h3 { font-size:14px; font-family:'Heebo', sans-serif; font-weight:400; color:#777777; line-height:1.2em; } h3 a { font-size:14px; font-family: 'Heebo', sans-serif; font-weight:400; color:#777777; } h3 a:hover { font-size:14px; font-family: 'Heebo', sans-serif; font-weight:400; color:#777777; } h4 { font-size:83px; font-family:'Pathway Gothic One', sans-serif; font-weight:700; color:#ffffff; line-height:1.4em; } h4 a { font-size:83px; font-family: 'Pathway Gothic One', sans-serif; font-weight:700; color:#ffffff; } h4 a:hover { font-size:83px; font-family: 'Pathway Gothic One', sans-serif; font-weight:700; color:#ffffff; } h5 { font-size:14px; font-family:'Overpass', sans-serif; font-weight:200; color:#40413e; line-height:1.4em; } h5 a { font-size:14px; font-family: 'Overpass', sans-serif; font-weight:200; color:#40413e; } h5 a:hover { font-size:14px; font-family: 'Overpass', sans-serif; font-weight:200; color:#287ddd; } h6 { font-size:15px; font-family:'Overpass', sans-serif; font-weight:800; color:#40413e; line-height:1.4em; } h6 a { font-size:15px; font-family: 'Overpass', sans-serif; font-weight:800; color:#40413e; } h6 a:hover { font-size:15px; font-family: 'Overpass', sans-serif; font-weight:800; color:#287ddd; } /* ----- Graphics (COMPUTER) ----- */ .entry {clear:both; padding:0px;} .entry img {max-width: 100%; display:block; margin-left:auto; margin-right:auto; padding-top:5px; padding-top:5px; padding-right:0px; padding-left:0px;} #logo {width:366px; height:auto; z-index:1000; margin-top:35px; margin-left:10px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #contactbutton{ display:none; visibility:hidden; } #headers { margin-top:0px; } #homepic { width:100%; height:auto; } #tagline1 { position:absolute; margin-top:-72px; margin-left:-300px; } #tagline2 { position:absolute; margin-top:-103px; margin-left:700px; } #postidol { margin-bottom:-8px; } #footericons{ margin-bottom:-7px; } /* ----- Crossfade images ----- */ #cf { position:relative; height:500px; width:500px; margin:0 auto; } #cf img { position:absolute; left:0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #cf img.top:hover { opacity:0; } /* ----- Layout (COMPUTER) ----- */ #menu { position:absolute; margin-top:130px; margin-left:50%; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #contacthub { width:220px; float:right; margin-top:4px; margin-right:10px; } .rslides { width:100%; height:1100px; position:absolute; background-attachment:scroll; margin-top:0px; z-index:0; } #home1 { width:100%; height:600px; padding-bottom:40px; } #featuredbox { width:600px; height:auto; position:relative; left:50%; margin-left:-300px; margin-top:18%; } .rslides2 { width:100%; height:500px; position:absolute; background-attachment:scroll; margin-top:-50px; z-index:0; } #home2 { width:100%; height:350px; padding-bottom:40px; } #featuredbox2 { width:600px; height:auto; position:relative; left:50%; margin-left:-300px; margin-top:3%; } #boxtop1 { background-image:url(../img/boxtop.png); background-repeat:repeat-x; background-position:top center; width:100%; height:188px; margin-top:-225px; position:absolute; z-index:1; } #subbox1 { width:100%; min-height:200px; height:auto; background:#ffffff; margin-top:0px; padding-top:50px; padding-bottom:15px; position:relative; z-index:0;} #content1 { width:85%; margin-top:0px; margin-left:auto; margin-right:auto; } #boxbot1 { background-image:url(../img/boxbot1.png); background-repeat:repeat-x; background-position:top center; width:100%; height:115px; position:absolute; z-index:1; } #boxtop2 { background-image:url(../img/boxtop.jpg); background-repeat:repeat-x; background-position:top center; width:100%; height:14px; margin-top:-30px; position:absolute; z-index:1; } #subbox2 { width:100%; min-height:300px; height:auto; margin-top:0px; padding-bottom:30px; padding-top:30px; position:relative; z-index:0; background-color:#dadada; display:block; } #content2 { width:85%; margin-left:auto; margin-right:auto; } #boxleft1 { width:400px; height:auto; float:left; margin-left:10%; } #infobox1 { width:100%; height:auto; background:#FFF; border-bottom-right-radius:45px; padding:25px; } #boxright1 { width:711px; height:auto; float:right; margin-top:65px; margin-right:10%; } #subbox3 { width:100%; min-height:250px; height:auto; padding-top:20px; margin-top:0px; padding-bottom:20px; position:relative; z-index:0; } #content3 { width:65%; margin-top:-50px; margin-left:auto; margin-right:auto; } #boxbot2 { background-image:url(../img/boxbot2.png); background-repeat:repeat-x; background-position:top center; width:100%; height:123px; margin-top:38px; position:absolute; z-index:10; } #subbox4 { width:100%; min-height:250px; height:auto; padding-top:20px; margin-top:0px; padding-bottom:45px; background:#000000; position:relative; z-index:0; } #content3 { width:65%; margin-top:-50px; margin-left:auto; margin-right:auto; } #subbox5 { width:100%; min-height:1100px; height:auto; margin-top:-80px; padding-bottom:60px; position:relative; z-index:0; } #slider { display:block; position:relative; background:#000000; margin-top:-150px; } #contactboxleft {float:left; width:75%; height:auto; min-height:800px; } #contactboxright{float:right; width:25%; margin-top:30px; } .main { padding: 2px 0 2px 0; } .main .content { padding-left: 0px; padding-right: 10px; } .main .content span { text-decoration: underline; } .main .cols { margin-top:20px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; position:relative; z-index:10; } .main .cols .col { width:47%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:1%; } .main .cols .col img { width:auto; } .main .cols2 { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols2 .col2 { width:202px; display:inline-block; } .main .cols2 .col2 + .col2 { margin-left:30px; } .main .cols2 .col2 img { width:auto; } .main .cols3 { margin-top:30px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols3 .col3 { width:300px; display:inline-block; } .main .cols3 .col3 + .col3 { margin-left:30px; padding-bottom:30px; } .main .cols3 .col3 img { width:auto; } .main .cols4 { margin-top:30px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; position:relative; z-index:10; text-align:center; } .main .cols4 .col4 { width:30%; display:inline-block; vertical-align:top; } .main .cols4 .col4 + .col4 { margin-left:1%; } .main .cols4 .col4 img { width:auto; } #servicebox { padding:40px; } #serviceboxopen { padding:40px; margin-bottom:10px; background:#D6D6D6; } #pageList1 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList2 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList3 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList4 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList5 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList6 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList7 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList8 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList9 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList10 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } .bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; } .bx-wrapper .testimonials-title{ text-align: center; margin: 25px 15px 3px; font-size: 24px; line-height: 1; } .bx-wrapper .testimonials-carousel-thumbnail{ max-width: 55%; float: left; margin-right: 20px; } .bx-wrapper .testimonials-carousel-content{ overflow: hidden; } .bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#808080; font-weight:400; text-align:center;} .bx-wrapper span{ font-size: 12px; color:#aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; } .bx-wrapper {position:relative; margin:20px auto;padding: 0; width:100%;*zoom: 1;} .bx-wrapper .slide {padding:0;margin:0;display: block; } .bx-wrapper .bx-viewport {padding:10px;margin-left:-10px ;z-index:1;width:98%; padding-bottom:30px;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: 30px;width: 100%;} .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;} .bx-wrapper .bx-next {position:absolute; top:30px; right:-520px; width:56px; height:109px; cursor:pointer; background-image:url(../img/next.png);} .bx-wrapper .bx-prev {position:absolute; top:30px; right:520px; width:56px; height:109px; cursor:pointer; background-image:url(../img/prev.png);} .bx-wrapper .bx-controls-direction a {position:absolute; margin-top:-20px; margin-right:46%; outline:0; width:56px; height:109px; text-indent:-9999px; z-index:10;} /* ----- Footer ------ */ #footer { background:url(../img/footerbg.png); background-repeat:repeat-x; min-height:200px; height:auto; padding-top:50px; margin-top:0px; width:97%; padding-right:70px; padding-left:20px; } #footer .shell { padding: 10px; } #footer .cols .col { width:170px; float:left; } #footer .cols .col + .col { margin-left: 30px; } #footer .cols .col ul { list-style:none; } #footer .cols .col ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 { width:300px; float:left; } #footer .cols .col + .col2 { margin-left: 10px; } #footer .cols .col2 ul { list-style:none; } #footer .cols .col2 ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col2 ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col2 ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 + .col3 { margin-left: 50px; } #footer .cols .col3 { width:285px; float:right; margin-top:-5px; } #footer .cols .col h1 { font-size:18px; color:#d7d7d8; font-family:'Overpass', sans-serif; font-weight:400; } #footer p { font-size:16px; color:#40413e; font-family:'Overpass', sans-serif; font-weight:400; line-height:1.4em; } #footer p a { font-size:16px; color:#40413e; font-family:'Overpass', sans-serif; font-weight:400; } #footer p a:hover{ font-size:16px; color:#287ddd; font-family:'Overpass', sans-serif; font-weight:400; text-decoration:none; } #copyrightbox { padding-top:10px; padding-bottom:10px; background-color:#121212; } #footerlogo { width:100%; max-width:264px; height:auto; float:right; padding-left:10px; } /* ================================================== #Media Queries ================================================== */ /* 1680 display */ @media only screen and ( min-width: 1380px) and ( max-width: 1690px ) { } /* 1366 display */ @media only screen and ( min-width: 1285px) and ( max-width: 1368px ) { #menu { margin-left:60%; } .main .cols .col { width:49%; display:inline-block; vertical-align:text-top; padding:0px; border-radius:7px; } .main .cols .col + .col { margin-left:1%; } #tagline1 { position:absolute; margin-top:-62px; margin-left:-300px; } #tagline2 { position:absolute; margin-top:-79px; margin-left:700px; } } /* 1280 display */ @media only screen and ( min-width: 1025px) and ( max-width: 1280px ) { #logo {width:250px; height:auto; z-index:1000; margin-top:57px; margin-left:10px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} .logoactive { !important; transition:background linear; height:35px; -webkit-transition: all 0.7s ease-out; -webkit-transform: scale(1) rotate(0.01deg) translateY(10px); transform: scale(1) rotate(0.01deg) translateY(10px); -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;} #menu { margin-left:55%; } .main .cols .col { width:49%; display:inline-block; vertical-align:text-top; padding:0px; border-radius:7px; } .main .cols .col + .col { margin-left:1%; } #homepic { width:100%; height:auto; padding-top:80px; } #tagline1 { position:absolute; margin-top:-60px; margin-left:-320px; } #tagline2 { position:absolute; margin-top:-79px; margin-left:735px; } } /* tablet landscape */ @media only screen and ( min-width: 981px) and ( max-width: 1024px ) { #logo {width:250px; height:auto; z-index:1000; margin-top:27px; margin-left:10px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #menu { margin-left:10px; } .main .cols .col { width:100%; display:inline-block; vertical-align:text-top; padding:0px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; } #homepic { display:none; visibility:hidden; } #subbox1 { padding-bottom:50px; } #tagline1 { position:absolute; margin-top:-54px; margin-left:-210px; } #tagline2 { position:absolute; margin-top:-102px; margin-left:623px; } #home2 { width:100%; height:300px; padding-bottom:40px; } .bx-wrapper .bx-next { display:none; visibility:hidden; } .bx-wrapper .bx-prev { display:none; visibility:hidden; } .bx-wrapper .bx-controls-direction a { display:none; visibility:hidden; } #footer { margin-top:-30px; width:97%; padding-right:70px; padding-left:20px; } #footer .cols .col { width:130px; float:left; } } /* tablet portrait */ @media only screen and ( min-width: 645px) and ( max-width: 980px ) { #menu { position:absolute; width:100%; margin-top:125px; margin-left:-1%; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } /* Logo Scroll Movement */ .logoactive { !important; transition:background linear; height:35px; -webkit-transition: all 0.7s ease-out; -webkit-transform: scale(0.7) rotate(0.01deg) translateY(25px) translateX(-75px); transform: scale(0.7) rotate(0.01deg) translateY(25px) translateX(-75px); -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;} #contactbutton{ display:none; visibility:hidden; } .main .cols .col { width:100%; display:inline-block; vertical-align:text-top; padding:0px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; } #featuredbox { width:600px; height:auto; position:relative; left:50%; margin-left:-300px; margin-top:30%; } #homepic { display:none; visibility:hidden; } #subbox1 { padding-bottom:50px; } #footer { margin-top:-30px; width:94%; padding-right:70px; padding-left:20px; } #footer .cols .col { width:130px; float:left; } #footer .cols .col3 { margin-top:50px; } } /* Phone*/ @media only screen and ( min-width: 410px) and ( max-width: 640px ) { h1 { font-size:39px; font-family:'Overpass', sans-serif; font-weight:200; color:#ffffff; line-height:1.0; text-shadow:#000 2px 2px; } h1 a { font-size:39px; font-family: 'Overpass', sans-serif; font-weight:200; color:#ffffff; } h1 a:hover { font-size:39px; font-family: 'Overpass', sans-serif; font-weight:200; color:#ffffff; } h2 { font-size:15px; font-family:'Overpass', sans-serif; font-weight:400; color:#ffffff; line-height:1.4em; text-shadow:#000 2px 2px; } h2 a { font-size:15px; font-family: 'Overpass', sans-serif; font-weight:400; color:#ffffff; } h2 a:hover { font-size:15px; font-family: 'Overpass', sans-serif; font-weight:400; color:#ffffff; } /* Menu Scroll Movement */ .menuactive { !important; transition:background linear; height:35px; transform:translateY(10px);-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } /* Contacthub Movement */ .contacthubactive { !important; transition:background linear; transform:translateY(0px); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;} #logo {width:300px; height:auto; z-index:1000; left:50%; margin-left:-150px; margin-top:27px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #menu { position:absolute; width:100%; margin-top:105px; margin-left:-42%; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #contacthub { width:220px; float:none; margin-top:4px; margin-right:0px; left:50%; margin-left:-110px; position:relative; } #home1 { width:100%; height:450px; padding-bottom:40px; } #featuredbox { width:400px; height:auto; position:relative; left:50%; margin-left:-200px; margin-top:60%; } #homepic { display:none; visibility:hidden; } #subbox1 { padding-bottom:50px; } .main .cols .col { width:100%; display:inline-block; vertical-align:text-top; padding:0px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; margin-top:20px; } #footer { background:url(../img/footerbg.png); background-repeat:repeat-x; min-height:200px; height:auto; padding-top:50px; margin-top:-30px; width:97%; padding-right:70px; padding-left:20px; } #footer .shell { padding: 10px; } #footer .cols .col { width:100%; float:none; } #footer .cols .col + .col { margin-left: 0px; margin-top:20px; } #footer .cols .col ul { list-style:none; } #footer .cols .col ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 { width:100%; float:none; } #footer .cols .col + .col2 { margin-left: 0px; } #footer .cols .col2 ul { list-style:none; } #footer .cols .col2 ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col2 ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col2 ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 + .col3 { margin-left:0px; margin-top:20px; } #footer .cols .col3 { width:285px; float:right; margin-top:0px; margin-right:50px; } #footer .cols .col h1 { font-size:18px; color:#d7d7d8; font-family:'Overpass', sans-serif; font-weight:400; } #footer p { font-size:16px; color:#40413e; font-family:'Overpass', sans-serif; font-weight:400; line-height:1.4em; } #footer p a { font-size:16px; color:#40413e; font-family:'Overpass', sans-serif; font-weight:400; } #footer p a:hover{ font-size:16px; color:#287ddd; font-family:'Overpass', sans-serif; font-weight:400; text-decoration:none; } #copyrightbox { padding-top:10px; padding-bottom:10px; background-color:#121212; } #footerlogo { width:100%; max-width:264px; height:auto; float:right; padding-left:10px; } } /* Phone*/ @media only screen and ( min-width: 320px) and ( max-width: 409px ) { h1 { font-size:30px; font-family:'Overpass', sans-serif; font-weight:200; color:#ffffff; line-height:1.0; text-shadow:#000 2px 2px; } h1 a { font-size:30px; font-family: 'Overpass', sans-serif; font-weight:200; color:#ffffff; } h1 a:hover { font-size:30px; font-family: 'Overpass', sans-serif; font-weight:200; color:#ffffff; } h2 { font-size:15px; font-family:'Overpass', sans-serif; font-weight:400; color:#ffffff; line-height:1.4em; text-shadow:#000 2px 2px; } h2 a { font-size:15px; font-family: 'Overpass', sans-serif; font-weight:400; color:#ffffff; } h2 a:hover { font-size:15px; font-family: 'Overpass', sans-serif; font-weight:400; color:#ffffff; } /* Menu Scroll Movement */ .menuactive { !important; transition:background linear; height:35px; transform:translateY(10px);-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } /* Contacthub Movement */ .contacthubactive { !important; transition:background linear; transform:translateY(0px); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;} #logo {width:300px; height:auto; z-index:1000; left:50%; margin-left:-150px; margin-top:27px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #menu { position:absolute; width:100%; margin-top:105px; margin-left:-42%; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #contacthub { width:220px; float:none; margin-top:4px; margin-right:0px; left:50%; margin-left:-110px; position:relative; } #home1 { width:100%; height:450px; padding-bottom:40px; } #featuredbox { width:400px; height:auto; position:relative; left:50%; margin-left:-200px; margin-top:60%; } #homepic { display:none; visibility:hidden; } #subbox1 { padding-bottom:50px; } .main .cols .col { width:100%; display:inline-block; vertical-align:text-top; padding:0px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; margin-top:20px; } #footer { background:url(../img/footerbg.png); background-repeat:repeat-x; min-height:200px; height:auto; padding-top:50px; margin-top:-30px; width:97%; padding-right:70px; padding-left:20px; } #footer .shell { padding: 10px; } #footer .cols .col { width:100%; float:none; } #footer .cols .col + .col { margin-left: 0px; margin-top:20px; } #footer .cols .col ul { list-style:none; } #footer .cols .col ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 { width:100%; float:none; } #footer .cols .col + .col2 { margin-left: 0px; } #footer .cols .col2 ul { list-style:none; } #footer .cols .col2 ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col2 ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col2 ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 + .col3 { margin-left:0px; margin-top:20px; } #footer .cols .col3 { width:285px; float:right; margin-top:0px; margin-right:50px; } #footer .cols .col h1 { font-size:18px; color:#d7d7d8; font-family:'Overpass', sans-serif; font-weight:400; } #footer p { font-size:16px; color:#40413e; font-family:'Overpass', sans-serif; font-weight:400; line-height:1.4em; } #footer p a { font-size:16px; color:#40413e; font-family:'Overpass', sans-serif; font-weight:400; } #footer p a:hover{ font-size:16px; color:#287ddd; font-family:'Overpass', sans-serif; font-weight:400; text-decoration:none; } #copyrightbox { padding-top:10px; padding-bottom:10px; background-color:#121212; } #footerlogo { width:100%; max-width:264px; height:auto; float:right; padding-left:10px; } }