/* Theme Name: Beaver Builder Child Theme Theme URI: http://www.wpbeaverbuilder.com Version: 1.0 Description: An example child theme that can be used as a starting point for custom development. Author: The Beaver Builder Team Author URI: http://www.fastlinemedia.com template: bb-theme */ /* Add your custom styles here... */ /*************************** Fonts **********************/ /*@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Merriweather:300,400,700');*/ @font-face { font-family: 'Madina Script'; src: url('fonts/MadinaScript.eot'); src: url('fonts/MadinaScript.eot?#iefix') format('embedded-opentype'), url('fonts/MadinaScript.woff2') format('woff2'), url('fonts/MadinaScript.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DragonflightPro_Sans'; src: url('fonts/DragonflightPro_Sans.eot'); src: url('fonts/DragonflightPro_Sans.eot?#iefix') format('embedded-opentype'), url('fonts/DragonflightPro_Sans.woff2') format('woff2'), url('fonts/DragonflightPro_Sans.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Chasing Embers Demo Version'; src: url('fonts/ChasingEmbers.eot'); src: url('fonts/ChasingEmbers.eot?#iefix') format('embedded-opentype'), url('fonts/ChasingEmbers.woff2') format('woff2'), url('fonts/ChasingEmbers.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'slick'; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff2') format('woff2'), url('fonts/slick.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefin_sansbold'; src: url('fonts/josefinsans-bold.eot'); src: url('fonts/josefinsans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/josefinsans-bold.woff2') format('woff2'), url('fonts/josefinsans-bold.woff') format('woff'), url('fonts/josefinsans-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefin_sansitalic'; src: url('fonts/josefinsans-italic.eot'); src: url('fonts/josefinsans-italic.eot?#iefix') format('embedded-opentype'), url('fonts/josefinsans-italic.woff2') format('woff2'), url('fonts/josefinsans-italic.woff') format('woff'), url('fonts/josefinsans-italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefin_sanslight'; src: url('fonts/josefinsans-light.eot'); src: url('fonts/josefinsans-light.eot?#iefix') format('embedded-opentype'), url('fonts/josefinsans-light.woff2') format('woff2'), url('fonts/josefinsans-light.woff') format('woff'), url('fonts/josefinsans-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefin_sansregular'; src: url('fonts/josefinsans-regular.eot'); src: url('fonts/josefinsans-regular.eot?#iefix') format('embedded-opentype'), url('fonts/josefinsans-regular.woff2') format('woff2'), url('fonts/josefinsans-regular.woff') format('woff'), url('fonts/josefinsans-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josefin_sanssemibold'; src: url('fonts/josefinsans-semibold.eot'); src: url('fonts/josefinsans-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/josefinsans-semibold.woff2') format('woff2'), url('fonts/josefinsans-semibold.woff') format('woff'), url('fonts/josefinsans-semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweatherbold'; src: url('fonts/merriweather-bold.eot'); src: url('fonts/merriweather-bold.eot?#iefix') format('embedded-opentype'), url('fonts/merriweather-bold.woff2') format('woff2'), url('fonts/merriweather-bold.woff') format('woff'), url('fonts/merriweather-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweatheritalic'; src: url('fonts/merriweather-italic.eot'); src: url('fonts/merriweather-italic.eot?#iefix') format('embedded-opentype'), url('fonts/merriweather-italic.woff2') format('woff2'), url('fonts/merriweather-italic.woff') format('woff'), url('fonts/merriweather-italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweatherlight'; src: url('fonts/merriweather-light.eot'); src: url('fonts/merriweather-light.eot?#iefix') format('embedded-opentype'), url('fonts/merriweather-light.woff2') format('woff2'), url('fonts/merriweather-light.woff') format('woff'), url('fonts/merriweather-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweatherregular'; src: url('fonts/merriweather-regular.eot'); src: url('fonts/merriweather-regular.eot?#iefix') format('embedded-opentype'), url('fonts/merriweather-regular.woff2') format('woff2'), url('fonts/merriweather-regular.woff') format('woff'), url('fonts/merriweather-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_sansregular'; src: url('fonts/merriweathersans-regular-webfont.eot'); src: url('fonts/merriweathersans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/merriweathersans-regular-webfont.woff2') format('woff2'), url('fonts/merriweathersans-regular-webfont.woff') format('woff'), url('fonts/merriweathersans-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "icomoon"; src: url("fonts/icomoon.ttf"); font-family: 'icomoon'; src: url('fonts/icomoon.eot?xu6thx'); src: url('fonts/icomoon.eot?xu6thx#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?xu6thx') format('truetype'), url('fonts/icomoon.woff?xu6thx') format('woff'), url('fonts/icomoon.svg?xu6thx#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none;/* line-height: 1;*/ /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-2, .icon-3, .icon-4, .icon-5, .icon-6, .icon-7, .icon-8, .icon-9, .icon-10, .icon-11, .icon-12, .icon-13, .icon-14, .icon-15, .icon-16, .icon-17, .icon-18, .icon-19, .icon-20, .icon-21, .icon-22, .icon-23, .icon-24, .icon-25, .icon-26, .icon-27, .icon-28, .icon-29 { font-family: "icomoon"; position: relative; font-size: 48px; color: #fff; top: 0; left: 0; margin: 0 auto; } .icon-2:before { content: "\e901"; } .icon-3:before { content: "\e909"; } .icon-4:before { content: "\e90a"; } .icon-5:before { content: "\e90b"; } .icon-6:before { content: "\e90c"; } .icon-7:before { content: "\e90d"; } .icon-8:before { content: "\e90e"; } .icon-9:before { content: "\e90f"; } .icon-10:before { content: "\e910"; } .icon-11:before { content: "\e911"; } .icon-12:before { content: "\e912"; } .icon-13:before { content: "\e913"; } .icon-14:before { content: "\e914"; } .icon-15:before { content: "\e915"; } .icon-16:before { content: "\e916"; } .icon-17:before { content: "\e917"; } .icon-18:before { content: "\e918"; } .icon-19:before { content: "\e919"; } .icon-20:before { content: "\e91a"; } .icon-21:before { content: "\e900"; } .icon-22:before { content: "\e902"; } .icon-23:before { content: "\e903"; } .icon-24:before { content: "\e904"; } .icon-25:before { content: "\e905"; } .icon-26:before { content: "\e906"; } .icon-27:before { content: "\e907"; } .icon-28:before { content: "\e908"; } .icon-29:before { content: "\e91b"; } .blue-text{color: #19374a; } body { font-family: 'josefin_sansregular', sans-serif; min-height: 65rem; -webkit-font-smoothing: antialiased; background-color: transparent !important; } body.menu_open {overflow-y: hidden; position: fixed; top: 0; left: 0; right: 0; } .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky{z-index: 99;} /*header*/ .header_menu_button a.fl-button {border: none !important;height: 33px;width: 33px !important; background: url(images/menu-icon-2.png) no-repeat center center !important; } .home .header_menu_button a.fl-button{background: url(images/menu-icon.png)no-repeat center center !important;} .header_menu_button a.fl-button:hover, .header_menu_button a.fl-button:active, .header_menu_button a.fl-button:focus{border: none !important; outline: none !important;} .home header .fl-row-content-wrap {background: #00b4b5;} .octopus-menu-wrapper {background-image: url(images/menu-text.png), url(images/menu-splash.png);background-repeat: no-repeat;background-position: center 20%, 30% 56%;/* background-size: 100%; */position: fixed;top: 0;left: 0;background-color: #fff;z-index: 9999;width: 100%;display: flex;align-items: center;height: 0px;overflow: hidden;transition: all ease 0.4s;justify-content: center;} .octopus-menu-wrapper.o-open { height: 100vh; } .octopus-menu-wrapper{} .octopus-menu-wrapper .fl-row-content-wrap{background: transparent !important;} .octopus-menu-wrapper .fl-row-content{width:750px; max-width:100% !important;} /**/ .social-icons { padding-top: 20px; } .social-icons a { color: #fff; padding: 0 !important; width: 30px; height: 30px; line-height: 30px; text-align: center;background: url(images/social-icon-bg1.png) no-repeat top left; margin-right: 15px;font-size: 15px !important; display: block; float: left; } .social-icons a:hover { background: url(images/social-icon-bg2.png) no-repeat top left; text-decoration: none; } .octopus-menu-wrapper .mein-menu ul { margin: 0; padding: 0; } .octopus-menu-wrapper .mein-menu ul li {margin: 0;padding: 0;list-style: none;margin-bottom: 24px;} /* Back to Top */ #backtotop { display: block; position: absolute; top: -80px; left: 50%; z-index: 99; border: none; outline: none; background: url(images/backtotop.png) no-repeat top left; color: white; cursor: pointer; padding: 56px 15px 32px; border-radius: 10px; font-family: 'josefin_sansregular', sans-serif; font-size: 17px; text-transform: uppercase; text-align: center; line-height: 20px; letter-spacing: 3px; transform: translate(-50%, -50%); /* opacity: 0.5;*/ } #backtotop:hover { opacity: 1; } .octopus-menu-wrapper .mein-menu ul li a {font-family: 'DragonflightPro_Sans', Arial;font-size: 68px;color: #19374a;line-height: 40px;display: block;width: 100%;text-decoration: none;transition: all ease 0.4s;padding: 0;} .octopus-menu-wrapper .mein-menu ul li.active a { color: #00B4B5; text-decoration: none; } .octopus-menu-wrapper .mein-menu ul li a:hover { color: #00B4B5; text-decoration: none; } .menu_close {z-index: inherit; display: none; width: 60px; height: 60px; background-image: url(images/menu-close.png); background-repeat: no-repeat; background-size: 100%; background-position: center; cursor: pointer; position: absolute; top: 40px; right: 40px; opacity: 0; transition: all ease 0.6s; } .menu_open .menu_close {opacity: 1; z-index: 9999; display: block; } /*Footer*/ .footer-block {color: #fff; font-family: 'merriweatherlight', serif; color: #fff; font-size: 16px;margin-top: 150px; padding: 0; position: relative; } .footer-block:after {content:"";background: url(images/footer-bg.png) no-repeat top center; background-size: cover;top: -139px; position: absolute; left:0; padding: 70px 0; display: block; width: 100% !important; } .footer-block p a {color: #fff; margin: 0 11px; } .footer-block .social-icons .fl-html{float: right;} .footer-block .social-icons a{width: 38px;height: 41px;line-height: 41px;margin-right: 12px;background-size: contain;font-size: 18px !important;} .footer-block .social-icons a:last-child{/* margin-right: 0; */} .members h2.fl-heading{position:relative;} .members h2.fl-heading span {width: auto; margin: 0 auto !important; background-color: #204963; display: inline-block; z-index: 3; padding: 0 20px 0 20px !important; color: white; position: relative; font-family: 'josefin_sansregular', sans-serif; font-size: 16px; text-transform: uppercase; } .members h2.fl-heading:after{content: ''; width: 100%; border-bottom: solid 1px #375c73; position: absolute; left: 0; top: 60%; z-index: 1;} .member-logo img:hover {opacity: 0.5; cursor: pointer; } .heading-block{} .heading-block h1{margin-bottom: 10px; color: #19374a; font-family: 'DragonflightPro_Sans', Arial; font-size: 65px; font-weight: normal; color: #19374a; line-height: 70px; text-transform: uppercase; text-align: center;} .heading-block p{font-family: 'josefin_sanssemibold', sans-serif; font-size: 17px; color: #6d6e71; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; line-height: 28px; text-align: center; } .heading-block .fl-rich-text{position: relative; margin-top: 75px; margin-bottom: 65px;} .heading-block .fl-rich-text:after {content: ""; background: url(images/waves1.png) no-repeat top center; position: absolute; bottom: -30px; right: 0; left: 0; margin: 0 auto; z-index: 1; width: 145px; height: 12px; } .content p {font-family: 'merriweatherlight', serif; font-size: 18px; color: #6d6e71; } /**/ .contact-us{} .contact-us .content p { margin-bottom: 40px; font-family: 'merriweatherlight', serif; font-size: 18px; color: #6d6e71; padding: 0 55px; } .h-address{margin-bottom:0 0 16px; padding-bottom: 16px;} .address-block{margin-top: 35px; } .address-block h2 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 28px; color: #19374a; letter-spacing: 2px; text-transform: uppercase; line-height: 32px; margin-bottom: 30px; } .address-block ul { list-style: none; padding-left: 0; } .address-block ul li { padding-bottom: 15px; padding-left: 55px; position: relative; font-family: 'merriweatherlight', serif; } .address-block ul li.adr { font-size: 18px; color: #6d6e71; } .address-block ul li.map a { font-size: 18px; color: #00b4b5; text-decoration: underline; display: block; padding: 10px 95px 20px 35px; } .address-block ul li.map a:hover { text-decoration: none; opacity: 0.5; } .address-block ul li.ph-no a { font-size: 18px; color: #19374a; } .address-block ul li.ph-no a:hover { text-decoration: none; opacity: 0.5; } .address-block ul li.adr::before { content: ""; background: url("images/location.png") no-repeat top left; position: absolute; top: 0; left: 0; width: 31px; height: 31px; display: block; } .address-block ul li.ph-no::before { content: ""; background: url("images/phone-icon.png") no-repeat top left; position: absolute; top: 0; left: 0; width: 31px; height: 31px; display: block; } .address-block ul li.map a.job-btn-bg, .address-block ul li.map a.job-btn-bg:hover {font-family: 'josefin_sansregular', sans-serif; font-size: 18px; text-transform: uppercase; color: #fff; text-decoration: none; opacity: 1; margin-top: 20px; } .address-block ul li.map {padding-left: 0;} .address-block ul li.map .job-btn-bg{background: url('images/job/job-btn-bg.png') no-repeat top left; } .contact-us .gform_wrapper input, .contact-us .gform_wrapper textarea {border-radius:0; padding: 10px !important; font-family: 'merriweatherregular', sans-serif !important; font-size: 16px !important; color: #6d6e71; border: 1px solid #d6d8d9; } .contact-us .gform_wrapper ul.gform_fields li:nth-child(3n + 3),.contact-us .gform_wrapper #field_1_8{padding-right: 0;} /*button bg*/ .job-btn-bg a { background: url('images/job/job-btn-bg.png') no-repeat top left; } .apply-today a{padding: 13px 90px 13px 55px !important;background: url('images/job/job-btn-bg.png') no-repeat top left !important;border:0 !important;background-size: 100% 100% !important;font-family: 'josefin_sansregular', sans-serif;font-size: 18px;text-transform: uppercase;color: #fff;cursor: pointer;} .service-contact-form .gform_wrapper input[type=text], .service-contact-form .gform_wrapper textarea {padding: 12px !important; font-family: 'merriweatherregular', sans-serif !important; font-size: 16px !important; color: #6d6e71 !important; border: 1px solid #d6d8d9 !important; } .service-contact-form ul {margin: 0 -15px;} .service-contact-form ul li {padding: 0 15px 20px;} .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {border-radius: 0; background: transparent; padding: 10px !important; font-family: 'merriweatherregular', sans-serif !important; font-size: 16px !important; color: #6d6e71 !important; border: 1px solid #d6d8d9 !important; } .gform_wrapper input:hover, .gform_wrapper textarea:hover, .gform_wrapper select:hover, .gform_wrapper input:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus, .gform_wrapper input:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus{} #gform_8 .btn-bg { background: url(images/contactus-btn.png) no-repeat top left; } #gform_submit_button_8, #gform_submit_button_9 { padding: 10px 120px 20px 95px !important; border: none; font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 18px !important; text-transform: uppercase; color: #fff; cursor: pointer; letter-spacing: 1px; } .gform_wrapper .top_label .gfield_label, .gform_wrapper .gfield_checkbox li label,.gform_wrapper .gfield_radio li label, .gform_wrapper .ginput_complex span label { font-family: 'merriweatherregular', sans-serif !important; font-size: 16px !important; color: #6d6e71; font-weight: normal; } .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox] { vertical-align: top; } .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { margin: 10px 0 9px 1px !important; } .gform_wrapper #gform_8 .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper #gform_8 .gfield_radio li input[type=radio] { margin-top: 0 !important; } .gform_wrapper h2.gsection_title { font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 18px !important; text-transform: uppercase; color: #19374a; } .gform_wrapper .gfield_description, .gform_wrapper .instruction { font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 16px !important; color: #19374a; } .gform_wrapper .gform_previous_button, .gform_wrapper .gform_next_button { background: url(images/btn-bg.png) no-repeat top left !important; border: none !important; font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 18px !important; text-transform: uppercase; color: #fff !important; cursor: pointer; letter-spacing: 1px; } .gform_wrapper .gform_previous_button { padding: 15px 70px 15px 40px !important; } .gform_wrapper .gform_next_button { padding: 15px 100px 15px 60px !important; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{max-width: 100%;} #gform_submit_button_9 { padding: 15px 75px 15px 60px !important; } .contact-us #gform_submit_button_1, .gform_button.button {padding: 15px 95px 20px 35px !important; border: none !important; font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 18px !important; text-transform: uppercase; color: #fff !important; cursor: pointer; letter-spacing: 1px; } .gform_button.button{background: url(images/contactus-btn.png) no-repeat top left !important; background-size: 100% 100% !important; border: 0 !important; } #gform_submit_button_3 {padding: 15px 120px 20px 95px !important;} .bubble-popup.applynow-popup {padding: 13px 40px 30px;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{/* Chrome/Opera/Safari */ opacity: 1; color: #6d6e71 !important;} input::-moz-placeholder, textarea::-moz-placeholder{/* Firefox 19+ */ opacity: 1; color: #6d6e71 !important;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {/* IE 10+ */ opacity: 1; color: #6d6e71 !important;} input:-moz-placeholder, textarea:-moz-placeholder{/* Firefox 18- */ opacity: 1; color: #6d6e71 !important;} .gform_wrapper .approval-form .top_label .gfield_label, .gform_wrapper .approval-form legend.gfield_label, .gform_wrapper .approval-form .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .approval-form .gfield_radio li label, .gform_wrapper .approval-form .gfield_checkbox li label, .gform_wrapper .approval-form ul li.gfield#field_4_12 {font-family: 'merriweatherregular', sans-serif !important; font-size: 16px !important; color: #6d6e71; font-weight: normal; } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% {-webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% {-webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% {-webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% {-webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% {-webkit-transform: translateY(1px); transform: translateY(1px); } 100% {-webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% {-webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% {-webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% {-webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% {-webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% {-webkit-transform: translateY(1px); transform: translateY(1px); } 100% {-webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {-webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .reef{} .reef-content p{font-family: 'merriweather_sansregular', sans-serif; font-size: 23px; color: #fff; padding: 0 120px; font-weight: normal; } .reef .fl-post-grid {display: flex; flex-wrap: wrap;} .reef .fl-post-column{position:relative;} .reef .fl-post-column .fl-post-grid-post {height: 100%; position: relative;} .reef .fl-post-grid-text {padding-left:250px; display: flex;flex-direction: column;} .reef .fl-post-column .fl-post-grid-text:after{content: ""; width: 230px; height: 100%; background-size:cover !important; display: block; position: absolute; left: 0; top: 0; } .reef .fl-post-column:nth-child(1) .fl-post-grid-text:after { background: url(images/categorybg1.jpg) no-repeat left top; } .reef .fl-post-column:nth-child(2) .fl-post-grid-text:after { background: url(images/categorybg2.jpg) no-repeat left top; } .reef .fl-post-column:nth-child(3) .fl-post-grid-text:after { background: url(images/categorybg3.jpg) no-repeat left top; } .reef .fl-post-column:nth-child(4) .fl-post-grid-text:after { background: url(images/categorybg4.jpg) no-repeat left top; } .reef h3.fl-post-grid-title {order: 2;} .reef h3.fl-post-grid-title a {font-family:'josefin_sanssemibold', sans-serif; font-size: 20px; text-transform: uppercase; color: #19374a; margin-bottom: 20px; } .reef .fl-post-grid-meta-terms a {font-family:'josefin_sanssemibold', sans-serif; font-size: 15px; text-transform: uppercase; color: #00b4b5; position: relative; line-height: 1; padding: 0 0 8px; margin: 8px 0 13px; float: left; } .reef .fl-post-grid-meta-terms a::after {content: ""; background: url(images/category-waves.png) no-repeat top left; position: absolute; bottom: 0; left: 0; width: 56px; height: 5px; } .reef .fl-post-grid-content {order: 3; padding-bottom: 20px !important; margin-bottom: 10px !important; border-bottom: 1px solid #d6d8d9; } .reef .fl-post-grid-content p{font-family: 'merriweatherlight', serif; font-size: 15px; color: #6d6e71; margin-bottom: 10px;} .reef .fl-post-grid-meta-terms {order: 1;} .reef .fl-post-grid-meta {order: 4; font-family: 'merriweatherlight', sans-serif; font-size: 15px; font-style: italic; color: #00b4b5; padding-bottom: 20px; } /**/ .portfolio{position: relative;background-color: #f5f5f5;} .portfolio:after, .portfolio:before{content: "";height: 100%;width: 50%;position: absolute;} .portfolio:after {right: 0; top: 0; background: url(images/port-bg1.png) no-repeat right -75px top 75px;} .portfolio:before {left: 0; bottom: 0; background: url(images/port-bg2.png) no-repeat -100px 635px; } .portfolio .btn-bg-md {display: block; } .portfolio .fl-row-content-wrap{position: relative;z-index: 1;} .portfolio-heading { position: relative; } .portfolio-heading p b { font-family: 'Madina Script'; font-weight: normal; color: #ebecec; } .portfolio-heading p b:nth-child(1) { font-size: 133px; padding-right: 75px; vertical-align: top; } .portfolio-heading p b:nth-child(2) { font-size: 97px; padding-right: 65px; } .portfolio-heading p b:nth-child(3) { font-size: 53px; } .portfolio-heading h1 {font-family: 'DragonflightPro_Sans', Arial; font-size: 65px; font-weight: normal; color: #19374a; line-height: 70px; text-transform: uppercase; /* padding-bottom: 15px; */ margin-bottom: 65px; position: relative; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } /**/ .h-portfolio .fl-rich-text {position: relative;z-index: inherit;height: 100%;} .h-portfolio .fl-rich-text a{background-color: rgba(25,63,88,0.9);opacity:0;visibility:hidden; width: 100% !important;color: #fff !important;font-family: "DragonflightPro_Sans", Arial; font-size: 40px;float: left;position: absolute;margin: 0;z-index: 1;padding: 0 5%;top: 0;left: 0; height: 100%; text-align: center; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-justify-content:center;-ms-justify-content:center; justify-content:center; -webkit-align-items: center; -ms-flex-direction: center; align-items: center; -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; } .h-portfolio .fl-rich-text a::after { content: ""; display: block; height: 2px; width: 80px; background-color: #fff; position: relative; top: 0; left: 0; right: 0; margin: 10px auto 0 auto; } .h-portfolio .fl-rich-text:hover a {opacity:1; visibility:visible;} /**/ .testimonials{background: url(images/splash-bg.png) no-repeat right 220px; } .testimonials .pp-testimonial {box-shadow: 0 .125rem .25rem .25rem rgba(0, 0, 0, .075) !important;padding: 15px;margin: 10px 10px;padding: 70px 50px 30px 50px;background-color: #fff;position: relative;float:left;} .testimonials .pp-testimonial::after {content: ""; position: absolute; top: 45px; right: 45px; background: url(images/quotes.png) no-repeat right top; width: 63px; height: 47px; } .testimonials .pp-testimonial .pp-testimonials-content {margin-right: 125px; font-family: 'merriweatherlight', serif; font-size: 16px; font-style: italic; color: #6d6e71; line-height: 28px; } .testimonials .pp-testimonial .pp-testimonials-title {font-family: 'josefin_sanssemibold', sans-serif; font-size: 20px; color: #34343e; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; line-height: 24px; margin-top: 20px; } .testimonials .pp-testimonial .pp-testimonials-subtitle {font-family: 'merriweatherlight', serif; font-size: 13px; color: #00b4b5; } .testimonials .fl-col-group.fl-node-5f9696f632997 {-webkit-justify-content:center;-ms-justify-content:center; justify-content:center; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; } .pp-testimonials-wrap .owl-theme .owl-nav button{position: absolute; top: 50% !important; width: 24px; height: 28px;} .portfolio-slider-section .slick-arrow {position: absolute !important; top: calc(50% + 14px) !important; width: 24px !important; height: 28px !important; } .pp-testimonials-wrap .owl-theme .owl-nav button svg, .portfolio-slider-section .slick-arrow i {display:none;} .pp-testimonials-wrap .owl-theme .owl-nav button.owl-prev, .portfolio-slider-section .slick-prev { left: -50px !important; background: url("images/left-arrow.png") no-repeat top left !important;} .pp-testimonials-wrap .owl-theme .owl-nav button.owl-next, .portfolio-slider-section .slick-next { right: -50px !important; background: url("images/right-arrow.png")no-repeat !important; } /**/ .crew {background: #02B5B5 url(images/crew-bg.jpg) no-repeat top center;padding-top: 130px; } .heading-block.white-wave .fl-rich-text:after { background: url(images/waves2.png) no-repeat top center; } .crew-bg {background: url(images/crew-photo-bg1.png) no-repeat 0 0; background-size: 100%; } .crew-bg img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } .crew-bg img:hover { -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; cursor: pointer; } .crew .fl-col-group-nested {text-align: center; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-justify-content:center;-ms-justify-content:center; justify-content:center; } .crew-details h3 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 25px; color: #fff; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 10px; line-height: 29px; } .crew-details p {font-family: 'merriweatherlight', serif; font-size: 14px; color: #fff; margin: 0; font-weight: 400; line-height: 1.8; } .crew .btn-bg{display: table; margin: auto;} .crew .btn-bg a{background: url('images/crew-btn.png') no-repeat top left !important; border: none; letter-spacing: 1px; padding: 16px 104px 17px 42px !important; border: none; font-family: 'josefin_sanssemibold', sans-serif; font-size: 18px !important; text-transform: uppercase; color: #fff; cursor: pointer; line-height: 1.5 !important; } .btn-bg-md {display: table; margin: auto;} .btn-bg-md a{background: url('images/btn-md-bg.png') no-repeat top left !important; background-size: cover !important; border: none; letter-spacing: 1px; padding: 16px 70px 17px 30px !important; border: none; font-family: 'josefin_sanssemibold', sans-serif; font-size: 18px !important; text-transform: uppercase; color: #fff; cursor: pointer; line-height: 1.5 !important; } .solution-header { text-align: center; overflow: hidden; position: relative; height: 75px; white-space: nowrap; } .solution-header ul { padding: 25px 0; position: absolute; /* overflow: hidden; */ width: 100%; height: 100%; margin: 0; /* Starting position */ -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); /* Apply animation to this element */ -moz-animation: scroll-left 10s linear infinite; -webkit-animation: scroll-left 10s linear infinite; animation: scroll-left 25s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(0%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes scroll-left { 0% { -moz-transform: translateX(0%); /* Browser bug fix */ -webkit-transform: translateX(0%); /* Browser bug fix */ transform: translateX(0%); } 100% { -moz-transform: translateX(-100%); /* Browser bug fix */ -webkit-transform: translateX(-100%); /* Browser bug fix */ transform: translateX(-100%); } } .solution-header:before { background: -moz-linear-gradient(left, rgba(35, 75, 101, 1) 0%, rgba(35, 75, 101, 0.79) 60%, rgba(35, 75, 101, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35, 75, 101, 1) 0%, rgba(35, 75, 101, 0.79) 60%, rgba(35, 75, 101, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35, 75, 101, 1) 0%, rgba(35, 75, 101, 0.79) 60%, rgba(35, 75, 101, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#234b65', endColorstr='#00234b65', GradientType=1); /* IE6-9 */ content: ""; display: block; position: absolute; width: 308px; height: 75px; top: 0; left: 0; z-index: 2; } .solution-header:after { background: -moz-linear-gradient(left, rgba(35, 75, 101, 0) 0%, rgba(35, 75, 101, 0.79) 40%, rgba(35, 75, 101, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35, 75, 101, 0) 0%, rgba(35, 75, 101, 0.79) 40%, rgba(35, 75, 101, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35, 75, 101, 0) 0%, rgba(35, 75, 101, 0.79) 40%, rgba(35, 75, 101, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00234b65', endColorstr='#234b65', GradientType=1); /* IE6-9 */ content: ""; display: block; position: absolute; width: 308px; height: 75px; top: 0; right: 0; } .solution-header ul li { display: inline; padding: 0; color: #fff; font-family: 'josefin_sanssemibold', sans-serif; font-size: 25px; text-transform: uppercase; position: relative; margin: 0 30px; } .solution-header ul li::after { content: ""; position: absolute; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; margin: 0 30px; top: 8px; } .solutions .heading-block p{margin-bottom: 0;} .solutions .heading-block h1{margin-top: 0;} /**/ .banner-bg {background: url(images/header-splash-bg.png) no-repeat top right -90px; background-size: 90%; } /*Wave Animatio style starts here*/ @-webkit-keyframes move-left { 0% { left: -30px; } 25% { left: -20px; } 50% { left: -10px; } 75% { left: 0px; } 100% { left: -10px; } } @-webkit-keyframes move-right { 0% { right: 0px; } 25% { right: 10px; } 50% { right: -10px; } 75% { right: 0px; } 100% { right: -10px; } } @-webkit-keyframes can-left { 0% { left: 190px; } 25% { left: 200px; } 50% { left: 190px; } 75% { left: 200px; } 100% { left: 190px; } } @-webkit-keyframes octopus-animate { 0% { top: 125px; } 25% { top: 95px; } 50% { top: 125px; } 75% { top: 115px; } 100% { top: 95px; } } @-webkit-keyframes cans-animate { 0% { top: 0px; } 25% { top: 10px; } 50% { top: 0px; } 75% { top: 10px; } 100% { top:0px; } } .waveWrapper {width: 100%; overflow: hidden; display: inline-block; position: relative; height: 250px; z-index: 9; bottom: -31px; left: 0; right: 0; top:inherit; } .waveWrapperInner.bgTop {position: absolute;left: -100px;z-index: 9999;width: calc(100% + 80px);top: -38px;-webkit-animation: linear infinite alternate;-webkit-animation-name: move-left;-webkit-animation-duration: 3s;} .wave.waveTop { height: 287px; width: 100%; background-size: 100%; } .waveWrapperInner.bgMiddle {position: absolute;top: -51px;right: 0;z-index: 9999;width: calc(100% + 80px);-webkit-animation: linear infinite alternate;-webkit-animation-name: move-right;-webkit-animation-duration: 3s;} .wave.waveMiddle { height: 289px; width: 100%; background-size: 100%; } .waveWrapperInner.bgBottom {position: absolute;left: 0;top: 125px;width: calc(100% + 80px);z-index: 99999;-webkit-animation: linear infinite alternate;-webkit-animation-name: move-left;-webkit-animation-duration: 3s;} .wave.waveBottom { width: 100%; height: 100px; background-size: 100%; } .water-can { width: 70px; position: absolute; left: 0px; top: 30px; -webkit-animation: linear infinite alternate; -webkit-animation-name: can-left; -webkit-animation-duration: 3s; } .water-can img { width: 84%; float: left; } .octopus-img { position: absolute; top: 80px; right: 0px; width: 580px; -webkit-animation: linear infinite alternate; -webkit-animation-name: octopus-animate; -webkit-animation-duration: 3s; } .octopus-img img { width: 110%; } .water-cans-img { position: absolute; right: 20px; top: 0px; width: 100px; -webkit-animation: linear infinite alternate; -webkit-animation-name: cans-animate; -webkit-animation-duration: 3s; } /**/ .banner-content{position: inherit;top: inherit;left: inherit;width: auto;margin: auto;display: block;transform: none;max-width: 100%;} .banner-content h1 { font-family: 'Madina Script', Arial, Helvetica, sans-serif; font-size: 118px; font-weight: normal; color: #204963; margin-top: 115px; margin-left: 15px; margin-bottom: 0; } .banner-content p { font-family: 'DragonflightPro_Sans', Arial; font-size: 105px; line-height: 95px; font-weight: normal; color: #00b4b5; text-transform: uppercase; margin-top: -15px; } .banner-content a { margin-left: 130px; } .banner-content .btn-bg { background: url(images/btn-bg.png) no-repeat top left; } .banner-content a { padding: 20px 90px 15px 60px; border: none; font-family: 'josefin_sansregular', sans-serif; font-size: 18px; text-transform: uppercase; color: #fff; cursor: pointer; } .banner-content a { margin-left: 145px; margin-top: 20px; display: inline-block; } .banner-content a:hover{ text-decoration: none; } .typewrite > .wrap { border-color: #204a63 !important; border-width: 2px !important; height: 60px !important } .banner-inner-content,.banner-new-inner-content, .water-can-sec, .water-can-sec-another { position: relative;} .water-can-sec{ height: 36px; z-index: 21; top: 0px;} .banner-inner-content{width:100%; max-width:1200px; margin:0px auto; float:none;} .waveWrapper{ bottom:-1px;} /**/ .banner-content-sec {background: url(images/wave-under.png) no-repeat top center; padding-bottom: 200px; position: inherit; left: inherit; bottom: inherit; text-align: center; width: 100%; } .banner-content-sec h2 {padding: 20px 0 35px 0; font-family: 'DragonflightPro_Sans', Arial; font-size: 66px; line-height: 66px; font-weight: normal; color: #fff; text-transform: uppercase; margin: 0; } .banner-content-sec ol {padding: 0; margin: 0 auto; text-align: center; float: left; width: 100%; } .banner-content-sec ol li {font-weight: 300; display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'josefin_sanslight', sans-serif; font-size: 16px; line-height: 16px; } .banner-content-sec ol li + li::before {display: inline-block; padding: 0 15px; color: #6c757d; content: "/"; } /**/ .cta-bg .text-image-block .fl-col-content{position: relative;} .cta-bg .content-block { box-shadow: 0 .125rem .25rem .25rem rgba(0, 0, 0, .075) !important; padding:50px 150px 50px 40px !important; margin-bottom: 123px; } .cta-bg .content-block p {font-family: 'merriweatheritalic', serif; font-size: 20px; line-height: 24px; color: #6d6e71; } .cta-bg .content-block h2 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 29px; line-height: 33px; font-style: italic; text-transform: uppercase; color: #19374a; margin-bottom: 30px; } .cta-bg .star-btn-bg a{background: url(images/job/job-btn-bg.png) no-repeat top left !important;background-size: 100% 44px!important;border: 0 !important;padding: 15px 50px 10px 30px !important;border: none !important;font-family: 'josefin_sansregular', sans-serif;font-size: 15px !important;text-transform: uppercase;color: #fff;cursor: pointer;letter-spacing: 2px;line-height: 15px;} .cta-bg .star-btn-bg {position: absolute; bottom: 50px; left: 42px; } .cta-bg .img-block {position: absolute; right: -94px; top: -13px;} /*popup*/ .bubble-popup {padding:6% 5% 3% 5%; } .fl-button-lightbox-content{background: #fff none repeat scroll 0 0 !important; margin: auto !important; max-width: 1200px !important; padding: 0 !important; position: relative !important; width: 100% !important; } .fl-button-lightbox-content h1 {font-family: 'DragonflightPro_Sans', Arial; font-size: 65px; font-weight: normal; color: #19374a; line-height: 70px; text-transform: uppercase; margin-bottom: 65px; position: relative; text-align: center; } .fl-button-lightbox-content p {font-family: 'merriweatherlight', sans-serif; font-size: 18px; color: #6d6e71; margin-bottom: 40px; text-align: center;} div.mfp-wrap .mfp-close, div.mfp-wrap .mfp-close:hover {background: transparent url(images/close.png) no-repeat top right !important;width: 36px !important;height: 36px !important;margin-right: 20px;margin-top: 25px;font-size: 0 !important;} /**/ .plunge .content p img {width: 18px; } .godeerer{position: absolute; bottom: -70px; left: 0; right: 0; margin: 0 auto; z-index: 1; width: 95px; height: 113px; background-color: #fff; border-radius: 50%; padding: 0; display: flex; align-items: center; justify-content: center; width: 160px; height: 160px; } .percentage .img-fluid.hvr-pop {display: block; margin: auto; } .percentage .per-box {padding: 25px 12px 0; text-align: center; } .percentage .fl-col-group {display: flex; flex-wrap: wrap; } .percentage .fl-col-content {padding: 0px !important; height: 100%; display: block; } .percentage .content p {font-family: 'merriweatherlight', serif; font-size: 16px; margin:0; } /**/ .first-mate-bg .heading-block h1{margin-top: 0;} .fm-box .content p, .abt-brand .content p {font-size: 16px; margin-bottom: 1rem; } .fm-box .content h3 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 23px; color: #19374a; text-align: center; text-transform: uppercase; padding-bottom: 8px; } .fm-box a.hvr-pulse {font-family: 'josefin_sanssemibold', sans-serif; font-size: 16px; color: #00b4b5; letter-spacing: 1px; text-decoration: none; position: relative; padding-left: 45px; margin-top: 5px; } .fm-box a.hvr-pulse::before {content: ""; background: url(images/fm-arrow.png) no-repeat top left; position: absolute; top: 0; left: 0; z-index: 1; width: 35px; height: 20px; display: block; } .fm-image .fl-photo-content {position:relative; } .fm-image .fl-photo-content::after {content: "";display: block;border: 1px solid #cccccc;width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px;opacity: 0.2;} .fm-image .fl-photo {width: 100%; box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.2); position: relative; opacity: 0.9; } .fm-image .fl-photo:hover{opacity:1;} /**/ .brand .fl-col-group-equal-height {justify-content: center; } .brand .abt-brand {max-width:33.33%;-webkit-box-flex: 0 0 33.33%; -moz-box-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 15px; } .brand .fl-col-group-equal-height .fl-node-hidden{display: none;} .brand .abt-brand .icon-block i{background: url(images/brand-img-bg.png) no-repeat top center; height: 118px; width: 118px; text-align: center; line-height: 118px; } .brand .abt-brand .content h3 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 25px; font-weight: normal; color: #19374a; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; padding-bottom: 30px; margin-bottom: 0; } .brand .abt-brand .fl-col-content:hover {-webkit-box-shadow: 0px 0px 64px 0px rgba(217, 217, 217, 1); -moz-box-shadow: 0px 0px 64px 0px rgba(217, 217, 217, 1); box-shadow: 0px 0px 64px 0px rgba(217, 217, 217, 1); } .sbox-content .pp-infobox-wrap{position: relative;} .sbox-content .pp-infobox-icon-inner {background: url(images/solutions-bg.png) no-repeat top center; } .sbox-content .pp-infobox-title-wrapper h4 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 20px; margin-bottom: 0 !important; color: #19374a; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; padding-bottom: 30px; margin-top: 40px; line-height: 28px; } .sbox-content .pp-infobox-description {display: none; position: absolute; background: #00b4b5; color: #fff; visibility: hidden; opacity: 0; top: 0; bottom: 0; right: 0; left: 0; padding: 20px; font-family: 'merriweatherlight', serif; font-size: 16px; margin: 0; transition: opacity .5s, visibility .5s; } .sbox-content .pp-infobox-wrap:hover .pp-infobox-description {display: block; visibility:visible; opacity:1; } .sbox-content .pp-infobox-wrap:hover .pp-infobox-icon-inner{background: transparent;} .sbox-content .pp-infobox-wrap:hover .pp-infobox-icon-inner .pp-icon:before {font-size: 140px;position: absolute;bottom: -78px;right: -15px;opacity: 0.2;cursor: pointer;padding: 60px 40px 15px 40px;width: 100%;height: 100%;z-index: 1;} .sbox-content.content p {font-size: 16px;color: #fff; line-height: 1.5; } .title-bar-content h1 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 29px; color: #fff; text-transform: uppercase; font-style: italic; margin: 0; } .title-bar {position: relative; z-index: 1;} .contact-btn a {background: url(images/contactus-btn.png) no-repeat top left !important; padding: 11px 70px 17px 30px !important; } /*blog page*/ .blog-solutions .social-icons {text-align: center; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; } .blog-inner-container{} .blog-sidebar .fl-widget-title {font-family: 'josefin_sanssemibold', sans-serif; font-size: 18px; line-height: 24px; color: #19374a; text-transform: uppercase; margin: 0 0 10px; font-weight: 500; } .blog-sidebar .widget_categories ul { padding: 0; } .blog-sidebar .widget_categories ul li.cat-item {background: url(images/arrow-box-icon.png) no-repeat top 10px left;list-style: none;padding: 10px 10px 10px 30px;background-color: #fff;border-top: 1px solid #d6d8d9;color: #6d6e71;font-size: 16px;line-height: 16px;display: flex;justify-content: space-between;margin: 0;} .blog-sidebar .widget_categories ul li a { font-family: 'merriweatherregular', sans-serif; font-size: 16px; line-height: 20px; color: #6d6e71; text-decoration: none; } .blog-sidebar .widget_categories ul li:hover { background: #f5f5f5 url(images/arrow-box-icon-drk.png) no-repeat top 10px left; color: #19374a; } .blog-sidebar .widget_categories ul li:hover a { color: #19374a; } .blog-sidebar .widget_categories ul li:nth-last-child(1) { border-bottom: 1px solid #d6d8d9; } #archives-2 { margin-bottom: 35px; } #archives-2 ul { padding: 0; } #archives-2 ul li { background: url(images/arrow-box-icon.png) no-repeat top 10px left; list-style: none; padding: 10px 10px 10px 30px; background-color: #fff; border-top: 1px solid #d6d8d9; color: #6d6e71; font-size: 16px; line-height: 16px; display: flex; justify-content: space-between; } #archives-2 ul li a { font-family: 'merriweatherregular', sans-serif; font-size: 16px; line-height: 16px; color: #6d6e71; text-decoration: none; } #archives-2 ul li:hover { background: #f5f5f5 url(images/arrow-box-icon-drk.png) no-repeat top 10px left; color: #19374a; } #archives-2 ul li:hover a { color: #19374a; } #archives-2 ul li:nth-last-child(1) { border-bottom: 1px solid #d6d8d9; } .tagcloud a { background-color: #00b4b5; font-family: 'merriweatherregular', sans-serif; font-size: 13px !important; line-height: 13px !important; color: #fff; text-transform: uppercase; padding: 10px 15px; margin-bottom: 5px; display: inline-block; } .tagcloud a:hover, .tagcloud a:focus { text-decoration: none; opacity: 0.7; } /**/ .recent-blog .item {border:1px solid #ccc; position:relative; margin-bottom:20px;} .recent-blog .item .fl-post-image {height:395px; overflow:hidden; background-size: cover;} .recent-blog .fl-post-text {max-width: 788px; margin:-40px auto 0; background-color: #fff; position: relative; padding: 35px; text-align: center; } .recent-blog .fl-post-meta{font-family: 'merriweatherlight', sans-serif; font-size: 16px; color: #6d6e71; position: relative; padding-bottom: 10px; margin-bottom: 30px; } .recent-blog .fl-post-meta::after {content: ""; display: block; background-color: #00b4b5; position: absolute; width: 85px; height: 2px; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 1; } .recent-blog .fl-post-meta::before {background: url(images/calendar-icon.png) no-repeat top left; content: ""; display: inline-block; position: relative; margin-right: 10px; width: 15px; height: 15px; top: 0; left: 0; z-index: 1; } .recent-blog .content { line-height: 24px; margin-bottom: 30px; } .recent-blog .readmore a {font-family: 'josefin_sanssemibold', sans-serif; font-size: 16px; text-decoration: none; text-transform: uppercase; color: #fff; background-color: #00b4b5; padding: 12px 20px 10px 20px; } .recent-blog .readmore a:focus, .recent-blog .readmore a:hover{text-decoration: none; opacity: 0.8; } .blog-list .fl-post-title a {font-family: 'josefin_sanssemibold', sans-serif; font-size: 30px; color: #19374a; font-weight: 500; line-height: 1.2; margin-bottom: 25px; float: left; width: 100%; } .blog-item{} .blog-item .item{ position: relative; border: 1px solid #ccc; margin-bottom: 100px; } .blog-item .item .fl-post-image {background-size: 100% 100% !important; height: 300px; position: absolute; width: 41.666667%; bottom: -30px; right: 40px; -webkit-box-shadow: 0px 5px 29px 9px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0px 5px 29px 9px rgba(0, 0, 0, 0.22); box-shadow: 0px 5px 29px 9px rgba(0, 0, 0, 0.22); z-index: 1; background: #fff; } .blog-item .item .fl-post-text{max-width: 58.66%;padding: 35px 60px 0 30px;} .blog-item .item .fl-post-meta.date-block { width: 80%;background-color: #f5f5f5; margin: 0 0 -1px -1px; padding: 15px 30px; position: relative; } .blog-item .item .content{margin-bottom: 25px;} .blog-item .item .content p {font-size: 16px; line-height: 22px; } .blog-item .item .readmore a {font-family: 'josefin_sanssemibold', sans-serif; font-size: 16px; line-height: 18px; display: inline-block; color: #00b4b5; margin-bottom: 30px; text-transform: uppercase; } .blog-item .item .readmore a:hover {color: #00b4b5; text-decoration: underline; } .blog-item .fl-post-feed-post{border-bottom: none;} .blog-item .fl-builder-pagination, .blog-item .fl-builder-pagination-load-more {padding: 0; } .blog-item .fl-builder-pagination ul.page-numbers{text-align: left;} .blog-item .fl-builder-pagination li a.page-numbers, .blog-item .fl-builder-pagination li span.page-numbers {border: 1px solid transparent; display: inline-block; margin: 0 0 5px; font-family: 'montserratlight', sans-serif; font-size: 16px; color: #6d6e71; padding: 0 10px; margin-right: 5px; font-weight: 400; line-height: 1.5; } .blog-item .fl-builder-pagination li a.page-numbers:hover, .blog-item .fl-builder-pagination li span.current {background: transparent; text-decoration: none; border: 1px solid #307f87; color: #307f87; font-weight: bold; } /**/ .blog-details .date p { font-family: 'merriweatherlight', sans-serif; font-size: 16px; color: #6d6e71; position: relative; padding-bottom: 10px; margin-bottom: 30px; } .blog-details .date p::before { background: url(images/calendar-icon.png) no-repeat top left; content: ""; display: inline-block; position: relative; margin-right: 10px; width: 15px; height: 15px; top: 0; left: 0; z-index: 1; } .blog-details .date p::after { content: ""; display: block; background-color: #00b4b5; position: absolute; width: 85px; height: 2px; bottom: 0; left: 0; margin: 0 auto; z-index: 1; } .blog-details .content p{line-height: 24px; margin-bottom: 30px; } .related-post .fl-post-image {width: 100%; height: 180px; overflow: hidden; margin-bottom: 30px; padding: 0; -webkit-box-shadow: 5px 5px 28px 6px rgba(0, 0, 0, 0.17); -moz-box-shadow: 5px 5px 28px 6px rgba(0, 0, 0, 0.17); box-shadow: 5px 5px 28px 6px rgba(0, 0, 0, 0.17); background-size: 100% 100%; } .related-post .item {float: left; width: 100%; text-align: center;} .related-post .item .fl-post-title a{font-family: 'josefin_sanssemibold', sans-serif; font-size: 16px; color: #19374a; text-transform: uppercase; text-decoration: none;} .related-post .item .fl-post-title a:hover, .related-post .item .fl-post-title a:focus {text-decoration: none; opacity: 0.8; } .related-post .item .fl-post-meta{font-family: 'merriweatherlight', serif; font-size: 12px; line-height: 26px; color: #6d6e71; margin-bottom: 30px; } .related-post .fl-post-grid-post {background: #fff; border: none; overflow: visible !important; } .related-post .item .fl-post-text{ padding: 0 10px; } /**/ .content h2{font-family: 'josefin_sanssemibold', sans-serif; font-size: 30px; color: #19374a; margin-bottom: 25px;} .content p a{color:#6d6e71;} .content p a:hover, .content p a:focus {text-decoration: none; opacity: 0.5; } .content ul {padding: 0; margin-bottom: 1rem; } .content ul li {background: url(images/arrow-box-icon-drk.png) no-repeat top 10px left; font-family: 'merriweatherlight', serif; font-size: 18px; line-height: 24px; color: #6d6e71; list-style: none; padding: 8px 0 10px 30px; display: flex; justify-content: space-between; } .fl-builder-edit .content ul li {background: none;} .content .blue-text {color: #19374a; font-size: 20px;} .content .blue-text a{color: #00b4b5; text-decoration: underline;} .content .blue-text a:hover{opacity: 0.5; text-decoration: none;} .responsibilityBlk .content ul li{background: url(images/list-dot.png) no-repeat top 16px left; padding-left: 23px; } .responsibilityBlk .content h4{font-size: 20px; color: #00b4b5; margin:0 0 25px; font-family: 'merriweatherregular', sans-serif;} .owner-info .uabb-infobox-content {padding: 20px 65px; min-height: 280px; position: relative; float: left; width: 100%; } .owner-info .uabb-infobox-content .uabb-imgicon-wrap {float: left; margin: 0; } .owner-info .uabb-infobox-content .uabb-infobox-title-wrap {float: left; position: absolute; left: 65px; top: 200px; text-align: center; display: flex; flex-direction: column-reverse; width: 150px; } .owner-info .uabb-infobox-content .uabb-infobox-title-wrap h5 {font-family: 'merriweatherlight', sans-serif; font-size: 13px; color: #00b4b5; text-align: center; padding: 0; } .owner-info .uabb-infobox-content .uabb-infobox-title-wrap h3 {font-family: 'josefin_sanssemibold'; font-size: 20px; color: #34343e; text-transform: uppercase; margin: 0 0 5px; text-align: center; } .owner-info .uabb-infobox-content .uabb-infobox-text-wrap {position:relative; float: left; padding: 80px 45px 0 60px; font-family: 'merriweatherlight', sans-serif; font-size: 18px; color: #6d6e71; font-style: italic; line-height: 27px; width: calc(100% - 150px); } .owner-info .uabb-infobox-content .uabb-infobox-text-wrap:before{content: ""; position: absolute; top: 19px; left: 55px; background: url(images/quotes.png) no-repeat right top; width: 63px; height: 47px; } /**/ .abt-btn-bg a{background: url(images/about-us/contact-us.png) no-repeat top left !important;padding: 13px 75px 10px 50px !important;} .star-btn-bg a{background: url(images/job/job-btn-bg.png) no-repeat top left !important;background-size: 100% 100% !important;padding: 15px 90px 15px 60px !important;border: none !important;cursor: pointer;} .clients .pp-carousel-image-container { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .clients .pp-carousel-image-container:hover { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .value {background: #02B5B5 url(images/about-us/value-bg.jpg) no-repeat top center; background-size: contain; padding: 140px 0 0 ; } .value .heading-block .fl-rich-text:after{background: url(images/waves2.png) no-repeat top center;} .abt-value .pp-infobox-image {background: url(images/solutions-bg.png) no-repeat center center; height: 116px; width: 116px; border-radius: 50%; -ms-box-orient:horizontal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items: center; -ms-flex-direction: center; align-items: center; } .abt-value .pp-infobox-image img {width: auto;} .abt-value h3{font-family: 'josefin_sanssemibold', sans-serif; font-size: 25px; color: #19374a; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; padding-bottom: 30px; padding-top: 0; margin-bottom: 0; word-wrap: break-word; } .marketing-bg .pp-infobox-title {font-family: 'josefin_sanssemibold', sans-serif; color: #19374a; text-transform: uppercase; padding: 8px 0 0; } .marketing-bg .content p{font-size: 16px;} /**/ .team-list-section .crew-bg{background: transparent;} .team-list-section .crew-bg:hover {background: url(images/moc-crew-bg.png) no-repeat top 20px left -45px; background-size: auto; } .team-list-section .fl-col-group {width:100%;-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content:center;-ms-justify-content:center; justify-content:center; -webkit-align-items: center; -ms-flex-direction: center; align-items: center; } .team-list-section .fl-node-hidden {display: none;} .team-list-section .crew-bg{} .team-list-section .crew-bg .pp-infobox {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; } .team-list-section .crew-bg .pp-infobox .pp-icon-wrapper {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .team-list-section .crew-bg .pp-infobox .pp-infobox-title-prefix {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; font-family: 'merriweatherlight', serif; font-size: 14px; color: #6d6e71; } .team-list-section .crew-bg .pp-infobox .pp-infobox-title-wrapper {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .team-list-section .crew-bg .pp-infobox-title{color: #19374a; margin-bottom: 5px; font-family: 'josefin_sanssemibold', sans-serif; font-size: 25px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 10px; line-height: 29px; } .btn-bg-lg a{ background: url(images/btn-lg.png) no-repeat top left !important; background-size: 100% 100% !important; } /**/ .career-connect-us .social-icons {margin: auto; display: flex; justify-content: center; } .career-connect-us .social-icons a{width: 75px;height: 75px;line-height:75px;background: url(images/Career/social-bg.png) no-repeat top left;margin-right: 12px;display: inline-block;color: #00b4b5;font-size: 40px !important;} .career-connect-us .social-icons a:hover {background: url(images/Career/social-bg-green.png) no-repeat top left; text-decoration: none; color: #fff; } .project-manager-btn a.fl-button, .project-manager-btn .fl-post-grid-title a {padding: 30px 25px 30px 95px !important; font-family: 'josefin_sanssemibold', sans-serif; position: relative; text-decoration: none; } .project-manager-btn a.fl-button::before, .project-manager-btn .fl-post-grid-title a::before {content: ""; background: url(images/Career/user-icon.png) no-repeat top left; position: absolute; top: 20px; left: 25px; width: 42px; height: 42px; display: block; } .privacy-content .content p, .privacy-content .content ul li {font-family: 'merriweatherlight', sans-serif; color: #8e9699; font-size: 18px; margin-bottom: 30px; } .privacy-content .content a,.privacy-content .content ul li a { font-family: 'merriweatherlight', sans-serif; color: #00b4b5; font-size: 18px; margin-bottom: 30px; text-decoration: underline; } .privacy-content .content a:hover, .privacy-content .content ul li a:hover { text-decoration: none; } .privacy-content .content h2{ font-family: 'josefin_sanssemibold', sans-serif; font-size: 20px; color: #8e9699; text-transform: uppercase; line-height: 26px; margin: 0 0 40px; } .privacy-content .content ul { margin-bottom: 40px; } .privacy-content .content ul li {position: relative; padding: 0 0 0 15px; margin-bottom: 20px; display: block; background: transparent; list-style: circle; } .privacy-content .content ul li:before{content: ""; height: 5px; width: 5px; background: #8e9699; border-radius: 50%; position: absolute; left: 0; top: 8px;} .wwr-btn-bg a{background: url(images/Calgary/wwr-btn-bg.png) no-repeat top left !important; padding: 17px 80px 15px 30px !important; border: none !important; font-family: 'josefin_sansregular', sans-serif; font-size: 18px !important; text-transform: uppercase; color: #fff; cursor: pointer; } .branding-box .pp-list-items {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; } .branding-box .pp-list-item {border: 1px solid #d6d8d9; background: #fff; width: calc(25% - 20px) !important; margin: 0 10px 35px; padding: 25px !important; } .branding-box .pp-infolist-icon-inner {background: url(images/solutions-bg.png) no-repeat top center; } .branding-box .pp-list-item .pp-infolist-title-text{font-family: 'josefin_sanssemibold', sans-serif; font-size: 20px; color: #19374a; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; margin-top: 0; line-height: 28px; padding-bottom: 25px; letter-spacing: unset; margin-bottom: 0; } .branding-box .pp-list-item p{font-family: 'merriweatherlight', sans-serif; font-size: 16px; color: #6d6e71; padding-bottom: 35px; margin-bottom: 0; } .important-block{background:#214963 url(images/branding/blue-wave-top.png) no-repeat top center; /*background-size: contain !important;*/ padding:160px 0 0; } .branding-text-box {background-color: #fff; padding: 60px 150px 30px 45px; position: relative; } .branding-text-box h2 {font-family: 'josefin_sanssemibold', sans-serif; font-size: 30px; color: #19374a; letter-spacing: 1px; text-transform: uppercase; font-style: italic; } .branding-text-box h2 small {font-size: 40px; color: #00b4b5; font-weight: 600; } .branding-text-box p {font-family: 'merriweatherregular'; color: #6d6e71; font-size: 24px; line-height: 30px; font-style: italic; font-weight: normal; margin-bottom: 15px; } .branding-text-box p a{ color: #204963; font-family: 'merriweatherlight', sans-serif; font-size: 16px; font-weight: 300; font-style: italic; color: #00b4b5; } .branding-text-box p a:hover {text-decoration: none; color: #204963; } .important-img{position: relative;} .important-img .fl-photo-content {z-index: 1; position: absolute; right: -104px; max-width: 400px; width: 400px; top: -75px; } .important-img .fl-photo-content img {display: block; width: 100%; } .important-img:after {content: ""; width: 425px; height: 400px; display: block; position: absolute; top: -71px; right: -221px; background: url(images/water-splash.png)no-repeat top center; background-size: 100% 100%; } .help{} .help .help-box .pp-heading-wrapper {position: relative; padding-left: 40px; } .help .heading-block .fl-rich-text:after{background: url(images/waves2.png) no-repeat top center;} .help .help-box > .fl-col-content{-webkit-box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.25); box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.25); } .help .help-box .pp-infobox-title{font-family: 'josefin_sanssemibold', sans-serif; font-size: 25px; color: #19374a; text-transform: uppercase; margin: 0; padding-left: 0; position: relative; padding-bottom: 2px; } .help-box-content .pp-icon-wrapper{background: url(images/branding/icon-bg-32x32.png) no-repeat top left; padding: 0 !important; height: 32px; width: 32px; text-align: center; line-height: 36px; position: absolute; float: left; left: 0; top: 0; } .help-box-content p{font-family: 'merriweatherlight', sans-serif; font-size: 16px; line-height: 1.5; color: #6d6e71; padding-bottom: 0; margin-bottom: 0;} .help-box .fl-module-photo, .help-box .fl-module-photo .fl-module-content, .help-box .fl-module-photo .fl-photo, .help-box .fl-module-photo .fl-photo-content, .help-box .fl-module-photo img {height: 100%; } .company-brand{background: #fff url(images/branding/cbrand-bg.png) no-repeat top center; background-size: contain; padding-top: 100px; position: relative; z-index: 7; } .gform_wrapper #gform_12 {text-align: left; max-width: 100%; margin: 0 auto; } #gform_12 ul {max-width: 100%; } .gform_wrapper #gform_12 ul.gform_fields li.gfield {padding-right: 16px; flex-direction: column; background: transparent; padding: 0; } #gform_next_button_12_5 {padding: 21px 100px 20px 60px !important; background: url(images/btn-bg.png) no-repeat top left; border: none !important; font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 18px !important; text-transform: uppercase; color: #fff !important; cursor: pointer; letter-spacing: 1px; background-size: 100% 100% !important; } .abt-btn-bg.btn-centre {display: block; } .abt-btn-bg.btn-centre a{padding: 16px 65px 12px 44px !important; position: relative; font-size: 16px !important; } /**/ .thk-btn{display: table; margin: auto;} .thk-btn a {letter-spacing: 1px; padding: 18px 69px 12px 53px !important; border: none; font-family: 'josefin_sansregular', sans-serif; font-size: 18px !important; text-transform: uppercase; color: #fff; cursor: pointer; background: url(images/thankyou/btn-bg-blue.png) no-repeat top left !important; } .thanks_page .sbox-content .pp-infobox-icon-inner {background: url(images/thk-guide-bg.png) no-repeat top center; } /**/ .apporval-form-block input {width: 100% !important;} .gform_wrapper .approval-form li li {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex;} .gform_wrapper .approval-form li li label {margin: -3px 0 0 12px !important; font-family: 'merriweatherregular', sans-serif !important; font-size: 16px !important; color: #6d6e71; font-weight: normal; float: left; } .gform_wrapper .approval-form li li input:checked ~ label{font-weight: 700;} .apporval-form-block #gform_submit_button_4 {width: 289px !important;} .thanks-page .fl-row-content-wrap{background: #f5f5f5 url(images/thk-video-bg.png) no-repeat top 230px center; } .customer-avtar-video {background-color: #000; position: relative; padding: 5% 10% 0; width: 83%; margin: 100px auto; } .thk-btn2{display: table; margin: auto;} .thk-btn2 a{padding: 15px 55px 17px 50px !important; border: none; font-family: 'josefin_sansregular', sans-serif; font-size: 18px !important; text-transform: uppercase; color: #fff; cursor: pointer; letter-spacing: 1px; background: url(images/thk-btn-2.png) no-repeat top left !important; } /**/ .step-container .step-content { } .step-content .pp-infobox-title{font-family: 'josefin_sanslight'; font-size: 25px; color: #6d6e71; line-height: 30px; margin-bottom: 30px; font-weight: bolder; } .step-content p { font-family: 'josefin_sanslight'; font-size: 25px; color: #6d6e71; line-height: 30px; margin-bottom: 30px; } .step-content p:last-child { margin-bottom: 0; } .step-content p a { font-family: 'josefin_sanslight'; font-size: 25px; color: #00b4b5; text-transform: uppercase; text-decoration: underline; } .step-content p a:hover, .step-content p a:focus { text-decoration: none; } /**/ .step-count .fl-col-content {-webkit-justify-content:center !important;-ms-justify-content:center !important; justify-content:center !important; } .step-count .fl-heading-text {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; font-family: 'josefin_sanslight'; font-size: 35px; color: #fff; text-transform: uppercase; text-align: center; } .step-count .fl-heading-text span {font-family: 'Madina Script'; font-size: 120px; color: #fff; line-height: 120px; text-align: center; margin: 20px 0 0 0; } .important-block-white{background: #214963 url(images/white-wave-bg.png) no-repeat top center; padding: 150px 0 0; } .lead-magnet-container {margin: 150px 0 0; position:relative; } .lead-magnet-container:after{content:"";background: url(images/lm-bg.png) no-repeat top -25px left -280px;position:absolute;left:0;top: 120px;height:600px;width:982px;display:block;background-size:contain;} .lead-magnet-container > * {position: relative; z-index:1;} .branding-text-box {} /*.company-brand { background: #fff url("images/branding/cbrand-bg.png") no-repeat top center; width: 98.75vw; padding-top: 260px; position: relative; z-index: 7; margin-bottom: 140px; } */ .portfolio-slider-section{} .portfolio-slider-section .image-block img{width: 100%;} .portfolio-slider-section .item{border: 0 !important; position: relative;} .portfolio-slider-section .content-block { width: 100%; position: absolute; height: 100%; left: 0; bottom: -110%; background-color: rgba(0, 180, 180, 0.95); color: #fff; padding: 20px 10px; box-sizing: border-box; text-align: center; transition: all ease 0.4s; } .portfolio-slider-section .content-block h3{font-size: 23px; line-height: 25px; color: #fff; font-family: 'merriweatherregular'; margin:0 0 10px; font-weight: 500; } .portfolio-slider-section .content { font-size: 16px; line-height: 24px; padding: 0 15px 20px; color: #fff; font-family: 'merriweatherlight'; height: 170px; position: relative; overflow: auto; box-sizing: border-box; } .portfolio-slider-section .item:hover .content-block { bottom: 0; } .portfolio-slider-section .fl-post-carousel {padding: 0;} .company-brand .fl-row-content-wrap {background: url(images/branding/slider-bg.png) no-repeat top 140px center; background-size: contain; } .center-gallery .fl-mosaicflow {text-align: center; margin: auto; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-justify-content:center;-ms-justify-content:center; justify-content:center; -webkit-align-items: center; -ms-flex-direction: center; align-items: center; } .whatwecando, .whatwecando .fl-row-content-wrap{background-image: none; } .whatwecando {padding-top: 0;} .whatwecando .module-post-carousel{background-image: url(images/whatwe-back.png); background-repeat: no-repeat; background-position: center 76%; } .whatwe-links a{display: inline-block; background: url(images/about-us/contact-us.png) no-repeat top left !important; background-size:100% 45px !important; padding:13px 45px 13px 30px !important; border: none !important; font-family: 'josefin_sanssemibold', sans-serif; font-size: 18px; text-transform: uppercase; color: #fff; cursor: pointer; transition: all ease 0.4s; transform: scale(1); margin: 0 15px; } .whatwe-links a:hover {text-decoration: none; transform: scale(1.05);} /*.keep-it-simple .fl-col-group .fl-col {padding: 0 15px;}*/ .file-drop-form{} .file-drop-form ul, .lead-inatke-form ul {width: 100%; max-width: 100% !important; } .lead-inatke-form .gfield_description, .lead-inatke-form .gform_wrapper .ginput_complex span label{font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 16px !important; color: #19374a; } .lead-inatke-form .gform_wrapper .gfield_checkbox li input, .lead-inatke-form .gform_wrapper .gfield_checkbox li input[type=checkbox] {vertical-align: middle; } .portfolio-btn a {background-size: cover !important; padding: 11px 60px 9px 43px !important; } .keep-it-simple{ position: relative; } .keep-it-simple:after, .keep-it-simple:before{content: ""; display: block; position: absolute; } .keep-it-simple:after{background-image: url(images/port-bg1.png); background-repeat: no-repeat; background-position: 100% 31%; height: 500px; width: 900px; right: -30%; top: -9%; background-size: contain; } .keep-it-simple:before{background-image: url(images/port-bg2.png); background-repeat: no-repeat; background-size: 100%; background-position: -6% 92%; height: 500px; width: 500px; left: -30%; bottom: -0%; } .keep-it-simple .content {position: relative; z-index: 1; } .keep-it-simple .content .fl-module-content{border: 1px solid #d6d8d9; } .keep-it-simple .content .pp-infobox-title {font-family: 'josefin_sanssemibold', sans-serif; font-size: 20px; color: #19374a; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; line-height: 28px; margin-top: 30px; padding-bottom: 15px; } .keep-it-simple .content p{font-size: 16px; color: #6d6e71;} .resources-gallery .pp-photo-gallery {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-justify-content:center;-ms-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; } .portfolio-slider-section.layout-03{ position: relative; } .portfolio-slider-section.layout-03:after{content: ""; top: 50%; left: 50%; position: absolute; height: 400px; width: calc(100% + 400px); display: block; background-image: url(images/whatwe-back.png); background-repeat: no-repeat; background-position: center; transform: translate(-50% , -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .portfolio-slider-section.layout-03 .fl-module-content{position: relative;z-index: 1;} /*.go-home-btn{}*/ .thk-btn a {background-size: 100% 100%!important; } .thanks-page .testimonial-videos {padding: 80px 10% 10px; background: #000; max-width: 80%; margin: 0 auto 100px; } body.menu_open #fl-main-content {opacity: 0; } .footer-gallerry-block {width: 60%; margin: auto; } .footer-gallerry-block a img{opacity: 1;} .footer-gallerry-block a:hover img{opacity: 0.5; cursor: pointer;} /**/ .single-blog-title .heading-block .fl-rich-text{margin-top: 0;} .grey-bg-withspace {margin: -120px 0; padding: 120px 0; background-color: #f5f5f5;} .grey-bg-withspace .heading-block .fl-rich-text{margin-top: 0;} /* Portfolio - version 2 */ .porfolio-v2 .content-block{margin: -120px 0 0; padding: 120px 0 50px; background-color: #f5f5f5;} .porfolio-v2 .portfolio-menu { margin: 100px 0 60px 0; } .porfolio-v2 ul.questions-filter { max-width: 1000px; margin: 0 auto; padding: 0; } .porfolio-v2 .questions-filter.typo-white li { display: inline-block; margin: 0; padding: 0 20px 0 10px; list-style: none; position: relative; } .porfolio-v2 .questions-filter.typo-white li a { font-family: 'josefin_sanssemibold', sans-serif; font-size: 20px; line-height: 35px; text-transform: uppercase; color: #193f58; text-decoration: none; font-style: italic; position: relative; } .porfolio-v2 .questions-filter.typo-white li a.active {color: #00b4b5; } .porfolio-v2 .questions-filter.typo-white li::after { content: "/"; position: absolute; top: 0; right: 0; display: block; font-size: 24px; } .porfolio-v2 .project-expand { position: relative; } .porfolio-v2 .project-details { margin-top: -269px; background-color: #193f58; position: relative; z-index: 1; opacity: 0.9; padding: 40px 0; } .porfolio-v2 .project-details h2 { font-family: 'DragonflightPro_Sans', Arial; font-size: 65px; font-weight: normal; color: #fff; line-height: 65px; text-transform: uppercase; position: relative; margin-bottom: 50px; } .porfolio-v2 .project-details h2::after { content: ""; background: url(images/waves1.png) no-repeat top left; position: absolute; bottom: -20px; right: 0; left: 0; margin: 0 auto; width: 145px; height: 12px; z-index: 1; } .porfolio-v2 .project-cta ul { padding: 0; margin: 0; list-style: none; } .porfolio-v2 .project-cta ul li { list-style: none; display: inline-block; } .porfolio-v2 .project-cta ul li a { border: none; font-family: 'josefin_sanssemibold', sans-serif !important; font-size: 18px !important; text-transform: uppercase; color: #fff; letter-spacing: 1px; margin-bottom: 15px; display: inline-block; } .porfolio-v2 .project-cta ul li a:hover, .porfolio-v2 .project-cta ul li a:focus { text-decoration: none; opacity: 0.8; } .porfolio-v2 .prj-btn-a { padding: 12px 125px 20px 65px !important; background: url(images/prj-cta-bg1.png) no-repeat top left; } .porfolio-v2 .prj-btn-b { padding: 12px 100px 20px 60px !important; background: url(images/prj-cta-bg2.png) no-repeat top left; } .porfolio-v2 .question-block {width: 96% !important; height: auto !important; margin: 0 auto 30px auto; overflow: hidden; position: relative; } .porfolio-v2 .question-block img { width: 100%; height: 100%; cursor: pointer; } .porfolio-v2 .work-image figure figcaption { font-family: 'josefin_sanslight', sans-serif; font-size: 20px; line-height: 20px; color: #193f58; margin-bottom: 10px; text-align: left; } .porfolio-v2 .bubble-popup h1 small { font-family: 'josefin_sanssemibold', sans-serif; font-size: 17px; color: #6d6e71; letter-spacing: 1px; text-transform: uppercase; line-height: 17px; display: block; padding: 10px 0; } .porfolio-v2 .question-block h2.qb-heading { visibility: hidden; color: #fff; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; background-color: #193f58; opacity: 0.9; padding: 25% 2%; font-family: "DragonflightPro_Sans", Arial; font-size: 40px; transition: opacity .5s, visibility .5s; text-align: center; } .porfolio-v2 .question-block:hover .qb-heading { visibility: visible; opacity: 0.95; cursor: pointer; } .porfolio-v2 .question-block h2.qb-heading::after { content: ""; display: block; height: 2px; width: 80px; background-color: #fff; position: relative; top: 0; left: 0; right: 0; margin: 10px auto 0 auto; } .porfolio-v2 .questions-grid-wrapper { background: url(images/port-bg1.png) no-repeat right -100px top 10px; padding-top: 110px; background-size: 35%; } .questions-filter.typo-white li a:hover::before { content: ""; display: block; position: absolute; top: -40px; left: -30px; right: 0; margin: 0 auto; width: 105px; height: 87px; text-decoration: none; background: url(images/splash-bg-menu.png) no-repeat center center; opacity: 1 !important; } .questions-filter.typo-white li a:hover { opacity: 1 !important; } .r-category-left p { font-size: 15px; } .isotope-grid .sme { background-image: none !important; } /* Popup styles */ .porfolio-v2 .modal.show .modal-dialog { max-width: 1200px;/* top: 50%; transform: translateY(-50%); margin-top: 0!important;*/ } .porfolio-v2 .modal-body {/* padding: 0; position: relative;*/ padding: 2% 10% 5% 10%; } /*.modal-body .close {position: absolute; right: -20px; top: -13px; z-index: 999999; font-size: 40px; line-height: 10px; width: 35px; height: 35px!important; background-color: #fff; opacity: 1!important; border-radius: 200px; float: right; float: left; text-align: center; display: block; height: 30px; display: block; text-align: center; } .modal-body .close span{display: inline-block; line-height: 20px; float: none; margin-top: -19px; }*/ .porfolio-v2 .bubble-popup {padding: 0; } .porfolio-v2 .bubble-popup .container{width: 100% !important; padding: 0 15px !important; max-width: 100% !important;} .porfolio-v2 .bubble-popup h1 { font-family: 'DragonflightPro_Sans', Arial; font-size: 65px; font-weight: normal; color: #19374a; line-height: 70px; text-transform: uppercase; margin-bottom: 65px; position: relative; text-align: center; } .porfolio-v2 .bubble-popup h1:after { content: ""; background: url("images/waves1.png") no-repeat top center; position: absolute; bottom: -20px; right: 0; left: 0; margin: 0 auto; z-index: 1; width: 145px; height: 12px; } .porfolio-v2 .bubble-popup p { font-family: 'merriweatherlight', sans-serif; font-size: 18px; color: #6d6e71; margin-bottom: 40px; } .porfolio-v2 .modal-close .close { border: 0; background: url("images/close.png") no-repeat top right; width: 36px; height: 36px; margin-right: 20px; margin-top: 20px; } .porfolio-v2 .bubble-popup a { padding: 12px 75px 12px 40px; } .porfolio-v2 .bubble-popup .sbox-content { border: none; margin-bottom: 0; } .porfolio-v2 #ourRole .modal-body { padding: 2% 2% 5% 3%; } .porfolio-v2 .bubble-popup .sbox-content { padding-left: 5px; padding-right: 5px; } /* Mobile Portfolio styles */ .porfolio-v2 .m-portfolio { margin-bottom: 160px; } .porfolio-v2 .btn-secondary { background-color: #fff; border: 1px solid #ccc; width: 100%; color: #333; text-align: left; padding: 5%; } .porfolio-v2 .dropdown-toggle::after { background: url("images/down-arrow.png") no-repeat top center; width: 13px; height: 7px; border: none; position: absolute; top: 24px; right: 15px; } .porfolio-v2 .dropdown-menu.show { width: 100%; } .porfolio-v2 .m-portfolio .btn, .dropdown-item { font-family: 'merriweatherlight', serif; font-size: 16px; line-height: 20px; color: #6d6e71; } .porfolio-v2 .dropdown-item { padding: 20px; } .porfolio-v2 .show > .btn-secondary.dropdown-toggle:hover, .porfolio-v2 .show > .btn-secondary.dropdown-toggle:active, .porfolio-v2 .show > .btn-secondary.dropdown-toggle:focus { background-color: #f5f5f5; border-color: #ccc; color: #333; box-shadow: none; } .porfolio-v2 .btn-secondary:hover { background-color: #f5f5f5; border-color: #ccc; color: #333; box-shadow: none; } .porfolio-v2 .m-portfolio .prj-img { margin: 20px 0 0 0; } .porfolio-v2 .m-popup .card { background-color: #204963; border: none; border-radius: 0px; margin-bottom: 12px; color: #fff; } .porfolio-v2 .m-popup .card:hover { background-color: #00b4b5; } .porfolio-v2 .m-popup .card .card-link { font-family: 'josefin_sansregular', sans-serif; font-size: 16px; color: #fff; text-transform: uppercase; } .porfolio-v2 .pf-btn-bg { background: url(images/m-pf-btn.png) no-repeat top left; } .porfolio-v2 .m-popup a.pf-btn-bg { padding: 15px 90px 15px 85px; position: relative; } .porfolio-v2 .m-popup a.pf-btn-bg::after { background: url(images/m-pf-call.png) no-repeat top left; width: 26px; height: 26px; position: absolute; content: ""; top: 12px; left: 45px; } .porfolio-v2 .m-popup .bubble-popup { margin-bottom: 30px; } .porfolio-v2 .m-popup .card .card-link:after { background: url(images/m-down-arrow.png) no-repeat top right; width: 15px; height: 11px; position: absolute; content: ""; top: 20px; right: 15px; } .porfolio-v2 .m-portfolio .grey-bg { background-color: #f5f5f5; } .porfolio-v2 .m-portfolio .sbox-content { background-color: transparent; } .porfolio-v2 .m-portfolio .m-popup a.pf-btn-bg { /* padding: 15px 60px 15px 85px; */ background-size: 100%; } .porfolio-v2 .mport-btn-bg { background: url(images/m-form-btn.png) no-repeat top left; padding: 17px 75px !important; background-size: 100%; margin: 30px 0; } /* Mobile navigation styles 13-12-18 */ .porfolio-v2 .m-nav { /* padding:70px 0; */ position: relative; } .porfolio-v2 .m-nav.bgb { background-color: #204a63; } .porfolio-v2 .m-nav.bgg { background-color: #0b6476; } .porfolio-v2 .m-nav a.nav-link { font-family: 'DragonflightPro_Sans', Arial; font-size: 65px; font-weight: normal; color: #fff; line-height: 70px; text-transform: uppercase; margin: 0 0 35px 0; position: relative; text-align: center; } .porfolio-v2 .m-nav a.nav-link::after { content: ""; background: url("images/waves2.png") no-repeat top center; position: absolute; bottom: 90px; right: 0; left: 0; margin: 0 auto; z-index: 1; width: 145px; height: 12px; padding: 0 } .porfolio-v2 .modal .sbox-content { padding: 60px 25px 15px 25px; background-color: #fff; margin-bottom: 35px; position: relative; width: 100%; height: auto; } .porfolio-v2 .modal .sbox-content span { background: url(images/solutions-bg.png) no-repeat top center; padding: 33px; } .porfolio-v2 .modal .sbox-content h3 { font-family: 'josefin_sanssemibold', sans-serif; font-size: 20px; color: #19374a; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; padding-bottom: 30px; margin-top: 40px; line-height: 28px; } .porfolio-v2 .modal .abt-btn-bg {background: url(images/about-us/contact-us.png) no-repeat top left; border: none; font-family: 'josefin_sansregular', sans-serif; font-size: 18px; text-transform: uppercase; color: #fff; cursor: pointer; text-decoration: none !important; padding: 12px 75px 12px 40px; } .porfolio-v2 a.no-padding {padding: 0; } .mb40 {margin-bottom: 40px; } /*****03/12/2020*********/ .fl-node-5faeae2af1cf1 > .fl-col-content {margin-right: 15px; margin-left: 15px; } .map-block .uabb_map_info_text {position: relative; padding-left: 115px; width: 300px; height: 153px; } .map-block .uabb_map_info_text img {position: absolute; left: 0; top: 0; } .map-block h5 {font-family: 'josefin_sanssemibold', sans-serif; color: #00b4b5; font-size: 18px; margin-bottom: 15px; text-transform: uppercase; } .map-block p, .map-block a {font-size: 14px; line-height: 20px; margin-bottom: 15px; width: 175px; font-family: 'merriweatherlight', sans-serif; } .important-block{overflow-x: hidden;} .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li{background:none;} .dragonflightPro_Sans{ font-family: 'DragonflightPro_Sans',Arial;} .dragonflightPro_Sans h1{font-family: 'DragonflightPro_Sans', Arial; font-size: 115px; text-align: left; margin-bottom: 30px; color: #19374a; line-height: 70px; text-transform: uppercase; } .btn-404 { display: inline-block; } .btn-404 a { background-size: 100% 100% !important; } .fl-theme-builder-404 .footer-block { margin: 0; } .fl-theme-builder-404 .footer-block:after,.fl-theme-builder-404 #backtotop,.fl-theme-builder-404 .title-bar{display:none !important;} .fl-theme-builder-404 .footer-block .fl-row-content-wrap { background-color:#19374a; } /*************************Responsive*************************/ @media(min-width: 1201px){ .important-block{background-size: contain !important; padding: 95px 0 0;} } @media (max-width:1366px){ body{overflow-x: hidden;} .water-can {top: -2px;} .octopus-img {right: 120px; width: 500px;} .banner-content h1{font-size: 90px;} .banner-content p{font-size: 90px; } .banner-content a {margin-left: 130px;font-size: 17px;padding: 15px 68px 10px 57px;background-size: cover !important;} .fl-button-lightbox-content{width: 90% !important;} /**/ .important-img .fl-photo-content {right: -41px; max-width: 290px; width:290px; top:-22px;} .important-img:after {width: 300px; height: 300px; top: 0; right: -82px;} .portfolio-slider-section {padding: 0 50px; } } @media (max-width:1199px){ .banner-content-sec{padding-bottom: 181px;} .pp-testimonials-wrap .owl-theme .owl-nav button.owl-next, .portfolio-slider-section .slick-next {right: -25px !important; } .pp-testimonials-wrap .owl-theme .owl-nav button.owl-prev, .portfolio-slider-section .slick-prev{left: -25px !important;} .fm-box .content h3{font-size: 20px; margin: 10px 0 0;} .fm-box .content p{font-size: 13px; margin-bottom: 6px;} /*.fm-box .content p, .abt-brand .content p {font-size: 13px; margin-bottom: 6px;}*/ .sbox-content .pp-infobox-title-wrapper h4{font-size: 16px; padding-bottom: 0; } .solutions .sbox-content .fl-module-content{margin: 8px;} .heading-block .fl-rich-text {margin-top: 25px; margin-bottom: 60px; } .crew-details h3{margin-top: 0;} .portfolio:after, .clients .pp-carousel-image-container{background-size: contain;} .reef .fl-post-column .fl-post-grid-text:after{width: 180px;} .reef .fl-post-grid-text{padding-left: 200px;} .reef h3.fl-post-grid-title a{font-size: 16px; line-height: 1;} .reef .fl-post-grid-content{padding-bottom: 10px !important;} .reef .fl-post-grid-meta-terms a{font-size: 12px; margin: 0 0 10px; padding: 0 0 8px; } .reef .fl-post-grid-meta{font-size: 13px;} .fl-button-lightbox-content h1{font-size: 40px; margin-bottom: 15px;} .fl-button-lightbox-content p{font-size: 14px; margin-bottom: 0;} .contact-us #gform_submit_button_1, .gform_button.button, .gform_wrapper .top_label .gfield_label, .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label, .gform_wrapper .ginput_complex span label,.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select{font-size: 14px !important;} .waveWrapperInner.bgBottom{top: 45px;} .value {padding: 80px 0 0;} .abt-value h3{font-size: 18px;} .community .clients .pp-carousel-image-container{background-size: contain !important;} .careers-gallery .pp-photo-gallery-item {width: 30% !important; margin: 1% !important; } /**/ .porfolio-v2 .modal.show .modal-dialog {max-width: 80%; } } @media (max-width:991px){ .banner-content p{font-size: 50px; line-height: 1; } .banner-content h1{font-size: 50px; margin-top: 40px;} .banner-content a {margin: 0 0 0 60px;font-size: 14px;padding: 11px 48px 10px 39px;background-size: cover !important;} .octopus-img {right: 94px; width: 300px; } .water-cans-img{width: 45px; top:0;} .banner.banner-bg .fl-row-content-wrap {min-height: 750px; } .wave.waveTop{height: 110px;} .wave.waveMiddle{height: 140px;} .wave.waveBottom{height: 65px;} .waveWrapper{height: 200px; bottom: -21px; } .water-can {top: 0px; width: 31px; left: 15px;} .waveWrapperInner.bgTop {left: 0; top: -31px; } .waveWrapperInner.bgMiddle{top:-31px; right: 0; } .waveWrapperInner.bgBottom{top: 40px;} .banner-content-sec {padding-bottom: 165px; } .banner-content-sec h2 {padding: 11px 0 12px 0; font-size: 48px; line-height: 1.2; } .banner-content-sec ol li + li::before{padding: 0 9px;} .brand-worksheet.cta-bg{padding: 0 15px;} .cta-bg .content-block{padding: 50px 228px 50px 40px !important; } .cta-bg .img-block {right: -49px; top: 45%; width: 226px; } .cta-bg .content-block {padding: 35px 85px 35px 30px !important; margin-bottom: 90px; } .banner-content-sec ol li, .cta-bg .content-block p{font-size: 14px;} .cta-bg .content-block h2{ font-size: 21px; line-height: 1.5; } .brand .abt-brand .content h3{font-size: 18px; } .brand .abt-brand .icon-block i{height: 80px; width: 80px; line-height: 80px; } .brand .abt-brand .icon-block i:before {font-size: 30px; } .content p, .content ul li {font-size: 14px;} .content ul li{padding: 8px 0 3px 30px; background-size: 14px;} .content h2{font-size: 25px; margin-bottom: 15px;} .blog-details .content p {margin-bottom: 20px;} .heading-block .fl-rich-text {margin-top: 5px; margin-bottom: 40px; } .heading-block h1{font-size: 45px; line-height: 1;} .heading-block p{font-size: 12px; line-height: 1;} .btn-bg-md a{font-size: 14px !important; } .solution-header{height: 55px;} .solution-header ul{padding: 19px 0;} .solution-header ul li{font-size: 15px; margin:0 19px;} .solution-header ul li::after {width: 3px; height: 3px; margin: 0 20px; top: 3px; } /**/ .testimonials .pp-testimonial .pp-testimonials-content{line-height: 1.5; font-size: 14px;} .testimonials .pp-testimonial .pp-testimonials-title{font-size: 16px;} .clients .pp-image-carousel{height: 100px;} .reef .fl-post-column {width: 100%; padding: 0 30px 30px; } .address-block{margin: 0;} .address-block .fl-module-content{margin-bottom: 0;} .address-block ul li{padding-left: 45px;} .address-block ul li.adr{font-size: 12px;} .address-block ul li.ph-no a{font-size: 15px;} .address-block ul li.map a.job-btn-bg, .address-block ul li.map a.job-btn-bg:hover{font-size: 14px; } .address-block ul li.map .job-btn-bg, .btn-bg-md a{background-size: contain !important;} .address-block ul li.map a{padding: 8px 35px 14px 35px;} .address-block h2{font-size: 22px;} /**/ .portfolio-heading p b:nth-child(1){font-size: 80px; padding-right: 40px;} .portfolio-heading p b:nth-child(2){font-size: 46px; padding-right: 20px;} .portfolio-heading p b:nth-child(3){font-size: 30px;} #backtotop {top: -105px; left: inherit; transform: inherit; right: 15px; font-size: 11px; background-size: contain; padding: 46px 15px 25px; } .owner-info .uabb-infobox-content {padding: 15px 12px; } .owner-info .uabb-infobox-content .uabb-infobox-title-wrap{left: 15px;} .star-btn-bg a{background-size: 100% 100% !important;} .abt-value h3 {font-size: 13px; padding: 0;} } @media (max-width:768px){ .heading-block h1 {font-size: 30px; line-height: 1; } .first-mate-bg .fm-image .fl-photo-content img{width: 100%;} .fm-box .content p, .abt-brand .content p{font-size: 16px;} .fm-box .content h3{font-size: 23px;} /**/ .first-mate-bg .fl-row-fixed-width{padding:0 15px;} .first-mate-bg .fl-col-group-equal-height .fl-col {margin: 0 0 30px; -webkit-flex:0 0 50%;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; } .first-mate-bg .fl-col-group-equal-height {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .first-mate-bg .fl-col-group-equal-height:nth-child(2) {-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse; } /**/ .waveWrapper{width: 100% !important;} .percentage .fl-col.per-box{-webkit-flex:0 0 33.33%;-moz-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%; } .brand .fl-col-group {display: flex; } .brand .abt-brand .fl-col-content {padding: 15px !important; margin: 0 0 30px; } .first-mate-bg .heading-block {padding: 66px 0 0; } .solution-header .fl-module-content {margin-bottom: 99px; } .solutions .fl-col-group-equal-height {display: flex;} .solutions .fl-col-group-equal-height .fl-col {-webkit-flex:0 0 25%;-moz-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; } .sbox-content .pp-infobox-title-wrapper h4 {font-size: 11px; padding-bottom: 0; line-height: 1.5; } .pp-testimonials-wrap .owl-theme .owl-nav button.owl-next, .portfolio-slider-section .slick-next {right: -22px !important; } .pp-testimonials-wrap .owl-theme .owl-nav button.owl-prev, .portfolio-slider-section .slick-prev{left: -22px !important;} body.home .testimonial-videos {width: 50% !important; } .portfolio-heading p b:nth-child(1), .portfolio-heading p b:nth-child(2), .portfolio-heading p b:nth-child(3){font-size: 30px; padding: 0 10px;} .portfolio-heading h1{font-size: 44px; margin-bottom: 0; line-height: 1.5; } .reef{background:url(images/reef-bg.jpg)no-repeat; background-size: cover;} .reef .fl-bg-video video {display: none; } .testimonial-videos {width: 50% !important; } .portfolio .fl-col-group-nested {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; } .portfolio .fl-col-group-nested .fl-col {width: 50% !important; } .address-block {margin: auto; } .widget.gform_widget {padding: 0 20px; } .pp-testimonials .layout-3 .pp-testimonials-image {float: none; margin: 0 auto 20px; text-align: center; width: auto; } .pp-testimonials .layout-3 .layout-3-content{width: 75% !important;} .footer-top-block .fl-col-group {-webkit-justify-content:space-between;-ms-justify-content:space-between; justify-content:space-between; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; } .footer-gallerry-block .fl-mosaicflow-content{width: 100%;} /**/ .octopus-menu-wrapper {background-position: center 10%, -180px 56%; background-size: 80%, 96%; } .octopus-menu-wrapper .mein-menu ul{display: block !important;} .octopus-menu-wrapper .fl-row-content {width: 100%; max-width: 100% !important; } .octopus-menu-wrapper .fl-menu-mobile-toggle, .octopus-menu-wrapper .fl-module-photo {display: none; } .octopus-menu-wrapper .mein-menu ul li{margin-bottom: 0;} .octopus-menu-wrapper .mein-menu ul li a{font-size: 40px; line-height: 1.2;} .menu_close {width: 40px; height: 40px; top: 20px; right: 20px; } /**/ .footer-gallerry-block .pp-photo-gallery {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; } .footer-gallerry-block .pp-photo-gallery .pp-photo-gallery-item {-webkit-flex:0 0 33.33%;-moz-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%; } .owner-info {padding: 0 100px; } .owner-info .uabb-infobox-content {padding: 15px 12px; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; -webkit-align-items: center; -ms-flex-direction: center; align-items: center; } .owner-block .fl-col-group {position: relative; } .image-hide-mobile {position: absolute; top: 100px; max-width: 150px;} .owner-img01 {right: 0px;} .owner-img02 {left: 0px;} .owner-info .uabb-infobox-content .uabb-infobox-text-wrap{padding: 80px 0 0; width: 100%; text-align: center; position: static;} .owner-info .uabb-infobox-content .uabb-infobox-title-wrap {left: inherit; position: inherit; top: inherit; margin: 22px 0 0; } .owner-info .uabb-infobox-content .uabb-infobox-text-wrap:before {top: 51px; left: inherit; right: 85px; } .value .fl-col-group-equal-height, .cool-tools .fl-col-group {display: flex; } .value .fl-col-group-equal-height .fl-col {width: 33.33% !important; -webkit-flex:0 0 33.33%;-moz-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%; } .value .fl-row-content-wrap {padding-bottom: 30px; } /**/ .team-list-section .fl-col {width: 33.33% !important; -webkit-flex:0 0 33.33%;-moz-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%; } .community .fl-row-content-wrap {margin-bottom: -100px !important; padding-bottom: 55px !important; } .responsibilityBlk {width: 100% !important; max-width: 100% !important; margin: 0 0 30px; padding: 15px; } .responsibilityBlk .fl-col-content {padding: 24px !important; } .map-block {margin-bottom: -150px; } .branding-box .pp-list-item {width: calc(50% - 20px) !important; margin: 18px 10px; } .branding-text-box {width: 80%; margin-left: 30px; padding: 30px 150px 25px 23px; } .important-block .fl-col-group {position: relative; } .important-block .important-img{position: absolute; top: 0; right:40px; } .help-box {padding: 30px; } .service-contact-form {padding: 0 45px 0 20px; } .portfolio-slider-section {padding: 0 30px; } .keep-it-simple::after {top: -3%;} .lead-magnet-container {margin: 80px 0 0; } .pp-photo-gallery .pp-photo-gallery-content .pp-gallery-img {width: auto; } .thanks-page .fl-row-content-wrap {background-size: 100%; background-position: 0% 16%; } .thanks_page {margin-top: -139px;} .porfolio-v2 .questions-filter.typo-white li a{ font-size: 15px; line-height: 2;} .fl-col-group.fl-node-5f8ffb7975562 { display: flex; flex-direction: column; } .address-block{order:2;} .abbot-img{order:1;} } @media (max-width:767px){ .octopus-img {right: 0; width: 300px; } .water-can{top: 0; width: 15px; left: 0; } p.copy-rights {text-align: center; } .footer-block .social-icons {padding-top: 0; text-align: center; } .footer-block .social-icons .fl-html {float: none; display: inline-block; } .blog-item .item {margin-bottom: 30px;} .blog-item .item .fl-post-image{display: none;} .blog-item .item .fl-post-text {max-width: 100%; padding: 30px 30px 0; } .blog-item .item .fl-post-meta.date-block{width: 100%; margin: 0;} } @media (max-width:650px){ .banner.banner-bg .fl-row-content-wrap {min-height: 400px; } .banner-content p{font-size: 35px;} .banner-content h1{font-size: 35px; margin-top: 20px;} .banner-content a {margin: 0 0 0 30px;} .octopus-img {right: 0; width: 150px; } .banner-content-sec {padding-bottom: 0; bottom: 5px;} .banner-content-sec h2 {font-size: 24px; } .banner-content-sec ol li, .cta-bg .content-block p {font-size: 11px; } .water-cans-img, .water-can{display: none;} .waveWrapper { bottom: -40px; height: 100px; } .waveWrapperInner.bgTop {top: -3px; } .wave.waveTop, .wave.waveMiddle, .wave.waveBottom {height: 80px; } .waveWrapperInner.bgMiddle {top: 0px; right: 0; } .waveWrapperInner.bgBottom{top: 33px;} .cta-bg .img-block{display: none;} .cta-bg .content-block {padding: 15px 15px 28px!important; margin: 30px 0; } .banner-content-sec ol li, .cta-bg .content-block p {font-size: 13px; } .cta-bg .content-block h2 {font-size: 15px; line-height: 1.5; } .cta-bg .star-btn-bg {position: absolute; bottom: 17px; left: 16px; } .first-mate-bg .fl-row-content-wrap {background: #204963; padding:0 0 30px; } .first-mate-bg .heading-block {padding: 15px 0 0; } .first-mate-bg .fl-col-group-equal-height .fl-col {margin: 0; } .btn-bg-md a {font-size: 11px !important; padding: 12px 32px 17px 17px !important; } .brand .fl-col-group {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; } .solution-header {height: 44px; } .solution-header ul {padding: 12px 0; } .solution-header ul li {font-size: 11px; } .solution-header:after, .solution-header:before {width: 15% !important; } .crew .fl-col-group-nested{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .brand .abt-brand {padding: 0 15px; } .crew .btn-bg a {padding: 16px 46px 17px 30px !important; font-size: 13px !important; background-size: 100% 100%!important; } .testimonials .pp-testimonial{margin: 5px; padding: 15px; } .pp-testimonials .layout-3 .pp-testimonials-image{text-align: left; margin:0 0 15px;} .pp-testimonials .layout-3 .layout-3-content {width: 100% !important; text-align: left; } .testimonials .pp-testimonial .pp-testimonials-content{margin-right: 0;} .testimonials .pp-testimonial::after {top: 32px; right: 30px; width: 50px; height: 40px; background-size: contain; } .testimonials .fl-col-group.fl-node-5f9696f632997{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; } body.home .testimonial-videos{width: 100% !important;} .reef-content p {font-size: 15px; padding: 0; } .reef .fl-post-column .fl-post-grid-text:after{display: none;} .reef .fl-post-grid-text {padding-left: 15px; } .contact-us .content p{padding: 0; font-size: 15px; margin-bottom: 20px;} .portfolio .fl-col-group-nested .fl-col {width: 100% !important; } /**/ .heading-block h1, .portfolio-heading h1 {line-height: 1.3;} .heading-block p {letter-spacing: 1px;} .footer-block{font-size: 14px;} .footer-gallerry-block {width: 100%;} .footer-block .social-icons a {width: 30px; height: 30px; line-height: 30px; margin-right: 9px; font-size: 12px !important; } .contact-us {padding: 0 15px;} .contact-btn a {padding: 11px 70px 17px 30px !important; } .value{padding: 36px 0 0;} .owner-info {padding: 0 15px; } .image-hide-mobile, .important-block .important-img{display: none;} .value .fl-col-group-equal-height .fl-col, .team-list-section .fl-col {width: 100% !important;} .abt-btn-bg a{padding: 8px 32px 3px 17px !important;} .owner-info .uabb-infobox-content .uabb-infobox-text-wrap {padding: 21px 0 0; } .owner-info .uabb-infobox-content .uabb-infobox-text-wrap:before {right: 0; background-size: contain; width: 40px; height: 24px; } .owner-info img {width: 110px !important; } .cool-tools .fl-col-group{} .related-post .fl-post-image {width: 260px; overflow: hidden; margin: 0 auto 30px;} .related-post .item .fl-post-meta{margin-bottom: 0;} .blog-details .date p{margin-bottom: 10px;} .team-list-section .crew-bg .pp-infobox{padding: 0;} .team-list-section .crew-bg .pp-infobox-title{font-size: 19px; margin-bottom: 0;} .team-list-section .crew-bg .pp-infobox .pp-infobox-title-prefix{font-size: 12px;} .portfolio-heading h1{font-size: 32px; margin-top: 0;} .project-manager-btn a.fl-button {font-size: 14px !important; text-align: left; padding: 26px 18px 23px 74px !important; } .project-manager-btn a.fl-button::before{left: 14px;} .grey-bg-withspace{padding: 60px 0;} .careers-gallery .pp-photo-gallery-item {width: 48% !important; margin: 1% !important; } .career-connect-us .social-icons{text-align: center;} .career-connect-us .social-icons a{float: none;} .career-connect-us .fl-row-content-wrap {padding-bottom: 20px; } .service-contact-form .gform_wrapper input[type=text], .service-contact-form .gform_wrapper textarea{width: 100% !important;} .portfolio-btn a.fl-button {min-width: 220px; min-height: 40px; padding: 0 15px !important; line-height: 40px !important; background-size: 100% 100% !important; } .branding-text-box {width: calc(100% - 40px); margin: 0 20px; padding: 15px; } .service-contact-form {padding: 0 15px 0 0; } .fl-node-5faea1fd8e84d .gform_wrapper .top_label input.medium, .fl-node-5faea1fd8e84d .gform_wrapper .top_label select.medium {width: 100% !important; } .help-box {padding: 15px; } .help .help-box .pp-infobox-title{font-size: 18px;} .help .help-box .pp-infobox {padding: 0; } .company-brand {padding-top: 11px; } /**/ .percentage .fl-col.per-box, .first-mate-bg .fl-col-group-equal-height .fl-col, .brand .abt-brand, .solutions .fl-col-group-equal-height .fl-col, body.home .testimonial-videos, .value .fl-col-group-equal-height .fl-col, .team-list-section .fl-col {-webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .thk-btn2 a {font-size: 14px !important; letter-spacing: 0; } .step-content p a {font-size: 16px; } .step-content p {font-size: 20px;} .important-block {padding: 110px 0 0 !important; margin-top: 49px; } .important-block .fl-row-content-wrap {padding-bottom: 60px; } .important-block .heading-block .fl-rich-text {margin-top: -30px; margin-bottom: 22px; } .company-brand {padding-top: 30px; } .porfolio-v2 .questions-grid-wrapper{padding-top: 0;} .project-details {margin-top: 0; opacity: 1; } .porfolio-v2 .portfolio-menu {margin: 40px 0; } .porfolio-v2 .project-cta ul li a{font-size: 14px;} .porfolio-v2 .prj-btn-b{background-size: 100% 100% ;} .porfolio-v2 .project-details h2{font-size: 44px; line-height: 54px;} } @media (max-width:640px){ .service-contact-form .gform_wrapper .top_label input.medium, .service-contact-form .gform_wrapper .top_label select.medium, .ndaform .gform_wrapper .top_label input.medium, .ndaform .gform_wrapper .top_label select.medium,.file-drop-form .gform_wrapper .top_label input.medium, .file-drop-form .gform_wrapper .top_label select.medium {width: 100% !important; max-width:100% !important; flex:0 0 100% !important; } } @media (max-width:480px){ .branding-box .pp-list-item {width: 100%!important; margin: 18px 0; } .portfolio-slider-section .content {font-size: 15px; line-height: 1.5; padding: 0 6px 20px; } }