/* Theme Name: Apt 212 Custom Wordpress Theme Author: ML Jordan Author URI: https://mljordan.com/ Description:Custom WordPress theme for Apt 212 by MLJordan Version: 1.0 */ /************type***************/ @font-face{ font-family: 'ngblack'; src: url(assets/fonts/NGBlack.otf); } @font-face{ font-family: 'ngbook'; src: url(assets/fonts/NGBook.ttf); } @font-face{ font-family: 'nglight'; src: url(assets/fonts/NGLight.otf); } @font-face{ font-family: 'ngregular'; src: url(assets/fonts/NGRegular.otf); } @font-face { font-family: "Flaticon"; src: url("assets/fonts/flaticon.eot"); src: url("assets/fonts/flaticon.eot?#iefix") format("embedded-opentype"), url("assets/fonts/flaticon.woff") format("woff"), url("assets/fonts/flaticon.ttf") format("truetype"), url("assets/fonts/flaticon.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "icomoon"; src: url("assets/fonts/icomoon.eot"); src: url("assets/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("assets/fonts/icomoon.woff") format("woff"), url("assets/fonts/icomoon.ttf") format("truetype"), url("assets/fonts/icomoon.svg") 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; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-correlation:before { content: "\e900"; } .icon-finance:before { content: "\e901"; } .icon-hard-assts:before { content: "\e902"; } .icon-historical-income:before { content: "\e903"; } .icon-man-with-flag:before { content: "\e904"; } .icon-performance-chart:before { content: "\e905"; } body { overflow-x: hidden !important; color: #000000; font-size: 16px; text-transform: capitalize; letter-spacing: 1px; line-height: 40px; font-family: 'ngregular'; } .global-wrapper{ overflow-x: hidden !important; width: 100% !important; } .home body{background: #000000;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999999; } ::-moz-placeholder { /* Firefox 19+ */ color: #999999; } :-ms-input-placeholder { /* IE 10+ */ color: #999999; } :-moz-placeholder { /* Firefox 18- */ color: #999999; } li.cat-item-10, li.cat-item-9 { display: none; } /************************* fonts, buttons, icons and text blocks styles**********************************/ h1 {font-size: 50px; color: #000000; font-weight: 400; line-height: 60px;} h2 {font-size: 35px; color: #0b2a6d; font-weight: 400; line-height: 40px;} h3 {font-size: 24px; color: #0b2a6d; font-weight: 400; line-height: 32px;} h4 {text-transform: uppercase; font-size: 28px; font-weight: 600; line-height: 38px; letter-spacing: 10px;} h5 {font-size: 16px; color: #0b2a6d; font-weight: 700; line-height: 24px;} h6 {font-size: 14px; color: #0b2a6d; font-weight: 400; line-height: 24px;} .regular h1, .regular h2, .regular h3, .regular h4, .regular h5, .regular h6 { font-weight: 400; } .accent-h-container h1, .accent-h-container h2, .accent-h { position: relative;display: inline-block; } .accent-h-container h1:before, .accent-h-container h2:before, .accent-h:before { content: '';display: inline-block;position: absolute;top: 48.4%;left: -60px;height: 2px;width: 50px;background: #0b2a6d; } .accent-h-container h1:after, .accent-h-container h2:after, .accent-h:after { content: '';display: inline-block;position: absolute;top: 48.4%;right: -60px;height: 2px;width: 50px;background: #0b2a6d; } .search-results h1 {font-size: 30px;color: #000000;font-weight: 400;line-height: 36px;} .bdr-btm-3 {background: url('assets/img/bdr-btm-3.png') center bottom no-repeat;padding-bottom: 30px;margin-bottom: 30px;} .bdr-btm-blue {border-bottom: 5px solid #517da4;} .heading-inline {display: inline;} .heading-notopmargin h1 {margin-top: 0;} .white {color: #ffffff;} .black {color: #000000;} a {color: #0b2a6d;font-weight: 600;text-decoration: none; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } a:hover {color: #0b2a6d;text-decoration: none;border: none;} ul {margin: 0;padding: 0} ul li {list-style: none;} p {margin: 15px 0 0 0 !important;padding: 0;} .p-notopmargin p {margin-top: 0 !important;} .centered {text-align: center;} .right {text-align: right;} .just {text-align: justify;} .italic {font-style: italic;} .f-right {float: right;} .btn-green{background: #82c23e; border-radius: 20px;} .btn-orange{background: #f36a21; border-radius: 20px;} .mybtn{padding: 3px 25px 3px 25px !important; display: inline-block; color: #ffffff; font-size: 15px; font-weight: 400; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; outline: none !important; outline-offset: 0; } .mybtn:focus {color: #ffffff;border: none; text-decoration: none;} .mybtn2 { padding: 7px 25px 7px 25px !important; margin-top: 15px; display: inline-block; color: #ffffff; font-size: 18px; font-weight: 300; border-radius: 25px; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } .mybtn2:focus {color: #ffffff;border: none;} .btn-gray, .btn-gray:focus {background: #eaeaea;color: #000038;border: none;text-decoration: none;} .btn-gray:hover {background: #aeaeae;border: none;color: #ffffff;text-decoration: none;} .btn-banner { background: rgba(0, 0, 0, 0.5);margin-top: 15px;border: 2px solid #ffffff !important; font-weight: 700;text-transform: uppercase;} .btn-banner:hover {background: #ffffff;color: #000000;padding: 3px 40px !important;border: 2px solid #ffffff;} .btn-blue {background: #0b2a6d;border-radius: 20px;} .btn-blue:hover {background: #0b2a6d;border-bottom: none;color: #ffffff;} .btn-dark {background: #181d1e;margin-top: 15px;border: 1px solid transparent;position: relative;overflow: hidden;} .btn-dark i {left: -50px;top: 9px;position: absolute;} .btn-dark:hover > i {left: 15px;} .btn-dark:hover {padding-left: 40px !important;border: 1px solid #ffffff;background: #dda036;color: #ffffff;border-radius: 20px;} .icon-outset p {padding-left: 22px; line-height: 18px;} .icon-outset p a{color: #ffffff;} .single-team-page .icon-outset p {padding-left: 0px; line-height: 18px;} .btn-orange:hover{color: #ffffff;} .container-footer .icon-outset p{color: #ffffff; letter-spacing: 1px;} .icon-outset i {margin-left: -23px !important;width: 12px;height: 26px;border-radius: 100%;color: #ffffff;margin-right: 8px;text-align: center;padding-top: 6px;} .single-team-page .icon-outset i {margin-left: -41px !important; width: 26px;height: 26px;border-radius: 100%; color: #517da4;margin-right: 8px;text-align: center;padding-top: 6px;background: none;} .single-team-page .single-icon-outset i {margin-left: -5px !important; width: 26px;height: 26px;border-radius: 100%; color: #eba222;margin-right: 0px;text-align: center;padding-top: 6px;background: none;} .our-locations .icon-outset i{color: #0a2a6d;} .contact .icon-outset i {background: none;color: #0b2a6d;} .txt-black, .txt-black h1, .txt-black h2, .txt-black h3, .txt-black h4, .txt-black h5, .txt-black h6 {color: #000000;} .txt-black h3 {color: #000000 !important;} .txt-md {font-size: 16px;line-height: 28px;} .txt-white, .txt-white a {color: #ffffff;} .txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white h5, txt-white h6 {color: #ffffff;} /************************* fonts, buttons, icons and text blocks styles end**********************************/ /************************* margins and paddings***************************************************************/ .xtrapadding {padding: 0 65px;} .marginvh100 {margin-top: 100vh;} .marginbtfooter {margin-bottom: 600px;} .marginxxs {margin-top: 15px;margin-bottom: 15px;} .marginxs {margin-top: 30px;margin-bottom: 30px;} .marginsm {margin-top: 55px;margin-bottom: 55px;} .marginmd {margin-top: 90px;margin-bottom: 90px;} .marginlg {margin-top: 200px;margin-bottom: 200px;} .marginlg2 {margin-top: 300px;margin-bottom: 300px;} .paddingxs {padding-top: 30px;padding-bottom: 30px;} .mrg-bt-40 {margin-bottom: 40px;} .mrg-bt-30 {margin-bottom: 30px;} .mrg-bt-20 {margin-bottom: 20px;} .marginauto {margin: auto;} .notopmargin {margin-top: 0 !important;} .nobottommargin {margin-bottom: 0 !important;} .noleftmargin {margin-left: 0 !important;} .norightmargin {margin-right: 0 !important;} .notoppadding {padding-top: 0 !important;} .nobottompadding {padding-bottom: 0 !important;} .noleftpadding {padding-left: 0 !important;} .norightpadding {padding-right: 0 !important;} .custom-width-80 {width: 80%;margin: auto;} .custom-width-90 {width: 90%; margin: auto;} .txt-padded {padding:10%;} .txt-padded-white {padding: 0px 100px;background: #f9f9f9; height: 100%;} /************************* margins and paddings end***************************************************************/ /*****************backgrounds, borders and lines**************************************************************************************/ .section-sep {height: 3px;background: url('assets/img/section-sep.png') center center no-repeat;} .line {height: 1px;border-bottom: 5px solid #000000;position: relative;z-index: 99; width: 100%; } .line-blue {height: 1px;border-bottom: 5px solid #517da4;position: relative;z-index: 99;} .line-gold-thin {height: 1px;border-bottom: 2px solid #dda036;} .line-dark-thin {height: 1px;border-bottom: 1px solid #cccccc;} .bg-white {background: #ffffff;position: relative;z-index: 99;} .bg-white-tr {background: rgba(255, 255, 255, 0.8);} .bg-dark {background: rgba(0,0,0,1);} .bg-dark-buildings {background: url('assets/img/buildings.png') center bottom no-repeat #181d1e;} .bg-light-gray {background: #f5f5f5;position: relative;z-index: 99;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .bg-dark-gray {background: #eeeeee;position: relative;z-index: 99;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .bg-blue {background: #517da4;} .bg-green {background: #82c23e;} .ind-cre-nav {background: #517da4;} /*****************backgrounds, borders and lines**************************************************************************************/ /*************************** general global styles**************************************************************************************/ .half-abs{width: 50%; height: 100%; position: absolute; top: 0; right: 0; z-index: 9;} .deadcenter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .deadcenter2 {position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);} .gen-transition { -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } .gen-transition2 { -webkit-transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; transition: 0.5s ease-in-out !important; } .gen-rel {position: relative;} .img-100 img {max-width: 100%;height: auto !important;} .img-min-100 img {min-width: 100%;max-width: 100%;height: auto !important;} /*************************** general global styles end**************************************************************************************/ /*******************main navigation************************************************/ .header-social-container{border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .home .navbar-fxd-wrapper{position: fixed; top: 40px; left: 0; z-index: 999; background: transparent; width: 100%;} .navbar-fxd-wrapper{position: fixed; top: 40px; left: 0; z-index: 999; width: 100%; border-bottom: 0px solid transparent;} .home .site-logo, .thankyou .site-logo{width: 100px; height: 116px; position: absolute; top: -35px; left: 30px; z-index: 999; background: url('assets/img/logo.png') top left no-repeat; background-size: 100%; transition: none !important;} /*.brokerage .site-logo, .financing .site-logo, .management .site-logo, .investment .site-logo, our-teams, .team .site-logo, .case-studies .site-logo, .careers .site-logo, .contact .site-logo, .investors-login .site-logo { width: 100px; height: 116px; position: absolute; top: -35px; left: 30px; z-index: 999; background: url('assets/img/logo.png') top left no-repeat; background-size: 100%; transition: none !important; }*/ .case-studies .site-logo, .team .site-logo {background: url('assets/img/logo-black.png') top left no-repeat; background-size: 100%;} .site-logo{width: 100px; height: 116px; position: absolute; top: -35px; left: 30px; z-index: 999; background: url('assets/img/logo.png') top left no-repeat; background-size: 100%; transition: none !important;} .site-logo:hover{border-bottom: none;} #menu-primary-menu{-webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;} #navbar{padding: 0;} .navbar{margin-bottom: 0; border: none !important; min-height: 20px;} .navbar-nav{float: right; margin: 0px; text-align: right;} .navbar-nav li{margin: 0 -2px; padding: 0; float: none; display: inline-block; position: relative; } .navbar-nav li:last-child{padding-right: 0;} .navbar-nav li:first-child a{border-left: rgba(255, 255, 255, 0.15);} .home .navbar-nav li a{color: #ffffff;} .navbar-nav li a{margin: 0; padding: 14px 13px; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.5); -webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;} .navbar-nav li a:hover, .navbar-nav li.current-menu-item a, .navbar-nav li.current-category-ancestor a, .navbar-nav li.current-page-ancestor a, .navbar-nav li:hover > a, .navbar-nav li.current-menu-parent a {background: transparent; color: #ffffff; background: #eba222;} .navbar-nav li a:focus{outline: none; text-decoration: none;} .home .sub-menu{background: rgba(0, 0, 0, 0.4);} .sub-menu{display: none; position: absolute; left: 0; width: 200px; background: rgba(0, 0, 0, 0.8); z-index: 0; text-align: center; } .sub-menu li{display: block; text-align: left; margin: 0;} .sub-menu li:first-child a{border-left: 1px dotted rgba(255, 255, 255, 0.2);} .sub-menu li a{text-transform: none; padding: 5px 10px; display: block; color: #ffffff !important; border: 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.2);} .sub-menu li a:hover, .sub-menu li.current_page_item a{color: #ffffff !important; background: #eba222 !important; border-bottom: 1px dotted rgba(255, 255, 255, 0.2);} .navbar-nav > li:hover > ul{display: block;} .top-header-background{ position: absolute; z-index: 1024; width: 100%; } .contactinfo{float: right; margin: 5px 0 0px 15px; min-height: 35px;} .contactinfo .contactinfo-img{float: left; margin-top: 2px; margin-bottom: 3px;} .contactinfo .contactinfo-img i{font-size: 14px; color: #cccccc;} .contactinfo .contactinfo-img img{width: 30px;} .contactinfo .contactinfo-content{float: left; margin-left: 5px; position: relative; z-index: 1;} .contactinfo .contactinfo-content p {margin-top: 10px !important; margin-bottom: -5px !important; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: #ffffff; line-height: 14px;} .contactinfo .contactinfo-content a{margin-top: 0px !important; margin-bottom: -5px !important; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.5); line-height: 14px; } .contactinfo .contactinfo-content a:hover{color: #eba222; border: none;} /*******************main navigation ends************************************************/ /********************************footer****************************************************/ .container-footer { background: #000000; position: relative; z-index: 99; color: #97cef4; font-size: 12px; } .footer-logo img {margin: 5px 0 25px 0;} .footer-logo {line-height: 22px;} .footer-logo p { color: #ffffff; font-size: 16px; line-height: 28px; margin-top: 0 !important; letter-spacing: 1px; } #menu-footer-menu { } .container-footer .copyright{letter-spacing: 2px; line-height: 40px; color: #eba222; font-size: 16px;} .container-footer ul {width: 100%; float: left;} .container-footer ul li {display: block; margin: 0; width: 50%; float: left; } .container-footer ul li a {display: block; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; padding: 7px 0; } .container-footer ul li a, .container-footer a { color: #999999; font-size: 16px; line-height: 30px; letter-spacing: 2px; text-transform: uppercase; font-family: ngregular; font-weight: 300; } .emailtxt{text-transform: lowercase !important; color: #ffffff !important; margin-top: 20px;} .phonetxt{text-transform: lowercase !important; color: #ffffff !important; margin-top: 10px;} .footer-logo a i {color: #bbbbbb !important;} .footer-logo i:hover {color: #eba222 !important;} .container-footer ul li a:hover {border-bottom: none; color: #eba222;} .container-footer h3 {color: #bbbbbb;font-weight: 400; font-size: 20px;} .footer-social {margin: 10px 0;} .footer-social li:first-child {margin-left: 0 !important;} .footer-social li:first-child a {padding-left: 0;} .footer-social li {display: inline-block !important;margin: 1px !important; width: 8% !important;} .footer-social li a i:hover{ color: #eba222; } .footer-social li a {display: inline-block !important;font-size: 24px !important;color: #888888 !important;padding: 3px; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } .footerHeading h3{color: #ffffff;} .footer-social li a:hover {border-bottom: none;} .footer-locations {background-color: rgba(11,42,109,0.8); border-top: 1px solid rgba(255, 255, 255, 0.3); background-image: url('assets/img/footer.jpg'); background-attachment: fixed; background-blend-mode: lighten; font-size: 12px;padding-top: 30px;padding-bottom: 30px;} .footer-locations a{margin-top: 15px; display: block; color: #7799d8;} .footer-locations a:hover{color: #ffffff; text-decoration: underline;} .footer-locations a i, .footer-locations i, .footer-locations a:hover i{color: #7799d8 !important;} .footer-locations .icon-outset p{color: #7799d8;} .copyright {background: #000000; padding-bottom: 10px;} .copyright {text-align: center; color: #eba222;} .container-footer .icon-outset p {margin-top: 15px !important; font-size: 18px;} .container-footer .icon-outset i {font-size: 18px;color: #ffffff;} .footer-news a{font-size: 14px; line-height: 18px; margin-bottom: 5px; padding-right: 20px; display: block;} /********************************footer ends****************************************************/ .home-main h2{margin-bottom: 50px;} .header-social {position: absolute;right: 0;top: 29vh;z-index: 9999;background: #00509e;padding: 5px;border-radius: 10px 0 0 10px;} .header-social li {display: block;margin: 5px 2px !important;} .header-social li a {display: inline-block !important;font-size: 14px !important;color: #ffffff;border-radius: 100%;background: #517da4;padding-top: 2px; text-align: center;width: 30px;height: 30px; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } .header-social li a:hover {border: none;background: #ffffff;color: #517da4;} .contact-social {margin: 15px 0;padding: 0;} .contact-social li:first-child, .contact-social li:first-child a {padding-left: 0;margin-left: 0;} .contact-social li {display: inline;margin: 5px;} .contact-social li a {display: initial !important;font-size: 24px !important;color: #000038;padding: 0; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } .contact-social li a:hover {border: none;} /*******************************home slider************************************/ .slide-text{position: absolute; top: 200px; left: 100px; width: 830px; z-index: 99; color: #ffffff; font-size: 28px; line-height: 32px;} .slide-text h1{color: #ffffff; font-weight: 300; display: inline-block; margin-bottom: 0px; line-height: 40px; font-size: 58px; font-family: 'ngregular';} .camera_bar {z-index: 2;top: 80px;height: 7px !important;} .camera_bar span.camera_bar_cont {opacity: 0.8 !important;box-shadow: none !important;} .camera_bar span#pie_0 {opacity: 0.8 !important;background: rgba(141,177,255, 1) !important;} .camera_thumbs {margin-top: -100px;position: relative;z-index: 1;} .camera_thumbs_cont {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} .camera_overlayer {opacity: .7;} .circle {background: #accede;text-align: center;width: 10rem;height: 10rem;border-radius: 5rem;} .circle::before {content: '';height: 100%;width: 50%;float: left; shape-outside: polygon(0 0, 100% 0, 60% 4%, 40% 10%, 20% 20%, 10% 28.2%, 5% 34.4%, 0 50%, 5% 65.6%, 10% 71.8%, 20% 80%, 40% 90%, 60% 96%, 100% 100%, 0% 100%);} .circle > span::before {content: '';height: 100%;width: 50%;float: right; shape-outside: polygon(100% 0, 0 0, 40% 4%, 60% 10%, 80% 20%, 90% 28.2%, 95% 34.4%, 100% 50%, 95% 65.6%, 90% 71.8%, 80% 80%, 60% 90%, 40% 96%, 0 100%, 100% 100%);} /*.camera_wrap {background: #000000;} .camera_wrap img{opacity: 0.8 !important;}*/ .camera_wrap{height: 100vh !important;} .main-banner-container {top: 0;left: 0; height: 780px; overflow: hidden; position: relative;} /*.pattern_1 .camera_overlayer{background: none !important;}*/ .visible {opacity: 1.0 !important;} .page-overlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #ffffff;z-index: 1042;opacity: 1;} .page-loaded {opacity: 0;} .loaded-zindex {z-index: -9 !important;} .loaded {display: none !important;} .wrapper-vh-100 {top: 0;left: 0;width: 100%;height: 100vh;} .swiper-container {height: 90vh;position: relative;border-bottom: 6px solid #517da4;} .camera_caption > div{background: none !important;} .camera_caption {position: absolute;top: 50%; left: 50% !important; transform: translate(-50%, -50%) !important;width: 1170px;z-index: 1;} .camera_caption h1, .camera_caption h2, .camera_caption h3 {color: #ffffff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95);} .camera_caption h1 {font-weight: 700; font-size: 55px; line-height: 60px; margin: 0; text-transform: uppercase;} .camera_caption h3 {font-weight: 400;font-size: 30px;line-height: 40px;margin-top: 0;} .camera_caption p {font-size: 18px !important;margin-bottom: 20px !important;margin-top: 0 !important;} .curve2 {background: url('assets/img/curve2.png') top right no-repeat; width: 100%;height: 20px;position: absolute;bottom: 0;right: 0; background-size: 50% 20px;z-index: 99;} .curve {background: url('assets/img/curve.jpg') top right no-repeat;width: 100%;height: 40px;float: left;background-size: 50% 20px;} .curve-blue {background: url('assets/img/curve-blue.png') center center no-repeat;width: 100%;height: 140px;} .curve-blue-gray {background: url('assets/img/curve-blue-gray.png') center center no-repeat;width: 100%;height: 140px;} .swiper-container-horizontal > .swiper-pagination {bottom: 10px !important;} .swiper3, .swiper2, .swiper5 {overflow: hidden;} .swiper3 .swiper-slide {padding-bottom: 40px;} .swiper3 .swiper-pagination-bullet {border: 2px solid #cccccc;} .swiper3 .swiper-pagination-bullet-active {background: #cccccc;} .swiper4 .swiper-slide{width: auto !important;} .t-title {color: #00509e;font-weight: 700;} .t-org {font-weight: 700;text-transform: uppercase;} .testimonails-info {font-style: normal;font-size: 13px;width: 100%;} .about .testimonails-info {position: initial;font-style: normal;font-size: 13px;padding: 0;width: 100%;} /*******************************home slider ends************************************/ /**************misc******************/ .pagetitle h1 {color: #ffffff;font-size: 40px;background: url(assets/img/nav-hover.png) left bottom no-repeat;background-size: 50% 4px;display: inline-block;} .mypage-header {padding-top: 150px;border-bottom: 5px solid rgba(0, 0, 0, 0.6);} .page-margin {margin-top: 113px;} .blog-heading {font-size: 40px;color: #ffffff;margin: 12px 0 0 0;line-height: 40px;padding-bottom: 20px; background: url(assets/img/bdr-btm-3.png) center bottom no-repeat;background-size: 130px 4px;} .blog-image{max-height: 400px; overflow: hidden;} .page-heading {margin-top: 110px;padding: 0 0 4px 0; background: #f5f5f5; text-align: right;} .page-heading h1 {font-size: 16px;color: #333333; margin: 0;line-height: 12px;} .page-heading span{color: #bbbbbb; font-size: 12px;} .form-fields, .form-fields2, .form-fields3, .form-fields-right, .form-fields-left, input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { width: 100%; box-sizing: border-box; padding: 5px 12px; font-size: 14px; float: left; margin-bottom: 10px; color: #dddddd !important; border: 1px solid #dddddd !important; background: rgba(0,0,0,0.05) !important; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; } .form-fields:focus, .form-fields2:focus, .form-fields3:focus{background: none; border: 1px solid #dddddd !important; outline: none !important;} .form-fields-left{width: 48%; float: left; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;} .form-fields-right{width: 48%; float: right; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;} .form-fields2{ height: 278px; width: 98%;} .form-fields3{ height: 182px;} .form-terms{float: left; margin-bottom: 25px !important; font-size: 13px; line-height: 22px;} .wpcf7-list-item{display: block; margin-bottom: 0px; font-size: 14px;} .wpcf7-submit, .ln-widgetBox.search .searchButton a, .login-submit{ float: left; background: #082141 !important; color: #ffffff !important; outline: none; font-weight: 600 !important; padding: 10px 35px !important; box-sizing: border-box; text-transform: uppercase; border: none; border-radius: 0px; -webkit-transition: 0.3s ease-in-out !important; -moz-transition: 0.3s ease-in-out !important; -ms-transition: 0.3s ease-in-out !important; -o-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important; text-indent: 0 !important; text-align: center; width: auto !important; height: auto !important; line-height: 20px; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; } .wpcf7-submit:hover, .searchButton a:hover, .wpcf7-submit:focus{text-decoration: none; color: #ffffff;} div.wpcf7 img.ajax-loader {float: left;} .wpcf7-list-item{display: inline-block; margin-right: 10px;} div.wpcf7-response-output{float: left;} .wpcf7-not-valid-tip{display: none !important;} .wpcf7-not-valid{border: 1px solid #d04e53;} .sidebar {padding-left: 30px;} .sidebar-thumbnails img {width: 32% !important;height: auto !important;} .sidebar-cats a {color: #555555;} /**************misc ends*****************/ .show {display: block;} .hide {display: none;} .pagination {clear: both; /*padding:20px 0;*/margin: 0;position: relative;line-height: 13px;font-weight: 600;} .pagination span {display: block;float: left;margin: 2px 20px 2px 0;padding: 4px 7px;text-decoration: none;width: auto;color: #2e2b28;} .pagination span.current { display: block; float: left; margin: 2px 2px 2px 0 !important; padding: 4px 7px; border-radius: 2px; text-decoration: none; width: auto; color: #2e2b28; background: #cccccc; } .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 4px 7px; text-decoration: none; width: auto; color: #dda036; border-radius: 2px; } .pagination a:hover { background: #dda036; color: #ffffff; border-bottom: none; } .pagination .current { padding: 6px 2px 5px 2px; color: #2e2b28; } .pagination-container { position: relative; } .pagination-absolute-container { position: absolute; top: 30px; right: 0; } .round-image {width: 120px;height: 120px;border-radius: 100%;float: left;overflow: hidden;} .round-image2 {width: 290px;height: 290px;border-radius: 100%;margin: 0 auto;overflow: hidden;} .img-text {width: 60%;float: left;padding-left: 20px;} span.screen-reader-text {display: none} .search-field {margin-bottom: 10px;border: 1px solid #aeaeae;outline: none;border-radius: 3px;padding: 1px 10px;} .search-submit {border: none;outline: none;background: #0b2a6d;color: #ffffff;padding: 2px 15px;border-radius: 3px;} .search-results search-form {display: block;margin-top: 35px !important;} .search-results h3 {margin-top: 0;font-weight: 500;} .search-results .blog-f-image {width: 100px;} .search-results .blog-text {width: 80%;} .search-results a {font-weight: 400;} .ex-pd {padding: 0 10px;} .form-container {width: 100%;margin: auto;} .form-container-narrow {width: 60%;margin: auto;} .circle-iconsm {position: relative;margin: auto;width: 60px;height: 60px;border-radius: 100%;color: #ffffff;font-size: 24px;} .circle-iconmd {position: relative;float: left;width: 120px;height: 120px;border-radius: 100%; background: #ffffff;border: 2px solid #eeeeee;color: #eeeeee;font-size: 20px;} .circle-iconlg {position: relative;margin: auto;width: 140px;height: 140px;border-radius: 100%;background: #ffffff; border: 2px solid #eeeeee; color: #eeeeee;font-size: 20px;} .block .circle-iconlg {position: relative;float: left;width: 120px;height: 120px;border-radius: 100%;background: #ffffff; border: 2px solid #eeeeee; color: #f36b22;font-size: 40px; } .circle-iconlgtr {position: relative;margin: auto;width: 140px;height: 140px;overflow: hidden;border-radius: 100%; border: 2px solid #7baa29;color: #7baa29;font-size: 20px;} .icon-outset-holder {width: 80px;float: left;} .icon-outset-holder2 {width: 60px;float: left;font-size: 30px;color: #aeaeae;} .iconlg-text {width: 80%;float: left;padding-left: 20px;} .specialties .circle-iconmd {font-size: 30px;} .block h3 {margin-top: 0;} .txtsmaller {font-size: 13px;} .home-services {padding-top: 15px;padding-bottom: 25px;} .home-services h3 {font-size: 28px;font-weight: 400;width: 200px;margin: 20px auto;} .services .home-services h3 {font-size: 28px;font-weight: 400;width: auto;margin: 20px auto;} .home-services .mybtn {position: absolute;bottom: -50px;opacity: 0;left: 50%;z-index: 99;transform: translate(-50%, -50%);} .home-services:hover .mybtn {bottom: -30px;opacity: 1;} .news-tags a {font-weight: 400;color: #00509e;} .news-tags a:hover {border-bottom-color: #00509e;} .news-date{margin: 0 !important; font-size: 12px; color: #acacac;} .blog-text h2 {position: relative;font-weight: 700;font-size: 22px;line-height: 30px;margin: 0;} .blog-feed h2 i {position: absolute;left: 0;top: 0px;color: #ffffff;font-size: 13px !important;background: #517da4; border-radius: 100%;padding: 12px 13px;display: inline-block;} .blog-feed h2 a {font-weight: 500;color: #0b2a6d;} .blog-feed h2 a:hover {border-bottom-color: #00509e;} .icon-centered .circle-iconlg {float: none;margin: auto;} .blog-details {font-size: 12px;font-weight: 400;margin-top: 0 !important;line-height: 45px;color: #bbbbbb;} .blog-details i{color: #bbbbbb;} .blog-details-sidebar{ font-size: 12px; font-weight: 400; margin-top: 0 !important; line-height: 24px; color: #0f75bc; } .blog-more { margin: 10px 0 10px 0; display: inline-block; } .blog-more:hover { border-bottom: none; color: #00509e; } .featured-slide .description .blog-more{margin-left: 0} .sidebar img{width: 100px; float: left} .sidebar-feed{ width: 60%; float: left; margin-left: 10px; } .sidebar-feed h5 { font-size: 12px; font-weight: 600; margin: 0; } .sidebar-feed p { margin-top: 0 !important; } .sidebar-gray-block { background: #eeeeee; padding: 15px 0 0 15px; float: left; border-bottom: 5px solid #0a2a6d; border-right: 2px solid #f36a21; } .full-thumbs { overflow: hidden; } .full-thumbs .thumb-overlay .deadcenter2 { opacity: 0; } .thumb-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 99; } .thumb-overlay .deadcenter2 { width: 95%; } .thumb-overlay h3 { background: rgba(255, 255, 255, 0.8); display: inline-block; padding: 5px 15px; font-weight: 400; font-size: 18px; position: absolute; top: 0; right: 0; width: 100%; } .full-thumbs:hover > .thumb-overlay { background: rgba(0, 0, 0, 0.4); width: 95%; height: 95%; top: 2.5%; left: 2.5%; } .full-thumbs:hover > .thumb-overlay > .deadcenter2 { opacity: 1; top: 60%; } .full-thumbs:hover > .thumb-overlay > h3 { width: 100%; background: transparent; font-weight: 600; color: #ffffff; top: 15px; } .thumb-overlay .deadcenter2 h4 { color: #ffffff; } .thumb-overlay .deadcenter2 h2 { color: #ffffff; padding-bottom: 20px; font-size: 30px; font-weight: 500; line-height: 30px; margin: 0; } .thumb-overlay .deadcenter2 { color: #ffffff; } .featured-wrapper { height: 250px; position: relative; overflow: hidden; background: #000000; } .featured-img { position: absolute; top: 0; left: -20%; width: 120%; height: 120%; z-index: 9; } .price { display: block; position: absolute; bottom: 20px; right: 0; z-index: 99; background: #517da4; padding: 5px; color: #ffffff; font-weight: 600; } .short-desc { position: absolute; top: 100%; left: 0; z-index: 99; color: #ffffff; padding: 10px; text-align: center; } .featured-wrapper:hover > .featured-img { left: 0; opacity: 0.6; } .featured-wrapper:hover > .short-desc { top: 20%; } .featured-content h3 { font-size: 18px; font-weight: 600; color: #517da4; } .featured-wrapper:hover > .featured-img { -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); filter: grayscale(70%); transition: all 0.3s ease; } .light-hover { position: relative; padding-top: 20px; padding-bottom: 20px; } .light-hover:hover > .circle-iconmd { opacity: 0.3 } .light-hover:hover > .iconlg-text { opacity: 0.3 } .light-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; opacity: 0; border-radius: 100px; background: rgba(255, 255, 255, 0.2); padding-top: 15px; padding-bottom: 15px; z-index: 9; overflow: hidden; } .light-hover:hover > .light-overlay { height: 100%; opacity: 1; } .listing-details { background: rgba(0, 0, 0, 0.05); padding: 10px; } .blog-f-image { width: 300px; height: 300px; float: left; padding: 10px; } .blog-text { width: 100%; float: left; padding: 9px; background: #ffffff; font-size: 14px; line-height: 22px; } .clients-logo ul li { display: inline-block; border: 1px dotted #f5f5f5; text-align: center; padding: 15px; } .clients-logo ul li img { width: 70%; } .modal-content-area { position: relative; z-index: 1050; background: #ffffff; border-radius: 0; min-height: 50vh; border: none; width: 50%; margin: 10vh auto 0; text-align: left; } .modal-backdrop{opacity: 0.8 !important;} /*.modal-backdrop.in{opacity: 0 !important;}*/ .modal-backdrop { opacity: 0.8 !important; } .bullet-text ul { margin: 20px 0; } .bullet-text ul li { display: block; padding-left: 25px; background: url('assets/img/check-round-light.png') 0 3px no-repeat; margin: 5px 0; } .bullet-text2 ul {margin: 20px 0; } .bullet-text2 ul li {display: block; padding-left: 25px; background: url('assets/img/check-round.png') 0 3px no-repeat; margin: 5px 0; } .modal-header { padding: 0 !important; } .my-modal-content { padding: 0 20px; } .my-modal-heading { background: #517da4; color: #ffffff; padding: 10px 20px; margin: 0; } .modal-header .close { margin-top: 7px; margin-right: 15px; font-size: 38px; opacity: 0.4; } /******************************************Testimonial 1*****************************/ .clientbg .swiper-container { height: auto; border: none; } .coming-soon .container-footer { display: none !important; } .coming-soon .navbar-fxd-wrapper { display: none !important; } .coming-soon .camera_bar { top: 0 !important; } .texas { margin-top: 15px; } .marketweserve p { font-size: 22px; line-height: 40px; } .calltoaction h2 { font-size: 24px; color: #000000; } .calltoaction b{font-size: 22px;} .calltoaction a { color: #0b2a6d; } .service-info p{ line-height: 42px; font-size: 20px; } .small-thumb-feed h5{margin: 0; font-weight: 500;} .small-thumb-feed p{ margin-top: 0 !important; display: inline; font-weight: 300; color: #cccccc; } .blog-text h3{margin: 0 !important;} .more-link{display: none;} .blog-more{color: #092a6d; font-size: 13px; border-radius: 5px; margin-left: 25px;} .blog-text a:hover{color:#ffffff;} .blog-more:hover{ color: #092a6d !important;} .blog-text a:hover{color: #0b2a6d; text-decoration: underline;} .blog-text span h1{font-size: 18px; line-height: 18px; color: #555555; font-weight: 700;} /*******************************TEAM BLOCK***************************/ .our-team{ text-align: center; perspective: 50em; position: relative; overflow: hidden; } .our-team .view-listings{ position: absolute; right: 0; bottom: 3px; background: rgba(255,255,255,0.8); padding: 5px 10px; border-radius: 20px 0 0 20px; z-index: 1024; box-shadow: 0px 0 10px 1px rgba(0,0,0,0.3); } .our-team:after{ content: ""; display: block; background: #f36b22; position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; transform: rotateY(90deg); transform-origin: 0 0; transition: all 0.4s ease-in-out 0s; } .our-team:hover:after{ transform: rotateY(0); opacity: 0.9; } .our-team a.view-details{ position: absolute; top: 25px; right: -100%; background: #333; padding: 0px 10px; border-radius: 20px 0 0 20px; z-index: 1024; box-shadow: 0px 0 10px 1px rgba(0,0,0,0.3); font-size: 11px; color: #fff; } .our-team:hover .view-details{right: 0;} .our-team img{ width: 100%; height: auto; } .our-team .team-content{ color: #eae2b7; position: absolute; top: 50%; left: 20px; right: 20px; opacity: 0; z-index: 1; transform: translate(10%, -50%); transition: all 0.2s ease-out; } .our-team:hover .team-content{ opacity: 1; transform: translate(0, -50%); transition-delay: 0.2s; } .our-team .icon{ display: block; font-size: 32px; margin-bottom: 10px; } .team-details .title{ font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 5px 0 -4px 0; } .team-details .post{ display: block; font-size: 15px; font-weight: 600; font-style: italic; } .overlay-team-details h3{margin:0 5px;} .overlay-team-details .phone{text-align: left; padding-left: 32px; padding-top: 8px;} .overlay-team-details .cell{text-align: left; padding-left: 32px; padding-top: 4px;} .overlay-team-details .cell i{font-size: 22px;} .overlay-team-details .fax{text-align: left; padding-left: 32px; padding-top: 4px;} .overlay-team-details .email{text-align: left; padding-left: 32px; padding-top: 4px;} .overlay-team-details i {width: 10px; padding-right: 20px;} .overlay-team-details a {color: #ffffff; font-weight: 300;} .overlay-team-details p{margin: 0 !important; padding-left: 10px;} .team-content .social{text-align: left; padding-left: 32px; padding-top: 10px;} .team-content .social li{ display: inline-block; width: 25px; height: 25px; background: #ffffff; border-radius: 100%; text-align: center; padding-top: 1px; } .team-content .social li a{color:#e26728;} @media only screen and (max-width:990px){ .our-team{ margin-bottom: 30px; } } .charities h3{margin-top: 0;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("assets/img/back.png") !important; left: -20px !important;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("assets/img/next.png") !important; right: -30px !important;} .camera_bar{top: 0 !important;} #headersocial {margin: 10px 0; padding: 4px 0; text-align: right;} #headersocial li{ display: inline-block; } #headersocial li.header-phone{margin-left: 15px;} #headersocial li a{ color: #8da4d5; font-size: 13px; line-height: 23px; width: 24px; height: 24px; text-align: center; margin: 5px;} #headersocial li a:hover{color: #0b2a6d;} .animated-line{width: 100%; position: absolute; top: 73px; left: 100%; border: 1px solid #0b2a6d; height: 1px;} .service-button{position: absolute; bottom: -200px; left: 0; width: 100%; border-radius: 0; z-index: 99;} .testimonial{ padding: 0 15px; } .testimonial .description{ font-size: 20px; font-weight:400; font-style: italic; color: #ffffff; line-height: 30px; padding-bottom: 25px; margin-bottom: 15px; position: relative; background: transparent !important; } .testimonial .description:before{ content: ""; width: 75%; border-top: 1px solid #ddd; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; } .testimonial .description:after{ content: ""; width: 20px; height: 20px; background: #fff; position: absolute; bottom: -10px; left: 50%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; transform: translateX(-50%) rotate(45deg); } .testimonial .pic{ width: 100px; height: 100px; border-radius: 50%; margin: 25px auto; overflow: hidden; } .testimonial .pic img{ width: 100%; height: auto; } .testimonial .title{ display: inline-block; font-size: 23px; font-weight: 700; color: #ffffff; text-transform: capitalize; margin: 0; } .testimonial .post{ display: inline-block; font-size: 14px; color: #ffffff; } .my-gallery img{filter: grayscale(100%); opacity: 0.3;} .my-gallery img:hover{filter: grayscale(0); opacity: 1; transition: 0.3s;} .loader-wrapper{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .loader { position: relative; width: 80px; height: 60px; margin: 30px auto; } .loader .loader-inner { width: 80px; height: 40px; position: absolute; } .loader .loader-inner .box { width: 80px; height: 10px; background-color: #333333; position: absolute; clip: rect(0, 0, 20px, 0); } .loader .loader-inner .box-1 { top: 0; -webkit-animation: loader 2s ease 0s infinite; animation: loader 2s ease 0s infinite; } .loader .loader-inner .box-2 { top: 15px; -webkit-animation: loader 2s ease 0.25s infinite; animation: loader 2s ease 0.25s infinite; } .loader .loader-inner .box-3 { top: 30px; -webkit-animation: loader 2s ease 0.5s infinite; animation: loader 2s ease 0.5s infinite; } .loader .text { position: absolute; top: 50px; text-align: center; width: 100%; color: #333333; font-size: 13px; font-family: sans-serif; letter-spacing: 3px; line-height: 10px; height: 10px; -webkit-animation: fade 1s ease 0s infinite; animation: fade 1s ease 0s infinite; } @-webkit-keyframes loader { 0% { clip: rect(0, 0, 20px, 0); } 30% { clip: rect(0, 80px, 20px, 0); } 50% { clip: rect(0, 80px, 20px, 0); } 80% { clip: rect(0, 80px, 20px, 80px); } 100% { clip: rect(0, 80px, 20px, 80px); } } @keyframes loader { 0% { clip: rect(0, 0, 20px, 0); } 30% { clip: rect(0, 80px, 20px, 0); } 50% { clip: rect(0, 80px, 20px, 0); } 80% { clip: rect(0, 80px, 20px, 80px); } 100% { clip: rect(0, 80px, 20px, 80px); } } @-webkit-keyframes fade { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .single-page-sidebar h2{ font-weight: 700; font-size: 22px; line-height: 30px; margin-top: 20px; } .sidebar-object{float: left; width: 100%; } .single-page{padding: 150px 0; opacity: 0.4;} .home-blog-feed h3{font-size: 18px;} .home-blog-feed .blog-details{line-height: 18px;} .home-blog-feed .blog-f-image{width: 100%; float: left; max-height: 180px; overflow: hidden; padding: 0;} .box{ background: transparent; overflow: hidden; position: relative; } .box:before, .box:after{ content: ""; border-width: 0 220px 180px 220px; border-style: solid; border-color: transparent transparent #0b2a6d transparent; position: absolute; bottom: 0; left: 50%; z-index: 1; transform: translate(-55%, 100%); transition: all 0.5s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045); } .box:after{ border-width: 150px 250px; border-color: transparent #3257a5 #3257a5 #0c3ca4; top: 25%; transform: translate(-60%, 100%); } .box:hover:before{ transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: translate(-55%, 0); transition-delay: 0.2s; } .box:hover:after{ transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: translate(-60%, 0); transition-delay: 0s; } .box img{ width: 100%; height: auto; opacity: 1; transform: scale(1.1) translateY(3%); transition: all 0.5s ease 0s; } .box:hover img{ transform: scale(1.1) translateY(-3%); opacity: 0.8; } .box .box-content{ padding: 20px 0 0 20px; position: absolute; bottom: 20px; right: 0; opacity: 0; z-index: 2; transform: translateY(20%); transition: all 0.5s ease 0s; } .box:hover .box-content{ opacity: 1; transform: translate(0px); transition-delay: 0.1s; } .box .title, .box .title a{ font-size: 18px; line-height: 24px; font-weight: 400; color: #fff; display: block; } .box .icon{ padding: 0; margin: 0; list-style: none; } .box .icon li{ display: inline-block; } .box .icon li a{ display: block; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; background: #18ab69; font-size: 18px; color: #fff; text-align: center; margin-right: 10px; transition: all 0.3s ease 0s; } .box .icon li a:hover{ transform: rotate(360deg); } @media only screen and (max-width:990px){ .box{ margin-bottom: 20px; } } @media only screen and (max-width: 767px) and (min-width: 600px){ .box:before{ border-width: 0 250px 240px; } .box:after{ border-width: 260px 460px; } } @media only screen and (max-width: 599px) and (min-width: 430px){ .box:before{ border-width: 0 220px 120px; } .box:after{ border-width: 260px 460px; } } /**********************EXPERIENCE PAGE*********************/ .exp-box{ text-align: center; overflow: hidden; position: relative; box-shadow: 0 0 5px #a3a3a3; } .exp-box:before, .exp-box:after{ content: ""; width: 2px; height: 2px; border-radius: 50%; background: #f36b227d; position: absolute; top: 50%; left: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .exp-box:hover:before, .exp-box:hover:after{ -webkit-transform: scale(400); -moz-transform: scale(400); -ms-transform: scale(400); -o-transform: scale(400); transform: scale(400); } .exp-box:before{ -o-transition: all 0.5s linear 0.3s; -moz-transition: all 0.5s linear 0.3s; -ms-transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; transition: all 0.5s linear 0.3s; } .exp-box:hover:before{ -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } .exp-box:after{ -o-transition: all 0.5s linear 0.6s; -moz-transition: all 0.5s linear 0.6s; -ms-transition: all 0.5s linear 0.6s; -webkit-transition: all 0.5s linear 0.6s; transition: all 0.5s linear 0.6s; } .exp-box:hover:after{ -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .exp-box .exp-box-content{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; color: #fff; padding-top: 25px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -ms-transition: all 0.3s linear 0s;; -o-transition: all 0.3s linear 0s;; -webkit-transition: all 0.3s linear 0s;; -moz-transition: all 0.3s linear 0s;; transition: all 0.3s linear 0s; z-index: 1; } .exp-box:hover .exp-box-content{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .exp-box .title{ font-size: 21px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid white; padding-bottom: 20px; margin-top: 20px; color: #ffffff; } .exp-box .description{ font-size: 14px; padding: 0 10px; margin: 15px 0; line-height: 18px; } .exp-box .read-more{ display: block; width: 120px; background: #0a2a6d; border-radius: 5px; font-size: 14px; color: #ffffff; text-transform: capitalize; padding: 5px 0; margin: 0 auto; } @media only screen and (max-width:990px){ .exp-box{ margin-bottom: 30px; } } @media only screen and (max-width:479px){ .exp-box .exp-box-content{ padding-top: 0; } } @media only screen and (max-width:359px){ .exp-box .title{ padding-bottom: 10px; } } /*****************TIMELINE*****************/ .svn-locations{height: 100vh; overflow: auto;} .location-page-margin{margin-top: 55px;} .outlets{margin-top: 20px;} /*******************FILTER SIDEBAR****************/ .filter-sidebar {background: #eeeeee; padding: 0;} .filter-sidebar h3{background: #0b2a6d; padding: 10px; color: #ffffff; margin: 0} .filter-sidebar ul {padding: 0px 10px;} .filter-sidebar ul li{padding: 5px 0; border-bottom: 1px solid #dddddd;} .filter-sidebar .select-all{padding-left: 10px; margin-top: 20px; display: block; font-weight: 300;} .service-overview .overview h3{padding-top: 0;margin: 0;} .service-overview .overview p{letter-spacing: 0px; text-align: left;} .overview h3 {padding-top: 50px; font-size: 28px;} /*.overview p {font-size: 14px; }*/ .our-team2{ text-align: center; overflow: hidden; position: relative; } .team-overlay{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,63,91,0.6); opacity: 0;} .our-team2:hover .team-overlay{opacity: 1;} .our-team2:after{ /*content: "";*/ width: 100%; height: 100%; background-color: rgba(0,63,91,0.6); position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s ease 0s; } .our-team2:hover:after{ opacity: 1; } .our-team2 img{ width: 100%; height: auto; } .our-team2 .team-content2{ width: 100%; background: #f36b22; padding: 5px 0; color: #f1e7c3; position: absolute; bottom: -100%; left: 0; z-index: 1; transition: all 0.5s ease 0s; } .our-team2:hover .team-content2{ bottom: 0; } .our-team2 .title2{ font-size: 22px; font-weight: 700; margin: 0; color: #ffffff; } .our-team2 .post2{ display: block; font-size: 15px; text-transform: capitalize; } .our-team2 .social2{ width: 100%; list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; } .our-team2 .social2 li{ display: inline-block; margin-right: 7px; position: relative; transform: translateY(-100px); transition: all 0.5s ease 0s; } .our-team2:hover .social2 li:first-child{ transition-delay: 0.1s; } .our-team2:hover .social2 li:last-child{ transition-delay: 0.1s; } .our-team2 .social2 li:before{ content: ""; position: absolute; width: 1px; height: 50px; background: #f1e7c3; top: 0; left: 0; right: 0; margin: 0 auto; } .our-team2:hover .social2 li{ transform: translateY(0); } .our-team2 .social2 li a{ display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #f1e7c3; font-size: 20px; font-weight: 700; color: #003f5b; margin-top: 50px; opacity: 1; transition: all 0.3s ease 0s; } .our-team2:hover .social2 li a{ opacity: 1; } .our-team2 .social2 li a:hover{ background: #f36b22; color: #fff; } /***************************Blog Page****************************/ .post-slide{ position:relative; padding-right:14px; overflow: hidden; } .post-slide:hover .overlay{ transition: .3s; opacity:1; } .post-slide:hover .overlay > i{ opacity:1; } .post-slide .post-img{ position: relative; margin-top: 17px; } .post-slide .overlay{ background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease 0s; } .post-slide .overlay > i{ position: absolute; top:50%; left: 50%; opacity:0; color:#f37532; transform:translate(-50%, -50%) scale(2); transition:transform 0.40s linear, opacity 0.40s linear; } .post-slide .overlay:hover i{ opacity:1; } .post-slide .post-review{ padding:17px 17px 17px 5px; background: #fff; } .post-slide .post-comment{ float:left; margin:0; padding:7px 0 0 0; line-height:1; text-align:center; } .post-slide .post-comment li{ list-style:none; margin-left: 15px; font-size:26px; color:darkgray; font-weight:700; } .post-slide:hover .post-comment li{ color: #f37532; } .post-slide .post-comment li small{ display:block; margin-bottom:10px; font-size: 13px; text-transform: capitalize; } .post-slide .post-comment li .author{ font-size: 11px; } .post-slide .post-comment li a, .post-slide:hover .post-comment li small{ color:darkgray; } .post-slide .post-comment li:after{ content: ""; border-bottom:1px solid lightgray; margin-bottom:10px; display: block; } .post-slide .post-comment li:last-child:after{ border-bottom: 0px none; margin-bottom: 0; } .post-slide .post-comment li i{font-size: 15px;} .post-slide .post-title{ margin: 0; padding: 0 0 0 70px; } .post-slide .post-title > a{ font-size:17px; color: #444; text-transform: uppercase; margin-bottom: 15px; display: block; letter-spacing: 1px; font-weight: bold; line-height: 22px; } .post-slide .post-title > a:hover{ color:#f37532; } .post-slide .post-description{ font-size:13px; color:gray; line-height:21px; padding: 0 0 0 70px; } .brd-design-blog:hover .inner-desc{left: 0;} .post-slide .fa-chain:before { border: 1px solid #f37532 !important; border-radius: 100%; padding: 5px; } /********************Featured Blog Design***********/ .featured-slide{ background: #000; box-shadow: 0 0 3px rgba(0,0,0,0.3); overflow: hidden; position: relative; } .featured-slide:after{ content: ""; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: -30%; bottom: 0; right: 70%; z-index: 1023; transform: skew(20deg) translateX(-75%); transition: all 0.35s ease 0s; } .featured-slide:hover:after{transform: skew(20deg) translateX(0);} .featured-slide img{ width: 100%; height: auto; transition: all 0.35s ease 0s; } .featured-slide:hover img{opacity: 0.5;} .featured-slide .featured-content{ text-transform: uppercase; text-align: right; position: absolute; top: 0; right: 0; z-index: 1050; } .featured-content .title .date{ display: block; font-size: 50px; padding-bottom: 10px; } .featured-content .title .year{ display: block; font-size: 20px; } .featured-content .title .author{ display: block; font-size: 12px; padding-top: 10px; } .featured-content .title i.fa-calendar{} .featured-slide .title{ background: #f37532; padding: 20px 30px 10px 30px; font-size: 12px; line-height: 22px; font-weight: 900; color: #fff; text-align: center; margin: 20px 0 20px 0; transform: scale(0); transition: all 0.35s ease 0s; border-radius: 10px 0 0 10px; } .description .title2{ font-size: 20px; font-weight: 900; color: #0b2a6d; margin: 0 0 10px 0; } .featured-slide:hover .title{ transform: scale(1); } .featured-slide .post{ padding: 0px 20px; display: block; font-size: 14px; color: #fff; margin-bottom: 5px; opacity: 0; border-radius: 20px 0 0 20px; transform: translateX(40px); transition: all 0.35s ease 0s; } .featured-slide .icon{ display: inline-block; padding: 0; margin: 0; list-style: none; padding-right: 20px; } .featured-slide .icon li{ opacity: 0; transform: translateX(40px); transition: all 0.35s ease 0s; } .featured-slide:hover .icon li, .featured-slide:hover .post{ opacity: 1; transform: translateX(0); } .featured-slide:hover .icon li:first-child{ transition-delay: 0.1s; } .featured-slide:hover .icon li:nth-child(2){ transition-delay: 0.2s; } .featured-slide .icon li a{ display: block; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; background: #fff; text-align: center; font-size: 18px; color: #605f5f; margin-bottom: 5px; transition: all 0.35s ease; } .featured-slide .icon li a:hover{ background: #605f5f; color: #fff; } .featured-slide:hover .inner-desc{left: 0;} .description:hover .inner-desc{left: 0;} .inner-desc{position: absolute; width:100%; height: 5px; bottom: 0; left: -100%;} .brd-orange{width: 70%; height: 5px; float: left; background: #f37532;} .brd-blue{width:30%; height: 5px; float: left; background: #092a6d;} .featured-slide .featuredImg {height: 350px !important; overflow: hidden;} @media only screen and (max-width:990px){ .featured-slide{ margin-bottom: 30px; } } .sidebar-company-intro{margin-top: 20px; float: left; background: #0a2a6d; padding: 10px; border-bottom: 5px solid #f36921;} .sidebar-company-intro h3{color: #ffffff;margin: 0;} .sidebar-company-intro p{color: #ffffff;} .sidebar-company-social{ margin-top: 20px; float: left; background: #eeeeee; padding: 10px; width: 100%; border-left: 2px solid #0a2a6d; } .sidebar-company-social h3{margin: 0;} .sidebar-company-social .footer-social li a{color: #0a2a6d !important; padding:0;} .contact .page-heading{ padding:0;} .managed-property h3{margin: 0;} .managed-property p{} .property-modal-content{padding: 50px 20px;} .section-heading{font-size: 30px; margin: 20px 0 !important;} .title{font-size: 18px; line-height: 18px; font-weight: 700;} .form-fields-quantity{ width: 100%; box-sizing: border-box; padding: 5px 5px; font-size: 14px; float: left; margin-bottom: 5px; border: 1px solid #c9c9c9; } .form-fields-dimention1{ width: 100%; box-sizing: border-box; padding: 0px 5px; font-size: 14px; float: left; margin-bottom: 5px; border: 1px solid #c9c9c9; } td, th { padding: 5px; } .widget-table td{ } .color{background-color: #000; color: #fff;} .td-heading{background: #eee; font-size: 18px; font-weight: normal; margin: 10px 0;} .form-fields-dimention2{ width: 50%; display: inline-block; box-sizing: border-box; padding: 0px 5px; font-size: 14px; float: left; margin-bottom: 5px; margin-right: 5px; border: 1px solid #c9c9c9; } .total{font-size: 12px; font-weight: bold;} #tnf-newsroom iframe{ width: 100% !important; } .lineheight{ line-height: 18px; } .resourcetop li{ display: inline-block; width: 19.3%; padding:0; text-align: center; border: 1px solid #dadada; } .resourcetop li a{display: block; font-size: 13px; padding: 7px 0; color: #0b2a6d; text-decoration: none;} .resourcetop li a:hover, .servicestop a:after{border-bottom: none; background: #0b2a6d; color: #ffffff;} .resourcetop > li.current-menu-item a{background: #0b2a6d; pointer-events: none; color: #ffffff;} .resourcetop > li.current-page-ancestor a{background: #0b2a6d; color: #ffffff;} .header-contact{height: 375px;} .contact-img{position: relative;} .contact-content{ position: absolute; top: 10%; right: 0; background: rgba(255,255,255,0.9); padding: 5px 20px; } .contact-locations .mybtn{margin-top: 15px; border-radius: 3px;} .side-nav{position: fixed; top: 0; padding: 20px 0 20px 20px; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1050; box-shadow: -2px 0 3px rgba(0, 0, 0, 0.5); height: 100%; } .side-nav-inner{width: 100%; padding-right: 15px; height: 100% !important; overflow: auto !important;} .side-nav-hidden{visibility: hidden; opacity: 0;} .side-nav-show{visibility: visible; opacity: 1;} .side-nav h3{padding-left: 15px;} .side-nav ul { margin: 0 !important; padding: 0 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .side-nav ul li{padding-left: 15px; background: url(assets/img/single-arrow.png) left center no-repeat; background-size: 12px;} .side-nav ul li a{color: #eaeaea; font-weight: 400; font-size: 18px; padding: 15px 400px 15px 0; text-transform: uppercase; background: url('assets/img/nav-hover.png') left bottom no-repeat; background-size: 0 3px !important; -webkit-transition: 0.5s ease-in-out !important; -moz-transition: 0.5s ease-in-out !important; -ms-transition: 0.5s ease-in-out !important; -o-transition: 0.5s ease-in-out !important; transition: 0.5s ease-in-out !important; } .side-nav ul li a {background-size: 0 3px;} .side-nav ul li a.navnoborder { -webkit-animation: pulse-border 1500ms ease-in-out; animation: pulse-border 1500ms ease-in-out; } @-webkit-keyframes pulse-border { 0% { background-size: 0 3px; } 50% { background-size: 100% 3px; } 100% { background-size: 0 3px; } } @keyframes pulse-border { 0% { background-size: 0 3px; } 50% { background-size: 100% 3px; } 100% { background-size: 0 3px; } } .side-nav ul li a:hover{color: #ffffff; border-bottom-color: #ffffff; background: url('assets/img/nav-hover.png') left bottom no-repeat; background-size: 100% 3px !important; } .nav-handle{cursor: pointer; display: inline-block; color: #ffffff; background: url('assets/img/nav-handle.png')center center no-repeat; padding: 5px 35px; font-size: 24px; border-radius: 20px 0 0 20px; width: 50px; height: 34px; position: fixed; right: 50px; top: 40px; z-index: 2050;} .our-teams .nav-handle, .case-studies .nav-handle {background: url('assets/img/nav-handle-black.png') center center no-repeat;} .nav-close{cursor: pointer; display: inline-block; color: #ffffff; background: url('assets/img/menu-close.png')center center no-repeat; padding: 5px 15px; font-size: 24px; border-radius: 20px 0 0 20px; width: 50px; height: 34px; position: absolute; right: 60px; top: 40px;} .home-block1 p{ font-size: 24px; line-height: 36px; font-weight: 300; } .slide-text h2 { color: #ffffff; font-size: 38px; line-height: 40px; margin-bottom: 20px; font-family: 'ngregular'; } .slide-text p{font-size: 15px;} .strategy p{ text-transform: capitalize; letter-spacing: 2px; } .invest-title h2{color: #ffffff;} .invest-title h2 strong{color: #999999;} .invest-title p{ color: #ffffff; text-transform: uppercase; } .section-head h6 { color: #0495d6; font-size: 12px; font-weight: 400; letter-spacing: 4px; } .section-head h4 { font-size: 28px; font-weight: 600; margin-top: 10px; padding-bottom: 15px; position: relative; color: #ffffff; } span, a, a:hover { color: inherit; display: inline-block; text-decoration: none; } .section-head h4:after { background-color: #41d7f7; bottom: 0; content: ''; height: 2px; left: calc(50% - 30px); position: absolute; width: 60px; } .wsection-head h6 { color: #0495d6; font-size: 12px; font-weight: 400; letter-spacing: 4px; } .wsection-head h4 { font-size: 28px; font-weight: 600; margin-top: 10px; padding-bottom: 15px; position: relative; line-height: 38px; text-transform: uppercase; } span, a, a:hover { color: inherit; display: inline-block; text-decoration: none; } .wsection-head h4:after { background-color: #41d7f7; bottom: 0; content: ''; height: 2px; left: calc(50% - 30px); position: absolute; width: 60px; } .strategy h5 { font-size: 20px; color: #ffffff; } .strategy h4 { font-size: 28px; font-weight: 600; margin-top: 10px; padding-bottom: 10px; margin-bottom: 20px; line-height: 38px; text-transform: uppercase; letter-spacing: 10px; } .mainsec .wsection-head h4:after{left: calc(4% - 30px);} .our-mission h1{ font-size: 28px; color: #ffffff; text-transform: uppercase; letter-spacing: 10px; } .our-mission p{ color: #ffffff; text-transform: uppercase; letter-spacing: 2px; } .advantage-section { height: 100vh; } .contact-us-btn { padding: 20px 50px; background: #000000; color: #ffffff; font-size: 16px; line-height: 20px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; } .contact-us-btn:hover {color: #ffffff; text-decoration: none;} .contact-us-btn:focus {color: #ffffff; text-decoration: none;} .contact-us-btn-white { padding: 10px 30px; background: #ffffff; color: #000000 !important; font-size: 16px !important; line-height: 20px !important; font-weight: normal !important; text-transform: uppercase; } .contact-us-btn-white:hover {color: #000000; text-decoration: none;} .contact-us-btn-white:focus {color: #000000; text-decoration: none;} .contact-us-section h1 { margin-bottom: 50px; font-size: 26px; line-height: 40px; color: #000000; letter-spacing: 11px; text-transform: uppercase; font-family: ngblack; } .advantage-column { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } .adv-txt { width: 100%; padding: 0 50px; } .apt212-banner-txt {display: inline-block; width: 235px; margin-bottom: 37px; margin-right: 30px;} .navpadding {padding: 15px 400px 15px 0px;} .navrightpadding {padding: 15px 0px 15px 0px !important;} .navleftpadding {padding: 15px 0px 15px 400px !important; opacity: 0;} .overlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; } .wrapper-vh-100 {overflow: hidden;} .home-about-section { width: 100%; padding: 0; margin: 0; height: 100vh; text-align: right; } .height-100vh {height: 100vh;} .home-about-txt { position: absolute; right: 0; top: 38%; width: 768px; } .home-about-txt h3{ text-transform: uppercase; font-size: 16px; letter-spacing: 2px; line-height: 40px; } .ad-block1-text { position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); } .ad-block1-text h4 { font-size: 28px; line-height: 30px; text-transform: uppercase; color: #000000; letter-spacing: 10px; font-family: ngblack; margin-bottom: 50px; } .ad-block1-text p{ text-transform: uppercase; color: #000000; } .ad-block1-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .strategy-section { height: 100vh; width: 100%; /*background: url('assets/img/3.png') center center no-repeat;*/ /*background-size: cover;*/ } .invest-title { /* position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%);*/ } .service-boxes { /* position: absolute; top: 60%; transform: translate(0, -60%);*/ } .our-mission-section { /*background: url('assets/img/4.png') center center no-repeat;*/ /*background-size: cover;*/ } .copyright-section p:last-child {font-size: 16px; line-height: 20px; margin-top: 20px !important;} /*****************************BROKERAGE*******************************/ .inner-main-banner-inner { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .inner-main-banner-inner h1{ font-size: 60px; font-family: ngblack; letter-spacing: 5px; text-transform: uppercase; } .nyhm-txt { } .nyhm-txt h4{ text-transform: uppercase; font-size: 28px; letter-spacing: 10px; } .nyhm-txt p{ font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; } .whatwedo-txt h4{ text-transform: uppercase; font-size: 28px; letter-spacing: 10px; } .whatwedo-txt p{ font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; } .half-ul ul{ display: inline-block; margin-top: 50px; } .half-ul ul li { background: url(assets/img/simple-bullet.png) 0 10px no-repeat; display: inline-block; width: 49%; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; padding-left: 30px; vertical-align: top; } .itip-block-text{ font-size: 18px; line-height: 24px; } .font-bold h4 { /*font-family: ngblack;*/ margin-bottom: 50px; } /*.font-bold, .font-bold p{ font-weight: bold; }*/ .nopfont-bold p{ font-weight: normal; } .itip-block-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .big-ul ul li{margin: 30px 0 0 15px; list-style-type: disc; } .lg-text-right h4{ text-transform: uppercase; color: #000000; margin-bottom: 50px;} .lg-text-right{ width: 50%; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); } .lg-text h4, .lg-text-bold h4{ margin-bottom: 50px;} .lg-text p, .lg-text{ } .lg-text-bold p, .lg-text-bold{ } .smaller-text{font-size: 11px; line-height: 18px; } .smaller-text h4{font-size: 17px; letter-spacing: 3px; margin-bottom: 30px; height: 35px;} .smaller-bullet-text h4{font-size: 17px; letter-spacing: 3px; margin-bottom: 30px;} .smaller-bullet-text ul {margin-left: 20px;} .smaller-bullet-text ul li{list-style-type: disc; font-size: 11px; text-transform: uppercase; line-height: 24px; } .cont-dots{width: 75%; margin: auto; height: 15px; border-top: 1px dashed #ffffff;} .six-blocks{width: 90%; margin: auto; } .six-blocks-inner{width: 16.66%; float: left; box-sizing: border-box; padding: 0 15px; position: relative; margin-bottom: 50px;} .six-blocks-inner::before{ content: ""; position: absolute; top: -16px; left: 45%; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%; background: #ffffff; } .cont-dots2, .cont-dots3, .cont-dots4, .cont-dots5{display: none; width: 100%; margin: auto; height: 15px; border-top: 1px dashed #ffffff;} @media(max-width:1199px){ .six-blocks-inner{width: 33.33%;} .cont-dots{width: 60%;} .cont-dots2{width: 66%; display: block; top: -16px; left: 35%; position: relative; } .cont-dots3{width: 100%; display: block; top: -16px; left: 0; position: relative; } .cont-dots4{width: 66%; display: block; top: -16px; right: 35%; position: relative; } } .cont-dots5{display: none;} @media(max-width: 600px){ .six-blocks-inner::before{top: 0;} .cont-dots, .cont-dots2, .cont-dots3, .cont-dots4{display: none;} .cont-dots5{width: 100%; display: block; top: 0; left: 0; position: relative; } .six-blocks-inner{width: 100%;} } .mas-box-q{height: 220px; overflow: hidden;} .mas-box-f{height: 220px; overflow: hidden;} .mas-box-v{height: 460px; overflow: hidden;} .custom-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); color: #ffffff; padding: 26% 0 0 20px; box-sizing: border-box; } .custom-overlay p { font-size: 24px; line-height: 32px; letter-spacing: 0px; font-family: 'ngbook'; text-transform: capitalize; } .custom-overlay h4 { font-size: 28px; line-height: 32px; font-family: 'ngregular'; text-transform: capitalize; font-weight: bold; margin: 0; letter-spacing: 2px; } .custom-overlay h4:first-child {letter-spacing: 8px;} .custom-overlay p {margin-top: 0 !important;} .h-box-overlay { padding: 13% 0 0 20px; } .v-box-overlay { padding: 89% 0 0 20px; height: 100%; } .centered-heading h4 {text-align: center; } .mrg-img img { margin-top: 50px; } /*.team .inner-main-banner-inner h1, .case-studies .inner-main-banner-inner h1 {font-family: 'ngregular'; font-weight: bold;}*/ .team .inner-main-banner-inner p, .case-studies .inner-main-banner-inner p {font-size: 16px;} .team .inner-main-banner-inner p{width: 768px; margin: 0 auto !important;} .case-studies .inner-main-banner-inner p{width: 50%; margin: 0 auto !important;} .grey-border {border: 1px solid #d8d8d8;} .team-info-text {padding: 15px; text-transform: none; font-size: 16px; line-height: 25px; letter-spacing: 0;} .team-info-text h3 {color: #000000; font-size: 26px; line-height: 28px; margin-top: 0; text-transform: capitalize; font-family: 'ngblack';} .team-info-ul {margin-top: 0; line-height: 21px; color: #393939; letter-spacing: 0;} .team-info-ul li:first-child {font-size: 18px;} .team-info-ul li {padding: 0 0; font-size: 14px;} .txt-mrg-top {margin-top: 90px;} .blue-btn { background-image: linear-gradient(265deg, rgba(56, 89, 249, 0.55), #237de8); display: inline-block; line-height: 28px; font-size: 22px; color: #f8f8f8; letter-spacing: 1px; font-family: 'nglight'; padding-top: 7px; width: 122px; height: 41px; text-align: center; } .case-studies-txt h4 {font-size: 26px; letter-spacing: 1.6px; color: #000000; font-family: 'nglight'; line-height: 32px; margin-top: 30px; font-weight: bold;} /*.case-studies-txt {font-size: 14px; line-height: 39px; font-weight: bold; font-family: 'ngregular'; letter-spacing: 1.6px;}*/ .contact-page-txt h1 {margin-bottom: 50px; font-weight: bold; letter-spacing: 5px;} .wpcf7-form-control-wrap {width: 100%;} .narrow-p p{width: 740px; margin: auto !important;} /* ---- isotope ---- */ /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ---- .grid-item ---- */ .grid-sizer, .grid-item { width: 31%; margin: 1%; } .grid-item { float: left; } .grid-item img { display: block; max-width: 100%; } .cs-image{position: absolute; top: 0; left: 0; width: 50%; height: 100%;} .hard-height{height: 800px;} .box-white{width: 480px; margin: auto; background: #ffffff; font-size: 18px; line-height: 36px; text-align: center; color: #000000; padding: 100px 0;} .box-white p{margin: 0 !important;} .box-white i{color: #057365; font-size: 50px; margin-top: 50px;} div.wpcf7-response-output, div.wpcf7-mail-sent-ok{display: none !important;} /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; } .contentRight{right: 19%} /* ---- particles.js container ---- */ .iq-waves { height: 600px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 600px; z-index: -1; } .iq-waves .waves { -webkit-animation: 3s ease-in-out 0s normal none infinite running waves; animation: 3s ease-in-out 0s normal none infinite running waves; background: #eeeeee none repeat scroll 0 0 padding-box; border-radius: 320px; height: 600px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 600px; } .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } /*********************************STRETEGY********************************/ .iq-waves-strategy { left: -60px; position: absolute; top: -5px; z-index: -1; } .iq-waves-strategy .waves-strategy { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy; animation: 5s ease-in-out 0s normal none infinite running waves-strategy; background: rgba(255,255,255,0.3) none repeat scroll 0 0 padding-box; border-radius: 320px; height: 200px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 200px; } .iq-waves-strategy .strategy-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy .strategy-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy .strategy-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy2 { right: 250px; position: absolute; top: 50px; z-index: -1; } .iq-waves-strategy2 .waves-strategy2 { -webkit-animation: 3s ease-in-out 0s normal none infinite running waves-strategy2; animation: 3s ease-in-out 0s normal none infinite running waves-strategy2; background: rgba(255,255,255,0.1) none repeat scroll 0 0 padding-box; border-radius: 320px; height: 400px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 400px; } .iq-waves-strategy2 .strategy2-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy2 .strategy2-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy2 .strategy2-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy2 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy2 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy3 { right: 780px; position: absolute; top: -300%; z-index: -1; } .iq-waves-strategy3 .waves-strategy3 { -webkit-animation: 3s ease-in-out 0s normal none infinite running waves-strategy3; animation: 3s ease-in-out 0s normal none infinite running waves-strategy3; background: rgba(255,255,255,0.1) none repeat scroll 0 0 padding-box; border-radius: 100%; height: 1000px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 1000px; } .iq-waves-strategy3 .strategy3-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy3 .strategy3-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy3 .strategy3-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy3 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy3 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy4 { right: 250%; position: absolute; top: -220%; z-index: -1; } .iq-waves-strategy4 .waves-strategy4 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy4; animation: 5s ease-in-out 0s normal none infinite running waves-strategy4; background: rgba(255,255,255,0.1) none repeat scroll 0 0 padding-box; border-radius: 100%; height: 2500px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 2500px; } .iq-waves-strategy4 .strategy4-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy4 .strategy4-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy4 .strategy4-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy4 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy4 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } #dots { position: absolute; width: 100%; height: 100%; } .iq-waves-strategy5 { left: -40%; position: absolute; top: -500%; z-index: -1; } .iq-waves-strategy5 .waves-strategy5 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy5; animation: 5s ease-in-out 0s normal none infinite running waves-strategy5; background: rgba(255,255,255,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 2000px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 2000px; } .iq-waves-strategy5 .strategy5-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy5 .strategy5-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy5 .strategy5-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy5 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy5 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy6 { left: -40%; position: absolute; top: -160%; z-index: -1; } .iq-waves-strategy6 .waves-strategy6 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy6; animation: 5s ease-in-out 0s normal none infinite running waves-strategy6; background: rgba(255,255,255,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 1500px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 1500px; } .iq-waves-strategy6 .strategy6-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy6 .strategy6-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy6 .strategy6-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy6 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy6 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy7 { left: -60%; position: absolute; top: -65%; z-index: -1; } .iq-waves-strategy7 .waves-strategy7 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy7; animation: 5s ease-in-out 0s normal none infinite running waves-strategy7; background: rgba(0,0,0,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 1500px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 1500px; } .iq-waves-strategy7 .strategy7-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy7 .strategy7-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy7 .strategy7-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy7 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy7 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves8 { height: 600px; left: 90%; position: absolute; top: 60%; -webkit-transform: translate(-50%, -50%); transform: translate(-73%, -55%); width: 600px; z-index: -1; } .iq-waves8 .waves8 { -webkit-animation: 3s ease-in-out 0s normal none infinite running waves8; animation: 3s ease-in-out 0s normal none infinite running waves8; background: #eeeeee none repeat scroll 0 0 padding-box; border-radius: 320px; height: 600px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 600px; } .iq-waves8 .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves8 .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves8 .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves8 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves8 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy9 { left: 60%; position: absolute; top: -120px; z-index: -1; } .iq-waves-strategy9 .waves-strategy9 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy9; animation: 5s ease-in-out 0s normal none infinite running waves-strategy9; background: rgba(0,0,0,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 1000px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 1000px; } .iq-waves-strategy9 .strategy9-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy9 .strategy9-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy9 .strategy9-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy9 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy9 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy10 { left: -180px; position: absolute; top: -160px; z-index: -1; } .iq-waves-strategy10 .waves-strategy10 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy10; animation: 5s ease-in-out 0s normal none infinite running waves-strategy10; background: rgba(0,0,0,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 500px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 1500px; } .iq-waves-strategy10 .strategy10-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy10 .strategy10-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy10 .strategy10-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy10 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy10 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .spu-close.top_right { right: 8px; top: 45px !important; } .iq-waves-strategy11 { left: 320px; position: absolute; top: -210px; z-index: -1; } .iq-waves-strategy11 .waves-strategy11 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy11; animation: 5s ease-in-out 0s normal none infinite running waves-strategy11; background: rgba(255,255,255,0.2) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 500px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 500px; } .iq-waves-strategy11 .strategy11-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy11 .strategy11-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy11 .strategy11-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy11 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy11 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy12 { right: 100%; position: absolute; top: -500px; z-index: -1; } .iq-waves-strategy12 .waves-strategy12 { -webkit-animation: 3s ease-in-out 0s normal none infinite running waves-strategy12; animation: 3s ease-in-out 0s normal none infinite running waves-strategy12; background: rgba(255,255,255,0.2) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 1500px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 1500px; } .iq-waves-strategy12 .strategy12-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy12 .strategy12-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy12 .strategy12-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy12 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy12 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .home-about .iq-waves-strategy13{ left: 40%; position: absolute; top: -175px; z-index: -1; transform: translate(-40%); } .iq-waves-strategy13 { left: -30px; position: absolute; top: -175px; z-index: -1; } .iq-waves-strategy13 .waves-strategy13 { -webkit-animation: 2s ease-in-out 0s normal none infinite running waves-strategy13; animation: 2s ease-in-out 0s normal none infinite running waves-strategy13; background: rgba(0,0,0,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 200px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 200px; } .iq-waves-strategy13 .strategy13-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy13 .strategy13-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy13 .strategy13-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy13 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy13 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy14 { right: 400px; position: absolute; top: -110px; z-index: -1; } .iq-waves-strategy14 .waves-strategy14 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy14; animation: 5s ease-in-out 0s normal none infinite running waves-strategy14; background: rgba(0,0,0,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 400px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 400px; } .iq-waves-strategy14 .strategy14-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy14 .strategy14-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy14 .strategy14-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy14 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy14 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .iq-waves-strategy15 { right: 350px; position: absolute; top: -90px; z-index: -1; } .iq-waves-strategy15 .waves-strategy15 { -webkit-animation: 5s ease-in-out 0s normal none infinite running waves-strategy15; animation: 5s ease-in-out 0s normal none infinite running waves-strategy15; background: rgba(0,0,0,0.1) none repeat scroll 0 0 padding-box; border-radius: 0%; height: 800px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; width: 800px; } .iq-waves-strategy15 .strategy15-wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .iq-waves-strategy15 .strategy15-wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .iq-waves-strategy15 .strategy15-wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes waves-strategy15 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes waves-strategy15 { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } /************************CUBE ANIMATION FINANCING PAGE******************************/ .footer-address-icon a, .footer-address-icon a:hover{padding-left: 20px; background: url('assets/img/map-pin.svg') 0 4px no-repeat; background-size: 14px; color: #ffffff; } .particles-js-canvas-el{width: 100%; height: 100vh !important;} /* News block two */ .news-block-two { position: relative; } .news-block-two .inner-box { margin-bottom: 0px; } .news-block-two .image { position: relative; overflow: hidden; } .news-block-two .image:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(58, 58, 58, 0.95); } .news-block-two:hover .image:before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .news-block-two img { width: 100%; -webkit-transition: .7s ease; -o-transition: .7s ease; transition: .7s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .news-block-two:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .news-block-two .overlay a { background: rgb(255, 255, 255) none repeat scroll 0 0; border-radius: 50%; color: #3648b3; font-size: 20px; height: 60px; margin: 0 5px; line-height: 60px; opacity: 0; display: inline-block; text-align: center; -webkit-transform: translateX(0%) translateY(-30%) scale(0.5); -ms-transform: translateX(0%) translateY(-30%) scale(0.5); transform: translateX(0%) translateY(-30%) scale(0.5); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 60px; } .news-block-two .overlay a:hover { background: rgb(255, 255, 255) none repeat scroll 0 0; color: #eba222; } .news-block-two:hover .overlay a { opacity: 1; -webkit-transform: translateX(0) translateY(0%) scale(1); -ms-transform: translateX(0) translateY(0%) scale(1); transform: translateX(0) translateY(0%) scale(1); } .news-block-two .overlay { left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 10; } .news-block-two:hover .overlay { opacity: 1; } .news-block-two .lower-content { position: relative; z-index: 9; background-color: #fff; padding: 10px 25px 10px; transition: .5s ease; } .news-block-two .inner-box:hover .lower-content{ box-shadow: -5px 4px 20px rgba(0, 0, 0, 0.09); } .news-block-two .lower-content .category { margin-bottom: 15px; } .news-block-two .lower-content .category a { font-size: 13px; font-weight: 500; color: #fff; padding: 5px 10px; background-color: #ff4747; } .news-block-two .lower-content .post-meta { position: relative; } /*.news-block-two .lower-content .post-meta:before { position: absolute; content: ''; background: #ff4747; height: 1px; width: 30px; left: 0; top: 15px; }*/ .news-block-two .lower-content .post-meta li { position: relative; color: #eba222; font-size: 12px; font-weight: 600; text-transform: capitalize; padding-right: 4px; margin-right: 12px; display: inline-block; } /*.news-block-two .lower-content .post-meta li:after { position: absolute; content: '/'; color: #ff4747; right: -10px; top: 0; font-size: 18px; font-weight: 400; }*/ .news-block-two .lower-content .post-meta li:last-child::after { display: none; } .news-block-two .lower-content .post-meta li strong { color: #eba222; font-weight: 500; } .news-block-two .lower-content .post-meta li span { color: #eba222; } .news-block-two h4 { font-size: 18px; font-weight: 700; margin-bottom: 7px; line-height: 0em; letter-spacing: 2px; text-transform: capitalize; } .news-block-two h4 a { color: #1a224d; line-height: 24px; font-size: 16px; } .news-block-two h4 a:hover { color: #eba222; } .news-block-two .text { margin-bottom: 15px; font-size: 14px; color: #808080; line-height: 1.6em; text-transform: capitalize; } .news-block-two .link-btn { position: relative; } .news-block-two .read-more-btn { font-size: 16px; font-weight: 600; color: #222; } .news-block-two .read-more-btn:hover { color: #eba222; } /*** ================================================================== Team section four ================================================================== ***/ /* team block three */ .team-block-three { position: relative; margin-bottom: 30px; padding: 0px; } .team-block-three .inner-box { position: relative; padding: 40px 40px 0; min-height: 440px; } .team-block-three .inner-box .image-wrapper { position: relative; } .team-block-three .image-wrapper:before { position: absolute; content: ''; background: #fff; border: 7px solid #e8e8eb; left: 40px; bottom: 40px; width: 100%; height: 100%; } .team-block-three .image-wrapper:after { position: absolute; content: ''; background: #242524; left: 40px; bottom: 40px; width: 70%; height: 70%; transition: .5s ease; opacity: .8; } .team-block-three .inner-box:hover .image-wrapper:after { width: 100%; height: 100%; opacity: 1; } .team-block-three .inner-box .image { position: relative; overflow: hidden; z-index: 9; } .team-block-three .inner-box .overlay-box { position: absolute; left: 55px; bottom: 30px; right: 55px; padding: 25px 0; color: #ffffff; text-align: center; background: #242524; opacity: 0; z-index: 9; -webkit-transform: translate(0, -30px); -ms-transform: translate(0, -30px); transform: translate(0, -30px); transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .team-block-three .inner-box:hover .overlay-box { opacity: 1; -webkit-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); } .team-block-three .inner-box .overlay-box .text { color: #fff; margin-bottom: 20px; } .team-block-three .inner-box .overlay-box .social-links { position: relative; width: 100%; } .team-block-three .inner-box .overlay-box .social-links li { position: relative; display: inline-block; margin: 0px 4px; line-height: 24px; } .team-block-three .inner-box .overlay-box .social-links li a { position: relative; color: #eba222; background: #fff; display: inline-block; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; font-size: 15px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .team-block-three .inner-box .overlay-box .social-links.style-two li a { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; font-size: 15px; } .team-block-three .inner-box .overlay-box .social-links li a:hover { background: #eba222; color: #fff; } .team-block-three .inner-box .image img { position: relative; width: 100%; display: block; transition: .5s ease; } .team-block-three .inner-box:hover .image img { transform: scale(1.2); } .team-block-three .inner-box .lower-box { position: relative; padding-top: 0; text-align: center; } .team-block-three .inner-box .lower-box h4 { position: relative; font-size: 20px; font-weight: 700; text-transform: capitalize; line-height: 12px; letter-spacing: 3px; } .team-block-three .inner-box .lower-box h4 a { color: #222; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; } .team-block-three .inner-box .lower-box h4 a:hover { color: #eba222; } .team-block-three .inner-box .lower-box .designation { position: relative; color: #eba222; font-size: 16px; text-transform: capitalize; } /***************************************WHO WE ARE**************************************/ .dream-avatar-block, .review-avatar-block { overflow: hidden; width: 530px; height: 610px; } .dream-avatar { background-size: cover; -webkit-mask-image: url(assets/img/1.png); mask-image: url(assets/img/1.png); -webkit-mask-size: 530px 610px; mask-size: 530px 610px; } .dream-content { display: -webkit-flex; display: -ms-flex; display: flex; height: 100%; -webkit-align-items: center; -ms-align-items: center; align-items: center; padding-left: 28px; } .dream-text { margin-top: 85px; text-transform: capitalize; } @media (max-width: 1199px) and (min-width: 992px){ .dream-content { padding-left: 60px; } } @media (max-width: 767px){ .dream-avatar-block, .business-platform-block { display: none; } } .resource-box-page h3{ font-size: 24px; text-transform: capitalize; font-weight: 600; } .resource-box-page p{ font-size: 16px; text-transform: capitalize; color: #777777; } .resource-box-page a{ font-size: 14px; text-transform: capitalize; } .resource-box-page a:hover{ color: #eba222; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .image-text .text .big-info-box, .image-text .text { margin-top: 30px; } .medium-info-box { width: 50%; float: left; display: inline-flex; align-items: center; } .medium-info-box i { font-size: 24px; color: #F1C40F; } .medium-info-box span { margin-left: 10px; color: #8c8c8c; } .section-title.right { text-align: right; } .section-title small { display: block; color: #F1C40F; text-transform: uppercase; } .section-title h2 { font-size: 32px; line-height: 32px; display: inline-block; text-transform: uppercase; margin-right: 10px; font-weight: 600; } .home .section-title h2{ color: #ffffff; } .section-title-white small { display: block; color: #F1C40F; text-transform: uppercase; } .section-title-white h2 { font-size: 32px; line-height: 2px; display: inline-block; text-transform: uppercase; margin-right: 10px; font-weight: 600; color: #ffffff; } .section-title .d-line { top: -8px; } .d-line { position: relative; display: inline-block; width: 25px; height: 5px; background-color: #F1C40F; border-radius: 10px; } .d-line:after { content: ''; position: absolute; left: 30px; width: 10px; height: inherit; display: inline-block; background-color: inherit; border-radius: 10px; } .d-line.right:after { left: -15px; } .section-title.right h2 { margin-right: 0; margin-left: 10px; color: #ffffff; } .big-info-box { display: flex; flex-direction: row-reverse; align-items: center; text-align: right; } .big-info-box.left { flex-direction: row; text-align: left; } .big-info-box.left i { margin-right: 15px; } .big-info-box i { font-size: 30px; color: #F1C40F; } .big-info-box span { margin-right: 15px; color: #8c8c8c; line-height: 10px; } .big-info-box.right { margin-left: 0; margin-right: 10px; } .right { text-align: right; } small { font-size: 12px; line-height: 17px; font-weight: 500; } .image-text { margin: 100px 0; } .image-text .image { overflow: hidden; height: 415px; border-radius: 10px; box-shadow: 3px 6px 15px 0 rgba(51, 51, 51, 0.3); } .image-text .image img { object-fit: cover; width: 100%; height: 100%; } .image-text .section-title { margin-bottom: 20px; } .image-text .text p { font-size: 14px; color: #aaaaaa; line-height: 26px; } .home-about .text p {font-size: 18px;} .main-head-title{ margin-bottom: 30px; margin-left: 12px; } .head-title-whyrealestate{ margin-bottom: 20px; margin-left: 13px; } .do-counter-section { /*background: url(assets/img/home-counter-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center;*/ position: relative; /*-webkit-background-size: cover; background-size: cover;*/ } .do-counter-section .do-counter-items { text-align: center; } .do-counter-section .do-counter-items i { font-size: 56px; color: #eba222; line-height: 1; margin-bottom: 15px; } .do-counter-section .do-counter-items h3 { font-weight: 700; font-size: 44px; color: #fff; margin: 0; margin-bottom: 10px; } .do-counter-section .do-counter-items span { font-size: 22px; color: #fff; letter-spacing: 2px; text-transform: capitalize; } .do-counter-section p{ font-size: 17px; line-height: 24px; text-transform: none; font-family: ngbook; margin-top: 0 !important; } .do-counter-section p strong{ text-transform: none; } .invest-content-two{ margin: -25px 0 0 30px; } .invest-external-loginbtn{ float: right; } .investor-lg-btn { background-color:#eba222; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:5px; color:#ffffff; font-size:20px; padding:16px 31px; text-decoration:none; text-shadow:0px 1px 0px #2f6627; } .investor-lg-btn:hover { background-color:#000000; color:#ffffff; } .section-block-bg { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding: 90px 0px 90px 0px; } .section-heading { margin-bottom: 10px; } .section-heading span { position: relative; font-size: 15px; font-weight: 500; color: #eba222; line-height: 25px; margin-bottom: 10px; } .section-heading h4 { position: relative; font-size: 30px; font-weight: 600; color: #111; line-height: 15px; margin-bottom: 10px; text-transform: capitalize; letter-spacing: 1px; } .section-heading-line-left { content: ''; display: block; width: 100px; height: 3px; background: #eba222; border-radius: 25%; margin-top: 15px; margin-bottom: 5px; } .mt-10 { margin-top: 10px; } .text-content-big p { font-size: 15px; font-weight: 400; color: #999; line-height: 200%; margin-bottom: 15px; } .section-heading p { font-size: 15px; font-weight: 400; color: #aaa; line-height: 160%; padding-top: 15px; margin-bottom: 0px; } .feature-flex-square { position: relative; margin: 5px 0px; } .clearfix { display: block; } .feature-flex-square-content { float: left; width: 100%; } .feature-flex-square-content h4 { color: #111; font-size: 19px; font-weight: 600; letter-spacing: 1px; text-transform: capitalize; line-height: 15px; } .feature-flex-square-content h4 a { color: #eba222; font-size: 17px; font-weight: 700; } .feature-flex-square-content p { color: #999; font-size: 12px; font-weight: 400; margin-top: 10px; margin-bottom: 15px; line-height: 18px; } .offset-md-5 { margin-left: 40.666667%; } .about-imgs { position: relative; } .about-imgs img { position: relative; z-index: 1; width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .about-imgs img:hover { width: 100%; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .about-imgs:after { position: absolute; content: ''; width: 90%; height: 90%; background: #eba222; bottom: -13px; z-index: 0; right: -15px; } .about-p{ line-height: 36px; font-size: 20px; margin-top: 65px; } .about-p p{ margin-top: 2px !important; } .shadow-primary { -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); max-width: 100%; } .rounded-border { border-radius: 10px !important; } .pl-45-md { padding-left: 5px; } .mt-15 { margin-top: 25px; } .feature-box-2 h4 { color: #eba222; font-size: 18px; font-weight: 700; line-height: 25px; letter-spacing: 0px; text-transform: capitalize; } .feature-box-2 p { color: #999; font-size: 13px; font-weight: 400; line-height: 1.8; } .bg-light-black { background: #4c4c4c; position: relative; z-index: 99; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .serviceBox{ border: 2px solid #ededed; padding: 10px; position: relative; transition: all 0.5s ease 0s; margin-bottom: 10px; min-height: 560px; } .ourteam2 .serviceBox{min-height: 200px;} .serviceBox-AdBoard{ margin-bottom: 10px; padding-left: 15px !important; } .serviceBox:hover{ border-color: #eba222; } .serviceBox:before, .serviceBox:after{ content: ""; display: block; width: 50px; height: 8px; background: #eba222; position: absolute; left: 0; opacity: 0; transition: all 0.5s ease 0s; } .serviceBox:before{ top: -5px; } .serviceBox:after{ bottom: -5px; } .serviceBox:hover:before, .serviceBox:hover:after{ left: 40px; opacity: 1; } .serviceBox .service-icon{ display: inline-block; position: absolute; top: 33%; left: 14px; font-size: 45px; color: #ffffff; opacity: 0.3; transition: all 0.5s ease-in 0s; background: #0077B5; padding: 10px; opacity: 1; } .serviceBox .service-Content .title a.linkedin{ color: #0077B5; } .serviceBox .title{ font-size: 21px; font-weight: 700; color: #000000; margin-bottom: 15px; } .serviceBox .description{ font-size: 13px; color: #666; line-height: 20px; } @media only screen and (max-width: 990px){ .serviceBox{ margin-bottom: 30px; } } .serviceBox .services-image img{ /*width: 200px;*/ } .teanBox-contact li{ font-size: 13px; line-height: 18px; } .team-designation{ font-size: 13px; line-height: 14px; margin-bottom: 12px; color: #888888; } .team-readmore{ font-size: 12px; line-height: 6px; padding-top: 10px; } .team-readmore a:hover{ color: #eba222; } .bg-image { background: url(assets/img/pattern.png) center center no-repeat; background-size: cover; } .quotes-section table {margin: 0 auto;} /******************************STRATEGY BOX******************************/ .strategyBox{ margin-top: 50px; border-bottom: 1px solid #c2c2c2; z-index: 1; position: relative; top: 0; transition: all 0.3s ease 0s; } .strategyBox:hover{ top: -20px; border-bottom: 1px solid #eba222; } .strategyBox:after{ content: ""; width: 2px; height: 100%; background: #c2c2c2; position: absolute; bottom: 0; left: 37.5px; z-index: -1; transition: all 0.3s ease 0s; } .strategyBox:hover:after{ background: #eba222; } .strategyBox .strategy-icon{ display: inline-block; width: 75px; height: 75px; background: #fff; border: 1px solid #c2c2c2; text-align: center; line-height: 70px; float: left; font-size: 40px; color: #c2c2c2; z-index: 1; transition: all 0.3s ease 0s; } .strategyBox:hover .strategy-icon{ border-color: #eba222; color: #eba222; margin-top: -30px; animation: bounce 1s ease normal none 1; } .strategyBox .strategy-content{ margin-left: 90px; padding-bottom: 70px; min-height: 280px; overflow: hidden; } .strategyBox .title{ font-size: 20px; color: #000000; margin-top: 0; text-align: left; text-transform: uppercase; } .strategyBox .description p{ font-size: 14px; color: #888888; line-height: 24px; letter-spacing: 0; text-align: left; } .strategyBox .read-more{ display: inline-block; padding: 0px 20px; font-size: 12px; color: #eba222; border: 2px solid #eba222; position: absolute; bottom: 0; right: 0; opacity: 0; transition: all 0.3s ease 0s; } .strategyBox:hover .read-more{ bottom: 5px; opacity: 1; } .strategyBox .read-more:hover{ background: #eba222; color: #fff; } @keyframes bounce{ 0%{ transform:scale(1.8) } 50%{ transform:scale(0.95) } 80%{ transform:scale(1.05) } 90%{ transform:scale(0.98) } 100%{ transform:scale(1) } } .profitability h4{ font-size: 38px; color: #000000; letter-spacing: 0; text-transform: capitalize; font-weight: 700; padding: 0; margin: 0; line-height: 38px; } .profitability p{ font-size: 18px; color: #888888; line-height: 24px; letter-spacing: 0; } .profitability img{ width: 80%; margin: 0 auto; float: right; margin-top: 50px; } .custom{margin: 50px auto; text-align: center;} .custom li{ width: 32.33333333%; position: relative; padding-left: 15px; padding-right: 15px; display: inline-block; } .why-real-estate .strategyBox .strategy-content { height: 350px; } .why-real-estate .strategyBox .title { font-size: 18px; line-height: 22px; text-transform:uppercase; } .invest-page h5 a{ color: #0b2a6d; text-decoration: underline; } .invest-page p a{ color: #0b2a6d; text-decoration: underline; }