html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} article, aside, figure, footer, header, hgroup, nav, section {display: block;}img,object,embed {max-width: 100%;}html {overflow-y: scroll;}ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}table {border-collapse: collapse; border-spacing: 0;}th {font-weight: bold; vertical-align: bottom;}td {font-weight: normal; vertical-align: top;}hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}input, select {vertical-align: middle;}pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}input[type="radio"] {vertical-align: text-bottom;}input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}.ie6 input {vertical-align: text-bottom;}select, input, textarea {font: 99% sans-serif;}table {font-size: inherit; font: 100%;} a:hover, a:active {outline: none;}small {font-size: 85%;}strong, th {font-weight: bold;}td, td img {vertical-align: top;} sub, sup {font-size: 75%; line-height: 0; position: relative;}sup {top: -0.5em;}sub {bottom: -0.25em;}pre, code, kbd, samp {font-family: monospace, sans-serif;}.clickable,label, input[type=button], input[type=submit], button {cursor: pointer;}button, input, select, textarea {margin: 0;}button {width: auto; overflow: visible;} .ie7 img {-ms-interpolation-mode: bicubic;}.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}.clearfix:after {content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0;}.clearfix {*display: inline-block; height: 1%;}.clear {clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%;}@font-face {font-family: 'PTSansRegular'; src: url(../webfonts/PTS55F-webfont.eot); src: url(../webfonts/PTS55F-webfont.eot#iefix) format('embedded-opentype'), url(../webfonts/PTS55F-webfont.woff) format('woff'), url(../webfonts/PTS55F-webfont.ttf) format('truetype'), url(../webfonts/PTS55F-webfont.svg#PTSansRegular) format('svg'); font-weight: normal; font-style: normal;}@font-face {font-family: 'PTSansRegularItalic'; src: url(../webfonts/PTS56F-webfont.eot); src: url(../webfonts/PTS56F-webfont.eot#iefix) format('embedded-opentype'), url(../webfonts/PTS56F-webfont.woff) format('woff'), url(../webfonts/PTS56F-webfont.ttf) format('truetype'), url(../webfonts/PTS56F-webfont.svg#PTSansRegularItalic) format('svg'); font-weight: normal; font-style: normal;}@font-face {font-family: 'PTSansBold'; src: url(../webfonts/PTS75F-webfont.eot); src: url(../webfonts/PTS75F-webfont.eot#iefix) format('embedded-opentype'), url(../webfonts/PTS75F-webfont.woff) format('woff'), url(../webfonts/PTS75F-webfont.ttf) format('truetype'), url(../webfonts/PTS75F-webfont.svg#PTSansBold) format('svg'); font-weight: normal; font-style: normal;}@font-face {font-family: 'PTSansBoldItalic'; src: url(../webfonts/PTS76F-webfont.eot); src: url(../webfonts/PTS76F-webfont.eot#iefix) format('embedded-opentype'), url(../webfonts/PTS76F-webfont.woff) format('woff'), url(../webfonts/PTS76F-webfont.ttf) format('truetype'), url(../webfonts/PTS76F-webfont.svg#PTSansBoldItalic) format('svg'); font-weight: normal; font-style: normal;}@font-face {font-family: 'PTSansNarrow'; src: url(../webfonts/PTN57F-webfont.eot); src: url(../webfonts/PTN57F-webfont.eot#iefix) format('embedded-opentype'), url(../webfonts/PTN57F-webfont.woff) format('woff'), url(../webfonts/PTN57F-webfont.ttf) format('truetype'), url(../webfonts/PTN57F-webfont.svg#PTSansNarrow) format('svg'); font-weight: normal; font-style: normal;}@font-face {font-family: 'PTSansNarrowBold'; src: url(../webfonts/PTN77F-webfont.eot); src: url(../webfonts/PTN77F-webfont.eot#iefix) format('embedded-opentype'), url(../webfonts/PTN77F-webfont.woff) format('woff'), url(../webfonts/PTN77F-webfont.ttf) format('truetype'), url(../webfonts/PTN77F-webfont.svg#PTSansNarrowBold) format('svg'); font-weight: normal; font-style: normal;}html {overflow-y:scroll; height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}body {font-family: 'PTSansRegular', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; text-align: left; color:#333333; line-height:18px; background: rgb(153,153,153) url(../img/bg.jpg) fixed repeat; background-size: 300px 252px;}#ie {display: none; visibility: hidden;}#light {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: transparent url(../img/light.svg) center top no-repeat; background-size: cover;}.animate {-webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}::-webkit-selection {background:#ccccff; color:#000000;} ::-moz-selection {background:#ccccff; color:#000000;} ::selection {background:#ccccff; color:#000000;}img::-webkit-selection {background: transparent;} img::-moz-selection {background: transparent;} img::selection {background: transparent;}h1, h2, h3, h4, h5, h6 {margin:0 0 20px 0; color:#333333; font-family: 'PTSansNarrowBold', Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; font-weight: normal;}h1 {font-size: 66px; line-height: 70px; text-shadow: 2px 2px 2px rgba(110,110,110,.3);}h2 {font-size: 28px; line-height: 36px;}h3 {font-size: 22px; line-height: 26px;}h4 {font-size: 18px; line-height: 22px;}h5 {font-size: 15px; line-height: 19px;}h6 {font-size: 12px; line-height: 15px;}.wrapperoverlay h1, .wrapperoverlay h2, .wrapperoverlay h3, .wrapperoverlay h4, .wrapperoverlay h5, .wrapperoverlay h6 {color: #f2f2f2; font-weight: normal;}div h1, div h2, div h3, div h4, div h5, div h6 {margin-top: 30px; font-weight: normal;}div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {margin-top: 0px; font-weight: normal;}.w_sectiontitle {color: #333333; text-transform: uppercase; margin-bottom: 25px; text-align: center; font-weight: normal;}.wo_sectiontitle {color: #f2f2f2; text-transform: uppercase; margin-bottom: 25px; text-align: center; font-family: 'PTSansNarrowBold', Helvetica, sans-serif; font-weight: normal;}strong, b, dt {font-weight: normal; font-family: 'PTSansBold', Helvetica, sans-serif;}i, dfn {font-style: normal; font-family: 'PTSansRegularItalic', Helvetica, sans-serif; font-weight: normal;} strong i, b i, dt i {font-style: normal; font-weight: normal; font-family: 'PTSansBoldItalic', Helvetica, sans-serif;}sub, sup {font-size: 0.625em; line-height: 0; position: relative; vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}p {margin-top: 15px; text-align:justify;}div p:first-child {margin-top: 0px;}article > p:last-child {padding-bottom: 60px;}p.lefty {text-align: left;}blockquote {margin-top: 15px; background: #f2f2f2 url(../img/svg/w_quote.svg) no-repeat 15px center; border: 1px solid #cccccc; padding: 15px; padding-left: 50px;}div blockquote:first-child {margin-top: 0px;} address {border: 1px dashed #e5e5e5; padding: 15px; margin-top: 20px;}div address:first-child {margin-top: 0px;} pre {border: 1px dashed #e5e5e5; padding: 15px; margin-top: 20px;}div pre:first-child {margin-top: 0px;}.margin_top {margin-top: 60px;}.padding_bottom {padding-bottom: 15px;}a {text-decoration: none; color: #000066; cursor: pointer; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}a:hover {color: #333333; text-decoration: underline;} .wrapperoverlay a {color: #f2f2f2; font-weight: normal;}.wrapperoverlay a:hover {color: #ccffff; font-weight: normal;} a.readmore .readmoreicon {background: #f2f2f2 url(../img/svg/w_plus.svg) center center no-repeat; width: 11px; height: 11px; display: inline-block; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; float: left; padding: 1px; margin-right: 6px; margin-top: 2px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} a.readmore:hover .readmoreicon {background: #ccccff url(../img/svg/w_plus.svg) center center no-repeat;}.wrapperoverlay a.readmore:hover .readmoreicon {color: #f2f2f2;} img, object, video {max-width: 100%; height: auto; display:block;}img {width: auto; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic;}p img {margin-top: 15px;}p img:first-child {margin-top: 0px;}img.alignleft {margin: 3px 30px 30px 0; float: left;}img.alignright {margin: 3px 0 30px 30px; float: right;}img.aligncenter {margin-bottom: 30px;}.embeddedvideo {position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden;}.embeddedvideo iframe {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.media {margin-top: 15px;}div .media:first-child {margin-top: 0px;}ul.list {margin-top: 15px; padding-left: 0px;}ul.list li {padding-left: 20px; padding-top: 2px; background: transparent url(../img/svg/w_list.svg) 0 8px no-repeat; line-height: 22px;}ol.list {margin-top: 15px; margin-left: 45px; list-style: decimal;}ol.list li {line-height: 22px;}.dropshadow {-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.5); -moz-box-shadow: 0 10px 15px rgba(0,0,0,.5); -o-box-shadow: 0 10px 15px rgba(0,0,0,.5); box-shadow: 0 10px 15px rgba(0,0,0,.5);}#page {position: relative; overflow: hidden;}.wrapper {width: 940px; background: #f2f2f2; padding: 40px 30px 24px 30px; margin: 0 auto; position: relative; z-index: 2;}.wrapper_blk {width: 970px; padding: 27px 30px 0 0px; margin: -25px auto 0px -30px; position: relative; z-index: 1;}.wrapper_blk h2 {margin-left: 30px; color: #333333; text-align: left;font-weight: normal;} .wrapperoverlay {margin: 0 auto; width: 940px; max-width: 100%; padding: 20px 60px; color: #f2f2f2; z-index:3; font-weight: normal; background-color: #000066; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,50)), color-stop(0.5, rgb(0,0,102))); background-image: -webkit-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -moz-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -ms-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -o-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%);} .main_inner {padding-top: 60px;} .left_float {float: left;}.right_float {float: right;} .wo_separator {background: transparent url(../img/svg/wo_separator.svg) no-repeat top center; padding-top: 18px;} .wo_separator_section {background: transparent url(../img/svg/wo_separator.svg) no-repeat top center; padding-top: 63px;} .w_separator {background: transparent url(../img/svg/w_separator.svg) no-repeat top center; padding-top: 18px;} .w_separator_section {background: transparent url(../img/svg/w_separator.svg) no-repeat top center; padding-top: 63px;} #top {min-height: 60px; position: absolute; left: 0; width: 100%; opacity:.99; z-index:10;} #top .top_inner {position: relative; line-height:11px; background: #333333;}#top .showhidetop {background: #333333 url(../img/svg/wo_imp_down.svg) center center no-repeat; width: 110px; height: 30px; display: inline-block; text-indent: -9999em; position: absolute; bottom: -25px; right: 60px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #top .hidetop {background-image: url(../img/svg/wo_imp_up.svg);}.totop {position:fixed; bottom: 30px; right: 30px; z-index: 10; width: 30px; height: 30px; display: none; text-indent: -9999em; background: #f2f2f2 url(../img/svg/top_blk.svg) no-repeat center center; opacity: .5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}.totop:hover {background: #333333 url(../img/svg/top.svg) no-repeat center center; opacity: .5;}div.top_widget div span {font-family: 'PTSansBold', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 13px; color: #f2f2f2; text-decoration: none; font-weight: normal;}div.top_logo {background:url(../img/svg/gable.svg) no-repeat; background-size:contain; width:250px; height:250px;}header {margin: 60px auto 0 auto; position: relative; z-index: 4; width: 1060px; height: 93px; max-width: 100%;} #logo {position: absolute; width: 506px; height: 112px; left:50%; margin-left:-253px; z-index: 5; background: url(../img/svg/logo.svg) no-repeat; background-size: contain;}#logo_rect {position: absolute; margin-top:28px; height: 80px; width: 1060px; color: #f2f2f2; background-color: #000066; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,50)), color-stop(0.5, rgb(0,0,102))); background-image: -webkit-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -moz-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -ms-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -o-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%);}nav {position:absolute; top:0; left:50%; margin-left:-530px; margin-top:0px; z-index: 6;}nav ul {height: 80px;}nav ul li {height: 79px; position:relative; top:28px; left:30px; float:left; margin-left: 0px; line-height: 50px;}nav ul li.nav_about {position: absolute; margin-left: 20px;}nav ul li.nav_contact {position: absolute; margin-left: 155px;}nav ul li.nav_services {position: absolute; margin-left: 790px;}nav ul li.nav_portfolio {position: absolute; margin-left: 900px;}nav ul li a {padding: 30px 10px; font-family: 'PTSansNarrowBold', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 14px; color: #f2f2f2; text-decoration: none; text-align: center; line-height: 80px;} nav ul li a:hover, nav ul li a.active {text-decoration: none; color: #f2f2f2; background-image: -webkit-radial-gradient(center bottom, circle cover, rgba(0, 0, 200,.75), rgba(0, 0, 102,0) 60%); background-image: -moz-radial-gradient(center bottom, circle cover, rgba(0, 0, 200,.75), rgba(0, 0, 102,0) 60%); background-image: -ms-radial-gradient(center bottom, circle cover, rgba(0, 0, 200,.75), rgba(0, 0, 102,0) 60%); background-image: -o-radial-gradient(center bottom, circle cover, rgba(0, 0, 200,.75), rgba(0, 0, 102,0) 60%); background-image: radial-gradient(center bottom, circle cover, rgba(0, 0, 200,.75), rgba(0, 0, 102,0) 60%);}.navwrapper {width: 100%; margin: 0 auto;position: relative;} #navlow {width: 100%; position:fixed; top: 0%; left: 0%; z-index: 999999; visibility:hidden; display:none;} #navlow .navlow_inner {background: #333; display: none;} #navslide {background: #333333; width: 100%; height: 25px; position: relative;} #navslide a {display: inline-block; width: 50px; height: 25px; position:absolute; bottom: 0px; left:50%; margin-left: -25px; z-index:9999; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}#main {z-index: 1; position: relative;}#loader {display: none; position: absolute; right: 50%; margin-right: -14px; top: 123px; background: url(../img/loader.gif) no-repeat; width: 28px; height: 28px; z-index: 3;}footer {margin-bottom: 50px;} footer .footer_inner {position:relative; z-index: 2;}footer .footer_bottom {position:relative; margin: 0 auto 0 auto; padding: 10px 30px; width: 940px; color: #333333; background: #f2f2f2; z-index: 1;}.widget {margin-top: 30px;}div.widget:first-child {margin-top: 0px;}#top .widget {line-height: 17px;}#portfolio-widget .portfolio-list {width: 110%; overflow: hidden;} #portfolio-widget .portfolio-list li {width: 61px; margin: 0 10px 10px 0; float: left; overflow: hidden; border: 3px solid #f2f2f2; padding: 0; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear;} #portfolio-widget .portfolio-list li:hover {border: 3px solid #ccccff;}#contact-widget .contact-list li {background:url(../img/svg/wo_icn_phone.svg) no-repeat; padding: 2px 0 7px 30px; margin-top: 7px;}span.contact_entry {font-size: 12px;}#contact-widget .contact-list li:first-child {background:url(../img/svg/wo_icn_loc.svg) no-repeat;}#contact-widget .contact-list li.contact_mail {background:url(../img/svg/wo_icn_mail.svg) no-repeat; padding-top: 3px;} #contact-widget .contact-list li.contact_entry {display: block;}.column {float: left; padding-bottom:20px; margin-right:20px;}.one_full {width: 100%; float: none; margin-right: 0;}.one_half {width: 460px;}.one_third {width: 300px;}.two_third {width: 620px;}.one_fourth {width: 220px;}.two_fourth {width: 460px;}.three_fourth {width: 700px;}.last {margin-right: 0px;}#maincontent .one_half {width: 285px;}#maincontent .one_third {width: 180px;}#maincontent .two_third {width: 390px;}/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;}.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}.flex-pauseplay span {text-transform: capitalize;}.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;}.no-js .slides > li:first-child {display: block;}.flexslider {margin: 0 0 60px 0; background: #fff; position: relative; zoom: 1;}.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}.loading .flex-viewport {max-height: 300px;}.flexslider .slides {zoom: 1;}.carousel li {margin-right: 5px}.flex-caption {display: none;}.flex-direction-nav a {width: 25px; height: 25px; margin: -20px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}.flex-direction-nav .flex-next {background: url(../img/svg/flex_next.svg) no-repeat 0 0;}.flex-direction-nav .flex-prev {background: url(../img/svg/flex_prev.svg) no-repeat 0 0;}.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}.flex-control-nav {width: 100%; position: absolute; bottom: 0; text-align: center;}.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1;}.flex-control-paging li a {width: 11px; height: 11px; display: block; background: rgba(51,51,51,.3); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}.flex-control-paging li a:hover {background: rgba(51,51,51,.6);}.flex-control-paging li a.flex-active {width: 11px; height: 11px; background: rgba(51,51,51,.2) url(../img/svg/flex_bullet_active.svg) no-repeat 0 0; cursor: default;}.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}.flex-control-thumbs li {width: 25%; float: left; margin: 0;}.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .active {opacity: 1; cursor: default;}@media screen and (max-width: 860px) {.flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;}}#loadedcontent {font-size: 13px;}div.flex-container {width: 1060px; height: auto; margin-left: -60px; margin-bottom: 30px;}div.home_tagline, div.tagline {text-align: center; padding-bottom: 40px; padding-top: 40px;} div.home_tagline h1, div.home_tagline h2, div.home_tagline h3, div.home_tagline h4, div.home_tagline h5, div.home_tagline h6, div.tagline h1, div.tagline h2, div.tagline h3, div.tagline h4, div.tagline h5, div.tagline h6 {margin: 0 0 5px 0;}.da-slider{width: 1060px; height: 350px; position: relative; margin: 0 0 30px -60px; overflow: hidden; background: transparent url(../img/home_slider/home_slider_bg.jpg) repeat 0% 0%; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s; -ms-transition: background-position 1s ease-out 0.3s; transition: background-position 1s ease-out 0.3s;}.da-slide{position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-family: 'PTSansRegular', Helvetica, Arial, sans-serif; font-weight: normal; text-align: left;}.da-slide-current{z-index: 1000;}.da-slider-fb .da-slide{left: 100%;}.da-slider-fb .da-slide.da-slide-current{left: 0px;}.da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img, .da-slide .da-img-2{position: absolute; opacity: 0; left: 110%;}.da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link{left: 10%; opacity: 1;}.da-slider-fb .da-slide .da-img, .da-slider-fb .da-slide .da-img-2{left: 60%; opacity: 1;}.da-slide h2{color: #ccffff; font-size: 66px; width: 50%; top: 90px; white-space: nowrap; z-index: 10; text-shadow: 1px 1px 1px rgba(0,0,102,.9); font-family: 'PTSansNarrowBold', Helvetica, Arial, sans-serif; font-weight: normal;}.da-slide h2.slide_1 {color: #99cc33;}.da-slide h2.slide_2 {color: #ccffff;}.da-slide h2.slide_3 {color: #ffcc66;}.da-slide p{width: 45%; top: 184px; color: #f2f2f2; font-size: 18px; line-height: 26px; height: 100px; overflow: hidden; font-style: normal; font-family: 'PTSansRegularItalic', Helvetica, Arial, sans-serif; font-weight: normal;}.da-slide .da-img, .da-slide .da-img-2{text-align: center; width: 30%; top: 30px; height: 290px; background-size: contain; line-height: 320px; left: 110%;}.da-slide .da-link{top: 270px; border-radius: 30px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border: 8px solid rgba(255,255,255,0.8); padding: 2px 20px 0px; font-size: 18px; line-height: 30px; width: 80px; text-align: center; background: rgba(255,255,255,0.2);}.da-slide .da-link:hover{background: rgba(255,255,255,0.3);}.da-dots{width: 100%; position: absolute; text-align: center; left: 50%; top: 93%; z-index: 2000; -moz-user-select: none; -webkit-user-select: none;}.da-dots span{display: inline-block; position: relative; width: 12px; height: 12px; border-radius: 50%; background: #333333; margin: 3px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);}.da-dots span:hover {background: #222222;}.da-dots span.da-dots-current:after{content: ''; width: 8px; height: 8px; position: absolute; top: 2px; left: 2px; border-radius: 50%; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ededed',GradientType=0 );}.da-dots span.da-dots-current:hover{background: #333333;}.da-arrows{-moz-user-select: none; -webkit-user-select: none;}.da-arrows span{position: absolute; top: 50%; height: 37px; width: 37px; border-radius: 50%; background: #333333; cursor: pointer; z-index: 2000; opacity: 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); -webkit-transition: opacity 0.4s ease-in-out-out 0.2s; -moz-transition: opacity 0.4s ease-in-out-out 0.2s; -o-transition: opacity 0.4s ease-in-out-out 0.2s; -ms-transition: opacity 0.4s ease-in-out-out 0.2s; transition: opacity 0.4s ease-in-out-out 0.2s;}.da-slide-current h2,.da-slide-current p,.da-slide-current .da-link{left: 10%; opacity: 1;}.da-slide-current .da-img, .da-slide-current .da-img-2{left: 60%; opacity: 1;}.da-slide-fromright h2 {-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both; -o-animation: fromRightAnim1 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both; animation: fromRightAnim1 0.6s ease-in 0.8s both;}.da-slide-fromright p {-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim2 0.6s ease-in 0.8s both; -o-animation: fromRightAnim2 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim2 0.6s ease-in 0.8s both; animation: fromRightAnim2 0.6s ease-in 0.8s both;}.da-slide-fromright .da-img {-webkit-animation: fromRightAnim4 0.7s ease-in 0.9s both; -moz-animation: fromRightAnim4 0.7s ease-in 0.9s both; -o-animation: fromRightAnim4 0.7s ease-in 0.9s both; -ms-animation: fromRightAnim4 0.7s ease-in 0.9s both; animation: fromRightAnim4 0.7s ease-in 0.9s both;}.da-slide-fromleft .da-img-2 {-webkit-animation: fromRightAnim4 1s ease-out 1s both; -moz-animation: fromRightAnim4 1s ease-out 1s both; -o-animation: fromRightAnim4 1s ease-out 1s both; -ms-animation: fromRightAnim4 1s ease-out 1s both; animation: fromRightAnim4 1s ease-out 1s both;}@-webkit-keyframes fromRightAnim1 {0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-webkit-keyframes fromRightAnim2 {0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-webkit-keyframes fromRightAnim3 {0%{left: 110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-webkit-keyframes fromRightAnim4{0%{left: 110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@-moz-keyframes fromRightAnim1{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-moz-keyframes fromRightAnim2{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-moz-keyframes fromRightAnim3{0%{left: 110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-moz-keyframes fromRightAnim4{0%{left: 110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@-o-keyframes fromRightAnim1{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-o-keyframes fromRightAnim2{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-o-keyframes fromRightAnim3{0%{left: 110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-o-keyframes fromRightAnim4{0%{left: 110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@-ms-keyframes fromRightAnim1{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-ms-keyframes fromRightAnim2{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-ms-keyframes fromRightAnim3{0%{left: 110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-ms-keyframes fromRightAnim4{0%{left: 110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@keyframes fromRightAnim1{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@keyframes fromRightAnim2{0%{left: 110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@keyframes fromRightAnim3{0%{left: 110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@keyframes fromRightAnim4{0%{left: 110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}.da-slide-fromleft h2{-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both; animation: fromLeftAnim1 0.6s ease-in 0.6s both;}.da-slide-fromleft p{-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both; animation: fromLeftAnim2 0.6s ease-in 0.6s both;}.da-slide-fromleft .da-img{-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both; animation: fromLeftAnim4 0.6s ease-in 0.6s both;}.da-slide-fromright .da-img-2{-webkit-animation: fromLeftAnim4 1s ease-out 1s both; -moz-animation: fromLeftAnim4 1s ease-out 1s both; -o-animation: fromLeftAnim4 1s ease-out 1s both; -ms-animation: fromLeftAnim4 1s ease-out 1s both; animation: fromLeftAnim4 1s ease-out 1s both;}@-webkit-keyframes fromLeftAnim1{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-webkit-keyframes fromLeftAnim2{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-webkit-keyframes fromLeftAnim3{0%{left: -110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-webkit-keyframes fromLeftAnim4{0%{left: -110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@-moz-keyframes fromLeftAnim1{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-moz-keyframes fromLeftAnim2{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-moz-keyframes fromLeftAnim3{0%{left: -110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-moz-keyframes fromLeftAnim4{0%{left: -110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@-o-keyframes fromLeftAnim1{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-o-keyframes fromLeftAnim2{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-o-keyframes fromLeftAnim3{0%{left: -110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-o-keyframes fromLeftAnim4{0%{left: -110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@-ms-keyframes fromLeftAnim1{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-ms-keyframes fromLeftAnim2{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-ms-keyframes fromLeftAnim3{0%{left: -110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@-ms-keyframes fromLeftAnim4{0%{left: -110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}@keyframes fromLeftAnim1{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@keyframes fromLeftAnim2{0%{left: -110%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@keyframes fromLeftAnim3{0%{left: -110%; opacity: 0;} 1%{left: 10%; opacity: 0;} 100%{left: 10%; opacity: 1;}}@keyframes fromLeftAnim4{0%{left: -110%; opacity: 0;} 100%{left: 60%; opacity: 1;}}.da-slide-toright h2{-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both; -moz-animation: toRightAnim1 0.6s ease-in 0.6s both; -o-animation: toRightAnim1 0.6s ease-in 0.6s both; -ms-animation: toRightAnim1 0.6s ease-in 0.6s both; animation: toRightAnim1 0.6s ease-in 0.6s both;}.da-slide-toright p{-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both; -moz-animation: toRightAnim2 0.6s ease-in 0.3s both; -o-animation: toRightAnim2 0.6s ease-in 0.3s both; -ms-animation: toRightAnim2 0.6s ease-in 0.3s both; animation: toRightAnim2 0.6s ease-in 0.3s both;}.da-slide-toright .da-img{-webkit-animation: toRightAnim4 0.6s ease-in both; -moz-animation: toRightAnim4 0.6s ease-in both; -o-animation: toRightAnim4 0.6s ease-in both; -ms-animation: toRightAnim4 0.6s ease-in both; animation: toRightAnim4 0.6s ease-in both;}.da-slide-toright .da-img-2{-webkit-animation: toRightAnim5 0.6s ease-in both; -moz-animation: toRightAnim5 0.6s ease-in both; -o-animation: toRightAnim5 0.6s ease-in both; -ms-animation: toRightAnim5 0.6s ease-in both; animation: toRightAnim5 0.6s ease-in both;}@-webkit-keyframes toRightAnim1{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-webkit-keyframes toRightAnim2{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-webkit-keyframes toRightAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: 100%; opacity: 0;}}@-webkit-keyframes toRightAnim4{0%{left: 60%; opacity: 1;} 30%{left: 55%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-moz-keyframes toRightAnim1{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-moz-keyframes toRightAnim2{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-moz-keyframes toRightAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: 100%; opacity: 0;}}@-moz-keyframes toRightAnim4{0%{left: 60%; opacity: 1;} 30%{left: 55%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-o-keyframes toRightAnim1{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-o-keyframes toRightAnim2{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-o-keyframes toRightAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: 100%; opacity: 0;}}@-o-keyframes toRightAnim4{0%{left: 60%; opacity: 1;} 30%{left: 55%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-ms-keyframes toRightAnim1{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-ms-keyframes toRightAnim2{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@-ms-keyframes toRightAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: 100%; opacity: 0;}}@-ms-keyframes toRightAnim4{0%{left: 60%; opacity: 1;} 30%{left: 55%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@keyframes toRightAnim1{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@keyframes toRightAnim2{0%{left: 10%; opacity: 1;} 100%{left: 100%; opacity: 0;}}@keyframes toRightAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: 100%; opacity: 0;}}@keyframes toRightAnim4{0%{left: 60%; opacity: 1;} 30%{left: 55%; opacity: 1;} 100%{left: 100%; opacity: 0;}}.da-slide-toleft h2{-webkit-animation: toLeftAnim1 0.6s ease-in both; -moz-animation: toLeftAnim1 0.6s ease-in both; -o-animation: toLeftAnim1 0.6s ease-in both; -ms-animation: toLeftAnim1 0.6s ease-in both; animation: toLeftAnim1 0.6s ease-in both;}.da-slide-toleft p{-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both; -moz-animation: toLeftAnim2 0.6s ease-in 0.3s both; -o-animation: toLeftAnim2 0.6s ease-in 0.3s both; -ms-animation: toLeftAnim2 0.6s ease-in 0.3s both; animation: toLeftAnim2 0.6s ease-in 0.3s both;}.da-slide-toleft .da-img{-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: toLeftAnim4 0.6s ease-in 0.6s both; -o-animation: toLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: toLeftAnim4 0.6s ease-in 0.6s both; animation: toLeftAnim4 0.6s ease-in 0.6s both;}.da-slide-toleft .da-img-2{-webkit-animation: toLeftAnim4 0.4s ease-in 0.4s both; -moz-animation: toLeftAnim4 0.4s ease-in 0.4s both; -o-animation: toLeftAnim4 0.4s ease-in 0.4s both; -ms-animation: toLeftAnim4 0.4s ease-in 0.4s both; animation: toLeftAnim4 0.4s ease-in 0.4s both;}@-webkit-keyframes toLeftAnim1{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-webkit-keyframes toLeftAnim2{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-webkit-keyframes toLeftAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@-webkit-keyframes toLeftAnim4{0%{left: 60%; opacity: 1;} 40%{left: 70%; opacity: 1;} 90%{left: 0%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@-moz-keyframes toLeftAnim1{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-moz-keyframes toLeftAnim2{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-moz-keyframes toLeftAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@-moz-keyframes toLeftAnim4{0%{left: 60%; opacity: 1;} 40%{left: 70%; opacity: 1;} 90%{left: 0%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@-o-keyframes toLeftAnim1{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-o-keyframes toLeftAnim2{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-o-keyframes toLeftAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@-o-keyframes toLeftAnim4{0%{left: 60%; opacity: 1;} 40%{left: 70%; opacity: 1;} 90%{left: 0%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@-ms-keyframes toLeftAnim1{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-ms-keyframes toLeftAnim2{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@-ms-keyframes toLeftAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@-ms-keyframes toLeftAnim4{0%{left: 60%; opacity: 1;} 40%{left: 70%; opacity: 1;} 90%{left: 0%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@keyframes toLeftAnim1{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@keyframes toLeftAnim2{0%{left: 10%; opacity: 1;} 30%{left: 15%; opacity: 1;} 100%{left: -50%; opacity: 0;}}@keyframes toLeftAnim3{0%{left: 10%; opacity: 1;} 99%{left: 10%; opacity: 0;} 100%{left: -50%; opacity: 0;}}@keyframes toLeftAnim4{0%{left: 60%; opacity: 1;} 40%{left: 70%; opacity: 1;} 90%{left: 0%; opacity: 0;} 100%{left: -50%; opacity: 0;}}.da-img, .da-img-2 {width: 318px; height: 290px;}div.bulb {background: url(../img/home_slider/bulb.svg) no-repeat;}div.house {background: url(../img/home_slider/house.svg) no-repeat;}div.clouds {background: url(../img/home_slider/clouds.svg) no-repeat;}div.paper {background: url(../img/home_slider/paper.svg) no-repeat;}div.tape {background: url(../img/home_slider/tape.png) no-repeat;}div#map_bg {margin-left: -60px; margin-bottom: 60px; height: 350px; width: 1060px; z-index: 5; background-color: #333333; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(30,30,30)), color-stop(0.5, rgb(51,51,51))); background-image: -webkit-linear-gradient(bottom, rgb(30,30,30) 0%, rgb(51,51,51) 50%); background-image: -moz-linear-gradient(bottom, rgb(30,30,30) 0%, rgb(51,51,51) 50%); background-image: -ms-linear-gradient(bottom, rgb(30,30,30) 0%, rgb(51,51,51) 50%); background-image: -o-linear-gradient(bottom, rgb(30,30,30) 0%, rgb(51,51,51) 50%); background-image: linear-gradient(bottom, rgb(30,30,30) 0%, rgb(51,51,51) 50%);}div#map_bg {}div#map {height: 350px; width: 1060px; background:url(../img/svg/map.svg) no-repeat; background-size: cover; z-index: 6;}table.contact tr td.col1 {width: 60px; font-weight: normal; font-family: 'PTSansBold', Helvetica, Arial, sans-serif;}input[type=text], input[type=password], textarea {font-family: Helvetica, Arial, sans-serif; font-size: 10px; background: #ffffff; border: 1px solid #cccccc; line-height: 28px; height: 28px; color: #999999; padding: 0 5px 0 18px;}input[type=text], input[type=password] {width: 300px;} textarea {width: 495px; height: 150px; max-width: 95%; padding: 0 5px 5px 18px;} input[type=submit] {font-family: 'PTSansRegular',Helvetica, Arial, sans-serif; font-size: 12px; line-height: 35px; font-weight: normal; height: 30px; padding: 0 15px; color: #f2f2f2; border: none; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #9999cc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(92,92,128)), color-stop(0.5, rgb(153,153,204))); background-image: -webkit-linear-gradient(bottom, rgb(92,92,128) 0%, rgb(153,153,204) 50%); background-image: -moz-linear-gradient(bottom, rgb(92,92,128) 0%, rgb(153,153,204) 50%); background-image: -ms-linear-gradient(bottom, rgb(92,92,128) 0%, rgb(153,153,204) 50%); background-image: -o-linear-gradient(bottom, rgb(92,92,128) 0%, rgb(153,153,204) 50%); background-image: linear-gradient(bottom, rgb(92,92,128) 0%, rgb(153,153,204) 50%);}input[type=submit]:hover {background-color: #000066; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,50)), color-stop(0.5, rgb(0,0,102))); background-image: -webkit-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -moz-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -ms-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: -o-linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%); background-image: linear-gradient(bottom, rgb(0,0,50) 0%, rgb(0,0,102) 50%);} label {font-family: Helvetica, Arial, sans-serif; display: block; font-weight: normal; line-height: 16px; font-size: 10px; border-left: 3px solid #b3b3b3; text-indent: -9999em; color: red; text-transform: uppercase; position: absolute; top: 8px; left: 10px;} label.req {border-left: 3px solid #333333;} form {margin-top: 15px;} form div {margin-top: 15px; position: relative;} div form:first-child, form div:first-child {margin-top: 0px;} form .checkfalse {width: 3px; height: 16px; background: #ca0021; text-indent: -9999em; position: absolute; top: 8px; left: 10px;}#form-note {display: none; overflow: hidden;} #form-note .confirm_message {color: #006600; line-height: 35px; display: inline-block; float: left;} #form-note .error_message {color: #cc0000; line-height: 35px; display: inline-block; float: left;} #form-note .error_icon {background: #cc0000 url(../img/svg/error.svg) center center no-repeat; width: 30px; height: 30px; display: inline-block; text-indent: -9999em; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left;} #form-note .confirm_icon {background: #006600 url(../img/svg/confirm.svg) center center no-repeat; width: 30px; height: 30px; display: inline-block; text-indent: -9999em; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left;}table.about tr td {padding-top: 7px; padding-bottom: 2px; text-align: justify;}table.about tr.bg {background-color: rgba(204,204,255,.3);}table.about tr td.col1 {width: 20px; text-align: right; padding-left: 15px; padding-right: 5px;}table.about tr td.col2 {width: 22px; text-align: center;}table.about tr td.col3 {width: 32px; text-align: right; padding-right: 15px;}table.about tr td.col4 {border-left: 2px #000066 solid; padding-left: 15px; padding-right: 15px;}.portfolio_entries {width: 110%; padding-bottom: 30px; float: left; padding-bottom:20px; margin-right:20px;}.portfolio_entries .portfolio_entry {width: 300px;} .portfolio_entry {float: left; width: 220px; background: #ffffff; margin-right: 20px; margin-bottom: 20px; position: relative;}.portfolio_meta {margin-top: 20px; text-align: center;} .portfolio_categories {color: #666666; font-size: 11px;}.portfolio div.flex-container {width: auto; height: auto; margin-left: 0px; margin-bottom: 30px;}span.vert_bar {font-family: 'PTSansNarrow',Helvetica, Arial, sans-serif; font-weight: normal;}div.portfolio a {text-transform: uppercase; color:#333333; font-size: 10px; padding-top: 30px;}div.portfolio a:hover {color: #000066;}table.portfolio {width: 100%;}table.portfolio tr td {padding-top: 3px; text-transform: uppercase; font-size: 11px;}table.portfolio tr td.col1 {width: 50%; padding-right: 10px; text-align: right;}table.portfolio tr td.col2 {width: 50%; padding-left: 10px; text-align: left; border-left: 2px #333333 solid;}table.portfolio tr td.col3 {padding-right: 10px; text-align: right;}body {display: none;}#jpreOverlay {background: #326ab1; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(24,58,102)), color-stop(1, rgb(50,105,177))); background-image: -webkit-linear-gradient(bottom, rgb(24,58,102) 0%, rgb(50,105,177) 100%); background-image: -moz-linear-gradient(bottom, rgb(24,58,102) 0%, rgb(50,105,177) 100%); background-image: -o-linear-gradient(bottom, rgb(24,58,102) 0%, rgb(50,105,177) 100%); background-image: -ms-linear-gradient(bottom, rgb(24,58,102) 0%, rgb(50,105,177) 100%); background-image: linear-gradient(bottom, rgb(24,58,102) 0%, rgb(50,105,177) 100%);}#jpreWht {background: transparent url(../img/light.svg) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}#jpreLogo {background: transparent url(../img/jprelogo.svg) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; position: fixed; width: 800px; height: 220px; top: 50%; left: 50%; margin-top: -110px; margin-left: -400px;}#jpreSlide {font-size: 22px; font-weight: bold; color: #ccc; text-align: center; width: 50%; height: 30%;}#jpreLoader {position: absolute; width: 800px; height: 16px; bottom: 0; -webkit-box-shadow: inset 0 0 10px 0px #183a66; box-shadow: inset 0 0 10px 0px #183a66; border-radius: 2px;}#jpreBar {background-color: #f2f2f2; border-radius: 2px; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px;}#jprePercentage {color: #232856; font-family: 'PTSansRegular',Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; text-align: center; line-height: 22px; text-shadow: 1px 1px 1px #f2f2f2; top: -100%;}.logopxl {background-image: url("../img/svg/logopxl.svg"); background-size: contain; position: absolute; margin: 0; height: 40px; width: 130px; overflow: hidden; text-indent: -9999px;} @charset "UTF-8"; @media only screen and (min-width: 1020px) and (max-width: 1100px) {.wrapper {width: 880px; margin-top: -30px;} .wrapperoverlay {width: 880px;} header {width: 880px; height: 125px;} #logo_rect {margin-top:28px; margin-left: -60px; height: 80px; width: 1000px;} nav {margin-left:-470px;} nav ul li {left:0px;} nav ul li a, nav ul li a:hover, nav ul li a.active {text-decoration: none;} nav ul li.nav_about {position: absolute; margin-left: 5px;} nav ul li.nav_contact {position: absolute; margin-left: 135px;} nav ul li.nav_services {position: absolute; margin-left: 750px;} nav ul li.nav_portfolio {position: absolute; margin-left: 855px;} footer .footer_bottom {width: 880px;} #portfolio-widget .portfolio-list li {width: 81px !important;} .one_full {width: 100%;} .one_half {width: 430px;} .one_third {width: 280px;} .two_third {width: 580px;} .one_fourth {width: 205px;} .two_fourth {width: 430px;} .three_fourth {width: 655px;} .services .flexslider {width:1000px;} .flex-direction-nav li .next {display: none;} .flex-direction-nav li .prev {display: none;} #loadedcontent {font-size: 13px;} .da-slider{width: 1000px;} .da-dots{left: 470px;} div#map_bg, div#map {height: 330px; width: 1000px;} .portfolio_entries .portfolio_entry {width: 280px;} #jpreLogo {width: 700px; height: 196px; margin-top: -98px; margin-left: -350px;} #jpreLoader{width:700px; height:16px;}} @media only screen and (min-width: 850px) and (max-width: 1019px) {h1 {font-size: 56px; line-height: 60px;} h2 {font-size: 24px; line-height: 30px;} h3 {font-size: 20px; line-height: 24px;} .wrapper {width: 720px;} .wrapperoverlay {width: 720px;} div.top_logo {visibility: hidden; display: none;} #top_widget .one_third {width: 350px;} header {width: 640px; height: 63px;} #logo {width: 400px; height: 89px; left:50%; margin-left:-200px;} #logo_rect {margin-top:22px; margin-left: -100px; height: 62px; width: 840px;} nav {margin-left:-380px;} nav ul {height: 62px;} nav ul li {height: 61px; top: 24px; left: 0px; line-height: 40px;} nav ul li a {line-height: 62px; padding: 20px 10px;} nav ul li a, nav ul li a:hover, nav ul li a.active {text-decoration: none;} nav ul li.nav_about a span {display: none; visibility: hidden;} nav ul li.nav_about {position: absolute; margin-left: 0px;} nav ul li.nav_contact {position: absolute; margin-left: 93px;} nav ul li.nav_services {position: absolute; margin-left: 590px;} nav ul li.nav_portfolio {position: absolute; margin-left: 680px;} #loader {top: 97px;} footer .footer_bottom {width: 720px;} #portfolio-widget .portfolio-list li {width: 103px !important;} .one_full {width: 100%;} .one_half {width: 350px;} .one_third {width: 226px;} .two_third {width: 473px;} .one_fourth {width: 165px;} .two_fourth {width: 350px;} .three_fourth {width: 535px;} .services .flexslider {width:840px;} .flex-direction-nav li .next {display: none;} .flex-direction-nav li .prev {display: none;} #loadedcontent {font-size: 12px;} .da-slider{width: 840px; height: 277px;} .da-img, .da-img-2 {width: 219px; height: 200px;} .da-slide h2{font-size: 50px; top: 55px;} .da-slide p{top:120px; font-size: 18px;} div#map_bg, div#map {height: 277px; width: 840px;} table.contact tr td.col1 {width: 52px;} .contact .one_third {width: 240px;} .contact .two_third {width: 380px;} input[type=text], input[type=password] {width: 177px;} textarea {width: 310px;} .portfolio_entries .portfolio_entry {width: 350px;} table.portfolio tr td {font-size: 10px;} #jpreLogo {width: 600px; height: 170px; margin-top: -85px; margin-left: -300px;} #jpreLoader{width:600px; height:16px;}} @media only screen and (min-width: 765px) and (max-width: 849px) {h1 {font-size: 56px; line-height: 60px;} h2 {font-size: 24px; line-height: 30px;} h3 {font-size: 20px; line-height: 24px;} .wrapper {width: 640px;} .wrapperoverlay {width: 640px;} div.top_logo {visibility: hidden; display: none;} #top_widget .one_third {width: 310px;} header {width: 640px; height: 63px;} #logo {width: 400px; height: 89px; left:50%; margin-left:-200px;} #logo_rect {margin-top:22px; margin-left: -60px; height: 62px; width: 760px;} nav {margin-left:-380px;} nav ul {height: 62px;} nav ul li {height: 61px; top: 24px; left: 0px; line-height: 40px;} nav ul li a {line-height: 62px; padding: 20px 10px;} nav ul li a, nav ul li a:hover, nav ul li a.active {text-decoration: none;} nav ul li.nav_about a span {display: none; visibility: hidden;} nav ul li.nav_about {position: absolute; margin-left: 10px;} nav ul li.nav_contact {position: absolute; margin-left: 101px;} nav ul li.nav_services {position: absolute; margin-left: 585px;} nav ul li.nav_portfolio {position: absolute; margin-left: 670px;} #loader {top: 97px;} footer .footer_bottom {width: 640px;} #portfolio-widget .portfolio-list li {width: 89px !important;} .one_full {width: 100%;} .one_half {width: 310px;} .one_third {width: 200px;} .two_third {width: 420px;} .one_fourth {width: 145px;} .two_fourth {width: 310px;} .three_fourth {width: 475px;} .services .flexslider {width:760px;} .flex-direction-nav li .next {display: none;} .flex-direction-nav li .prev {display: none;} #loadedcontent {font-size: 12px;} .da-slider{width: 760px; height: 251px;} .da-img, .da-img-2 {width: 219px; height: 200px;} .da-slide h2{font-size: 50px; top: 55px;} .da-slide p{top:120px;} .da-slide p span {display: none; visibility: hidden;} div#map_bg, div#map {height: 251px; width: 760px;} table.contact tr td.col1 {width: 52px;} .contact .one_third {width: 260px;} .contact .two_third {width: 360px;} input[type=text], input[type=password] {width: 177px;} textarea {width: 310px;} .rooftiles {visibility: hidden; display: none;} .timeline .two_third {width: 100%;} .portfolio_entries .portfolio_entry {width: 310px;} table.portfolio tr td {font-size: 10px;} #jpreLogo {width: 500px; height: 140px; margin-top: -70px; margin-left: -250px;} #jpreLoader{width:500px; height:14px;} #jprePercentage {font-size: 13px; line-height: 19px;}} @media only screen and (min-width: 600px) and (max-width: 764px) {h1 {font-size: 36px; line-height: 40px;} h2 {font-size: 24px; line-height: 30px;} h3 {font-size: 20px; line-height: 24px;} .wrapper {width: 470px; margin-top: -15px;} .wrapperoverlay {width: 470px;} #top {visibility: hidden; display: none;} header {width: 590px; height: 63px; margin-top: 20px;} #logo {width: 344px; height: 76px; left:50%; margin-left:-172px;} #logo_rect {margin-top:16px; margin-left: 0px; height: 60px; width: 590px;} nav {margin-left:-300px;} nav ul {height: 62px;} nav ul li {height: 20px; top: 24px; left: 0px; line-height: 20px;} nav ul li a {line-height: 20px; padding: 6px 10px; font-size: 13px;} nav ul li a, nav ul li a:hover, nav ul li a.active {text-decoration: none;} nav ul li.nav_about a span {display: none; visibility: hidden;} nav ul li.nav_about {position: absolute; margin-left: 30px;} nav ul li.nav_contact {position: absolute; margin-left: 35px; top: 52px;} nav ul li.nav_services {position: absolute; margin-left: 488px;} nav ul li.nav_portfolio {position: absolute; margin-left: 490px; top: 52px;} nav ul li.nav_contact a:hover, nav ul li.nav_contact a.active, nav ul li.nav_portfolio a:hover, nav ul li.nav_portfolio a.active {background-image: -webkit-radial-gradient(center bottom, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: -moz-radial-gradient(center bottom, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: -ms-radial-gradient(center bottom, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: -o-radial-gradient(center bottom, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: radial-gradient(center bottom, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%);} nav ul li.nav_about a:hover, nav ul li.nav_about a.active, nav ul li.nav_services a:hover, nav ul li.nav_services a.active {padding-top: 9px; background-image: -webkit-radial-gradient(center top, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: -moz-radial-gradient(center top, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: -ms-radial-gradient(center top, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: -o-radial-gradient(center top, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%); background-image: radial-gradient(center top, circle cover, rgba(0, 0, 255,1), rgba(0, 0, 102,0) 60%);} #loader {top: 80px;} footer .footer_bottom {width: 470px;} .impressum div:first-child {margin-right: 20px;} .impressum div {width: 225px; margin-right: 0;} .portfolio_hide {visibility: hidden; display: none;} .one_full {width: 100%;} .one_half {width: 225px;} .one_third {width: 143px;} .two_third {width: 306px;} .one_fourth {width: 102px;} .two_fourth {width: 225px;} .three_fourth {width: 347px;} .services .flexslider {width:590px; margin-left: 0px;} .services div.one_full div.one_fourth {width: 225px; margin-right: 0;} #loadedcontent {font-size: 12px;} .footer_inner div {width: 220px; margin-right: 0;} .contact_widget {float: right;} .da-slider{width: 590px; height: 195px; margin-left: -60px;} .da-img, .da-img-2 {width: 88px; height: 80px; margin-top: -10px;} .da-slide h2{font-size: 38px; top: 30px;} .da-slide p{top:85px; font-size: 14px; line-height: 15px;} .da-slide p span {visibility: hidden; display: none;} .da-dots {top:90%;} div.home_tagline, div.tagline {padding: 10px 0;} div#map_bg, div#map {width: 590px; height: 195px;} div#map_bg {margin-left: -60px;} div#map {background:url(../img/svg/map.svg) no-repeat center center; background-size: cover;} .contact div {width: 210px;} .contact div.last {margin-left: 20px;} table.contact tr td.col1 {width: 52px;} input[type=text], input[type=password] {width: 200px;} textarea {width: 200px;} #contact-widget .contact-list li:last-child {padding-top: 2px;} .rooftiles {visibility: hidden; display: none;} .timeline .two_third {width: 100%;} table.about tr td {padding-top: 7px; padding-bottom: 2px; text-align: justify; font-size: 10px;} table.about tr.bg {background-color: rgba(204,204,255,.4);} table.about tr td.col1 {width: 12px; text-align: right; padding-left: 5px; padding-right: 2px;} table.about tr td.col2 {width: 17px; text-align: center;} table.about tr td.col3 {width: 24px; text-align: right; padding-right: 10px;} table.about tr td.col4 {border-left: 2px #000066 solid; padding-left: 10px; padding-right: 5px;} .portfolio_entries .portfolio_entry {width: 225px;} .portfolio, .portfolio_info {padding-bottom: 0; width: 470px;} .portfolio div.flex-container {width: 470px; margin-left: 0px; margin-bottom: 0;} .portfolio div div {margin-bottom: 30px;} table.portfolio tr td {font-size: 10px;} #jpreLogo {width: 450px; height: 130px; margin-top: -65px; margin-left: -225px;} #jpreLoader{width:450px; height:14px;} #jprePercentage {font-size: 13px; line-height: 19px;}} @media only screen and (min-width: 470px) and (max-width: 599px) {h1 {font-size: 36px; line-height: 40px;} h2 {font-size: 24px; line-height: 30px;} h3 {font-size: 20px; line-height: 24px;} .wrapper {width: 400px; padding: 25px 20px 0 20px;} .wrapperoverlay {width: 420px; padding: 20px 20px;} #top_widget {visibility: hidden; display: none;} #navlow_widget {visibility: visible; display: block; width: 100%;} #top {opacity: 1; width: 100%;} #top .showhidetop {background: #333333 url(../img/svg/wo_navlow_open.svg) center center no-repeat; width: 80px; height: 30px; bottom: -25px; right: 10px;} #top .hidetop {background-image: url(../img/svg/wo_navlow_close.svg);} .top_inner {padding:0; width: 100%;} #navlow_widget div table {margin-top: -22px; text-align:center; width:100%; float:left;} #navlow_widget div table tr td {border-bottom: 2px #333333 solid; border-left: 1px #333333 solid; border-right: 1px #333333 solid;} #navlow_widget div table tr td.first {border-top: 6px #333333 solid;} #navlow_widget div table tr td.last {border-bottom: 5px #333333 solid;} #navlow_widget div table tr td a {width: 100%; color: #f2f2f2; background-color: #494949; padding-top: 12px; padding-bottom: 6px; display: block; text-transform: uppercase; font-family: 'PTSansNarrow', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px;} #navlow_widget div table tr td a:hover {background-color: #f2f2f2; color: #333333; text-decoration: none;} header {width: 460px; height: 63px;} #logo {width: 300px; height: 66px; left:50%; margin-left:-149px;} #logo_rect {margin-top:16px; height: 50px; width: 460px;} nav {visibility: hidden; display: none;} #loader {margin-right: -22px; top: -45px; background: rgba(255,255,255,.3) url(../img/loader.gif) center center no-repeat; width: 44px; height: 44px; z-index: 3;} footer .footer_bottom {width: 380px;} footer .footer_inner .one_third {width: 45%;} .impressum div:first-child {margin-right: 20px;} .impressum div {width: 190px; margin-right: 0;} .impressum div p span {visibility: hidden; display: none;} .impressum div p span.impressum {visibility: visible; display: block; float: right; margin-right:33px;} .portfolio_hide {visibility: hidden; display: none;} .one_full {width: 100%;} .one_half {width: 190px;} .one_third {width: 120px;} .two_third {width: 260px;} .one_fourth {width: 85px;} .two_fourth {width: 190px;} .three_fourth {width: 295px;} .services .flexslider {width:460px; margin-left: 30px;} .services div.one_full div.one_fourth {width: 190px; margin-right: 0;} #loadedcontent {font-size: 12px;} .da-slider{width: 460px; height: 180px; margin-left: -30px;} .da-img, .da-img-2 {width: 88px; height: 80px; margin-top: 0px;} .da-slide h2{font-size: 30px; top: 30px;} .da-slide p{top:75px; font-size: 14px; line-height: 20px; -webkit-font-smoothing: antialiased;} .da-slide p span {visibility: hidden; display: none;} div.home_tagline, div.tagline {padding: 10px 0;} div#map_bg, div#map {height: 260px; width: 460px;} div#map_bg {margin-left: -30px;} div#map {background:url(../img/svg/map.svg) no-repeat center center; background-size: cover;} .contact div {width: 100%;} .contact div.last {padding-top: 30px;} table.contact tr td.col1 {width: 52px;} input[type=text], input[type=password] {width: 380px;} textarea {width: 400px;} #contact-widget .contact-list li:last-child {padding-top: 2px;} .rooftiles {visibility: hidden; display: none;} .timeline div {width: 100%;} article.about div {width: 100%;} table.about tr td {padding-top: 7px; padding-bottom: 2px; text-align: justify; font-size: 10px;} table.about tr.bg {background-color: rgba(204,204,255,.4);} table.about tr td.col1 {width: 12px; text-align: right; padding-left: 5px; padding-right: 2px;} table.about tr td.col2 {width: 17px; text-align: center;} table.about tr td.col3 {width: 24px; text-align: right; padding-right: 10px;} table.about tr td.col4 {border-left: 2px #000066 solid; padding-left: 10px; padding-right: 5px;} .portfolio_entries .portfolio_entry {width: 190px;} .portfolio, .portfolio_info {padding-bottom: 0; width: 400px;} .portfolio div.flex-container {width: 400px; margin-left: 0px; margin-bottom: 0;} .portfolio div div {margin-bottom: 30px;} div.portfolio a {margin-bottom: 30px;} table.portfolio tr td {font-size: 10px;} #jpreLogo {width: 350px; height: 106px; margin-top: -53px; margin-left: -175px;} #jpreLoader{width:350px; height:14px;} #jprePercentage {font-size: 13px; line-height: 19px;}} @media only screen and (max-width: 469px) {h1 {font-size: 36px; line-height: 40px;} h2 {font-size: 24px; line-height: 30px;} h3 {font-size: 20px; line-height: 24px;} .wrapper {width: 260px; padding: 25px 20px 0 20px;} .wrapperoverlay {width: 280px; padding: 20px 20px;} #top_widget {visibility: hidden; display: none;} #navlow_widget {visibility: visible; display: block; width: 100%;} #top {opacity: 1; width: 100%;} #top .showhidetop {background: #333333 url(../img/svg/wo_navlow_open.svg) center center no-repeat; width: 80px; height: 30px; bottom: -25px; right: 10px;} #top .hidetop {background-image: url(../img/svg/wo_navlow_close.svg);} .top_inner {padding:0; width: 100%;} #navlow_widget div table {margin-top: -22px; text-align:center; width:100%; float:left;} #navlow_widget div table tr td {border-bottom: 2px #333333 solid; border-left: 1px #333333 solid; border-right: 1px #333333 solid;} #navlow_widget div table tr td.first {border-top: 6px #333333 solid;} #navlow_widget div table tr td.last {border-bottom: 5px #333333 solid;} #navlow_widget div table tr td a {width: 100%; color: #f2f2f2; background-color: #494949; padding-top: 12px; padding-bottom: 6px; display: block; text-transform: uppercase; font-family: 'PTSansNarrow', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px;} #navlow_widget div table tr td a:hover {background-color: #f2f2f2; color: #333333; text-decoration: none;} header {width: 320px; height: 63px;} #logo {width: 300px; height: 66px; left:50%; margin-left:-149px;} #logo_rect {margin-top:16px; margin-left: 0px; height: 50px; width: 320px;} nav {visibility: hidden; display: none;} #loader {margin-right: -22px; top: -45px; background: rgba(255,255,255,.3) url(../img/loader.gif) center center no-repeat; width: 44px; height: 44px; z-index: 3;} footer .footer_bottom {width: 240px;} footer .footer_inner .one_third {width: 100%;} #portfolio-widget .portfolio-list li {width: 129px !important;} .one_full {width: 100%;} .one_half {width: 100%;} .one_third {width: 100%;} .two_third {width: 100%;} .one_fourth {width: 100%;} .two_fourth {width: 100%;} .three_fourth {width: 100%;} .services .flexslider {width:320px; margin-left: 30px;} #loadedcontent {font-size: 12px;} .da-slider{width: 320px; height: 184px; margin-left: -30px;} .da-img, .da-img-2 {width: 88px; height: 80px; margin-top: 55px;} .da-slide h2{font-size: 32px; top: 30px;} .da-slide p{top:75px; font-size: 11px; line-height: 15px;} .da-slide p span {visibility: hidden; display: none;} div.home_tagline, div.tagline {padding: 10px 0;} div#map_bg, div#map {height: 220px; width: 320px;} div#map_bg {margin-left: -30px;} div#map {background:url(../img/svg/map.svg) no-repeat center center; background-size: cover;} .contact div.last {padding-top: 30px;} table.contact tr td.col1 {width: 52px;} input[type=text], input[type=password] {width: 217px;} textarea {width: 217px;} #contact-widget .contact-list li:last-child {padding-top: 2px;} .rooftiles {visibility: hidden; display: none;} table.about tr td {padding-top: 7px; padding-bottom: 2px; text-align: justify; font-size: 10px;} table.about tr.bg {background-color: rgba(204,204,255,.4);} table.about tr td.col1 {width: 12px; text-align: right; padding-left: 5px; padding-right: 2px;} table.about tr td.col2 {width: 17px; text-align: center;} table.about tr td.col3 {width: 24px; text-align: right; padding-right: 10px;} table.about tr td.col4 {border-left: 2px #000066 solid; padding-left: 10px; padding-right: 5px;} .portfolio_entries .portfolio_entry {width: 260px;} .portfolio {padding-bottom: 0;} .portfolio div.flex-container {width: 320px; margin-left: -30px; margin-bottom: 0;} .portfolio div div {margin-bottom: 30px;} table.portfolio tr td {font-size: 10px;} #jpreLogo {width: 280px; height: 90px; margin-top: -45px; margin-left: -140px;} #jpreLoader{width:280px; height:14px;} #jprePercentage {font-size: 13px; line-height: 19px;} div.copyright {font-size: 10px; text-align: center;} div.impressum {float: left; text-align: center; margin-top: 10px;}} @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {body {background: rgb(153,153,153) url(../img/bg@2x.jpg) fixed repeat; background-size: 300px 252px;} #loader {background: url(../img/loader@2x.gif) no-repeat; background-size: 28px 28px;} .da-slider{background: transparent url(../img/home_slider/home_slider_bg@2x.jpg) repeat 0% 0%; background-size: 256px 256px;} div.tape {background: url(../img/home_slider/tape@2x.png) no-repeat; background-size: 318px 290px;}}