* {box-sizing: border-box; } a, a:hover,a:before,header, a:after, img, img:hover,.sub-menu,.blubut, #top-menu .sub-menu a:before, #top-menu .sub-menu a:hover:before,.servicecta .overlay h3:before,.servicecta ul li, .servicecta ul li div, .servicecta ul li div:hover {-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} body {font-family: 'Source Sans Pro', sans-serif; margin:0; padding:0; font-size: 19px;line-height: 1.5;} .max-width { max-width:1450px; margin:0 auto; position:relative; z-index:2} a { color:#04a6e1; text-decoration:none;} a:hover {color:#0489ba; text-decoration:none} h1,h2,h3{ margin-top:0; line-height:normal} h1{ font-size:50px; margin-bottom: .5em;} h2{ font-size:48px;} h3{ font-size:35px;} p{margin:0 0 15px} img{ max-width:100%} li {line-height: 1.5;} .clearfix:after, .clear:after{ clear:both; display:table; content:""} .clearfix, .clear{ clear:both} .align-right{ float:right} /****Header Section*****/ header{ background:#111111;} header .max-width{ display:flex; justify-content: space-between;align-items: center;} .sticky {position: fixed; width: 100%; z-index: 9;} .logo{ width:115px} .logo:hover .logoimg, .logo .logo-hover{ display:none} .logo:hover .logo-hover{ display:block} header .sitenav > ul{ display:flex; list-style:none; padding:0; margin:0; font-size:23px; text-transform:uppercase} header .sitenav > ul > li{ padding:7px 22px;color:#fff; position:relative; display:block; margin:0 5px;background:  #111111; border-radius: 57px;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .sitenav > ul > li:hover, header .sitenav > ul > li.active{background:  #00558b; border-radius: 57px;} header .sitenav > ul > li > a{ color:#fff} .callus a {background: url(../images/icons.png) no-repeat left 10px; padding: 0; width: 28px; display: block; height: 37px;font-size:0;} header .sitenav > ul > li.callus { padding:0; margin-right:0} header .sitenav > ul > li.callus:hover{  background:none} header .sitenav > ul > li.has-schildern::after {background: url(../images/icons.png) no-repeat -36px 6px; padding: 0; width: 28px; display: block; height: 27px; content: ""; display: inline-block;} header .sitenav > ul > li.has-schildern:hover:after{ background-position:-35px -25px} .sub-menu {position: absolute; background:  #fff;  min-width: 200px; left: 10px; right:10px; margin: 0;margin-top: 0px; margin-left: 0px; border-radius:3px; -moz-box-shadow: 0px 10px 8px rgba(0,0,0,.5); -webkit-box-shadow: 0px 10px 8px rgba(0,0,0,.5); box-shadow: 0px 6px 4px rgba(0,0,0,.2);border: 1px solid #e4e4e4; margin-top: 36px; visibility: hidden; opacity: 0; top: 105%; text-transform: none; margin-left: 0; padding: 0; font-size: 13px;} .sub-menu:before {position: absolute; display: block; content: "";  border-style: solid; border-width: 7px; border-color: transparent transparent #e4e4e4 transparent; left: 21px; top: -15px} .sub-menu:after {position: absolute; display: block; content: ""; border-style: solid; border-width: 6px; border-color: transparent transparent #fff transparent; left: 22px; top: -12px;} .sub-menu li { list-style:none; display:block; } .sub-menu li.active {background:  #00aeef; color: #fff;} .sub-menu li.active a{ color:#fff} .sub-menu li a {text-align: left; display: block; border-bottom: 1px solid #e4e4e4; font-size:15px; color:#444; padding: 12px 20px; position:relative;} .sub-menu li a:hover {color:#0070b8; background:#fafafa;} .sub-menu li:last-child a { border:none;} header .sitenav > ul > li:hover > .sub-menu { margin-top:0px; opacity:1; visibility:visible;} .slicknav_btn {position: relative; display: block; vertical-align: middle; float: right; padding: .438em .625em .438em .625em; line-height: 1.125em; cursor: pointer} .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: .188em} .slicknav_menu {*zoom:1} .slicknav_menu .slicknav_menutxt {display: block; line-height: 1.188em; float: left} .slicknav_menu .slicknav_icon {float: right; width: 1.125em; height: .875em; margin: .188em 0 0 .438em} .slicknav_menu .slicknav_icon:before {background: transparent; width: 1.125em; height: .875em; display: block; content: ""; position: absolute} .slicknav_menu .slicknav_no-text {margin: 0} .slicknav_menu .slicknav_icon-bar {display: block; width: 1.125em; height: .125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25); box-shadow: 0 1px 0 rgba(0,0,0,.25)} .slicknav_menu:before {content: " "; display: table} .slicknav_menu:after {content: " "; display: table; clear: both} .slicknav_nav {clear: both} .slicknav_nav ul {display: block} .slicknav_nav li {display: block; border-top: 1px solid rgba(255,255,255,.05)} .slicknav_nav .slicknav_arrow {font-size: 0; float: right; margin: 0 0 0 .4em; position: relative} .slicknav_nav .slicknav_arrow:before {position: absolute; content: "+"; display: block; background: rgba(0,0,0,.3); font-size: 28px; width: 49px; left: -31px; top: -11px; height: 49px; text-align: center; line-height: 45px} .slicknav_nav .slicknav_open .slicknav_arrow:before {content: "-";font-size:33px} .slicknav_nav .slicknav_item {cursor: pointer} .slicknav_nav .slicknav_item a { display: inline} .slicknav_nav .slicknav_row {display: block} .slicknav_nav a {display: block} .slicknav_nav .slicknav_parent-link a {display: inline} .slicknav_brand {float: left} .slicknav_menu {font-size: 16px; box-sizing: border-box; background: #00aeef} .slicknav_menu * {box-sizing: border-box} .slicknav_menu .slicknav_menutxt {color: #fff; font-weight: 700; text-shadow: 0 1px 3px #000} .slicknav_menu .slicknav_icon-bar {background-color: #fff} .slicknav_btn {margin: 10px 5px 10px; text-decoration: none; text-shadow: 0 1px 1px rgba(255,255,255,.75); width: calc(100% - 10px) } .slicknav_nav {color: #fff; margin: 0; padding: 0; font-size: .875em; list-style: none; overflow: hidden} .slicknav_nav ul {list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px} .slicknav_nav .slicknav_row:hover {background: #00558b; color: #fff} .slicknav_nav a {padding: 11px 16px; margin: 0; text-decoration: none; color: #fff; font-size: 18px} .slicknav_nav a:hover, .slicknav_nav .slicknav_open >  a {background: #00558b; color: #fff} .slicknav_nav .slicknav_txtnode {margin-left: 15px} .slicknav_nav .slicknav_item a {padding: 0; margin: 0} .slicknav_nav .slicknav_parent-link a {padding: 0; margin: 0} .slicknav_brand {color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px} .slicknav_menu {display: none} /* Slider- Logo */ .slick-slide {margin: 0px 20px;} .slick-slide img {width: 100%;} .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after {display: table; content: ''; } .slick-track:after {clear: both; } .slick-loading .slick-track {visibility: hidden; } .slick-slide {overflow:hidden;display: none; float: left; height: 100%; min-height: 1px; background: #fff;  padding: 25px; margin-top: 10px; margin-bottom: 10px; transition: all 0.3s ease-in-out 0s;} .customer-logos .slick-slide{border-radius: 100%;box-shadow: 8px 6px 4px rgba(0,0,0,0.21);} /*.slick-slide:hover {transform: rotate(360deg); transition: all 0.3s ease-in-out 0s; margin-top: 0;}*/ .customer-logos .slick-slide:hover {box-shadow: 8px 6px 4px rgba(0,0,0,0.07);} /*.slick-slide:hover img{transform: scale(1.2);transition: all 0.3s ease-in-out 0s; margin-top: 0;}*/ [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block; margin:0 auto} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden; } .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden {display: none; } /***** Inner Pages**/ .innerheader{ position:relative} .innerheader img{width:100%} .innerheader .sectiontitle {position: absolute; background:  rgba(0,0,0,.36); width: 100%; text-align: center; top: 50%; transform: translateY(-50%);} .innerheader .sectiontitle h2 {margin: 0; padding: 0; font-size: 80px; color:  #fff; letter-spacing:4px; font-weight: 600;} /**********Hero Image **************/ .mview{ display:none} .hero-slider .herocaption {position: absolute; top: 50%; max-width: 1450px; margin: 0 auto; left: 0; right: 0; transform: translateY(-50%); font-size:38px; font-weight:600;  text-shadow: 5px 5px 7px rgba(0,0,0,.75)} .hero-slider{ position:relative} .hero-slider img { width: 100%; height: 700px; object-fit: cover !important; object-position: center;} .hero-slider .herocaption h3{ font-size:70px; color:#fff; margin:0; padding-bottom:15px} .hero-slider .herocaption ul{ list-style:none; margin:0; padding:0; color:#fff} .hero-slider .herocaption ul li {padding: 5px 0 5px 45px; position: relative;} .hero-slider .herocaption ul li::before {background: url(../images/icons.png) no-repeat -79px 4px; position: absolute; left: 0; top: 0; content: ""; width: 55px; height: 47px;} .slide .carousel-control {width:65px;height:65px;font-size:50px;line-height:63px;text-align:center;border:0px solid #fff; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; } #myCarousel .carousel-indicators{width: 100px; text-align: center; left: 50%; bottom:20px; top:auto; transform: translateX(-50%); } #myCarousel .carousel-indicators li{width:15px;height:15px;border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;cursor:pointer} .blubut {background: #00acee; color: #fff; text-shadow: none; text-transform: uppercase; padding: 15px 20px; border-radius: 80px; font-size: 18px; font-weight: 400; letter-spacing: 3px; display: table; margin-top: 35px; } .blubut:hover{ transform: scale(1.05); background:#00558b ; color:#fff} /*********** Home Service CTA ************/ .servicecta ul{ display:flex; margin:0 -10px; padding:0; list-style:none} .servicecta ul li{ margin:0 10px; background:#CCC; width:16.66%; position:relative; line-height:0} .servicecta ul li img{ margin-bottom:0; line-height:0} .servicecta ul li div.more{width:100px;height:auto;border-radius:25px;background:#000;color:#fff;text-align:center;margin:0 auto;line-height:1.5;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:16px} .servicecta ul li div.more:hover{background:#00acee} .servicecta .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px; line-height:normal; background:rgba(38,38,38,.46);-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .servicecta .overlay h3 {font-size: 27px; margin:0; text-align: center; color:  #fff; position: relative; top: 50%; transform: translateY(-50%); text-shadow: 2px 2px 5px rgba(0,0,0,0.75);-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .servicecta .overlay h3:before{ width:1px; height:3px; background:#00acee; left:0; position:absolute; bottom:0; content:""; visibility:hidden; opacity:0} .servicecta .overlay:hover h3:before{ width:100%; opacity:1; visibility:visible} .servicecta .overlay > div{ color:#fff; font-size:13px; color:#fff; opacity:0; visibility:hidden;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .servicecta ul li:hover .overlay > div{opacity:1;visibility:visible;padding:10px} .servicecta ul li:hover .overlay h3{font-size:17px;top:0;transform:none;padding:10px 5px} .servicecta ul li:hover .overlay{background:#00558b;color:#fff} /*********** Home whtwedo Section ************/ .whtwedo{ max-width:1400px; line-height:0; position:relative} .whtwedo h3 {text-align: center; color: #fff; line-height:normal; font-weight: 600; font-size: 48px; padding: 0 10px 10px; border-bottom: #00558b 10px solid; text-transform: uppercase; margin: 0 ;} .whtwedo img {line-height: 0; white-space: nowrap; margin-bottom: 0; height: 500px; object-fit: cover; width: 100%; object-position: bottom;} .whtwedo .aerialtxt {position: absolute; max-width: 387px; margin: 0; right: 45px; background: rgba(0,0,0,.64); z-index: 1; top: 111px; min-height: calc(100% - 195px); padding: 20px; color: #fff; font-size: 20px; line-height: 1.5;} .whtwedo .blubut {font-size: 18px; letter-spacing: 1.5px; padding: 10px 20px;} /*********** Who Work with us************/ .workwithus{ margin:20px 0} .workwithus h2{ text-align:center; padding:10px 0 30px; background:#fff} .workwithus .clients{ display:flex; margin:20px auto 3px; padding:0; list-style:none; justify-content: space-between;} .workwithus .clients li {width: 130px; background: #fff; border-radius: 100%; height: 130px; box-shadow: 8px 6px 4px rgba(0,0,0,0.46); border: 1px solid #676767; padding: 10px;transition: all 0.3s ease-in-out 0s; } .workwithus .clients li:hover {transform: rotate(360deg); transition: all 0.3s ease-in-out 0s;margin-top: -15px;} /*********** Home Recent Work************/ .recentwork{ margin:20px 0} .recentwork h2 {text-align: center; padding: 15px 0; background:  #00558b; text-transform: uppercase; color: #fff; margin: 0 0 3.5rem; letter-spacing: 3px;} .recentwork .s8-templates-column{position: relative; line-height:0; transition: transform 3.5s ease;} .recentwork .s8-templates-column > div {border: 1px solid #fff; color: #fff; line-height:normal; position: absolute; z-index: 1;top:0;left:0;height:85%;margin: auto;bottom: 0;right: 0;width:90%; padding: 20px;} .recentwork .s8-templates-column > img {z-index: 0; width: 100%; height: 300px; object-fit: cover; opacity:.53} .recentwork .s8-templates-column::after {background: #000; content: ""; position: absolute; top: 0; left: 20px; width: calc(100% - 40px); height: 100%; z-index: -1;} .recentwork .s8-templates-column > div div {position: relative;top: 50%; transform: translateY(-50%); font-size: 23px; text-align: center; text-shadow: 3px 6px 3px rgba(0,0,0,0.78);} .recentwork .s8-templates-column > div .videobut {display: table; clear: both; background: #111111; padding: 2px 6px 5px 12px; font-size: 20px; margin: 20px auto 0; color: #fff;} .recentwork .s8-templates-column > div .videobut::after {width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 15.6px; border-color: transparent transparent transparent #ffffff; position: relative; content: ""; display: inline-block; vertical-align: middle; margin: 0 6px 2px 10px;} .recentwork .s8-templates-column > div strong{ font-weight:600} .recentwork .slick-slide{padding:0;margin:0 10px;background:#000} /*********** Home Key Features************/ .key-features {color:#ffffff;margin-top: -25px;} .key-features h3 {color:#ffffff;font-size:48px} /*********** Home Company valus************/ .companyvalue h3{ margin:15px 0 0; font-size:48px} .companyvalue ul{ list-style:none; margin:0; padding:0} .companyvalue ul li h3{ color:#00aeef; font-size:26px; text-transform:uppercase; margin:0 0 13px; padding:0; font-weight:600} .companyvalue ul li {padding: 20px 0 20px 45px; position: relative; font-size: 26px; font-weight: 400; clear: both; border-bottom: 5px solid #00558b; display: flex; justify-content: space-between; align-items: center;} .companyvalue ul li > div:last-child {min-width: 228px;} .companyvalue ul li:last-child{ border-bottom:0; padding-bottom:0} .companyvalue ul li > div:first-child::before {background: url(../images/icons.png) no-repeat -79px 4px; position: absolute; left: -42px; top: -12px; content: ""; width: 55px; height: 47px;} .companyvalue ul li > div:first-child{ position:relative} /************** Home Blog************/ .blogsection { margin:2.5rem auto} .blogsection h3 {text-align: center; color:  #fff; line-height: normal; font-weight: 400; font-size: 44px; padding:10px; border-bottom: #00558b 10px solid; text-transform: uppercase; margin: 0;} .blogsection h3 strong{font-weight: 600;} .blogsection h3 + div, .blogsection div.post-list-custom__container{display:flex;color:#fff;font-size:19px; font-weight:400; align-items: center;} .blogsection h3 + div > div, .blogsection div.post-list-custom__container > div{  width: 50%;} .blogsection h3 + div > div:first-child, .blogsection div.post-list-custom__container > div:first-child{padding:35px; line-height:1.6} .blogsection h3 + div > div:last-child, .blogsection div.post-list-custom__container > div:last-child{margin-bottom:0;overflow:hidden} .blogsection h3 + div > div:last-child img, .blogsection div.post-list-custom__container > div:last-child img, .blogsection div.post-list-custom__container .blogimg img{width:100%;transition: transform 3.5s ease;} .blogsection h3 + div:hover > div:last-child img, .blogsection div.post-list-custom__container:hover > div:last-child img, .blogsection div.post-list-custom__container:hover .blogimg img{  transform: scale(1.1);} .blogsection .blubut{padding: 5px 25px; font-size: 24px; letter-spacing: 2px;text-align:center;} .blogtxt li{ padding:7px 0} .home-blog.blogsection div > div{width:100%;border-left:1px solid #fff} .home-blog.blogsection h3 + div > div:first-child{padding:0} .home-blog.blogsection div:last-child{border-left:none} .sharethis-inline-share-buttons:before{content:"share";display:inline-block;vertical-align:middle;padding-left:15px;padding-right:15px;color:#00558b;font-weight:600} .sharethis-inline-share-buttons{ position:absolute; top:20px; right:20px; padding:10px; background:rgba(255,255,255,.58); } .blogimg{ position:relative} .blogimg h1 {position: absolute; bottom: 0; background: #000; width: 100%; text-align: left; padding: 5px 19px; color: #fff;} .blogimg{ margin-bottom:2.5em} .sharethis-inline-share-buttons .st-btn {background: none !important; border: 0px !important; height: 38px; line-height: 38px; padding: 0 7px;} .sharethis-inline-share-buttons .st-btn > img{ top:5px} .bloglist .blogimg{ margin-bottom:0} .bloglist .blogimg{ width:100%} .blogsection .s8-templates-row-container{margin:0} .blogsection .post-list-custom-content .post-list-custom-content{padding:30px} .blogsection .post-list-custom{margin-bottom:0;padding-bottom:0;border-bottom:none !important} .blogsection .s8-templates-section-contentsize-lg{padding-top:0 !important} .blogsection div.post-list-custom__container > div.post-list-custom__top{padding:0} .blogsection div.post-list-custom__container{flex-direction:row} .blogsection .shortcontent{color:#fff;padding:0 20px} .blogsection .post-list-custom .blogtitle{text-align:left} .blogsection .blogimg{margin-bottom:0;max-height:480px;overflow:hidden} .blogsection .post-list-custom .blogtitle{padding:20px} .blogsection .post-list-date{padding:12px 20px 10px} .home-blog.blogsection div.post-list-custom__container{flex-direction:row-reverse} /*.home-blog.blogsection .blogimg{border-right:1px solid #fff}*/ /*********drone************/ .drone-spacing{margin:20px 0 40px;} .photogramm-section .s8-templates-column:first-child {border-right: 2px solid #bdbdbd;padding-right:40px;} .photogramm-section .s8-templates-column:last-child {padding-left:40px;} .drone-heading{border-bottom: #00558b 10px solid;background: #333;color: #fff;padding: 11px 0;} .sevices-cta .s8-templates-teammember-simple.s8-templates-card.s8-templates-card__cardsize-3.s8-templates-teammember {background: #fafafa;border: 2px solid #333;margin: 25px 10px !important;} .sevices-cta .s8-templates-card.s8-templates-teammember.s8-templates-teammember-simple .s8-templates-teammember-contentcontainer {padding: 0;text-align: center;} .sevices-cta span.s8-templates-teammember-name {color: #fff;line-height: normal;font-weight: 400;padding: 10px;border-bottom: #00558b 10px solid;text-transform: uppercase;margin: 0 !important;background: #333;width: 100%;display: block;font-size:16px;} .sevices-cta .s8-templates-card.s8-templates-teammember.s8-templates-teammember-simple .s8-templates-teammember-content {margin-top: 0;padding: 10px 20px;} .sevices-cta .s8-templates-card.s8-templates-teammember.s8-templates-teammember-simple .s8-templates-teammember-displaypicture {height: 200px;} .parallax-content h3.s8-templates-fancybox-title{font-size:25px;} #parallax-bg.parallax-content{z-index:0;} .parallax-content .blubut{margin:25px auto 0} .parallax-content .s8-templates-fancybox-contentWrapper{margin:0 auto} /**************Footer************/ .footersec .max-width {display: flex; justify-content: space-between; align-items: center;} .footersec .max-width > div.corlogo {width: 95px; height: 71px; background: url(../images/icons.png) no-repeat -316px 0px; margin-right: 42px;} .footersec .max-width > div.copyright {text-align: left; width: 73%; font-size: 19px; line-height: 1.5;} .footersec .max-width > div.socialicon ul{ display:flex; list-style:none; margin:0; padding:0} .footersec .max-width > div.socialicon ul li{ padding:0 5px} .footersec .max-width > div.socialicon ul li a {background: url(../images/icons.png) no-repeat -53px -58px; background-position-x: -53px; background-position-y: -58px; display: block; width: 45px; height: 45px; overflow: hidden; text-indent: 45px;} .footersec .max-width > div.socialicon ul li:first-child a {background-position: -3px -58px;} .footersec .max-width > div.socialicon ul li:nth-child(2) a {background-position: -53px -58px;} .footersec .max-width > div.socialicon ul li:nth-child(3) a{background-position: -105px -58px;} .footersec .max-width > div.socialicon ul li:nth-child(4) a{background-position: -157px -58px;} .footersec .max-width > div.socialicon ul li:nth-child(5) a{background-position: -209px -58px;} .footersec .max-width > div.socialicon ul li:nth-child(6) a{background-position: -259px -58px;} /**************About Us *************/ .ourmission{ margin:4.5rem auto} .ourmission.whtwedo .aerialtxt {background: rgba(0,0,0,.64); max-width: 90%; left: 0; font-size:25px; right: 0; margin: 0 auto; height: auto; min-height: auto; top: 55%; transform: translateY(-50%);} .ourmission.whtwedo img{ height:365px;border-top: 1px solid #fff;} .theowner h3{ background:#00558b; color:#fff; text-transform:uppercase; font-weight:600; text-align:center; font-size:48px; margin-bottom: 40px;} .theowner h3 strong{ font-weight:700;} .highlight{ color:#00558b; font-style:italic} .theowner{ padding-bottom:3rem} .ownertxt {padding: 0 1.5em;} .ownertxt .highlight {color: #00558b; font-style: italic; margin: 1em 0; font-size: 24px; font-weight: 400;} /**************Drone Construction Service *************/ .dronconstruction.blogsection h3 + div > div:first-child{ width:40%} .dronconstruction.blogsection h3 + div > div:last-child{ width:60%;border:15px solid #000;} .dronconstruction.blogsection h3 + div{align-items: top;} .dronconstruction{ margin-bottom:4rem} .benefits ul li {padding: 35px 0 35px 50px;} .bluebarheading{ text-align:center; color:#fff; font-size:48px; text-transform:uppercase; background:#00558b; margin:0 !important; padding:10px 0; font-weight:600} .benefits ul{ margin-bottom:3rem} .featurevideo { margin:4rem auto; background:#000} .featurevideo img{ opacity:.48} .featurevideo .playvideo {position: absolute; top: 50%; width: 80px; height: 80px; margin: 0 auto; left: 0; right: 0;} .featurevideo .playvideo .video-link-icon {background: url(../images/icons.png) no-repeat -396px 0; display: block; width: 100%; height: 80px;} .videosec {position: relative;} .videosec::after {position: absolute; content: ""; width: 100%; height: 100px; left: 0; background: #00acee; top: 50%; transform: translateY(-50%);} .lighttxt{ color:#fff} .needservice{ text-align:center; padding:10px 0; margin-bottom:3.5rem; font-size:48px; font-weight:700} .needservice .call{ font-size:72px; font-weight:500; line-height:1.2} .needservice .call a{ color:#fff} .drone-header{background:#1f3959;color:#fff;padding:10px 0} .drone-header h3{font-size:43px} .drone-header .max-width{max-width:500px} /***** Modal *****/ .modal{ max-width:80%; width:auto; display:none} .modal-backdrop.in {filter: alpha(opacity=7); opacity: 0.7;} .modal-content {background: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .modal-body {padding: 0 25px 25px 25px;} .modal-header {padding: 25px 25px 15px 25px; text-align: right;} .modal-header, .modal-footer { border: 0;} .modal-header .close {float: none; margin: 0; font-size: 36px; color: #000; font-weight: 300; text-shadow: none; opacity: 1;} /****** Blog Page***/ .post-list-custom {max-width: 100% !important; border: 0 !important; border-bottom: double #000 4px !important; padding-bottom: 14px; margin-bottom: 35px;} .post-list-custom .post-list-custom__img{ height:615px !important; object-fit:cover; width:100%;margin-bottom:10px;} .post-list-custom .more {background: #00acee; color:#fff; text-shadow: none; text-transform: uppercase; padding: 8px 21px; border-radius: 80px; font-size: 22px;font-weight: 400; letter-spacing: 3px; display: table; margin:30px 0;} .post-list-custom .more:hover{ background:#00558b} .post-list-custom .blogtitle{ background:#000; border-bottom:5px solid #00558b; color:#fff; text-align:center; text-transform:uppercase; font-size:29px; padding:17px 10px;margin-top:10px;} .post-list-custom .blogtitle a{ color:#fff} .post-list-date {color:#00acee; font-size: 30px !important; font-style: italic; font-weight: 400; padding: 0} .post-author em{font-weight:bold} .post-list-date time{color: #b5b5b5} .shortcontent{  padding: 0} div.sideBar .widget{background:#f9f9f9;border:1px solid #b0b0b0;padding:0 0 15px;margin:0 0 30px} div.sideBar .widget.first, div.sideBar .widget.last{padding:0;background:none;border:none} div.sideBar .title{background:#0b548e;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1.5px;margin:-1px;margin:0 0 15px;padding:15px 5px;font-size:24px;line-height:1} div.sideBar ul{margin:0;padding:0 10px} div.sideBar li{list-style:none;line-height:1.2;font-weight:500;font-size:15px; border-bottom:#999 1px solid} div.sideBar li:last-child{ border-bottom:0} div.sideBar li a{display:block;color:#000;padding:8px 0} div.sideBar li a:hover{color:#56626c} div.sideBar input, #searchform input, #searchform button {border: 1px solid #b0b0b0; padding: 10px; width: calc(100% - 84px); display: inline-block; font-size: 17px; margin: 0; border-radius: unset; line-height: normal; min-height: 40px;} #searchform .formRow input{ width:calc(100% - 120px)} #searchform .formRow button{ width:110px} div.sideBar input[type="submit"], #searchform button{border:none;cursor:pointer;background:#0b548e; font-size:15px;color:#fff;text-align:center;text-transform:uppercase;width:80px;display:inline-block} div.sideBar input[type="submit"]:hover, div.sideBar input[type="submit"]:focus, #searchform button:hover, #searchform button:focus{background:#0b67b0;color:#fff} div.sideBar .widget.last{margin-top:10px} div.sideBar .widget.last .title{color:#0b548e;background:none;text-transform:none;letter-spacing:0;text-align:left;margin:0;padding:0 0 15px;font-weight:600;font-size:30px} div.sideBar .widget.last p{padding:0 0 25px;margin:0} #searchform .formRow{padding:20px} #searchform .formRowLabel{padding:0 0 5px} .sharethis-inline-share-buttons{line-height:2.2} #searchform .formRow {padding: 20px;background:#eeeeee;color:#505050; clear:both} .metadate{color:#00acee;padding-left:0;font-style:italic;font-weight:400;font-size:25px} .blog-details-page h1 {font-size: 48px;margin-bottom: .5em;} .blog-details-page h2{font-size: 43px;} .bloglist #facebook{margin:10px 0;} #search_repeater_ajaxcontainer big {position: relative; width: 100%; display: block; margin-top: 16px;} #search_repeater_ajaxcontainer big:first-child{ margin-top:0;} #search_repeater_ajaxcontainer big:first-child:before{ display:none} #search_repeater_ajaxcontainer big::before {position: absolute; top: -36px; height: 1px; width: 100%; content: ""; left: 0; background:  #ccc;} #search_repeater_ajaxcontainer > span{ color:#0b548e !important; display:block; margin-top:5px} /**************** Contact Page ******************/ .contacthead{  background:#00558b; color:#fff; margin:3rem 0; padding:10px; font-size:48px; text-transform:uppercase} .formRow{ background:none; color:#000} .formRow .formRowLabel {font-weight: 600; margin-bottom:7px} .formRow .formRowLabel span {color: #cc2f2f; font-size: 24px; display: inline-block; vertical-align: middle;} .formRow  textarea, .formRow  input[type="text"]{ border-color:#000; border-radius:0; min-height:45px; padding:10px} .formRow button {border: 0; font-size: 20px; margin: 0; padding: 15px 25px; letter-spacing: 1px;} .contactinfo > ul {/*  display: flex; flex-wrap: wrap; justify-content: space-between;*/ align-items: center; position:relative; list-style:none; margin:0; padding:0 } .contactinfo:after{ clear:both; display:table; content:""} .contactinfo > ul > li {position: relative; font-size: 35px; font-weight: 600; padding: 15px 30px 15px 105px; width: 31.33%; line-height: 36px; border-right: 1px solid #9e9e9e; float: left; } .contactinfo > ul > li a{ display:block; font-weight:400; font-style:italic; color:#000} .contactinfo > ul > li::before {background: url(../images/icons.png) no-repeat -11px -114px; width: 78px; height: 78px; position: absolute; left: 0; top: 19px; content: ""; } .contactinfo > ul > li:nth-child(2):before { background-position:-100px -114px; left:45px } .contactinfo > ul > li:nth-child(2){width: 37.3%;padding-left: 150px;} .contactinfo > ul > li:last-child:before { background-position:-188px -114px; left:45px} .contactinfo > ul > li:last-child{ border-right:0; padding-left: 148px; padding-right:0 } .contactbox{ margin:4.5rem auto} .contactinfo div.socialico ul{ display:flex; list-style:none; margin:5px 0 0 ; padding:0} .contactinfo div.socialico ul li {padding: 0 6px; font-size: 20px; border-radius: 100%; width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 0 3px; color: #fff; } /*parallax background*/ #parallax-bg{width:100%;position:relative;z-index:-1;} #parallax-bg .s8-templates-section-contentsize-md{padding:0 !important;max-width:100%} #parallax-bg .drone-tower{float: right;} img.drone-camera {margin-bottom: -140px;z-index: 1;transform: translateX(950px);width: 35%;} img.drone-remote {z-index: 1; margin-top: 0; width: 14%; filter: drop-shadow(2px 4px 6px rgba(0,0,0,.3)); position: absolute; transform: translateY(125px); } .graphic-txt div {width: 52%; margin-left: 22%; margin-top: 27px; } .graphic-txt > div {display: inline-block; } .s8-GalleryFlexItem{border:1px solid #000} /**********Responsive **************/ @media (min-width:1920px){img.drone-camera {margin-bottom: -193px;transform: translateX(1000px);width: 32%;margin-left:0} .servicecta .overlay > div{font-size:18px} .servicecta ul li:hover .overlay h3{font-size:19px} .servicecta ul li div.more{font-size:18px;width:120px;line-height:1.8} } @media (max-width:1900px){img.drone-camera {margin-bottom: -139px;transform: translateX(639px);width: auto;margin-left:0} .servicecta .overlay > div{font-size:18px} .servicecta ul li div.more{font-size:18px} } @media (max-width:1480px){h1 {font-size:48px} .innerheader .sectiontitle h2{font-size:65px} .hero-slider .herocaption h3{ font-size:48px; color:#fff; margin:0; padding-bottom:15px} .hero-slider .herocaption { font-size:28px} .hero-slider img{ height:540px} .max-width, .hero-slider .herocaption{padding:0 15px} .max-width .max-width{ padding:0} .servicecta ul li img {height: 165px; object-fit: cover; object-position: top;} .servicecta ul li:hover .overlay h3{ font-size:15px} .servicecta .overlay > div{font-size:13px} .servicecta ul li:hover .overlay h3{font-size:16px} .servicecta ul li div.more{font-size:15px;width:100px;line-height:1.4} .whtwedo, .blogsection  {padding: 0; max-width: 96%;} .servicecta .overlay h3{ font-size:22px; padding:0 10px} .servicecta ul li div.more{font-size:18px;width:130px;line-height:1.9;bottom:20px} .innerheader .sectiontitle h2{ font-size:70px} .whtwedo h3, .companyvalue h3 { font-size:40px} .blogsection .blubut {font-size: 20px;} .innerheader .sectiontitle h2 {font-size: 55px;} .slick-slide{ padding:10px} .contactinfo > ul > li{ font-size:27px} .contactinfo > ul > li::before{width:65px;height:65px;background-size:425px} .contactinfo > ul > li:nth-child(2)::before {background-position: -80px -90px;} .contactinfo > ul > li:last-child::before {background-position: -149px -90px; } .contactinfo > ul > li:before {background-position: -80px -90px;} .contactinfo > ul > li{ padding-left:69px; } div.sideBar input, #searchform input{ font-size:14px} div.sideBar input, #searchform input{width:calc(100% - 95px)} .blog-details-page h1 {font-size: 38px; margin-bottom: .5em; line-height: 1.25;} .blog-details-page h2{font-size: 30px} .blog-details-page h3{font-size: 27px} .servicecta ul li:hover .overlay > div {padding: 5px;} .slide .carousel-control {width: 40px; height: 40px; font-size: 35px; line-height: 40px;} .slide .hero-slider .herocaption{ left:5%} .graphic-txt div {width: 49%;} img.drone-remote {transform: translateY(120px);width: 19%;} } @media (max-width:1280px) {img.drone-camera {transform: translateX(540px);} } @media (max-width:1279px) {.blogsection h3, .workwithus h2,  h2, .whtwedo h3, .companyvalue h3{ font-size:37px;} .blogsection h3 + div > div:first-child {padding:25px; line-height:1.25;font-size: 16px;} .blogsection .blogimg{max-height:430px} .home-blog.blogsection h3 + div > div:first-child{padding:0} .servicecta ul {flex-wrap:wrap} .servicecta ul li {margin: 0 10px 16px; width: 31.33%;} .servicecta ul li img {height: auto; width: 100%;} .servicecta ul li:hover .overlay h3 {font-size: 20px; padding: 13px;} .servicecta .overlay > div{ font-size:15px} .workwithus .clients li {width: 135px; height: 135px; margin: 0 20px 41px;} .workwithus .clients {justify-content: center; flex-wrap: wrap;} .recentwork .s8-templates-column > div div {font-size: 20px;} .recentwork .s8-templates-column > img {width: 100%; height:auto ;} .recentwork .s8-templates-column{ padding:0} .recentwork .s8-templates-column::after {left: 10px; width: calc(100% - 21px);} .recentwork .s8-templates-column > div{ height:85%} .recentwork .s8-templates-row-container{ margin-left:0; margin-right:0} .companyvalue ul li {font-size: 20px;} .footersec .max-width > div.copyright {font-size: 16px;} header .sitenav > ul {font-size: 20px;} header .sitenav > ul > li {padding: 7px 15px;} .innerheader .sectiontitle h2 {font-size:42px; letter-spacing:0} h1 {font-size:42px;} .blubut{ font-size:22px} .contactinfo > ul > li:last-child {padding-left: 124px;} .contactinfo > ul > li:nth-child(2) {padding-left: 120px;} .contactinfo > ul > li {padding-left: 80px;} div.sideBar input, #searchform input {width: calc(100% - 85px);} img.drone-camera {max-width: 33%;} img.drone-remote {transform: translateY(143px);} .graphic-txt div {width: 46%;} img.drone-camera {max-width: 30%;transform: translateX(559px);} } @media (max-width:1150px) {.contactinfo > ul > li:nth-child(2)::before{ left:17px} .contactinfo > ul > li{width: 29.33%;} .contactinfo > ul > li:nth-child(2) {    padding-left: 95px;width: 39.3%;} .contactinfo > ul > li:last-child {padding-left: 95px;} .contactinfo > ul > li:last-child::before{ left:16px} .contactinfo div.socialico ul li{ font-size:16px} } @media (max-width:1098px){#parallax-bg {height: auto;} img.drone-camera {transform: translateX(542px);margin-bottom: -121px;} #parallax-bg .drone-tower {width: 32%;} img.drone-remote {transform: translateY(219px);} .sevices-cta .s8-templates-teammember-simple.s8-templates-card.s8-templates-card__cardsize-3.s8-templates-teammember{font-size:16px;} /*********drone************/ .parallax-content .s8-templates-card{width:auto} } @media (max-width:1023px) {header .sitenav > ul {font-size: 18px;} .servicecta ul li {width: 31%;} .blogsection h3, .workwithus h2, h2, .whtwedo h3, .companyvalue h3 {font-size: 30px;} .recentwork .s8-templates-column > div div {font-size: 18px;} .footersec .max-width{ flex-wrap:wrap;justify-content: center;} .footersec .max-width > div.copyright {width: auto; font-size: 19px; text-align: center;} .footersec .max-width > div.corlogo {width: 75px;} .footersec .max-width > div.socialicon{ display:block; width:100%; margin-top:10px;} .footersec .max-width > div.socialicon ul{flex-wrap:wrap;justify-content: center;} .contactinfo > ul > li:first-child, .contactinfo > ul > li{width: 100% !important;line-height: 1.2} .contactinfo > ul > li{ border-bottom:1px solid #9e9e9e; border-right:0} .contactinfo > ul > li:last-child{ border-bottom:0} .contactinfo div.socialico ul li{font-size: 22px;padding: 0;width: 27px} .contactinfo div.socialico ul{margin-top:0} div.sideBar input, #searchform input{width:calc(100% - 84px)} } @media (max-width:978px) {#menu {display: none} .slicknav_menu {display: block} .logo {width: 90px;margin: -10px 0;} header .max-width{flex-wrap:wrap; padding:10px 20px 0;justify-content: flex-start;} .sitenav .slicknav_menu {background: transparent;} .sitenav .slicknav_menu a.slicknav_btn {float: right;width: auto;position: fixed;top: 20px;right: 10px;} .sitenav{ width:100%; margin-top:10px} .slicknav_nav ul{ margin:0; padding:0} .slicknav_nav li.callus a:before {content: ''; display: inline-block; width: 30px; border-radius: 100%; height: 30px; background: #ffffff url(/media/website_designs/assets/images/icons.png) no-repeat 6px 5px; float: left; background-size: 380px; margin: 0 10px 0 0; } .slicknav_nav li.callus a {margin: 15px 0; width: auto; font-size: 21px; padding: 5px; font-weight: bold; height: 40px; border-radius: 5px; background: #00acee; } .sub-menu {position: relative; background: #fff; width: 100%; left: 0; right: 0; margin: 0; visibility: visible; opacity: 1; border-radius:0} .servicecta ul li {width: 47.4%;} .recentwork .s8-templates-row-container{ flex-wrap:wrap} .recentwork .s8-templates-column{flex-basis: 100%;xmin-width: 100%; max-width: 100%; margin-bottom:0; padding:0} .recentwork .s8-templates-column::after {left: 0; width: 100%;} .slick-slide{margin:13px 10px 8px} header .sitenav > ul {font-size: 15px;} header .sitenav > ul > li {padding: 7px 11px;} .ourmission.whtwedo .aerialtxt{ font-size:19px} .dronconstruction.blogsection h3 + div > div:first-child, .dronconstruction.blogsection h3 + div > div:last-child {width: 100%;} .blogsection h3 + div{ flex-wrap:wrap} .needservice .call {font-size: 38px;} .needservice{ font-size:25px} .post-list-custom .post-list-custom__img {height: 400px !important;} .contacthead{ font-size:27px} .contactinfo ul li{font-size: 22px; padding: 15px 0 15px 90px} .contactinfo ul li::before{ top:10px} header{ padding-bottom:0} #max-width_blog-list-page .s8-templates-column.s8-templates-column-9, .blog-details-page .s8-templates-column.s8-templates-column-9  {flex-basis: 65%; min-width: 65%; max-width: 65%;} #max-width_blog-list-page .s8-templates-column.s8-templates-column-3, .blog-details-page .s8-templates-column.s8-templates-column-3 {flex-basis: 35%; min-width: 35%; max-width: 35%; padding-left:0} .post-list-custom .post-list-custom__img {height: 200px !important;} .post-list-custom .blogtitle {text-align: left;font-size: 20px;} .post-list-date{ font-size:25px} .ownertxt .highlight{ line-height:normal} .theowner h3{ font-size:36px} img.drone-remote {max-width: 20%;} #parallax-bg .drone-tower {width: 28%} .blogsection .blogimg{max-height:470px} .blogsection .blogimg .post-list-custom__img{height:470px!important} .post-list-date small{font-size:68%} .sevices-cta {display: block;width: 40%;margin: 0 auto;} .sevices-cta .s8-templates-teammember-simple.s8-templates-card.s8-templates-card__cardsize-3.s8-templates-teammember {margin: 25px 0px !important;} .graphic-txt div {width: 50%;} .key-features h3 {font-size: 30px;} .key-features img.drone-remote {max-width: 18%;transform: translateY(196px);} .key-features img.drone-camera {transform: translateX(480px);margin-bottom: -86px;max-width: 35%;} } @media (max-width:768px) {img.drone-camera {transform: translateX(200px);margin-bottom: -87px;max-width: 40%;} #parallax-bg .drone-tower {width: 32%; position: absolute; top: 85px; right: 0; } #parallax-bg.key-features .graphic-txt div {margin: 40px 25px;width: 95%;} img.drone-remote{margin-top:-173px} section.key-features {margin-top: 0;} #parallax-bg.key-features img.drone-remote {max-width: 100%;margin: 0;width: 30%;position: relative;float: left;display: block;transform: translateY(21px);} .graphic-txt div {width: 90%;margin-left: 25px;} #parallax-bg .drone-header h3 {text-align: right;} } @media (max-width:767px) {.servicecta ul li {width: 47.24%;} .whtwedo .aerialtxt {position: relative; max-width: 100%; margin: 0; right: 0; background: rgba(0,0,0,.64); z-index: 1; top: 0; min-height: auto; padding: 20px;color: #fff; font-size: 20px; line-height: 1.5; } .blogsection div.post-list-custom__container{display:block} .blogsection div.post-list-custom__container > div{width:100%;float:none} .blogsection .blogimg{max-height:430px} .blogsection .blogimg .post-list-custom__img{height:430px!important} .ourmission.whtwedo .aerialtxt{ top:auto; transform:none} .recentwork .s8-templates-column > div{ width:90%; height: 82%;} .recentwork .s8-templates-column:first-child > div {height: 78%; top: 23px} .blogsection h3 + div{ flex-wrap:wrap} .blogsection h3 + div > div {width: 100%;} .blogsection div.post-list-custom__container > div:first-child{border-left:none} .home-blog.blogsection div.post-list-custom__container > div:first-child, .home-blog.blogsection div > div{border-left:none} .contactinfo ul li{font-size:19px;padding:15px 0 15px 90px} .s8-templates-row + .s8-templates-row{margin-top:0} #contact_form .s8-templates-column{ padding-top:0;padding-bottom: 5px;} #contact_form .formRow{ padding:4px} #contact_form .s8-templates-row .s8-templates-column:first-child{ margin-top:10px} .contacthead{margin:0} #max-width_blog-list-page .s8-templates-column.s8-templates-column-9, .blog-details-page .s8-templates-column.s8-templates-column-9 {flex-basis: 100%; min-width: 100%; max-width: 100%;} #max-width_blog-list-page .s8-templates-column.s8-templates-column-3, .blog-details-page .s8-templates-column.s8-templates-column-3 {flex-basis: 100%; min-width: 100%; max-width: 100%; padding-left:20px} #max-width_blog-list-page .s8-templates-row-container, .blog-details-page .s8-templates-row-container{flex-wrap:wrap} div.sideBar input[type="submit"], #searchform button{ width:85px} div.sideBar input, #searchform input {width: calc(100% - 99px);} .contactinfo > ul > li:nth-child(2)::before, .contactinfo > ul > li:last-child:before {left: 0;} .contactinfo ul li{ padding-top:30px; padding-bottom:30px} .contactinfo ul li::before {top: 20px;} .contactinfo > ul > li{ padding-left:80px !important} #search_repeater_ajaxcontainer{ padding:0 15px} #parallax-bg {height: 200px;} img.drone-camera { transform: translateX(117px); margin-bottom: -70px; max-width: 48%;} img.drone-remote {max-width: 23%;margin-top: -137px;} #parallax-bg.key-features{height:auto} /*********drone************/ #parallax-bg.parallax-content{height:auto} .parallax-content .s8-templates-card{width:90%;margin:0 auto} .parallax-content .s8-templates-fancybox-contentWrapper{width:auto !important} .parallax-content .s8-templates-fancybox-image{margin:-10px auto 0} } @media (min-width:641px) and (max-width:704px) {.servicecta ul li {width: 46.97%;} } @media (max-width:640px) {body{ font-size:16px} h1 {font-size: 28px;} .innerheader img{ height:200px; object-fit:cover} .theowner h3 {font-size: 25px; padding: 20px 5px;} .hero-slider .herocaption h3 {font-size: 22px;} .hero-slider .herocaption {font-size: 19px;} .blubut {padding: 10px 15px; font-size: 16px; letter-spacing:0} .hero-slider img {height: 362px;} .servicecta ul li {width: 100%;} .blogsection h3, .workwithus h2, h2, .whtwedo h3, .companyvalue h3 {font-size: 25px;} .blogsection .blogimg{max-height:400px} .blogsection .blogimg .post-list-custom__img{height:400px!important} .recentwork h2{margin:0 0 2rem} .whtwedo img{ height:auto} .whtwedo .blubut {font-size: 16px; letter-spacing: 0;    padding: 10px 18px;} .workwithus .clients li {width: 122px; height: 122px; margin: 0 10px 15px;} .companyvalue ul li {    flex-wrap: wrap;} .companyvalue ul li > div:first-child:before{background:url(../images/icons.png) no-repeat -35px 5px;left:-42px;top:1px;width:21px;height:30px;background-size:251px} .companyvalue ul li{font-size:16px;padding:20px 0 20px 25px} .companyvalue ul li > div:first-child::before{ left:-25px} .companyvalue ul li h3{font-size:22px} .companyvalue ul li img{display:block;margin:20px auto 0} .companyvalue ul li:first-child img{ margin-top:0} .footersec .max-width > div.copyright {font-size: 14px} .footersec .max-width > div.corlogo { margin-right:0; margin-bottom:20px} .footersec .max-width > div.socialicon ul li {padding:0 1px} .whtwedo .aerialtxt{ font-size:16px} .ourmission.whtwedo .aerialtxt {font-size:19px;padding:20px 0} .ourmission{margin:2rem auto} .innerheader .sectiontitle h2 {font-size: 30px; letter-spacing: 0; line-height: normal; padding: 8px 0;} .s8-templates-section-content {padding: 20px 0 !important;} .blogsection .s8-templates-section-contentsize-lg{padding-bottom:0 !important} .needservice .call {font-size: 35px;} .needservice {font-size: 19px;margin-bottom: 20px;} .featurevideo,.dronconstruction, .blogsection, .contactbox {margin: 20px auto;} .post-list-custom .post-list-custom__img {height: auto !important; object-fit: cover;} .contactinfo > ul > li{ width:100%; padding-top:20px; padding-bottom:20px} .contactinfo > ul { flex-wrap:wrap} .contactinfo > ul > li:first-child{ border-bottom: 1px solid #9e9e9e} .contactinfo > ul::after{ display:none} #myCarousel .carousel-indicators {display: none; } .contactinfo > ul li { margin-bottom: 10px; padding-bottom: 30px;} h3 {font-size: 26px;} .drone-spacing {margin: 10px 0;} .sevices-cta {width: 80%;} .photogramm-section .s8-templates-column:first-child {padding-right:20px;} .photogramm-section .s8-templates-column:last-child {padding-left:20px;} .servicecta ul li div.more {font-size: 18px; width: 130px; line-height: 1.9; bottom: auto; position: relative; display: block; margin: 23px 0 0; } .servicecta .overlay {position: relative; top: auto; left: auto; width: auto; height: auto;background: #00558b;padding: 25px;} .servicecta ul li {background: transparent;} .servicecta ul li img {object-fit: unset;object-position: unset;} .servicecta .overlay > div{visibility:visible;opacity:1;} .servicecta .overlay h3 {margin: 0 0 25px;top: auto;transform: none;} .servicecta ul li:hover .overlay > div {padding: 0px} .servicecta ul li:hover .overlay h3 {font-size: 22px;padding: 0;} .servicecta .overlay h3::before {width: 100%;height: 3px;background: #00acee;left: 0;position: absolute;bottom: -11px;content: "";visibility: visible;opacity: 1;} /*********drone************/ #parallax-bg.parallax-content .s8-templates-section-content {padding:0 0 20px !important} } @media (max-width:518px) {img.drone-remote {max-width: 30%;margin-top:-119px} #parallax-bg .drone-tower {width:45%;} img.drone-camera {transform: translateX(39px);margin-bottom:-44px;max-width:56%} .blogsection .blogimg{max-height:250px} .blogsection .blogimg .post-list-custom__img{height:250px!important} .blogsection .post-list-date small{font-size:60%} .key-features h3{font-size:35px} .drone-header{text-align:right} .drone-header h3{font-size:30px} #parallax-bg.key-features img.drone-remote {width: 38%;transform: translateY(34px);} #parallax-bg.key-features .graphic-txt div {margin: 34px 0;border-top: 25px solid #8ea8ce;width: 100%;padding: 20px 20px;} #parallax-bg.key-features .graphic-txt div .key-features h3 {font-size: 30px;} #parallax-bg .drone-tower {top: 68px;} }