/* ========================================================================== Global Settings ========================================================================== */ @font-face { font-family: 'futura'; src: url('../fonts/FuturaRegular.eot'); src: url('../fonts/FuturaRegular.eot') format('embedded-opentype'), url('../fonts/FuturaRegular.woff2') format('woff2'), url('../fonts/FuturaRegular.woff') format('woff'), url('../fonts/FuturaRegular.ttf') format('truetype'), url('../fonts/FuturaRegular.svg#FuturaRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'futura'; src: url('../fonts/FuturaBold.eot'); src: url('../fonts/FuturaBold.eot') format('embedded-opentype'), url('../fonts/FuturaBold.woff2') format('woff2'), url('../fonts/FuturaBold.woff') format('woff'), url('../fonts/FuturaBold.ttf') format('truetype'), url('../fonts/FuturaBold.svg#FuturaBold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'FSAlbert'; src: url('../fonts/FSAlbertThin.eot'); src: url('../fonts/FSAlbertThin.eot') format('embedded-opentype'), url('../fonts/FSAlbertThin.woff2') format('woff2'), url('../fonts/FSAlbertThin.woff') format('woff'), url('../fonts/FSAlbertThin.ttf') format('truetype'), url('../fonts/FSAlbertThin.svg#FSAlbertThin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'FSAlbert'; src: url('../fonts/FSAlbertLight.eot'); src: url('../fonts/FSAlbertLight.eot') format('embedded-opentype'), url('../fonts/FSAlbertLight.woff2') format('woff2'), url('../fonts/FSAlbertLight.woff') format('woff'), url('../fonts/FSAlbertLight.ttf') format('truetype'), url('../fonts/FSAlbertLight.svg#FSAlbertLight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'FSAlbert'; src: url('../fonts/FSAlbertRegular.eot'); src: url('../fonts/FSAlbertRegular.eot') format('embedded-opentype'), url('../fonts/FSAlbertRegular.woff2') format('woff2'), url('../fonts/FSAlbertRegular.woff') format('woff'), url('../fonts/FSAlbertRegular.ttf') format('truetype'), url('../fonts/FSAlbertRegular.svg#FSAlbertRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'FSAlbert'; src: url('../fonts/FSAlbertBold.eot'); src: url('../fonts/FSAlbertBold.eot') format('embedded-opentype'), url('../fonts/FSAlbertBold.woff2') format('woff2'), url('../fonts/FSAlbertBold.woff') format('woff'), url('../fonts/FSAlbertBold.ttf') format('truetype'), url('../fonts/FSAlbertBold.svg#FSAlbertBold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'FSAlbert'; src: url('../fonts/FSAlbertExtraBold.eot'); src: url('../fonts/FSAlbertExtraBold.eot') format('embedded-opentype'), url('../fonts/FSAlbertExtraBold.woff2') format('woff2'), url('../fonts/FSAlbertExtraBold.woff') format('woff'), url('../fonts/FSAlbertExtraBold.ttf') format('truetype'), url('../fonts/FSAlbertExtraBold.svg#FSAlbertExtraBold') format('svg'); font-weight: 800; font-style: normal; } /*--- Boxsizing set to border box http://css-tricks.com/box-sizing/ ---*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } *:focus, button:focus { outline:none; } /*--- Body settings, change it as required ---*/ body { font-family: 'FSAlbert', sans-serif; font-size: 1em; line-height: 1.4; } /*--- Headings ---*/ h1, h2, h3, h4, h5, h6 { font-weight:700; text-rendering: optimizeLegibility; margin-top:0px; } /*--- Paragraphs ---*/ p { font-weight: normal; margin-top:0px; } /*--- Links ---*/ a { transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } a:hover { text-decoration: none; } p a, p a:visited { line-height: inherit; } *:focus { outline: none !important; box-shadow: none !important; } /*--- A better looking default horizontal rule ---*/ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /*--- Remove the gap between images and the bottom of their containers: h5bp.com/i/440 ---*/ img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } /*--- Remove default fieldset styles. ---*/ fieldset { border: 0; margin: 0; padding: 0; } /*--- Allow only vertical resizing of textareas. ---*/ textarea { resize: vertical; } /* ========================================================================== Helper classes ========================================================================== */ /*--- Floats ---*/ .left { float: left; } .right { float: right; } /*--- Text Alignment ---*/ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /*--- Image Alignment ---*/ img.alignleft { float:left; margin:0 10px 10px 0; display: block; } img.alignright { float:right; margin:0 0px 10px 10px; display: block; } img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; } /*--- Image replacement ---*/ .ir { background-color: transparent; border: 0; overflow: hidden; text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /*--- Hide from both screenreaders and browsers: h5bp.com/u ---*/ .hidden { display: none !important; visibility: hidden; } /*--- Hide only visually, but have it available for screenreaders: h5bp.com/v ---*/ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*--- Hide visually and from screenreaders, but maintain layout ---*/ .invisible { visibility: hidden; } /*--- More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/ ---*/ .group:after { content: ""; display: table; clear: both; } /*--- overflow method for clearing floats ---*/ .floatbox { overflow:hidden; } /*--- older method of adding empty tags for clearing ---*/ .clear { clear: both; height:1px; line-height:1px; } /*--- Chromeframe ---*/ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } z /* ========================================================================== Layout ========================================================================== */ /* Container ---------------------- */ #container { min-width:320px; overflow-x:hidden; } @media screen and (max-width:767px){ .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .container { max-width: 100%; } } /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Post ---*/ .post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 14px; } .post p { font-family: inherit; font-weight: normal; font-size: 15px; color: #262626; line-height: 1.5; margin-bottom: 17px; } .post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; } .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: 700; font-style: normal; color: #262626; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 0; } .post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } .post h1 { font-size: 44px; } .post h2 { font-size: 37px; } .post h2 a { color: inherit; } .post h3 { font-size: 27px; } .post h4 { font-size: 23px; } .post h5 { font-size: 17px; } .post h6 { font-size: 14px; } .post code { font-weight: bold; background: #ffff99; } /* Post - Lists ---------------------- */ .post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } .post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; } .post ol { margin-left: 20px; } .post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; } /* Post - Blockquotes ---------------------- */ .post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; } .post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } .post blockquote cite { display: block; font-size: 13px; color: #555555; } .post blockquote cite:before { content: "\2014 \0020"; } .post blockquote cite a, .post blockquote cite a:visited { color: #555555; } @media screen and (min-width:1500px){ .container { max-width: 1490px; } #header .container { max-width: 1535px; } } /* Header ---------------------- */ #header { width: 100%; z-index: 100; position:fixed; top: 0; left: 0; } #header .col { text-align: right; padding-top: 29px; } /*--- Logo ---*/ #header .logo { background: url(../images/logo-bg.png) no-repeat; width: 480px; height: 147px; position: absolute; left: 0; top: 0; padding: 36px 0 0 52px; background-size: cover; } #header .logo img { width: 255px; } @media screen and (max-width:991px){ #header .logo { padding: 20px 0 0 15px; background-size: contain; width: 350px; } #header .logo img { width: 200px; } } @media screen and (max-width:767px){ #header .logo { position: relative; padding: 10px 0 0px; } } #header .search { position: relative; } #header .search a { position: relative; z-index: 10; width: 20px; display: inline-block; font-weight: normal; } #header .search:before { opacity: 0; background: #592c83; height: 56px; width: 54px; content: ''; position: absolute; top: -16px; left: -17px; border-radius: 20px 20px 0 0; } #header .search.active:before { opacity: 1; } #header .search.active a:hover { color:#fff !important; } #header .search.active i:before { content: "\f00d"; } #header .search .search-form { display:none; position: absolute; background: #592c83; padding: 20px 35px 25px 29px; left: -374px; top: 38px; width: 470px; border-radius: 20px; } #header .search .search-form:after { position: absolute; font-family: "FontAwesome"; color:#fff; font-size: 18px; right: 37px; top: 21px; content: "\f002"; } #header .search .search-form input[type=search] { height: 26px; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; width: 100%; color: #ffffff; background: transparent; border: 0; border-bottom: 2px solid #fff; } #header .search .search-form input[type=submit] { top: 23px; right: 35px; cursor: pointer; width: 20px; height: 20px; position: absolute; background: transparent; border: 0; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; z-index: 10; } #header .search ::-webkit-input-placeholder { color:#fff; opacity: 1; } #header .search ::-moz-placeholder { color:#fff; opacity: 1; } #header .search :-ms-input-placeholder { color:#fff; opacity: 1; } #header.headroom--not-top .search .search-form { top: 62px; } #header.headroom--not-top .search:before { height: 78px; } /*--- Airport ---*/ #header .airport { background: url(../images/airport-bg.png) no-repeat; width: 323px; height: 74px; position: absolute; right: 0; top: 0; display: flex; display: none; align-items: center; justify-content: center; padding: 0 90px; } #header .airport p { font-family: 'futura', sans-serif; font-size: 16px; line-height: 18px; color: #fff; margin-bottom: 0; width: 50%; } #header .airport img { width: 48px; } @media screen and (max-width:991px){ #header .airport { width: 250px; height: 55px; background-size: contain; padding: 0 20px; } #header .airport p { font-size: 14px; } #header .airport img { width: 35px; } } @media screen and (max-width:767px){ #header { position: fixed; background-image: linear-gradient( to right, #623283, #301c4a); padding: 10px 15px 15px; z-index: 10000; top: 0; } #header .logo, #header .airport { background: none; width: auto; height: auto; text-align:center; } #header .airport { padding: 10px 0; } #header .airport p { font-size: 12px; } #header .airport img { width: 30px; } } /*--- Header Links ---*/ .header-links { margin: 0; padding: 0 8px 0 0; display: inline-block; } .header-links li { display: inline-block; list-style: none; margin: 0 19px; } .header-links li:first-child a , #swticher a { font-family: "Noto Kufi Arabic", MuseoSans, Arial, Helvetica, sans-serif !important; } .header-links li a { color: #fff; font-family: 'futura', sans-serif; font-weight: 700; font-size: 20px; } .header-links li a:hover { color: #d295ff; } #header .menu-btn { width: 95px; position: relative; background: transparent; border: 0; letter-spacing: 1px; padding: 0; color: #fff; font-size: 20px; margin-left: 20px; font-family: 'futura'; font-weight: 700; text-transform: uppercase; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #header .menu-btn:after { background: #592c83; opacity: 0; height: 56px; width: 118px; content: ''; position: absolute; top: -16px; left: -10px; border-radius: 20px 20px 0 0; } #header .menu-btn:hover { color: #d295ff; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #header .menu-btn span { position: relative; z-index:10; } #header .menu-btn i { font-size: 31px; margin-right: 7px; vertical-align: middle; position: relative; top: -3px; width: 33px; } #header .menu-btn.open:after { opacity: 1; } #header .menu-btn.open:hover { color:#fff !important; } #header .menu-btn.open i:before { content:"\f00d"; } #header .menu-btn.open i { font-size: 21px; margin-right: 1px; } #header .menu-btn.open .text { font-size: 17px; } #header.headroom--not-top .menu-btn:after { height: 73px; } @media screen and (max-width:767px){ #header .col { padding-right: 15px; text-align: center; margin-left: -10%; } #header .menu-btn { position: absolute; } .header-links { padding: 0; } .header-links li { margin: 0 14px; } .header-links li a { font-size: 16px; } #header .menu-btn { font-size: 16px; margin-left: 0px; margin-top: 2px; } #header .menu-btn i { font-size: 22px; margin-right: 0px; } } @media screen and (max-width:400px){ #header .col { margin-left: -16.66%; } } #main-navigation { display: none; border-radius: 20px; position: absolute; list-style: none; padding: 18px 26px 6px; margin:0; background: #592c83; right: -104px; top: 69px; } #main-navigation li { float: left; padding: 0 37px; background: url("../images/menu-border.png") no-repeat top right; } #main-navigation li:first-child { padding-left: 5px; } #main-navigation li a { color: #ffffff; text-transform: uppercase; font-size: 18px; text-align: center; display: inline-block; line-height: 1.1; padding: 12px 0px 14px; } #main-navigation li a:hover { color: #d295ff; } #main-navigation li.kfia-airport { background: none; } #main-navigation li.kfia-airport a { text-align: left; padding-top: 5px; position: relative; background: url("../images/kfia-icon.png") no-repeat right 7px; padding-right: 80px; } #header.headroom--not-top #main-navigation { top: 58px; } @media screen and (max-width:1400px){ #main-navigation { right: -15px; } #main-navigation li { padding: 0 20px; } #main-navigation li a { font-size: 18px; } } /*--- Contact Feedback ---*/ #contact-feedback > a { display: block; background-image: linear-gradient( to right, #623283, #301c4a); padding: 20px 25px; transform: rotate(-90deg); position: fixed; right: -93px; top: 50%; z-index: 1000; } #contact-feedback > a:before { opacity: 0; content: ''; background-image: linear-gradient( to right, #301c4a, #623283); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #contact-feedback > a:hover:before { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #contact-feedback a p { position: relative; z-index: 10; font-size: 13px; line-height: 1; color: #fff; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0; } #contact-feedback a p img { margin-right: 10px; } @media screen and (max-width:767px){ #contact-feedback { padding: 10px; right: -62px; } #contact-feedback > a { display:none; } #contact-feedback p { font-size: 12px; } #contact-feedback p img { margin-right: 5px; } } /*--- Banner ---*/ #banner { height: calc(100vh + 99px); background-image: linear-gradient( to right, #623283, #301c4a); border-bottom-right-radius: 100px; position: relative; } #banner .owl-carousel { height: calc(100vh - 83px); overflow: hidden; } #banner .owl-carousel .item { position: relative; overflow: hidden; } #banner .owl-carousel img { position: absolute; width: 100%; left: 0; top: 0; min-height: 100vh; object-fit: cover; } #banner .owl-carousel h2 { font-size: 50px; color: #fff; margin-bottom: 0; letter-spacing: 2px; text-transform: uppercase; margin-top: -50px; left: -100px; position: relative; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; opacity: 0; } #banner .owl-carousel p { font-size: 41px; color: #fff; line-height: 1.1; padding-left: 3px; left: -100px; position: relative; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; opacity: 0; } #banner .owl-carousel p mark { background: #51307f; color: #fff; display: inline-block; line-height: 1; padding: 2px; margin-top: 13px; letter-spacing: .5px; } #banner .owl-carousel p mark + mark { margin-left: 6px; } #banner.loaded .owl-carousel p { opacity: 1; left: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) .7s; } #banner.loaded .owl-carousel h2 { opacity: 1; left: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #banner .owl-carousel .row { height: 100vh; } #banner .owl-carousel .owl-nav, #banner .owl-carousel .owl-dots { display: none; } @media screen and (max-width:1500px){ #banner .owl-carousel h2 { font-size: 40px; } #banner .owl-carousel p { font-size: 30px; } } @media screen and (max-width:1200px){ #banner .owl-carousel h2 { font-size: 30px; } #banner .owl-carousel p { font-size: 20px; } #banner .owl-carousel { height: calc(100vh - 50px); } } @media screen and (max-width:991px){ #banner, #banner .owl-carousel, #banner .owl-carousel .row { max-height: 700px; } #banner .owl-carousel img { min-height:65vh; } #banner .owl-carousel h2 { font-size: 34px; margin-top: 0; margin-bottom: 20px; } #banner .owl-carousel p { font-size: 26px; max-width: 80%; line-height: 1.2; } } @media screen and (max-width:767px){ #banner { border-bottom-right-radius : 0; margin-bottom: 140px; } #banner, #banner .owl-carousel, #banner .owl-carousel .row , #banner .owl-carousel { height: 60vh; } #banner .owl-carousel h2 { font-size: 30px; } #banner .owl-carousel { text-align: center; } #banner .owl-carousel p { font-size: 24px; max-width: 100%; } #banner .owl-carousel img { border-bottom-right-radius: 30px; height: 100%; object-fit: cover; } } /*--- Stats ---*/ .stats { background-image: linear-gradient( to right, #623283, #301c4a); padding: 45px 100px 36px 100px; position: absolute; width: 100%; left: 0; bottom: 0px; border-bottom-right-radius: 100px; } .stats ul { margin: 0; padding: 0; display: flex; } .stats ul li { list-style: none; width: 27%; } .stats ul li:last-child { width: 19%; } .stats ul li img { margin-right: 17px; } .stats ul li .details { display: inline-block; vertical-align: middle; top: 4px; position: relative; } .stats ul li h3 { font-size: 45px; line-height: 1; color: #fff; margin-bottom: 0; } .stats ul li h3 small { font-weight: 100; } .stats ul li p { font-size: 13px; color: #fff; text-transform: uppercase; margin-bottom: 0; padding-left: 5px; position: relative; top: 2px; line-height: 1; } .stats ul li p strong { font-weight: 800; display: block; } @media screen and (max-width:1500px){ .stats { padding: 30px; } .stats ul li , .stats ul li:last-child { width: 25%; } .stats ul li img { margin-right: 15px; } } @media screen and (max-width:1200px){ .stats ul li img { width: 80px; } .stats ul li p { font-size: 12px; } .stats ul li h3 { font-size: 30px; } } @media screen and (max-width:991px){ .stats { padding: 15px; } .stats ul li img { margin-right: 10px; width: 60px; } .stats ul li p { font-size: 10px; } .stats ul li h3 { font-size: 24px; } } @media screen and (max-width:767px){ .stats { position: relative; overflow: scroll; border-bottom-right-radius: 30px; } .stats ul { display: block; } .stats ul li, .stats ul li:last-child { width: 50%; margin-right: 10px; display: inline-block; margin: 0 -2px 20px; text-align: center; } .stats ul li img { width: 40px; } .stats ul li h3 { font-size: 20px; } } /*--- Box 1 ---*/ .box1 { padding: 100px 0; } @media screen and (max-width:1200px){ .box1 { padding: 80px 0 !important; } } @media screen and (max-width:1200px){ .box1 { padding: 50px 0; } } @media screen and (max-width:991px){ .box1 { padding: 30px 0; } } @media screen and (max-width:767px){ .box1 { padding: 15px 0; } } /*--- Section Header ---*/ .section-header { display: flex; align-items: center; margin-bottom: 62px; } .section-header h1 { font-size: 36px; color:#191448; font-weight: 300; margin-bottom: 0px; letter-spacing: -.5px; } .section-header h2 { font-size: 45px; color: #262626; text-transform: uppercase; margin: 0 35px 0 0; position: relative; padding-bottom: 25px; } .section-header h2:after { position: absolute; content: ''; background: #51307f; width: 60px; height: 1px; left: 0; bottom: 0; } .section-header h2 span { font-size: 20px; line-height: 1; font-weight: 400; color: #51307f; display: block; } .section-header p { font-size: 19px; line-height: 21px; font-weight: 300; color: #4d4d4f; margin-bottom: 0; max-width: 50%; } .section-header ul { margin: 0 0 0 20px; } .section-header ul li { display: inline-block; margin-right: 10px; } .section-header ul li a { font-size: 22px; padding: 10px 20px; background: #f5f5f5; color:#512f7e; position: relative; } .section-header ul li.active a ,.section-header ul li:hover a { background: #512f7e; color:#ffffff; } .section-header ul li.active a:before, .section-header ul li a:before { opacity: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; content: ''; position: absolute; bottom: -10px; left: 50%; width: 0; margin-left: -5px; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #66308e; } .section-header ul li.active a:before, .section-header ul li:hover a:before { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } @media screen and (max-width:1500px){ .section-header h2 { font-size: 40px; } .section-header p { max-width: 70%; } } @media screen and (max-width:1200px){ .section-header { margin-bottom: 40px; } .section-header h2 { font-size: 36px; padding-bottom: 20px; } .section-header h2 span { font-size: 20px; } .section-header p { font-size: 16px; } } @media screen and (max-width:991px){ .section-header { margin-bottom: 40px; } .section-header h2 { font-size: 30px; padding-bottom: 10px; margin-right: 30px; } .section-header h2 span { font-size: 18px; } .section-header p { font-size: 14px; } } @media screen and (max-width:767px){ .section-header h1 { font-size: 28px; } .section-header { display: block; } .section-header h2 { margin-bottom: 30px; } .section-header p { max-width: 100%; } .section-header ul { margin: 30px 0 0 0; } .section-header ul li { margin-right: 5px; } .section-header ul li a { font-size: 16px; padding: 10px 15px; } } /*--- Media Center ---*/ /*--- Media Center updates 8/28/2025---*/ /*--- Media Center update 8/28/2025---*/ .media-center { padding-bottom: 90px; } .media-center .post figure { margin: 0; } .media-center .post { display: flex; align-items: center; } .media-center .featured .post { box-shadow: 0 0 15px rgba(0,0,0,.15); border-top-left-radius: 40px; } .media-center .featured .post .details { padding: 0 26px; } .media-center .featured .post figure { flex: 0 0 330px; } .media-center .featured .post figure a { display: block; } .media-center .featured .post figure img { border-top-left-radius: 40px; } .media-center .featured .post h2 { font-size: 21px; margin-bottom: 25px; } .media-center .featured .post h2 a:hover { color:#d295ff; } .media-center .featured .post p { line-height: 22px; max-height: 88px; overflow: hidden; margin-bottom: 25px; } .media-center .featured .post { margin-bottom: 27px; } .media-center .post-list .inner { position: relative; } .media-center .post-list .inner .twitter-feed { position: relative; overflow: hidden; } .media-center .post-list .inner .slick-arrow { display: none !important; } .media-center .post-list .item { list-style: none; padding-bottom: 35px; border-bottom: 2px solid #c9c9c9; margin-bottom: 41px; } .media-center .post-list figure { flex: 0 0 200px; } .media-center .post-list .post h2 { font-size: 13px; position: relative; margin-bottom: 2px; display: flex; align-items: center; } .media-center .post-list .post h2 span { display: block; font-weight: 400; color: #000; } .media-center .post-list .post h2 .icon { background-image: linear-gradient( to right, #623283, #301c4a); width: 43px; height: 43px; border-radius: 50%; text-align: center; line-height: 40px; margin-right: 21px; } .media-center .post-list .post .details { margin-left: 25px; padding-top: 20px; } .media-center .post-list .post .fa-twitter { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #52a8e6; font-size: 20px; } .media-center .post-list .post p { font-size: 14px; line-height: 18px; color: #4d4d4f; font-weight: 300; margin-bottom: 0; max-height: 36px; overflow: hidden; margin-bottom: 5px; } .media-center .post-list .post footer { border-top: 1px solid #f1f1f1; display: flex; justify-content: space-between; align-items: center; padding: 4px 0; } .media-center .post footer span { font-size: 13px; line-height: 1; color: #9a9a9a; } .media-center .post footer .features { text-align: right; } .media-center .post footer .features span { display: inline-block; } .media-center .post footer .features .fa, .media-center .post footer .features img { margin-right: 8px; } .media-center .post footer .features span + span { margin-left: 20px; } .media-center .post footer .features .fa { font-size: 18px; vertical-align: middle; } .media-center .post-list .btn-grp { position: absolute; right: -30px; bottom: 90px; } .media-center .post-list .btn-grp .btn { background: transparent; border: 0; padding: 0; position: relative; } .media-center .post-list .btn-grp .btn:after { position: absolute; content: ''; border: solid #65328c; border-width: 0 2px 2px 0; width: 11px; height: 11px; transform: rotate(45deg); } .media-center .post-list .btn-grp .btn.prev { transform: rotate(-180deg); right: -15px; top: -5px; } @media screen and (max-width:1500px){ .media-center .featured .post figure { flex: 0 0 240px; } .media-center .featured .post .details { padding: 0 20px; } .media-center .post-list ul li { padding-bottom: 15px; margin-bottom: 15px; } .media-center .featured .post h2 , .media-center .featured .post p { margin-bottom: 15px; } .media-center .post-list .item { margin-bottom: 32px; padding-bottom: 32px; } } @media screen and (max-width:1200px){ .media-center .featured .post figure { flex: 0 0 215px; } .media-center .featured .post .details { padding: 0 10px; } .media-center .featured .post h2 { font-size: 18px; margin-bottom: 10px; } .media-center .featured .post p { line-height: 20px; max-height: 60px; margin-bottom: 10px; } .media-center .post-list ul li { padding-bottom: 10px; margin-bottom: 10px; } .media-center .post-list figure { flex: 0 0 150px; } .media-center .post footer span { font-size: 12px; } .media-center .post footer .features .fa, .media-center .post footer .features img { margin-right: 5px; } .media-center .post footer .features span + span { margin-left: 8px; } .media-center .post-list .post h2, .media-center .post-list .post p { margin-bottom: 5px; } .media-center .post-list .post h2 .icon { width: 32px; height: 32px; line-height: 30px; } .media-center .post-list .post h2 .icon img { width: 15px; } .media-center .post-list .post .details { margin-left: 15px; } } @media screen and (max-width:991px){ .media-center .post-list { margin-bottom: 20px; } } @media screen and (max-width:767px){ .media-center .post-list .btn-grp { transform: rotate(-90deg); right: 10px !important; bottom: -20px; } } @media screen and (max-width:767px){ .media-center .post { display: block; } .media-center .post figure img { margin-bottom: 25px; width: 100%; } .media-center .featured .post .details { padding: 15px; } .media-center .post-list .post .details { margin-left: 0; padding-top: 15px; } } /*--- Read More ---*/ .read-more { font-size: 17px; line-height: 1; display: inline-block; color: #9a9a9a; position: relative; } .read-more:after { content: ''; border: solid #9a9a9a; border-width: 0 1px 1px 0; transform: rotate(-45deg); margin-left: 5px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; } .read-more:hover { color:#d295ff; } /*--- Buttons ---*/ .button1, .button2 { position: relative; background-image: linear-gradient( to right, #623283, #301c4a); display: inline-block; font-size: 15px; line-height: 1; color: #fff; padding: 13px 30px; font-weight: 700; border-radius: 1000px; } .button1:after, .button2:after { content: ''; border: solid #fff; border-width: 0 1px 1px 0; transform: rotate(-45deg); margin-left: 10px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; } .button1 span { position: relative; z-index: 10; } .button1:before { opacity: 0; content: ''; border-radius: 1000px; background-image: linear-gradient( to right, #301c4a, #623283); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .button1:hover { color:#fff; } .button1:hover:before { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .button2 { background: #fff; color: #51307f; } .button2:hover { background: #d295ff; } .button2:after { border-color: #51307f; } @media screen and (max-width:991px){ .button1, .button2 { padding: 10px 20px; } } /*--- Opportunities ---*/ .opportunities { position: relative; padding-top: 79px; padding-bottom: 90px; } .opportunities .section-header { margin-bottom: 42px; } .opportunities:before { position: absolute; content: ''; background: #faf6ff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#faf6ff), to(#fff)); background: -webkit-linear-gradient(#faf6ff, #fff); background: -moz-linear-gradient(#faf6ff, #fff); background: -ms-linear-gradient(#faf6ff, #fff); background: -o-linear-gradient(#faf6ff, #fff); background: linear-gradient(#faf6ff, #fff); -pie-background: linear-gradient(#faf6ff, #fff); height: 380px; width: 100%; left: 0; top: 0; border-top-right-radius: 200px; z-index: -1; } .opportunities .post { box-shadow: 0 0 15px rgba(0,0,0,.15); border-top-left-radius: 40px; } .opportunities .post figure { margin-bottom: 32px; } .opportunities .post h2 { font-size: 22px; color: #fff; padding: 15px 50px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; margin-bottom: 0; letter-spacing: .5px; } .opportunities .post p { font-size: 20px; line-height: 1; margin-bottom: 33px; } .opportunities .details .inner { background: #fff; padding: 45px 50px; border-top-left-radius: 30px; } .opportunities figure img { border-top-right-radius: 15px; width:100%; } @media screen and (max-width:1500px){ .opportunities .post h2 { font-size: 18px; padding: 15px 25px; } .opportunities .details .inner { padding: 30px 25px; } } @media screen and (max-width:1200px){ .opportunities .post h2 { padding: 10px 30px; font-size: 18px; } .opportunities .details .inner { padding: 30px; } } @media screen and (max-width:991px){ .opportunities .post h2 { padding: 10px 20px; font-size: 14px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; min-height: 52px; } .opportunities .details .inner { padding: 20px; } } @media screen and (max-width:767px){ .opportunities:before { border-top-right-radius : 50px; } .opportunities .post { margin-bottom: 25px; } } /*--- Projects ---*/ .projects { padding-bottom: 125px; } .projects .section-header { margin-bottom: 47px; } .projects .post { position: relative; margin-bottom: 30px; } .projects .post figure { width: 100%; margin: 0; } .projects .post .details { position: absolute; padding: 50px; left: 0; bottom: 0; width: 100%; } .projects .post h2 { font-size: 26px; font-weight: 800; color: #fff; margin-bottom: 5px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .projects .post:hover h2 { color:#d295ff; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .projects .post p { font-size: 17px; color: #fff; margin-bottom: 0; } .projects .button1 { margin-top: 30px; } @media screen and (max-width:1200px){ .projects .post .details { padding: 30px; } } @media screen and (max-width:991px){ .projects .post .details { padding: 20px; } .projects .post h2 { font-size: 20px; } .projects .post p { font-size: 14px; } .projects .button1 { margin-top: 0; } } @media screen and (max-width:767px){ .projects .post { margin-bottom: 25px; } .projects .post .details { padding: 15px; } } /*--- Business ---*/ .business { position: relative; border-top-right-radius: 110px; margin-bottom: 14px; } .business img { border-top-right-radius: 150px; position: relative; } /* .business:before { position: absolute; content: ''; z-index: 1; background: url(../images/business-bg.png) no-repeat; width: 53%; height: 312px; background-size: 100% 100%; left: 0; top: 0; } .business .post { width: 36%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin-left: -390px; z-index: 10; } .business .section-header { display: block; margin-bottom: 0; padding: 48px 0 23px; position: relative; max-width: 400px; } .business .section-header h2 { color: #fff; padding-bottom: 15px; margin-bottom: 28px; } .business .section-header h2 span { color: #8b50b9; } .business .section-header h2:after { background: #8b50b9; } .business .section-header p { line-height: 21px; font-weight: 300; color: #fff; max-height: 42px; overflow: hidden; max-width: 100%; } .business .button2 { position: relative; z-index: 1; padding: 13px 20px; } @media screen and (max-width:1200px){ .business:before { height: 210px; } .business .section-header { padding: 20px 0; } .business .section-header h2 { padding-bottom: 10px; margin-bottom: 10px; } */ } @media screen and (max-width:991px){ .business:before { height: 180px; } /* .business .section-header { padding: 10px 0; } */ .business img { border-top-right-radius: 80px; } } @media screen and (max-width:767px){ .business { border-top-right-radius:40px; } .business:before { height: 170px; } } */ /*--- Footer ---*/ #footer { position: relative; } #back2top { position: absolute; bottom: 59px; right: 106px; display:none;} #back2top a { color:#fff; } #back2top a:hover { color:#d295ff; } #back2top a i { margin-left: 5px; } #footer .col-sm-6:first-child { background-image: linear-gradient( to right, #623283, #301c4a); padding-top: 91px; padding-left: 217px; padding-bottom: 60px; } #footer .col-sm-6:first-child:after { position: absolute; content:''; background: url("../images/footer-left.png") no-repeat top right; width: 100%; height: 100%; top:0; left: 0; } #footer .col-sm-6:last-child { padding-bottom: 1px; background: #1c1550; position: relative; padding-top: 87px; padding-left: 152px; } #footer .col-sm-6:last-child:after { position: absolute; content:''; background: url("../images/footer-right.png") no-repeat bottom right; width: 100%; height: 100%; bottom:0; right: 0; } #footer p { font-size: 13px; color: #d295ff; margin-bottom: 0; line-height: 1; } #footer p + p { display: inline-block; } #footer .col-sm-6:first-child * , #footer .column { position: relative; z-index: 100; } #footer .logo { max-width: 250px; margin-bottom: 85px; } /*--- Footer Navigation ---*/ #footer .column { float: left; width: 30%; } #footer .column h2 { color:#55acee; font-size: 13px; text-transform: uppercase; margin-bottom: 19px; letter-spacing: .5px; } #footer .column ul { margin: 0 0 62px; padding: 0; } #footer .column ul li { display: block; list-style: none; } #footer .column ul li { margin-bottom: 14px; } #footer .column ul li a { font-size: 16px; line-height: 1; color: #fff; text-transform: uppercase; display: block; text-transform: capitalize; } #footer .column ul li a:hover { color:#d295ff; } /*--- Footer Links ---*/ .footer-links { margin: 0 0 0 20px; padding: 0; display: inline-block; } .footer-links li { list-style: none; display: inline-block; } .footer-links li + li { margin-left: 18px; } .footer-links li a { font-size: 12px; color: #fff; } .footer-links li a:hover { color:#d295ff; } /*--- Sociable ---*/ #footer .sociable p { font-size: 13px; text-transform: uppercase; font-weight: bold; margin-bottom: 23px; color:#fff; } .sociable ul { margin: 0 0 80px; padding: 0; } .sociable li { list-style: none; display: inline-block; } .sociable li + li { margin-left: 38px; } .sociable li a i { font-size: 34px; } .sociable li a { color: #fff; font-size: 24px; } .sociable li a:hover { color:#d295ff; } @media screen and (max-width:1500px){ #footer .col-sm-6:first-child , #footer .col-sm-6:last-child { padding-left: 90px; } .business .post { left: 0; transform: none; margin-left: 0; padding-left: 90px; } } @media screen and (max-width:1200px){ #footer-navigation ul li + li { margin-left: 12px; } .sociable { margin-bottom: 15px; } } @media screen and (max-width:991px){ #footer .logo img { width: 200px; margin-bottom: 10px; } #footer .inner { text-align: center; margin-bottom: 15px; } #footer .column ul li a { font-size: 12px; } .sociable { margin-bottom: 10px; } .sociable li + li { margin-left: 20px; } .footer-links { margin: 0 0 0 0px; } } @media screen and (max-width:767px){ .sociable, .footer-links, #footer p { text-align: center; } .footer-links { margin-bottom: 10px; } } .headroom { transition: all .2s ease-in-out; -webkit-transition: -webkit-transform 200ms linear; } .headroom--pinned { top: -150px; -webkit-transform: translateY(0%); -webkit-transition: -webkit-transform 200ms linear; } .headroom--unpinned { top: 0; -webkit-transform: translateY(0%); -webkit-transition: -webkit-transform 200ms linear; } #header.headroom--not-top { background: #3b2367; padding-bottom: 29px; } #header.headroom--not-top .logo { background: transparent; padding-top: 15px; } #header.headroom--not-top .logo img { width: 185px; } .form { margin: 0 -6px; position: relative; } .form li { margin-bottom: 12px; padding: 0 6px; width: 50%; } .form li .textbox { appearance: none; -webkit-appearance: none; width: 100%; background: #f5f5f5; border: 0; height: 43px; padding: 0 20px; border-radius: 5px; color: #4d4d4f; font-size: 14px; } .form li.selectbox:before { content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 12px; right: 50px; font-size: 25px; color:#4d4d4f; pointer-events: none; } .form li select { appearance: none; -webkit-appearance: none; width: 100%; background: #f5f5f5; border: 0; height: 60px; padding: 0 20px; border-radius: 5px; color: #4d4d4f; font-size: 15px; } .form li textarea { appearance: none; -webkit-appearance: none; width: 100%; resize: none; background: #f5f5f5; border: 0; height: 130px; padding:10px 20px; border-radius: 5px; color: #4d4d4f; font-size: 14px; } .form li.clear-left { clear: left; } .form li.clear-both { clear: both; } #contact-popup li.textarea-field span { position:static; padding-top: 30px; } .form li .submit { appearance: none; -webkit-appearance: none; width: 140px; height: 51px; background-image: linear-gradient( to right, #623283, #301c4a); border-radius: 25px; color: #fff; border: 0; font-size: 17px; } .form ::-webkit-input-placeholder { color:#4d4d4f; opacity: 1; } .form ::-moz-placeholder { color:#4d4d4f; opacity: 1; } .form :-ms-input-placeholder { color:#4d4d4f; opacity: 1; } #contact-popup { display: none; position: fixed; z-index: 1000000; width: 90%; left: 50%; transform: translate(-50%,-50%); top: 50%; } #contact-popup:before { content: ''; position: fixed; top: -50%; left: -50%; width: 200%; height: 300%; background: rgba(0,0,0,.65); z-index: 10000; } #contact-popup .column { padding: 44px 40px 44px 40px; width: 50%; float: left; border-right: 1px solid #ee9d57; background: #fff; position: relative; z-index: 10001; overflow: auto; max-height: 90vh; } #contact-popup .column:last-child { border: 0; } #contact-popup h2 { font-size: 30px; color: #66318f; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 28px; } #contact-popup p.heading { font-size: 21px; color: #66318f; margin-bottom: 20px; font-weight: bold; } #contact-popup .map { float: left; width: 60%; margin-bottom: 25px; padding-right: 20px; } #contact-popup .map img { width: 100%; } #contact-popup address { float: right; width: 39%; } #contact-popup p { font-size:17px; color:#4d4d4f; line-height: 1.2; } #contact-popup p:last-child { margin-bottom: 0; } #contact-popup li { float:left; width: 50%; font-size:17px; color:#4d4d4f; } #contact-popup li i { float: left; font-size: 50px; margin-right: 15px; margin-bottom: 13px; } #contact-popup p a { color:#4d4d4f; } #contact-popup p a:hover { color:#d295ff; } #contact-popup li strong { display: block; color: #262626; } #contact-popup li p { margin-bottom: 20px !important; } #contact-popup li i.fa-envelope-o { font-size: 40px; } #contact-popup li textarea { width: calc(50% - 12px); height: 100px; top: 55px; position: absolute; } #contact-popup .wpcf7-form.invalid li textarea{ top: 75px;} #contact-popup li .submit { float: right; } #contact-popup .close-popup { position: absolute; color: #ababab; right: 35px; top: 35px; font-size: 15px; } #contact-popup .close-popup:before { transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; border: 1px solid #ababab; content: ''; position: absolute; top: -2px; left: -7px; width: calc(100% + 14px); height: calc(100% + 4px); border-radius: 100%; } #contact-popup .close-popup:hover { color:#d295ff; } #contact-popup .close-popup:hover:before { border-color:#d295ff; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .overlay { box-shadow: 0 0 15px rgba(0,0,0,.15); border-radius: 50px 0 0; } .overlay img { border-radius: 50px 0 0 0; } .services-image img { border-radius: 50px 0 0 0; } .about-us.box1 { padding: 50px 0 70px; } .about-us .col-sm-6:last-child { padding-left: 47px; } .about-us .section-header { margin-bottom: 30px; } .about-us p { font-size: 30px; font-weight: 300; color:#4a4949; margin-bottom: 35px; line-height: 1.2; } @media screen and (max-width:1500px){ .about-us p { font-size: 24px; } } @media screen and (max-width:1400px){ #contact-popup .map , #contact-popup address { float:none; width: 100%; margin-bottom: 20px; } #contact-popup ul:not(.form) li { width: 100%; float: none; clear:both; } #contact-popup p { font-size: 15px; } } @media screen and (max-width:1200px){ #contact-popup { width: 96%; } #contact-popup .column { padding: 20px; } #contact-popup li i.fa-envelope-o { font-size: 25px; } #contact-popup li i { font-size: 35px; width: 40px; } .box1 { padding: 50px 0 !important; } #content { padding-top: 30px; } .opportunities:before { border-top-right-radius: 100px; } .business .post , #footer .col-sm-6:first-child, #footer .col-sm-6:last-child { padding-left: 60px; } #footer .column { width: 45%; } .media-center .post-list .inner .twitter-feed .post { align-items: flex-start; } .media-center .post-list .post .details { padding-top: 0; } } @media screen and (max-width:992px){ #contact-popup { top: 0px; left: 0; transform: none; padding: 20px; width: 100%; } #contact-popup h2 { font-size: 21px; margin-bottom: 15px; } #contact-popup .close-popup { right: 20px; top: 15px; } #contact-popup .form li { float:none !important; width: 100%; clear: both !important; } #contact-popup .form li textarea { width: 100%; position: relative; top: 0 !important; left: 0; } #contact-popup li.textarea-field span { padding-top: 10px !important;} .stats { border-bottom-right-radius: 0; z-index: 12; } #contact-feedback > a { margin-top: -122px; } #main-navigation li { padding: 0 15px; } #main-navigation li a { font-size: 15px; } #main-navigation li.kfia-airport a { padding-right: 60px; } .about-us .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .about-us .col-sm-6:last-child { padding-left: 15px; } .media-center .post-list { margin-top: 40px; margin-bottom: 0; } .media-center .post-list .btn-grp { right: -15px; bottom: 35px; } #footer .col-sm-6:first-child, #footer .col-sm-6:last-child { padding: 30px; } .business .post { padding-left: 30px; } #back2top { right: 25px; } #footer .column ul { margin: 0 0 30px; } #footer .logo { margin-bottom: 50px; } .business { margin-bottom: 100px; } } @media screen and (max-width:767px){ #container { padding-top: 130px; } #header .search .search-form { width: calc(100% - 20px); position: fixed; top: 152px; margin: 0 10px; left: 0; } .about-us figure { margin-bottom: 30px; } .about-us p { font-size: 18px; } .box1 { padding: 35px 0 !important; } .box1 + .box1 { padding: 0 0 35px!important; } #footer .logo { text-align: center; padding: 0; max-width: 100%; margin: 15px 0; } #footer p + p { display: block; } #footer p { text-align: center; } .sociable ul { margin: 0 0 35px; } #footer .row { flex-direction: column-reverse; } #footer .col-sm-6:last-child { padding-bottom: 1px; } #back2top { right: auto; transform: translateX(-50%); bottom: 10px; left: 50%; } #back2top a { font-size: 14px; } .footer-links { display: block; margin-bottom: 20px; margin-top: 15px; } .business { margin-bottom: 50px; } #footer .col-sm-6:first-child { padding: 20px; } #footer .col-sm-6:last-child { padding: 30px 20px 1px; } .business:before { display: none; } .business img { border-top-right-radius: 0px; min-height: 350px; object-fit: cover; } .business .post { padding-left: 0; background-image: linear-gradient( to right, #623283, #301c4a); left: 50%; top: 50%; transform: translate(-50% , -50%); padding: 20px; width: 85%; } #header .menu-btn:after { left: -5px; } #main-navigation { padding: 18px 10px 1px; right: -1px; top: 152px; border-radius: 0 0 20px 20px; text-align: center; position: fixed; width: calc(100% - 30px); margin: 0 15px; } #main-navigation li { margin-bottom: 10px; float: none; display:inline-block; background: none; padding: 0 10px; } #main-navigation li:nth-child(3) { background: transparent; } #header .menu-btn:after { height:52px; } .media-center .featured .post figure img { border-top-left-radius: 0; width: 100%; margin-bottom: 10px; } #header .search:before { left:-21px; } #footer .column { width: 49%; } #main-navigation li a { font-size: 13px; } .form li { width: 100%; } #contact-popup .column { width:100%; float:none; max-height: 140vh; overflow: hidden; } #contact-popup .map { padding-right:0; } #contact-popup { height:100vh; overflow:auto; } #wpcf7-f1647-o1 { width:100%; overflow:hidden; } #contact-popup li .submit { float:none; } } @media screen and (max-width: 360px){ #main-navigation li { padding: 0 5px; } #main-navigation li a { padding: 5px 0; } } #page-head { position: relative; } #page-head:before { background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 150px; opacity: .6; } #page-head img { max-height: 90vh; min-height: 400px; object-fit: cover; } #page-head .text { left:-30px; position: absolute; top: 61%; left: 40%; transform: translate(-50% , -50%); background: rgba(27,21,76,.8); background: transparent; padding: 30px; max-width: 900px; opacity: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #page-head.loaded .text { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #page-head .text h1 { margin-bottom:20px; font-size: 40px; text-transform: uppercase; font-weight: 800; color: #fff; } #page-head .text h1 span { border-bottom:0px solid #fff; display: inline-block; padding-bottom: 5px; } #page-head .text p { font-size:30px; color:#fff; margin-bottom: 0; } #breadcrumbs { background: url(../images/breadcrumbs-bg.jpg) repeat; height: 62px; } #breadcrumbs p { display: inline-block; margin-bottom: 0; background: #f5f5f5; vertical-align: top; height: 62px; line-height: 62px; padding-left: 98px; padding-right: 109px; font-size: 18px; color:#1c1650; } #breadcrumbs p a { position: relative; color:#a85edf; margin-right: 46px; font-weight: bold; } #breadcrumbs p a:hover { color:#1b154c; } #breadcrumbs p a:before { content:'>'; color:#4d4d4f; font-size:15px; position: absolute; top: 4px; right: -30px; line-height: 1; } #breadcrumbs ul { display: inline-block; vertical-align: top; margin: 0; padding: 0; list-style:none; margin-left: -4px; } #breadcrumbs li { float:left; border-right:1px solid #512f7e; text-align: center; max-width: 270px; } #breadcrumbs li a { display: block; line-height: 62px; height: 62px; color:#ffffff; font-size: 20px; position: relative; padding: 0 30px; } #breadcrumbs li.active a , #breadcrumbs li:hover a { background: #66308e; } #breadcrumbs li.active a:before , #breadcrumbs li a:before { opacity: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; content:''; position:absolute; bottom:-10px; left:50%; width: 0; margin-left: -5px; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #66308e; } #breadcrumbs li.active a:before , #breadcrumbs li:hover a:before { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #breadcrumbs .nav-text { display: none; } #breadcrumbs-sticky-wrapper.is-sticky #breadcrumbs { z-index: 109 !important; } .page-about-template .section-header { margin-bottom: 42px; } .page-about-template .section-header h2 { font-size: 27px; padding-bottom: 9px; } .page-about-template #content p { font-size: 19px; letter-spacing: 1px; line-height: 1.4; font-weight: 300; color:#4a4949; } .page-about-template #content .section-header p { font-size: 19px; } .gradient-box { position: relative; } .gradient-box:before { position: absolute; content: ''; background: #faf6ff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#faf6ff), to(#fff)); background: -webkit-linear-gradient(#faf6ff, #fff); background: -moz-linear-gradient(#faf6ff, #fff); background: -ms-linear-gradient(#faf6ff, #fff); background: -o-linear-gradient(#faf6ff, #fff); background: linear-gradient(#faf6ff, #fff); -pie-background: linear-gradient(#faf6ff, #fff); height: 380px; width: 100%; left: 0; top: 0; z-index: -1; } #vision-mission { padding-top: 108px; } #vision-mission .col-sm-6 img { width: 100%; height: 100%; object-fit: cover; } #vision-mission .section-header { margin-bottom: 30px; } #vision-mission p { margin-bottom: 35px; } #vision-mission .text-container { position: relative; margin-bottom: 13px; max-height: 327px; overflow: hidden; background: #66308e; } #vision-mission .text-container:last-child { background: #1c1650; margin-bottom: 0; } #vision-mission .text-container img { height: 327px; object-fit: contain; object-position: bottom left; width: 100%; } #vision-mission .text-container .text { position: absolute; padding: 61px; } #vision-mission .text-container .text p { color:#fff; font-size: 19px; font-weight: 300; letter-spacing: 0; } #vision-mission .text-container .text h2 { padding-bottom: 12px; color:#fff; } #vision-mission .text-container .text h2 span { color:#fff; } #vision-mission .text-container .text h2:after { background: #1c1650; } #vision-mission .text-container:last-child .text h2:after { background: #66318e; } #what-we-do { padding-bottom: 40px; } #what-we-do .section-header { margin-bottom: 27px; } #our-people { padding-bottom: 69px; } #our-people h2 { font-size: 45px; margin: 0 35px 0 0; padding-bottom: 28px; } #content #our-people .section-header { margin-bottom: 44px; } #content #our-people .section-header p { font-size: 22px; line-height: 1; } #our-people ul { margin: 0 -15px; position: relative; padding-bottom: 0px; margin-bottom: 62px; } #our-people ul li { float:left; width: 33.33%; padding:0 15px; margin-bottom: 50px; } #our-people ul li img { border-top-right-radius: 5px; margin-bottom: 12px; } #our-people ul li h3 { color:#1d1d1b; font-size: 24px; font-weight: 300; padding-left: 30px; margin-bottom: 3px; } .page-about-template #our-people ul li p { color:#939393; font-size: 15px; font-weight: 300; letter-spacing: 0; padding-left: 30px; letter-spacing: .5px; } #our-people ul li:first-child h2 { margin-bottom: 3px; position: relative; font-weight: normal; font-size: 30px; color:#ffffff; text-align: center; text-transform: uppercase; margin: 0; padding: 0; border-top-right-radius: 5px; height:255px; } #our-people ul li:first-child h2 span { display: block; line-height: 1.2; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding-top: 15px; width:100%; } @media screen and (max-width:1600px){ #vision-mission .text-container .text p { font-size: 22px; } #vision-mission .text-container .text { padding: 30px; } #our-people ul li:first-child h2 { height: 230px; font-size: 26px; } #our-people ul li h3 { font-size: 20px; } #our-people ul li { margin-bottom: 30px; } #our-people ul { padding-bottom: 25px; margin-bottom: 45px; } .page-about-template .page-about-template #content p { font-size: 26px; } .single #breadcrumbs p { padding-left: 40px; padding-right: 40px; }. .single #breadcrumbs p a { margin-right: 35px; } .single #breadcrumbs p a:before { right: -20px; } .page-about-template #content p { font-size: 15px; } } @media screen and (max-width:1300px){ #breadcrumbs li a { font-size: 17px; padding: 0 25px; } .page-about-template #breadcrumbs li a { font-size:16px; } #breadcrumbs p { padding-left: 75px; padding-right: 75px; } #page-head .text p { font-size: 22px; } #page-head .text h1 { font-size: 34px; } #page-head .text h1 span { border-bottom: 0px solid #fff; } #vision-mission .text-container img { height: 290px; } } @media screen and (max-width:992px){ #page-head .text h1 { font-size: 28px; } #page-head .text p { font-size: 19px; } #page-head .text { padding: 20px; left: 50%; top: 50%; min-width: 85%; } #page-head img { min-height: 60vh; object-fit: cover; } #breadcrumbs p { padding-left: 25px; padding-right: 25px; font-size: 16px; } #breadcrumbs li a { font-size: 16px; padding: 0 15px; } #vision-mission .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #vision-mission .col-sm-6:first-child { display: none; } #vision-mission .text-container img { height: 250px; } #our-people ul li { width: 33.33%; } #our-people ul li h3 , .page-about-template #our-people ul li p { padding-left: 0; } .page-about-template #content .ceo-message .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .page-about-template .ceo-message h3 {text-align:left; } .page-about-template #content .ceo-message img { width:auto !important; } .page-about-template #content .ceo-message .col-sm-9 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .page-about-template #our-people .container .row.custom-our-people ul li:first-child { background: url(/wp-content/themes/daco/assets/images/exe-team-logo-bg.png) no-repeat center bottom 72px; background-size: 70% 30%; } .page-about-template #content .ceo-message blockquote { padding:20px 0 0; } } @media screen and (max-width:767px){ #our-people ul li { width: 50%; } #our-people ul li:first-child { width: 100%; } #our-people ul li:first-child h2 span { width: 100%; } #our-people h2 { margin-bottom: 30px; font-size: 27px } .page-about-template #content p { font-size: 21px; } #vision-mission .text-container .text { position: relative; } #vision-mission .text-container img { display: none; } #vision-mission .text-container .text p { font-size: 16px; } #our-people ul li h3 { font-size: 18px; } #our-people ul li:first-child h2 { height: 140px; } #our-people ul li:first-child h2 span { padding-top: 0; } #our-people ul { padding-bottom: 5px; } #page-head .text p { font-size: 16px; } #page-head .text { min-width: 92%; } #breadcrumbs { height: auto; } #breadcrumbs p , .single #breadcrumbs p { display: block; font-size: 16px; line-height: 2; padding: 20px 15px; } #breadcrumbs .nav-text { display: block; line-height: 62px; height: 62px; background: #66308e; color:#fff; cursor: pointer; font-size: 16px; padding-left: 15px; position: relative; } #breadcrumbs .nav-text:before { content: "\f0c9"; font-family: "FontAwesome"; position: absolute; top: 0; right: 15px; font-size: 25px; color:#fff; pointer-events: none; } #breadcrumbs .nav-text.active:before { content: "\f00d"; } #breadcrumbs ul { display: none; } #breadcrumbs li { display: block; margin: 0; text-align: left; width: 100% !important; border:0; } #breadcrumbs li a { text-align: left; padding-left: 15px; min-width: 100%; line-height: 50px; height: 50px; } #breadcrumbs li.active { display: none; } #breadcrumbs li.active a:before , #breadcrumbs li:hover a:before { display: none; } #page-head .text h1 { font-size: 26px; } #what-we-do { padding-top: 35px !important; } .page-about-template #our-people .container .row.custom-our-people ul li:first-child { background: transparent; min-height: inherit; } #our-people .container .row.custom-our-people ul li { max-height: inherit !important; min-height:inherit; } #our-people .container .row.custom-our-people ul li:first-child h2 { min-height: 140px; } .page-about-template #content .ceo-message { padding-bottom:0 !important; margin-bottom: 30px !important; } } @media screen and (max-width:425px){ #our-people ul li { width: 100%; float:none; } .sociable li a i { font-size: 25px; } } .contact-form { position: relative; overflow: hidden; } .contact-form .map { width: 40vw; height:100%; position: relative; border-left:5px solid #fff; } .contact-form .map .google-map { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; } .contact-form .map .google-map iframe { width: 100%; height: 100%; } .contact-page .box1 { padding-top: 130px; padding-bottom: 108px; } .contact-form { background: #f5f5f5; } .contact-page .box1.contact-form { padding: 0px !important; border-bottom: 140px solid #fff; } .contact-page .box1.contact-form .col-lg-8 { padding-top: 64px; padding-right: 59px; padding-bottom: 28px; } .contact-form .form { margin: 0 -18px; } .contact-form .form li { margin-bottom: 34px; padding: 0 18px; } .contact-form .form li .textbox { background: #ffffff; font-size: 15px; height:60px; } .contact-form .form li.textarea-field { width: 100%; } .contact-form .form li textarea { background: #ffffff; font-size: 15px; height: 147px; } .contact-form .form li .submit { margin-top: 7px; width: 200px; } .contact-page .box1.contact-form .section-header { margin-bottom: 50px; } .contact-page .box1.contact-form .section-header h2 { font-size: 26px; padding-bottom: 10px; } @media screen and (max-width:992px){ .contact-form .map .google-map { position: relative; top: 0; left: 0; transform: none; } .contact-form .map { width: 100%; min-height: 400px; border-left:0; } } @media screen and (max-width:767px){ .contact-form .form li { padding: 0; } } .faq-page h2 { font-size: 35px; color:#000000; font-weight: 300; padding-left: 51px; cursor: pointer; position: relative; letter-spacing: -.5px; margin-bottom: 25px; } .faq-page h2.active:after { content: "\f146"; } .faq-page h2:after { position: absolute; font-family: "FontAwesome"; color:#66308e; font-size: 35px; left: 0px; top: 2px; content: "\f0fe"; } .faq-page h2 + .content { display: none; } .faq-page h3 { font-size: 27px; color:#66318e; font-weight: normal; cursor: pointer; position: relative; background: #f5f5f5; padding: 20px 60px 23px 32px; margin-bottom: 22px; letter-spacing: -.5px; line-height: 1.1; } .faq-page h3:after { position: absolute; font-family: "FontAwesome"; color:#878787; font-size: 57px; right: 15px; top: 8px; content: "\f107"; } .faq-page h3.active:before { position: absolute; bottom:-22px; left: 0; width: 100%; height: 22px; background: #f8f8f8; content:''; } .faq-page h3.active:after { content: "\f106"; } .faq-page .content.clearfix { margin: 0 -12px 30px; } .faq-page .content .column { width: 50%; float:left; padding: 0 12px; } .faq-page h3 + .content { margin-top: 0px; position: relative; padding: 19px 33px 12px; background: #f8f8f8; display: none; margin-bottom: 22px; } .faq-page h3 + .content img { width: 100%; margin-bottom: 19px; } .faq-page h3 + .content p { margin-bottom: 27px; color:#4d4d4f; font-size: 17px; font-weight: 300; } @media screen and (max-width:1200px){ #page-head img { min-height: 350px; object-fit: cover; } } @media screen and (max-width:992px){ .faq-page .content .column { width: 100%; float:none; } } @media screen and (max-width:767px){ .faq-page h2 { font-size: 26px; padding-top: 6px; } .faq-page h3 { font-size: 21px; padding: 20px 40px 23px 20px; } .faq-page h3:after { font-size: 40px; } #page-head img { min-height: 300px; } } .posts { margin:0 -17px -45px; } .posts .post { float:left; width: 33.33%; padding: 0 17px; margin-bottom: 28px; } .posts .post .entry { padding: 25px 25px 25px 33px; } .posts .post figure img { box-shadow: 0 0 15px rgba(0,0,0,.15); border-top-right-radius: 40px; width: 100%; height: 256px; object-fit: cover; } .posts .post h2 { font-size: 30px; font-weight: 300; margin-bottom: 28px; color:#66318e; } .posts .post h2 a { color:#66318e; } .posts .post h2:hover a { color:#d295ff; } .posts .post p { font-size:17px; color:#4d4d4f; line-height: 1.44; margin-bottom: 26px; } .posts .post p a { color:#9a9a9a; } .posts .post p a:hover { color:#d295ff; } @media screen and (max-width:1500px){ .posts .post .entry { padding: 15px; } } @media screen and (max-width:1200px){ .posts .post { width: 50%; } } @media screen and (max-width:992px){ .posts .post .entry { padding: 15px; } } @media screen and (max-width:767px){ .posts .post h2 { font-size: 26px; } .posts .post { width: 100%; float:none; display: block; } .posts .post figure img { height: auto; border-radius: 0; } .posts .post:last-child { margin-bottom: 0; } .posts .post .entry { padding: 15px 0 !important; } .posts .post { margin-bottom: 10px; } .posts .post:last-child { margin-bottom: 0; } } .news-page .col-xl-3 { padding-left: 32px; } .col-xl-3 .widget { margin-bottom: 53px; } .col-xl-3 .widget:last-child { margin-bottom:0px; } .single-news-page .post { margin-bottom: 84px; } .single-news-page .post img { width: 100%; box-shadow: 0 0 15px rgba(0,0,0,.15); border-top-right-radius: 40px; } .single-news-page .post h2 { font-size: 40px; color:#66318e; margin-bottom: 50px; text-transform: uppercase; } .single-news-page .post .metadata { font-weight: bold; letter-spacing: 1.5px; } .single-news-page .box1 { padding-top:107px; } .single-news-page .section-header { margin-bottom: 50px; } .single-news-page .post p { margin-bottom: 23px; } .single-news-page .post .entry { padding:45px 30px; } .single-news-page .post .entry p , .single-news-page .post .entry li { color:#4a4949; font-size: 27px; font-weight: 300; line-height: 1.3; margin-bottom: 35px; } .single-news-page .posts .section-header { margin-bottom: 45px; padding-left: 18px; } .single-news-page .posts .section-header h2 { font-size: 27px; padding-bottom: 9px; } .single-news-page .posts .post .entry { padding: 25px 15px 25px 33px; } .single-news-page .posts .post { margin-bottom: 23px; } .single-news-page .posts .post h2 { font-size: 30px; font-weight: 300; margin-bottom: 28px; text-transform: capitalize; } .single-news-page .posts .post p { font-size:17px; color:#4d4d4f; line-height: 1.44; margin-bottom: 26px; } .single-news-page .posts .post p a { color:#9a9a9a; } @media screen and (max-width:1500px){ .single-news-page .posts .post .entry { padding: 10px; } .single-news-page .post .entry { padding: 30px; } .single-news-page .post .entry p, .single-news-page .posts .post h2 , .single-news-page .post .entry li{ font-size: 24px; } .single-news-page .post { margin-bottom: 30px; } .single-news-page .posts .post p { font-size: 17px; } .single-news-page .post h2 { font-size: 34px; } } @media screen and (max-width:1200px){ .single.blog #breadcrumbs p { padding-left: 50px; padding-right: 50px; } .single.blog #breadcrumbs li a { min-width: 140px; font-size: 16px; } .single-news-page .post h2 { font-size: 28px; } .single-news-page .post .entry p,.single-news-page .post .entry li, .single-news-page .posts .post h2 { font-size: 20px; } .single-news-page .posts .post p { font-size: 15px; } .single-news-page .posts .post:last-child { display: none; } .news-page .col-xl-3 { padding-left: 15px; } } @media screen and (max-width:992px){ .single.blog #breadcrumbs p { padding-left: 20px; padding-right: 20px; } #breadcrumbs p a { margin-right: 30px; } #breadcrumbs p a:before { right: -20px; } .single.blog #breadcrumbs li a { min-width: 110px; font-size: 14px; } .single-news-page .post h2 { font-size: 24px; } body:not(.home) #content { padding-top: 0px; } .single-news-page .post .entry , .single-news-page .posts .post .entry { padding: 15px; } } @media screen and (max-width:767px){ .posts { margin-bottom: 0; } .single-news-page .post img { max-height: inherit; border-radius: 0; } .single-news-page .section-header , .single-news-page .posts .section-header { margin-bottom: 35px; } .single-news-page .post .entry p, .single-news-page .post .entry li { font-size: 16px; } .single-news-page .posts .post:last-child { display: block; margin-bottom: 0px; } .single-news-page .post .entry, .single-news-page .posts .post .entry { padding:15px 0; } .single.blog #breadcrumbs p { padding-left: 15px; padding-right: 15px; } } .page-projects #page-head img { height:90vh; } .page-projects .posts .post , .gallery-page .posts .post { width: 25%; } .page-projects .posts .post:hover h2 , .gallery-page .posts .post:hover h2 { color:#1c1650; } .page-projects .box1 { padding-top: 110px; padding-bottom: 154px; } .page-projects .box1:first-child { padding-bottom: 13px !important; } .page-projects .box1 .section-header { margin-bottom: 73px; } .page-projects .posts .post .entry , .gallery-page .posts .post .entry { padding: 4px 15px 13px 23px; } .page-projects .posts .post h2 , .gallery-page .posts .post h2 { font-size: 27px; } .page-projects .posts .post , .gallery-page .posts .post { margin-bottom: 29px; } @media screen and (max-width:1200px){ .page-projects .posts .post , .gallery-page .posts .post { width: 33.33%; } } @media screen and (max-width:992px){ .page-projects .posts .post , .gallery-page .posts .post { width: 50%; } .page-projects #page-head img { height: 40vh; } .page-projects .box1 .section-header { margin-bottom: 50px; } } @media screen and (max-width:767px){ .page-projects .posts .post , .gallery-page .posts .post { width: 100%; } .page-projects #page-head img { height: 30vh; } .page-projects .box1 .section-header { margin-bottom: 30px; } .page-projects .box1:first-child { padding-bottom: 0px !important; } } #work-with-us { text-align: center; padding-bottom: 1px; padding-top: 134px; } #work-with-us h1 { font-size: 40px; text-transform: uppercase; color:#66318f; margin-bottom: 5px; } #work-with-us h2 { font-size: 27px; text-transform: uppercase; color:#66318f; font-weight: 300; margin-bottom: 34px; } #work-with-us h3 { font-size: 30px; color:#66318f; font-weight: 300; margin-bottom: 18px; } #work-with-us p { font-size: 27px; color:#4a4949; font-weight: 300; max-width: 900px; margin: 0 auto 109px; line-height: 1.25; font-weight: 300; } #work-with-us img { margin-bottom: 18px; } #work-with-us + figure.full-width { padding-left: 60px; padding-right: 60px; margin: 0; } #work-with-us .col-md-6 { padding: 0 20px; } #work-with-us .col-md-6 p { margin: 0 0 40px; font-size: 17px; line-height: 1.3; padding: 0 30px; } .work-form { padding: 124px 0; background: #fff; } .work-form .section-header { display: block; } .work-form .section-header h1 { text-align: center; } .work-form .form { width:66.66%; position: relative; } .work-form .form li { float: left; position: relative; } .work-form .form li .textbox { background: #f5f5f5 } .work-form .form li textarea { background: #f5f5f5; height: 154px; } .work-form #resume-field { width: 0px; height: 0px; overflow: hidden; } .work-form .form li.textarea-field { width: 50%; position: absolute; top: 94px; right: -50%; } .work-form .form li .resume-btn { position: absolute; top: 10px; right: 30px; } .work-form .form li.resume-field { position: absolute; top: 0; right:-50%; } .work-form .form li.submit-field { width: 50%; position: absolute; bottom: -18px; right: -50%; } .work-form .form li.submit-field .submit { margin-top: 7px; width: 125px; float: right; } .work-form .form li.submit-field .captcha { float: left; max-width: 290px; } .work-form .ui-datepicker-trigger { position: absolute; top: 4px; right: 10px; } @media screen and (max-width:1500px){ .work-form .form li.submit-field .captcha { float:none; margin-bottom: 20px; } .work-form .form li.submit-field { text-align: right; } .work-form .form li.submit-field .submit { float: none; } .work-form .form li.submit-field { bottom: -104px; } #work-with-us p { font-size: 23px; } #work-with-us .col-md-6 p { padding: 0 15px; } } @media screen and (max-width:1200px){ .work-form .form { width: 100%; } .work-form .form li.resume-field , .work-form .form li.textarea-field { position: relative; right: 0; top: 0; } .work-form .form li.submit-field { right: auto; bottom: 0px; left: 0; } .work-form .form li.submit-field .submit { float: left; } .work-form .form { padding-bottom: 100px; } } @media screen and (max-width:992px){ .work-form .form { margin: 0; } } @media screen and (max-width:767px){ #work-with-us + figure.full-width { padding: 0 15px; } .work-form .form li.resume-field, .work-form .form li.textarea-field , .work-form .form li.submit-field { width: 100%; bottom: 0; position: relative; } .form li.selectbox:before , .work-form .ui-datepicker-trigger ,.work-form .form li .resume-btn { right: 15px; } .work-form .form { padding-bottom: 0; } #work-with-us h1 { font-size: 26px; } #work-with-us h2 { font-size: 20px; margin-bottom: 15px; } #work-with-us p { font-size: 19px; margin-bottom: 50px; } #work-with-us .col-md-6 p { padding: 0; } } .lead { font-size: 25px; color: rgb(102, 49, 143); line-height: 1.3; letter-spacing: 1px; font-weight: 400; } .p-large { font-size: 19px; color: rgb(74, 73, 73); line-height: 1.3; font-weight: 300; } @media screen and (max-width:992px){ .lead { font-size: 22px; } } @media screen and (max-width:767px){ .p-large { font-size: 16px; } } .border-right { border-top-right-radius: 50px; } #related { background: #f5f5f5; padding-top: 139px; padding-bottom: 131px;display:none; } @media screen and (min-width:1200px){ #related .row { margin-right: -22px; margin-left: -22px; } #related .column { padding-right: 22px; padding-left: 22px; } } #related .section-header { margin-bottom: 66px; } #related .section-header h2 { font-size: 27px; padding-bottom: 9px; } #related figure img { box-shadow: 0 0 15px rgba(0,0,0,.15); } #related .details { padding: 27px 40px; } #related .details h2 { font-size: 22px; color: #51307f; margin-bottom: 16px; } #related .details h2 a { color: #51307f; } #related .details h2 a:hover { color: #d295ff; } #related .details p { font-size: 15px; color: #4d4d4f; margin-bottom: 17px; } .contact-box { background: #1c1550; padding: 43px 40px 46px 41px; border-top-right-radius: 50px; color: #ffffff; font-size: 17px; font-weight: 300; } .contact-box h2 { font-size: 30px; font-weight: 300; margin-bottom: 12px; } .contact-box p { font-weight: 300; margin-bottom: 1px; letter-spacing: .5px; } .contact-box p:last-child { margin-top: 18px; } .contact-box a { color: #9c63c7; } .no-touch .contact-box a[href^="tel:"] { pointer-events: none; } .addresses { margin: 0 -30px; } .addresses .widget { width: 33.33%; float: left; padding:0 30px; margin-bottom: 40px; } .widget .widget-header { background: #f0f0f0; padding: 18px 0px 18px 32px; border-top-right-radius: 50px; letter-spacing: -.5px; } .widget .widget-header h2 { color: #1c1550; font-size: 28px; font-weight: 300; } .widget .widget-body { background: #f5f5f5; } .widget .widget-body li { border-bottom: 1px solid #e8e8e9; font-size: 15px; } .widget .widget-body li:hover { background: #fff; } .widget .widget-body li:last-child { border-bottom: none; } .widget .widget-body li a { color: #66308e; display: block; padding: 15px 34px 15px 34px; } .widget .widget-body li a:hover { color: #d295ff; } .widget .widget-body li a span { color: #4d4d4f; } .widget-header.alt { background: #66318e; } .widget-header.alt h2 { color: #ffffff; } .widget .form { padding: 33px 38px 25px 37px; border-bottom: 1px solid #6a3791; margin: 0; } .widget .form input[type="text"] , .widget .form input[type="email"] { background: #fff; font-size: 13px; color: #9a9a9a; border: none; padding: 8px 20px; } .widget .form input[type="submit"] { border: none; padding: 11px 46px; font-weight: 400; } .about { background: url(../images/image22.jpg); background-size:cover; background-position:center center; margin-bottom: 157px; padding-top: 60px; padding-bottom: 33px; } @media screen and (max-width:767px){ .about { margin-bottom: 50px; } } .box2 { border-top-left-radius: 50px; font-family: 'Montserrat', sans-serif; padding-top: 50px; padding-bottom: 43px; height: 100%; } .box2 figure { min-height: 130px; margin-bottom: 22px; } .box2 figure img { height: 130px; } .box2 h3 { font-size: 45px; font-family: 'Montserrat', sans-serif; color: #ffffff; margin-bottom: 20px; } .box2 .unit { font-size: 30px; font-weight: 300; } .box2 p { font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #ffffff; } .about .column { margin-bottom: 20px; } @media screen and (min-width:1600px){ .about .row { margin-right: -33px; margin-left: -33px; } .about .column { padding-right: 33px; padding-left: 33px; } } @media screen and (max-width:1500px){ #related .details h2 { font-size: 19px; } #related .details { padding: 15px 25px; } #related { padding: 100px 0; } .posts .post h2 { font-size: 26px; } } @media screen and (max-width:1200px){ .box2 h3 { font-size: 30px; } .box2 .unit { font-size: 22px; } .widget .widget-header h2 { font-size: 23px; } .widget .form { padding: 15px; } .widget .widget-header { padding-left: 18px; border-top-right-radius:20px; } #related .details { padding: 10px; } } #services { padding-bottom: 74px; } .page-business-opportunities #services { padding-bottom: 0px; } #services .tabs ul { margin: 0; padding: 0; list-style: none; } #services .tabs li { width:100%; position: relative; float: left; text-align: center; background: #4d4d4f; height: 82px; letter-spacing: -.5px; line-height: 77px; } #services .tabs ul.count-2 li { width:50%; } #services .tabs ul.count-3 li { width:33.33%; } #services .tabs ul.count-4 li { width:25%; } #services .tabs li.active , #services .tabs li:hover { background:#009877; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #services .tabs li a { display: block; font-size: 27px; color:#fff; font-weight: 800; position: relative; } #services .tabs li:before { position: absolute; font-family: "FontAwesome"; color: #fff; font-size: 21px; right: 30px; top: 1px; font-weight: bold; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; content: "\f105"; margin-left: -39px; } .services-section .column { margin-bottom: 85px; } .services-section .align-items-end { padding-bottom: 64px; } .services-section .section-content { position: absolute; transform: translateY(-50%); top: 50%; padding: 0 40px 50px 40px; height: 100%; width: calc(100% - 30px); } .services-section .inner-container { width: 50%; max-width: 460px; } .services-section .col-sm-12 .inner-container { width: 50%; max-width: 592px; } .services-section p:last-child { margin-bottom: 0; } .services-section .section-content .inner-container { background: rgba(0,0,0,.3); border-top-right-radius: 15px; padding: 30px 40px 35px 44px; width: 100%; top: -5px; position: relative; color:#fff !important; } .services-section .col-sm-12 .section-content .inner-container { top: -24px; } .services-section .inner-container h3 { font-weight: 800; font-size: 27px; color: #fff; margin-bottom: 16px; letter-spacing: -.5px; } .services-section .button1 { padding: 12px 23px; } .services-section .inner-container p { margin-bottom: 23px; font-size: 17px; font-weight: 300; } @media screen and (max-width:767px){ .services-image img { min-height: 480px; object-fit: cover; object-position: center center; } .services-section .column { margin-bottom: 50px; } } #cargo-village { padding-top: 121px; padding-bottom: 145px; } .page-cargo #breadcrumbs li { width: auto; } @media screen and (max-width:1900px){ .page-cargo #breadcrumbs li a { padding: 0 30px; font-size: 18px; } #footer .col-sm-6:first-child:after { background: url("../images/footer-left.png") no-repeat top left; } } @media screen and (max-width: 1800px){ .page-cargo #breadcrumbs li a { padding: 0px 20px; font-size: 16px; } .lead { font-size: 32px; } .p-large { font-size: 22px; } .box2 h3 { font-size: 34px; } .contact-box { padding: 30px; } } @media screen and (max-width: 1200px){ .lead { font-size: 27px; } .p-large { font-size: 18px; } .about.box1 { margin-bottom: 100px; padding: 20px 0 0 !important; } .services-image img { height: 460px; object-fit: cover; } .services-section .column { margin-bottom: 50px; } .box2 figure img { height: 100px; } .box2 figure { min-height: 100px; margin-bottom: 15px; } .contact-box h2 { font-size: 24px; } .contact-box { padding:25px 20px; } .contact-page .box1.contact-form { border-bottom: 85px solid #fff; } .page-cargo #breadcrumbs p { padding-left: 15px; } .page-cargo #breadcrumbs li a { padding: 0 20px; font-size: 16px; } } @media screen and (max-width: 992px){ #services .justify-content-end { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; } .addresses .widget { width: 50%; padding: 0 20px; } .addresses { margin: 0 -20px; } #related .section-header h2 { font-size: 23px; } .page-cargo #breadcrumbs li a { padding: 0 11px; font-size: 14px; } } @media screen and (max-width: 767px){ .about.box1 { margin-bottom: 50px; } .page-cargo #breadcrumbs li a { padding: 0px 15px; } .services-section .section-content .inner-container { padding: 15px; top: 0 !important; } .border-right { border-top-right-radius: 0px; } .services-section .section-content { padding: 15px; } .box2 { padding: 15px 0; } .lead { font-size: 22px; } .p-large { font-size: 16px; } .about { margin-bottom: 50px; } #services { padding-bottom: 10px; } .addresses .widget { width: 100%; padding: 0 15px; float: none; margin-bottom: 30px; } .addresses { margin: 0 -15px; } .contact-page .box1.contact-form .col-lg-8 { padding-right: 15px; } .contact-form .form { margin: 0px; } .contact-page .box1.contact-form { border-bottom: 50px solid #fff; } } .single-project-page .post { max-width: 1090px; margin: 0 auto; } .single-project-page .post p .metadata { margin:0 16px; } .single-project-page .post p small { font-size: 100%; } .single-project-page .post p .metadata:first-child { margin-left: 0; } .single-project-page .post p { font-size: 17px; } .single-project-page .post h2 { font-size: 40px; color:#66318e; margin-bottom: 48px; text-transform: uppercase; } .single-project-page .post .carousel { margin-bottom: 58px; } .single-project-page .post .item { position: relative; } .single-project-page .post .item img { width: 100%; border-top-right-radius: 40px; } .single-project-page .post .entry p { color:#4a4949; font-size: 27px; font-weight: 300; line-height: 1.3; margin-bottom: 35px; padding: 0 28px; } .single-project-page .owl-dots { margin-top: -50px; position: relative; z-index: 100; padding-bottom: 30px; text-align: right; padding-right: 40px; } .single-project-page .owl-dots button { height: 10px; width: 10px; background: #fff; border-radius: 50%; margin-left: 15px; } .single-project-page .owl-dots .active { background: #66308e; } @media screen and (max-width:1200px){ .single-project-page .post h2 { font-size: 32px; } .single-project-page .post .entry p { font-size: 22px; } } @media screen and (max-width:767px){ .single-project-page .post h2 { font-size: 22px; } .single-project-page .post .carousel { margin-bottom: 25px; } .single-project-page .post .entry p { font-size: 16px; padding: 0; } .page-projects .posts .post, .gallery-page .posts .post { margin-bottom: 15px; } .single-project-page .post h2 { margin-bottom: 20px; } .page-projects .posts .post h2, .gallery-page .posts .post h2 { font-size: 22px; } .single-project-page .post p .metadata { margin: 0; display: block; } .single-project-page .post p small { display: none; } } .page-business-opportunities #content .box1 { padding: 82px 0 100px; } .page-business-opportunities .section-header { margin-bottom: 47px; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container { top:0; border-radius: 0; max-width:609px; padding: 43px 44px 0px 44px; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container p { color:#fff; font-weight: 800; font-size: 25px; margin-bottom: 45px; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer{ margin: 0 -44px; padding:22px 44px; position: relative; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer p { font-weight: normal; margin-bottom: 0; color:#ffffff; font-size: 18px; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer p a { color:#fff; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer p a:hover , .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer p a:hover:before { color:#1c1550 !important; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer p a strong { font-weight: 800; } .page-business-opportunities .services-section .column { margin-bottom: 62px; } .page-business-opportunities .services-section #real-estate { padding-top: 77px; } #real-estate footer a { position: relative; font-weight: bold; } #aviation footer a { position: relative; display: inline-block; width: 60%; font-weight: bold; } #aviation footer a + a { width: 40%; } #real-estate footer a:before { position: absolute; font-family: "FontAwesome"; color: #fff; font-size: 21px; right: -30px; top: -4px; font-weight: bold; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; content: "\f105"; margin-left: -39px; } #aviation footer:before { position: absolute; top: 0; left: 53%; height: 100%; width: 1px; background: #5a372f; } #aviation footer a:before { position: absolute; font-family: "FontAwesome"; color: #fff; font-size: 21px; right: 70px; top: -3px; font-weight: bold; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; content: "\f105"; margin-left: -39px; } #aviation footer a + a:before { right: 5px; } @media screen and (max-width:1500px){ #services .tabs li a { font-size: 20px; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container p { line-height: 1.2; font-size: 21px; margin-bottom: 30px; } } @media screen and (max-width:1200px){ .page-business-opportunities #breadcrumbs li a { min-width: auto; font-size: 16px; padding: 0 30px; } #services .tabs li { height: 60px; letter-spacing: 0; line-height: 60px; } #services .tabs li a { font-size: 17px; } #services .tabs li:before { font-size: 17px; right: 15px; } .page-business-opportunities #breadcrumbs li a { font-size: 15px; padding: 0 20px; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container p { font-size: 18px; } .services-section .inner-container h3 { font-size: 22px; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container { padding: 25px 25px 0; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer { margin: 0 -25px; } .services-image img { height: 400px; width: 100%; } } @media screen and (max-width: 1200px){ #services .tabs li a { font-size: 15px; } #services .tabs li:before { display:none; } } @media screen and (max-width:767px){ #aviation footer a { display: block; width: 100% !important; margin-bottom: 15px; } #aviation footer:before , .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer a:before { display: none !important; } #aviation footer a + a { margin-bottom: 0; } .page-business-opportunities .services-section .col-sm-12 .section-content .inner-container footer { padding: 22px 22px; } #services .tabs { display: none; } .page-business-opportunities .services-section:last-child .column { margin-bottom: 0px; } } .single.business-opportunities .section-header { margin-bottom: 51px; } .single.business-opportunities #content .post h2 { font-weight: 300; color:#66308e; font-size: 40px; margin-bottom: 30px; } .single.business-opportunities #content .post p { font-weight: 300; color:#4a4949; font-size: 27px; margin-bottom: 30px; } #sub-navigation.widget .widget-header { background: #f2774f; } #sub-navigation.widget .widget-header h2 { color:#fff; } #sub-navigation.widget .widget-body li { font-size: 18px; } #sub-navigation.widget .widget-body li.active { background: #fff; } #sub-navigation.widget .widget-body li a { color: #4d4d4f; position: relative; } #sub-navigation.widget .widget-body li a:after { position: absolute; font-family: "FontAwesome"; color: #4d4d4f; font-size: 21px; right: 25px; top: 11px; content: "\f105"; } .single.business-opportunities .col-xl-3 { padding-left: 32px; } .single.business-opportunities .widget .widget-body p { color:#4d4d4f; font-size: 20px; font-weight: 800; padding: 0 30px; } .single.business-opportunities .widget .widget-body p strong { padding-top: 20px; font-size: 24px; display: block; } .single.business-opportunities .widget footer { padding: 25px 30px; margin-top: 35px; } .single.business-opportunities .widget footer a { color:#fff; position: relative; display: block; } .single.business-opportunities .widget footer a:after { position: absolute; font-family: "FontAwesome"; color: #fff; font-size: 21px; right: -10px; top: -4px; content: "\f105"; } .single.business-opportunities .widget footer a:hover { color: #d295ff; } @media screen and (max-width:1500px){ .single.business-opportunities .col-xl-3 { padding-left: 15px; } .single.business-opportunities .widget .widget-body p { font-size: 18px; } .single.business-opportunities .widget .widget-body p strong { font-size: 21px; } .single.business-opportunities .widget .widget-body p { padding: 0 20px 0 20px; } .single.business-opportunities .widget footer { padding: 25px 20px; } .single.business-opportunities #content .post h2 { font-size: 32px; } .single.business-opportunities #content .post p { font-size: 22px; } } @media screen and (max-width:767px){ .single.business-opportunities #content .post h2 { font-size: 27px; } .single.business-opportunities #content .post p { font-size: 16px; } } #airlines-destinations { padding-top: 86px; } #airlines-destinations h2 { font-size: 36px; color: #191448; font-weight: 300; margin-bottom: 26px; } #airlines-destinations h2 span { color:#fff; } #airlines-destinations > h2 + p { float: left; max-width: 37%; } #airlines-destinations header , #transit header { padding: 77px 0 55px; background: #191448; margin-top: -87px; margin-bottom: 90px; } #airlines-destinations header h2 , #transit header h2 { display: inline-block; color: #8043ae; font-weight: bold; font-size: 45px; letter-spacing: -1px; margin-right: 58px; } #airlines-destinations header p , #transit header p{ color: #fff; float: none; max-width: 50%; display: inline-block; font-size: 19px; line-height: 1.4; top: 8px; position: relative; letter-spacing: 1px; } #airlines-destinations .dropdown { float: left; margin-left: 40px; margin-top: -5px; } #airlines-destinations .dropdown .btn { min-width: 427px; text-align: left; background-color: #f5f5f5; height:60px; border:0; color:#4d4d4f; font-size: 15px; padding: 0 24px; } #airlines-destinations .dropdown .dropdown-menu { width:calc(100% - 3px); padding: 0; margin: 0; background-color: #f5f5f5; font-size: 15px; } #airlines-destinations .dropdown .dropdown-menu a { padding: 10px 30px; } #airlines-destinations .dropdown .dropdown-menu a.active { display: none; } #airlines-destinations .dropdown .dropdown-toggle:after { display: none; } #airlines-destinations .dropdown .dropdown-toggle:before { content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 18px; right: 25px; font-size: 19px; color: #4d4d4f; pointer-events: none; } #airlines-destinations header + .dropdown { margin: 0 auto; width: 430px; float: none; } #airlines-destinations ul , #transit ul { clear: both; margin: 0 -15px; padding:77px 0 0; list-style: none; } #airlines-destinations li , #transit ul li { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 50px; } #airlines-destinations li .destination, #transit ul li .destination { border:#f1d0d0 1px solid; border-top-right-radius: 50px; padding: 28px 25px 21px; height:100%; } #airlines-destinations li figure, #transit ul li figure { text-align: center; margin: 0 0 20px; } #airlines-destinations li h2 , #transit ul li h2 { text-align: center; background: #512f7e; font-size: 22px; color:#fff; padding: 11px 10px; margin-bottom: 45px; font-weight: bold; } #airlines-destinations li p , #transit ul li p { color:#4d4d4f; font-size: 17px; font-weight: 300; padding: 0 19px; line-height: 1.25; margin-bottom: 15px; } #airlines-destinations li p a , #transit ul li p a { display: block; font-weight: bold; color:#4d4d4f; } .no-touch .tel { pointer-events:none; } @media screen and (max-width:1500px){ #airlines-destinations li , #transit ul li { width: 33.33%; } } @media screen and (max-width:1200px){ #airlines-destinations li p , #transit ul li p{ font-size: 15px; } } @media screen and (max-width:992px){ #airlines-destinations li , #transit ul li { width: 50%; } #airlines-destinations > h2 + p { float: none; max-width: 100%; margin-bottom: 40px; } #airlines-destinations .dropdown { margin-left: 0; } } @media screen and (max-width:767px){ #airlines-destinations , #airlines-destinations ul { padding-top: 50px; } #airlines-destinations h2 { font-size: 27px; } #airlines-destinations li , #transit ul li { width: 100%; float:none; } #airlines-destinations .dropdown { width: 100%; } #airlines-destinations .dropdown .btn { min-width: 100%; width: 100%; } } #network { position: relative; } #network h2 { position: absolute; top:0; left: 0; width: 695px; background: #191448; text-align: right; padding: 56px 70px; color:#ffffff; font-size: 45px; } #network figure { margin: 0; } #network h2 span { color:#8043ae; font-weight: 300; } #kfia-services { padding-bottom: 57px; } #kfia-services header{ padding: 77px 0 68px; background: #191448; margin-top: -87px; margin-bottom: 58px; } #kfia-services header h2 span, #transit header h2 span { color:#fff; } #kfia-services header h2 { display: inline-block; color: #8043ae; font-weight: bold; font-size: 45px; letter-spacing: -1px; margin-right: 58px; } #kfia-services header p { color: #fff; float: none; max-width: 72%; display: inline-block; font-size: 19px; line-height: 1.4; top: 8px; position: relative; letter-spacing: 1px; } #kfia-services .col-sm-6 { position: relative; margin-bottom: 15px; } #kfia-services figure { margin:0; } #kfia-services figure img { width: 100%; } #kfia-services figure figcaption { position: absolute; bottom: 37px; width: 295px; left: 50%; text-align: center; transform: translateX(-50%); background: #8043ae; color: #ffffff; font-weight: 600; font-size: 30px; padding: 10px 0; letter-spacing: -.5px; } #kfia-services .overlay { opacity: 0; padding: 43px; position: absolute; top: 0; left: 15px; border-radius: 0; width: calc(100% - 30px); height: 100%; background: rgba(128,67,174,.9); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #kfia-services .overlay h2 { font-weight: 600; font-size: 30px; color:#fff; margin-bottom: 18px; } #kfia-services .overlay p { font-weight: 600; font-size: 20px; color:#fff; margin-bottom: 20px; } #kfia-services .col-sm-6:hover .overlay { opacity: 1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #kfia-services .col-sm-6:hover figure figcaption { display: none; } @media screen and (max-width:1200px){ #airlines-destinations header , #kfia-services header, #transit header { margin-bottom: 60px; padding-left:20px; padding-right:20px; } #airlines-destinations header h2 , #kfia-services header h2 , #transit header h2 { display: block; text-align: center; margin-right: 0; } #airlines-destinations header p , #kfia-services header p , #transit header p { display: block; text-align: center; max-width: 100%; } #kfia-services figure figcaption { bottom: 20px; font-size: 21px; } #kfia-services header { margin-top: -50px; } } @media screen and (max-width:767px){ #network h2 { padding: 30px; font-size: 32px; margin-top: 0; } #airlines-destinations header h2 { font-size: 32px; } #airlines-destinations header p , #kfia-services header p , #transit header p{ font-size: 16px; margin-bottom: 0; } #airlines-destinations header + .dropdown { width: 100%; padding: 0 15px; } #kfia-services header { margin-top: -10px; padding: 20px 20px 40px; } } @media screen and (max-width:425px){ #kfia-services figure figcaption { width: 70%; } } .landing #container { padding-top: 0; } .landing #container > figure { margin: 0; } .landing #container > figure img { width: 100%; height: 100vh; object-fit: cover; } #swticher { position: absolute; top: 60px; right: 98px; z-index: 1000; } #swticher a { color:#fff; font-size: 25px; letter-spacing: -1px; } #swticher a i { margin: 0 11px; } #swticher a:hover { color: #d295ff; } .landing #container .text { width: 850px; top: 50%; left: 50%; transform: translate(-50% , -50%); position: absolute; } .landing #container .text .column { width: 425px; padding: 0 47px; float: left; } .landing #container .text .column figure { margin-bottom: 32px; } .landing #container .text .column h2 { font-size: 18px; color:#fff; font-weight: 800; text-transform: uppercase; margin-bottom: 23px; } .landing #container .text .column p { font-size: 17px; line-height: 1.2; margin-bottom: 28px; color:#fff; } .landing #container .text .column p:first-of-type { min-height: 90px; } .landing #container .text .column p strong { font-weight: bold; color:#fff; display: block; margin-top: -20px; font-size: 13px; } .landing #container .text .column p:last-child { margin-bottom: 0; } .landing #container .text .column p a { width: 154px; height: 36px; display: inline-block; color:#fff; text-align:center; border-radius:15px; font-size: 13px; padding: 10px; } .landing #container .text .column .daco { background: rgba(102,49,170,.5); height: 100%; text-align: center; padding:41px 20px 37px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .landing #container .text .column .daco:hover { background: rgba(102,49,170,1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .landing #container .text .column .daco p a { background: #1c1650; } .landing #container .text .column .daco:hover p a { background: #66318e; } .landing #container .text .column .kfia { background: rgba(28,22,170,.5); height: 100%; text-align: center; padding:41px 20px 37px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .landing #container .text .column .kfia figure { padding-top:10px; } .landing #container .text .column .kfia:hover { background: rgba(28,22,170,1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .landing #container .text .column .kfia p a { background: #66318e; } .landing #container .text .column .kfia:hover p a { background: #1c1650; } .landing #container #footer-note { position: absolute; bottom: 0; right: 0; background: rgba(71,39,113,.7); padding: 14px 116px 14px 73px; border-top-left-radius: 52px; } .landing #container #footer-note p { margin-bottom: 0; color:#8465b5; font-weight: 300; font-size: 12px; } .landing #container #footer-note p a { color:#fff; font-weight: bold; position: relative; margin-right: 26px; } .landing #container #footer-note p a:hover { color: #8a7fee; } .landing #container #footer-note p a:before { content:'|'; position: absolute; top: 0; right: -14px; font-size: 12px; font-weight: bold; } @media screen and (max-width:992px){ .landing #container .text { width: 100%; } .landing #container .text .column { width: 50%; padding: 0 20px; } #swticher { right: 40px; } .landing #container #footer-note { padding-right: 40px; } } @media screen and (max-width:767px){ .landing #container .text { width: 100%; top: 0; left: 0; transform: none; padding-top: 85px; position: relative; } .landing #container .text .column { width: 100%; float:none; margin-bottom: 40px; } .landing #container > figure img { width: 100%; height: 100vh; object-fit: cover; position: absolute; } .landing #container #footer-note { position: relative; padding: 20px; text-align: center; border-radius: 0; line-height: 1.5; font-size: 16px; } .landing #container > figure { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .landing #container .text .column .kfia , .landing #container .text .column .daco { padding: 20px; } #swticher { right: 25px; top: 25px; } #swticher a { font-size: 18px; } #content { clear: both; } #breadcrumbs ul { width: 100% !important; margin-left: 0; } #breadcrumbs li { max-width: inherit !important; background: #1c1650; } .widget .widget-body li a { padding: 15px; } .widget .form { padding:30px 15px 15px; } } [data-aos] { visibility: hidden; } [data-aos].aos-animate { visibility: visible; } @media screen and (max-width:767px){ #breadcrumbs p a:before { top: 3px; } .opportunities.box1 { padding-top: 50px !important; } .opportunities:before { border-top-right-radius: 0px; } * { letter-spacing: 0 !important; } } .page-about-template #content .ceo-message-top { background: #f5f5f5; border-top:40px solid #3b2367; padding-top:60px; } .page-about-template #content .ceo-message { margin-bottom: 60px; background: #f5f5f5; border-bottom:40px solid #3b2367; padding-bottom:60px; /* border-top-right-radius: 100px; */} .page-about-template #content .ceo-message blockquote { /* padding-top: 75px; */ padding-left:20px; padding-right:30px; } .page-about-template #content .ceo-message blockquote p { font-size:17px; color:#4a4949; font-weight: 300; letter-spacing: 1px; margin-bottom: 35px; } .page-about-template #content .ceo-message blockquote p cite { color:#262626; font-size: 24px; font-style: normal; } @media screen and (max-width:1500px){ .page-about-template #content .ceo-message blockquote { padding-top: 35px; } .page-about-template #content .ceo-message blockquote p { margin-bottom: 20px; } #content #our-people .section-header { margin-bottom: 30px; } .page-about-template #content .ceo-message { margin-bottom: 100px; } } @media screen and (max-width:767px){ .page-about-template #content .ceo-message .same-height { padding: 0 15px; } .page-about-template #content .ceo-message { border-top-left-radius: 0px; margin-bottom: 50px; } .page-about-template #content .ceo-message blockquote { padding:20px 0; } } .landing #container #footer-note p { display:inline-block } .landing #footer-note #menu-item-204 , .landing #footer-note #menu-item-203 { display:none; } .landing #footer-note .footer-links { margin-right: 10px; border-right: 1px solid #fff; padding-right: 10px; line-height: 1; } @media screen and (max-width:767px){ .landing #footer-note .footer-links { border:0; margin-top:0; } } .fancybox-content { max-width: 700px; padding: 50px; cursor: default; } .fancybox-content h3 , .fancybox-content h2 { font-weight: 800; font-size: 27px; color: #66308e; margin-bottom: 16px; letter-spacing: -.5px; } .fancybox-content p { margin-bottom: 23px; font-size: 17px; font-weight: 300; line-height: 1.4; } fancybox-content p:last-child { margin-bottom:0; } @media screen and (max-width:767px){ .fancybox-content h3 , .fancybox-content h2 { font-size: 22px; } .fancybox-content p { font-size: 16px; } } .timelines { position: relative; margin-top: -43px; } .timelines:before { position: absolute; top:0; left: 50%; width: 1px; height:calc(100% - 90px); border:1px #dfdfdf dashed; content:''; z-index: -1; } .timelines .timeline .column { float:left; width: 50%; } .timelines .timeline .year { text-align: center; margin-bottom: 85px; } .timelines .timeline .year span { width: 189px; display: inline-block; text-align: center; color:#fff; font-weight: bold; font-size: 25px; line-height:69px; height: 69px; border-radius: 40px; } .timelines .timeline .post .metadata { font-size: 20px; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px; position: relative; text-align: right; } .timelines .timeline .post .metadata span { width: 16px; height: 16px; display: block; border-radius: 50%; position: absolute; top: 26px; left: -7px; } .timelines .timeline .post .entry { padding:46px 0 46px 80px; } .timelines .timeline .post .entry figure { margin: 0px 0 33px; position: relative; } .timelines .timeline .post .entry figure img { width: 100%; max-height: 265px; object-fit: cover; } .timelines .timeline .post .entry figcaption { position: absolute; font-size: 15px; color:#ffffff; font-weight: bold; left: 35px; bottom: 29px } .timelines .timeline .post .entry figcaption i { font-size: 24px; margin-right: 7px; } .timelines .timeline .post .entry .text { width: 60%; } .timelines .timeline .post .entry h2 { color:#000000; font-size: 35px; font-weight: 300; margin-bottom: 28px; letter-spacing: -.5px; } .timelines .timeline .post .entry p { color:#4d4d4f; font-size: 17px; font-weight: 300; line-height: 1.45; margin-bottom: 54px; } .timelines .timeline .post .entry p a { display: inline-block; width:140px; height: 42px; line-height: 42px; text-align: center; color:#fff; border-radius: 25px; } .timelines .timeline .post .entry p a:hover { background:#1c1550 !important; } .timelines .timeline .column:nth-child(1) { padding-top:97px; } .timelines .timeline .column:nth-child(1) .entry { padding:46px 80px 46px 0px; } .timelines .timeline .column:nth-child(1) .post .metadata { text-align: left; } .timelines .timeline .column:nth-child(1) .post .metadata span { right: -9px; left: auto; } .timelines .timeline .column:nth-child(1) .post .entry .text { float: right; clear: right; } @media screen and (max-width:1500px){ .timelines .timeline .post .entry h2 { font-size: 28px; } } @media screen and (max-width:1200px){ .timelines .timeline .post .entry .text { width: 75%; } } @media screen and (max-width:992px){ .timelines .timeline .column .entry { padding: 20px !important; } .timelines .timeline .post .entry .text { width: 100%; } .timelines .timeline .year { margin-bottom: 40px; } .timelines .timeline .column:nth-child(1) { padding-top: 60px; } .timelines .timeline .post .entry p { margin-bottom: 30px; } .timelines { margin-top: -20px; } } @media screen and (max-width:767px){ .timelines .timeline .column { float:none; width: 100%; } .timelines:before , .timelines .timeline .post .metadata span { display:none; } .timelines { margin-top: 0px; } .timelines .timeline .year { margin-bottom: 0; } .timelines .timeline .column .entry { padding:20px 0 !important; } .timelines .timeline .post .entry h2 { font-size: 24px; } .timelines .timeline .post .metadata { text-align: left; } .timelines .timeline .year span { width: 140px; font-size: 22px; line-height: 50px; height: 50px; border-radius: 30px; } .timelines .timeline .post .entry figure img { max-height: inherit; } .timelines .timeline .post .entry figcaption { left:15px; bottom: 15px; } } .page-template-kfia .services-section .col-sm-12 .section-content .inner-container { padding-bottom:0; } @media screen and (max-width: 1200px){ #breadcrumbs p { display: block; padding-right: 25px; } #breadcrumbs { height: auto; width: 100%; overflow: hidden; } #breadcrumbs ul { display: block; width: 100% !important; } #breadcrumbs li a { padding: 0 30px; font-size: 18px; } } @media screen and (max-width:767px){ #breadcrumbs ul { display:none; } } .separate-row { clear:right; } .separate-row + li { clear:left; } #header.headroom--pinned .logo { overflow: hidden; } #header.headroom--top .logo { overflow:visible; } #flight-status { padding-bottom: 157px; } #flight-status > header { padding: 77px 0 118px; background: #191448; margin-top: -87px; margin-bottom: 0px; } #flight-status > h2 + p { float: left; max-width: 37%; } #flight-status > header h2 { display: inline-block; color: #8043ae; font-weight: bold; font-size: 45px; letter-spacing: -1px; margin-right: 58px; } #flight-status > header h2 span { color:#fff; } #flight-status > header p { color: #fff; float: none; max-width: 65%; display: inline-block; font-size: 19px; line-height: 1.4; top: 8px; position: relative; letter-spacing: 1px; } #flight-status table { width: 100% !important; } #flight-status .dataTables_scrollBody table { margin-bottom: 20px; } #flight-status table th { padding: 15px 30px; color:#fff; font-size: 15px; font-weight: 600; pointer-events: none; max-width: 135px; } #flight-status table thead tr { background: #1c1650; } #flight-status table td { padding: 15px 30px; color:#11172b; font-size: 15px; font-weight: 300; max-width: 135px; } #flight-status .tab-content p strong , #flight-status table td strong { font-weight: bold; } #flight-status table tbody tr:nth-child(even) { background: #e8e0ee; } #flight-status .tabs { margin-top: -50px; margin-bottom: 60px; } #flight-status .tabs ul { margin: 0; padding: 0; list-style: none; } #flight-status .tabs ul li { display: inline-block; text-align: center; margin-right: 10px; background: #dcdfdf; color:#11172b; font-weight: bold; font-size: 17px; } #flight-status .tabs ul li.active , #flight-status .tabs ul li:hover { background: #fff; color:#6a3790; } #flight-status .tabs ul li a { color: inherit; width: 175px; height: 50px; line-height: 50px; display: block; } #flight-status .tab-content p { color:#4d4d4f; } #flight-status .tab-content p a , #flight-status .tab-content p strong { color:#1d1d1b; } #flight-status .tab-content p i { color:#744498; margin-right: 10px; } #flight-status .tab-content header { margin-bottom: 50px; } #flight-status .tab-content header p { float:left; } #flight-status .tab-content header .search { float:right; font-weight: bold; color:#000000; font-size: 16px; position:relative; } #flight-status .tab-content header .search input { width: 360px; height: 50px; border:1px solid #252525; border-radius: 5px; margin-left: 25px; color:#4d4d4f; font-size: 15px; padding: 5px 35px 5px 15px; } #flight-status .tab-content header .search i { position: absolute; top: 20px; right: 20px; color:#1c1650; font-size: 20px; } #flight-status .tab-content { position: absolute; top:-10000px; left:-10000px; } #flight-status .tab-content.tab-active { position: relative; top: 0; left: 0; } #flight-status .dataTables_scrollHeadInner , #flight-status .dataTables_scrollHead ,#flight-status .dataTables_scroll { width: 100% !important; } @media screen and (max-width:1200px){ #flight-status table th , #flight-status table td { padding: 10px 15px; font-size: 14px; } #flight-status .tab-content header .search input { width: 240px; height: 42px; } } @media screen and (max-width:767px){ #flight-status .tab-content header { margin-bottom: 30px; } #flight-status table, #flight-status thead, #flight-status tbody, #flight-status th, #flight-status td, #flight-status tr { display: block; } #flight-status table thead tr { position: absolute; top: -9999px; left: -9999px; } #flight-status table tr td { position: relative; padding-left: 50%; text-align: right; padding: 15px; max-width:100%; font-weight:bold; font-size: 13px; } #flight-status table tr td:before { position: absolute; top: 15px; left: 10px; width: 45%; padding-right: 10px; white-space: nowrap; content:attr(data-heading); text-align: left; font-weight:normal; } #flight-status > header p { max-width:100%; } #flight-status .tabs ul li a { font-size: 15px; width: 125px; } #flight-status .tab-content header .search , #flight-status .tab-content header p { float: none; } #flight-status .tab-content header .search input { width: calc(100% - 50px); margin:10px 0 0; } #flight-status .tab-content header .search i { top: 50px; right: 10px; } #flight-status > header { padding: 77px 0 90px; } } #flight-status .dataTables_length , #flight-status .dataTables_info , #flight-status .dataTables_paginate ,#flight-status .dataTables_filter { display: none !important; } #what-we-do + .about .box2 span { position: absolute; top: 15px; left: 35px; color: #fff; font-size: 24px; font-weight: bold; } .page-template-kfia-home .organized { position: absolute; top: 22px; right: 270px; color: #fff; z-index: 1000; } .page-template-kfia-home .organized:hover { color: #d295ff; } .page-template-kfia-home #header { position: absolute !important; background: transparent !important; z-index:1000; } .page-template-kfia-home .organized span { font-size: 12px; display: block; text-align: center; } .page-template-kfia-home #page-head + #breadcrumbs { margin-top: -8px; } .page-template-kfia-home #services { padding-bottom: 0; } .page-template-kfia .tabs , .page-template-kfia-home #services .tabs , .page-template-kfia-home #breadcrumbs p { display:none; } .page-template-kfia .services-section .inner-container strong , .page-template-kfia-home .services-section .inner-container strong { font-weight:bold; } .page-template-kfia .services-section .inner-container p , .page-template-kfia-home .services-section .inner-container p { font-size:20px; } .page-template-kfia .services-section .inner-container h3 , .page-template-kfia-home .services-section .inner-container h3 { font-size:20px; color:#66308e; } .page-template-kfia .services-section , .page-template-kfia-home .services-section { padding:50px 0; } .page-template-kfia .services-section .inner-container , .page-template-kfia-home .services-section .inner-container { width:100%; max-width: 100%; } #what-we-do + .about .box2 { position:relative; } .page-template-kfia-home #footer .column:last-child { visibility:visible; } .page-template-kfia-home #header .logo { display:none; } .page-template-kfia-home #page-head .text { top: 10%; left: 10%; transform: none; max-width: 100%; } .page-template-kfia-home #page-head .text h1 { margin-bottom:50px; } .page-template-kfia-home #in-terminal .section-header { margin-bottom:30px; } .page-template-kfia-home #page-head .text h1 span { display:block; font-size: 50px; } .page-template-kfia-home #page-head .text h1 span span { font-size:36px; } .page-template-kfia-home #page-head .text p{ position: relative; max-width: 55%; text-align: center; padding-top: 25px; padding-bottom: 25px; padding-right: 50px; display:none; } .page-template-kfia-home #page-head .text p:before { content:''; background: rgba(128,67,174,.5); position:absolute; top:0; left:-30px; width:100%; height:100%; border-top-right-radius: 100px; } .page-template-kfia-home #page-head .text span { position: relative; z-index: 100; } .page-template-kfia-home #page-head .text p small { font-size:100%; display:block; text-transform: uppercase; } .page-template-kfia-home #flight-status { padding-bottom: 50px; margin-bottom: 50px; } .page-template-kfia-home #flight-status > header { padding: 30px 0 70px; z-index: 10; position: relative; margin-top: 0; } .page-template-kfia-home #flight-status .tabs { position: relative; z-index: 11; } @media screen and (max-width: 1500px) { .page-template-kfia-home .organized { right: 150px; } } @media screen and (max-width:1300px) { .page-template-kfia-home .organized { right: 140px; } .page-template-kfia-home #page-head .text p { max-width: 70%; } } @media screen and (max-width:992px) { .page-template-kfia-home #flight-status { margin-top: 37px; } .page-template-kfia .services-section .inner-container p { font-size: 16px; } .page-template-kfia-home #breadcrumbs li a { padding: 0 20px; font-size: 15px; } .page-template-kfia-home .organized { right: 100px; } .page-template-kfia-home #page-head .text p { max-width: 85%; } .page-template-kfia-home #page-head .text + h2 { font-size: 30px; } .page-template-kfia-home #page-head .text h1 { margin-bottom: 30px; } .page-template-kfia-home #page-head .text h1 span { font-size:40px; } .page-template-kfia-home #page-head .text h1 span span { font-size: 30px; } .page-template-kfia-home #page-head .text { top: 30px; } } @media screen and (max-width:767px) { .page-template-kfia-home #flight-status { margin-top: 52px; } .page-template-kfia-home #container { padding-top: 0px; } .page-template-kfia-home #page-head .text + h2 { font-size: 24px; } .page-template-kfia-home .organized { right: 0; } .page-template-kfia-home #page-head .text h1 span { font-size: 30px; } .page-template-kfia-home #page-head .text h1 span span { font-size: 20px; } .page-template-kfia-home #page-head .text p { padding: 10px; max-width: 100%;} .page-template-kfia-home #page-head .text p:before { border-top-right-radius: 0px; left:0; } .page-template-kfia-home #contact-feedback { padding:0; } .page-template-kfia-home #header { max-width:200px; } .page-template-kfia-home #header .col { text-align: left; margin-left: -22px; padding-top: 0px; } .page-template-kfia-home .organized { right: 20px; top: 10px; z-index: 1000; } .page-template-kfia-home iframe { width:100%; } .page-template-kfia-home #page-head img { min-height: 370px; } .page-template-kfia .services-section, .page-template-kfia-home .services-section { padding: 25px 0; } .page-template-kfia-home #footer .col-sm-6:last-child { display:none; } .page-template-kfia #retail-concessions, .page-template-kfia-home #retail-concessions { flex-direction: row-reverse; padding-bottom: 50px; } .page-template-kfia-home .services-image img { margin-bottom:30px; height: auto; min-height: inherit; } .page-template-kfia-home #flight-status { padding-top: 0 !important; } .page-template-kfia-home #airlines-destinations header { margin-top: 0; } .page-template-kfia-home #kfia-services figure img { min-height: 400px; object-fit: cover; } #commercial-services img { height: auto; margin-bottom:20px; } .page-template-kfia #retail-concessions { padding-bottom:50px; padding-top: 0; } .page-template-kfia #retail-concessions img { margin-bottom:20px; } } .textarea-field .length{ position: absolute; top: -18px; right: 20px; font-size: 12px; } #transit .tabs { margin-top:50px; } #transit ul { padding-top:0; } #transit .tabs ul { margin: 0; padding: 0; list-style: none; } #transit .tabs li { width:33.33%; position: relative; float: left; text-align: center; background: #4d4d4f; height: 82px; letter-spacing: -.5px; line-height: 80px; padding: 0; margin-bottom:0; } #transit .tabs li.active a , #transit .tabs li:hover a { background:#009877; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #transit .tabs li a { display: block; font-size: 27px; color:#fff; font-weight: 800; position: relative; } #transit .tabs li a:after { position: relative; font-family: "FontAwesome"; color: #fff; font-size: 21px; font-weight: bold; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; content: "\f105"; margin-left: 20px; } .page-template-kfia-home #transit .services-section { padding: 50px 25px 1px; border: 1px solid #f1d0d0; border-top: 0; margin-bottom: 50px; } #transit .services-section { display:none; } #transit .services-section.active { display:block; } @media screen and (max-width:767px) { #transit .tabs li { height: auto!important; line-height:1.2; } #transit .tabs li a { font-size: 15px; padding: 15px; line-height: 1.1999999; text-align: center; } #transit .tabs li a:after { display:none; } } #kfia-link > a { display: block; background-image: linear-gradient( to right, #623283, #301c4a); padding: 10px 12px; position: fixed; right: -184px; top: calc(50% - 155px); z-index: 1000; } #contact-link > a { display: block; background-image: linear-gradient( to right, #623283, #301c4a); padding: 10px 12px 8px; position: fixed; right:-125px; top: calc(50% - 75px); z-index: 1000; } #flight-link > a { display: block; background:#fff; padding: 10px 12px; position: fixed; right: -196px; top: calc(50% - 0px); z-index: 1000; } #kfia-link > a:hover , #contact-link > a:hover , #flight-link > a:hover { right:0; } #kfia-link > a:before, #contact-link > a:before , #flight-link > a:before { opacity: 0; content: ''; border-radius: 1000px; background-image: linear-gradient( to right, #301c4a, #623283); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #kfia-link > a:before:hover, #contact-link > a:before:hover , #flight-link > a:before:hover { opacity:1; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #kfia-link a p , #contact-link a p , #flight-link a p { position: relative; z-index: 10; font-size: 16px; line-height: 1; color: #fff; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0; font-weight: bold; } #flight-link a p { color: #087556; } #kfia-link a p img.kf-logo, #kfia-link a p img.kf-logo-ar { height: 51px; top: 4px; position: relative; } #contact-link a p { line-height:1.5; white-space: nowrap; } #contact-link a p img:first-child { float:left; top: 5px; position: relative;} #kfia-link a p img:first-child , #contact-link a p img:first-child , #flight-link a p img:first-child { margin-right: 13px; max-width: 50px; height:40px; } #kfia-link a p img.kf-logo-ar { display:none; } .rtl #kfia-link a p img.kf-logo-ar { display:inline-block; } .rtl #kfia-link a p img.kf-logo { display:none; } #contact-feedback>a { opacity:0; z-index:-1 !important;} @media screen and (max-width:767px){ #kfia-link > a , #kfia-link > a:hover { right: -155px; } #flight-link > a , #flight-link > a:hover { right: -164px; } #contact-link > a , #contact-link > a:hover { right: -111px; } #kfia-link > a , #contact-link > a { padding:0 12px; } #kfia-link a p img:first-child, #contact-link a p img:first-child, #flight-link a p img:first-child { max-width: 25px; height: 25px; } #contact-link a p img:first-child { top:10px; } #contact-link a p { max-height: 44px; } #kfia-link>a { top: calc(50% - 130px); } #flight-link>a { top: calc(50% - 20px); } #kfia-link a p img.kf-logo, #kfia-link a p img.kf-logo-ar { height: 41px; } } .work-form .resume .wpcf7-not-valid-tip{ position: absolute; top: 4px; left: 0; display: block; width: 280px; } @media screen and (max-width: 768) { .work-form .resume .wpcf7-not-valid-tip{ left: 0; } } .error{ color: #f00; padding-right: 10px; } /* New Form */ .supplier-terms h2, .supplier-form h2 { margin: 0 0 30px 0; font-size: 34px; text-transform: uppercase; color: #66318f; } .supplier-terms ul { font-weight: 300; font-size: 22px; margin-bottom: 30px; } .supplier-terms ul li { margin-bottom: 10px; } .cf7mls_next.action-button, .cf7mls_back.action-button { background-color: #66318f; } .terms-condition, .vendors-terms { display: block; margin-bottom: 10px; } .supplier-form div.wpcf7-response-output { border: none; } #breadcrumbs.supplier-breadcrumbs li.active a:before, #breadcrumbs li:hover a:before { z-index: 2; } .vendors-info { padding-left: 15px; font-size: 16px; line-height: 1.8rem; margin-bottom: 50px; } .supplier-form .form-group { position: relative; } .supplier-form .form-group label { margin-bottom: 0; font-weight: bold; } .supplier-form .form-group .textbox { background: #f5f5f5; font-size: 15px; height: 60px; position: relative; padding: 0 20px; border-radius: 5px; color: #4d4d4f; border: 0; width: 100%; } .supplier-form .file-upload { width: 0px; height: 0px; overflow: hidden; } .supplier-form .upload-btn { position: absolute; top: 10px; right: 30px; } .supplier-form .submit-field .submit { font-size: 17px; height: 51px; background-image: linear-gradient(to right, #623283, #301c4a); border-radius: 25px; color: #fff; border: 0; width: 150px; } .supplier-form .error { color: #f00; margin-right: 10px; } .supplier-form .form-group .file-upload { border: 0 !important; } .supplier-form .cf7mls-invalid input { border: 1px solid #f00 !important; } .supplier-form select { -webkit-appearance: none; width: 100%; background: #f5f5f5; border: 0; height: 60px; padding: 0 20px; border-radius: 5px; color: #4d4d4f; font-size: 15px; } .supplier-form .selectbox:before { content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 12px; right: 50px; font-size: 25px; color: #4d4d4f; pointer-events: none; z-index: 10; } .supplier-form ::-webkit-input-placeholder { color: #4d4d4f; opacity: 1; } .supplier-form ::-moz-placeholder { color: #4d4d4f; opacity: 1; } .supplier-form :-ms-input-placeholder { color: #4d4d4f; opacity: 1; } .supplier-form .form-group .file-upload + span.wpcf7-not-valid-tip { display: none !important; } .supplier-form .form-group .resume-text + span.wpcf7-not-valid-tip { display: inline !important; } .supplier-form span.wpcf7-not-valid-tip { display: block !important; font-size: 14px; margin-top: 10px; font-weight: bold; } .supplier-form textarea { width: 100%; resize: none; background: #f5f5f5; border: 0; height: 130px; padding: 10px 20px; border-radius: 5px; color: #4d4d4f; font-size: 14px; } .supplier-form.work-form .ui-datepicker-trigger { right: 10px !important; } .vat .selectbox:before { right: 20px; } .select2-container--default .select2-selection--single .select2-selection__clear { left: auto; right: 13%; position: absolute !important; font-size: 20px; color: #3b2367; } .supplier-form .required{ position: absolute; right: 5px; font-size: 20px; color: red; font-weight: bold; z-index: 9; } /* Investment Code */ .investment-title-box { background: #5C2E86; padding: 20px 15px; display: flex; align-items: center; margin-bottom: 15px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .investment-title-box .img-handler { background: #fff; border-radius: 8px; width: 180px; height: 180px; margin-right: 20px; } .investment-title-box .img-handler img { width: 100%; height: 100%; padding: 10px; } .investment-title-box .title-handler h2 { color: #fff; font-size: 28px; font-weight: 500; margin-bottom: 20px; } .investment-title-box .registration-title { display: flex; align-items: center; } .investment-title-box .registration-title p { font-size: 24px; color: #fff; margin-bottom: 0; margin-right: 50px; } .investment-title-box .registration-title a { background: #FF7B07; display: block; font-size: 24px; color: #fff; border-radius: 8px; padding: 8px 15px; text-align: center; line-height: 1; border: 1px solid transparent; } .investment-title-box .registration-title a:hover { background: transparent; border-color: #fff; color: #fff; } .investment-box { background: #F3F3F3; border-radius: 8px; padding: 20px 15px 0; min-height: 275px; height: 100%; } .investment-box .title { display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #FFFFFF; } .investment-box .title .icon-handler { background: #5C2E86; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; padding: 10px 12px; } .investment-box .title h3 { margin-bottom: 0; font-size: 16px; color: #5C2E86; font-weight: 500; } .investment-box .sector-info .sector-title { margin: 15px 0; display: flex; align-items: center; } .investment-box .sector-info .sector-title > div { display: flex; align-items: center; flex: 0 0 50%; } .investment-box .sector-info .sector-title .icon-handler { background: #5C2E86; border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 15px; width: 30px; height: 30px; } .investment-box .sector-info .sector-title p { margin-bottom: 0; font-size: 16px; color: #5C2E86; font-weight: 500; } .investment-box .sector-desc .info { display: flex; align-items: center; background: #fff; border-radius: 5px; padding: 10px; margin-bottom: 8px; } .investment-box .sector-desc .info p { margin: 0; font-size: 16px; font-weight: 500; color: #4C4C4C; width: 90%; } .investment-box .sector-desc .info .sector-type, .investment-box .sector-desc .info .sector-space { flex: 0 0 50%; } .investment-box .sector-desc .info .sector-space { display: flex; align-items: center; } .investment-box .sector-desc .info .sector-space p { flex-grow: 1; } .investment-box .sector-desc .info .sector-space .square { margin-left: 5px; } .investment-box .sector-desc .info .sector-space span { width: 35px; height: 15px; border-radius: 99999px; } .footer-box { padding: 10px 15px; } .footer-box p, .footer-box a { font-weight: normal; margin-bottom: 0; color: #fff; font-size: 18px; } .footer-box a:hover { text-decoration: underline; } .custom-mb { margin-bottom: 30px; } /* Rmove this after 2 weeks */ @media screen and (max-width: 991px) { .investment-title-box .title-handler h2 { font-size: 18px; font-weight: normal; } .investment-title-box .registration-title p { font-size: 18px; font-weight: normal; } .investment-title-box .registration-title a { font-size: 18px; font-weight: normal; } .investment-title-box .img-handler { width: 120px; height: 120px } } @media screen and (max-width: 576px) { .investment-title-box { flex-wrap: wrap; } .investment-title-box .img-handler { margin: 0 auto 20px; } .custom-mb{ margin-bottom: 15px; } } .custom-page .post-password-form{ text-align: center; padding: 15% 0; } .custom-page .post-password-form p:first-child { font-size: 18px; font-weight: bold; } .custom-page .post-password-form p:last-child{ padding: 0 15px; } .custom-page .post-password-form p label{ margin-bottom: 0; font-size: 16px; font-weight: bold; } .custom-page .post-password-form p label input { font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; width: 210px; margin: 0 15px; border-radius: 5px; } .custom-page .post-password-form p > input{ border: 0; position: relative; background-image: linear-gradient( to right, #623283, #301c4a); display: inline-block; font-size: 15px; line-height: 1; color: #fff; padding: 13px 30px; font-weight: 700; border-radius: 1000px; } @media screen and (max-width: 767px) { #services .tabs { display: block !important; } } #investment_opportunities .container{padding-top:20px !important;padding-bottom:20px !important} .advertisement-content { padding: 20px 0; margin-bottom: 20px; } @media (max-width: 991px) { .advertisement-content { margin-bottom: 10px; } } .advertisement-content .head-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; border-bottom: 2px solid #3b2367; margin-bottom: 20px; } .advertisement-content .head-page .main-title { border-bottom: none; padding-bottom: 0; margin: 0; } .advertisement-content .main-title { margin-top: 0; color: #3b2367; padding-bottom: 8px; border-bottom: 2px solid #3b2367; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 26px; font-weight: bold; } @media (max-width: 640px) { .advertisement-content .main-title { font-size: 20px; } } .advertisement-content .items-info { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -ms-grid-columns: calc(33.3333333333% - 8px) 12px calc(33.3333333333% - 8px) 12px calc(33.3333333333% - 8px); grid-template-columns: calc(33.3333333333% - 8px) calc(33.3333333333% - 8px) calc(33.3333333333% - 8px); } @media (max-width: 1200px) { .advertisement-content .items-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 40px; } } @media (max-width: 680px) { .advertisement-content .items-info { gap: 10px; } } .advertisement-content .items-info .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } @media (max-width: 1200px) { .advertisement-content .items-info .item { width: calc(50% - 20px); } } @media (max-width: 768px) { .advertisement-content .items-info .item { width: 100%; } } @media (max-width: 640px) { .advertisement-content .items-info .item { gap: 8px; } } .advertisement-content .items-info .item div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; border-left: 1px solid gray; padding-left: 10px; } @media (max-width: 640px) { .advertisement-content .items-info .item div { gap: 8px; padding-left: 10px; } } .advertisement-content .items-info .item div svg { width: 50px; height: auto; } @media (max-width: 1240px) { .advertisement-content .items-info .item div svg { width: 50px; } } @media (max-width: 991px) { .advertisement-content .items-info .item div svg { width: 38px; } } @media (max-width: 640px) { .advertisement-content .items-info .item div svg { width: 25px; } } .advertisement-content .items-info .item div span { color: #009877; font-size: 18px; font-weight: bold; } @media (max-width: 1320px) { .advertisement-content .items-info .item div span { font-size: 14px; } } @media (max-width: 991px) { .advertisement-content .items-info .item div span { font-size: 13px; } } @media (max-width: 680px) { .advertisement-content .items-info .item div span { font-size: 12px; } } .advertisement-content .items-info .item span { color: #333; font-size: 16px; font-weight: bold; } @media (max-width: 680px) { .advertisement-content .items-info .item span { font-size: 12px; } } .advertisement-content .items-info ul { list-style-type: none; padding: 0; margin: 0; } @media (max-width: 1200px) { .advertisement-content .items-info ul { width: 100%; } } @media (max-width: 768px) { .advertisement-content .items-info ul { width: 100%; } } .advertisement-content .items-info ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; margin-bottom: 8px; } @media (max-width: 768px) { .advertisement-content .items-info ul li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 6px; } } .advertisement-content .items-info ul li:last-child { margin-bottom: 0; } .advertisement-content .items-info ul li p { margin: 0; font-weight: bold; font-size: 15px; color: #555; } @media (max-width: 1320px) { .advertisement-content .items-info ul li p { font-size: 14px; } } @media (max-width: 680px) { .advertisement-content .items-info ul li p { font-size: 12px; } } .advertisement-content .items-info ul li span { color: gray; font-size: 14px; font-weight: bold; } @media (max-width: 680px) { .advertisement-content .items-info ul li span { font-size: 12px; } } .advertisement-content .table-content { margin-top: 26px; } .advertisement-content .table-content .header-items { display: -ms-grid; display: grid; -ms-grid-columns: 33.3333333333% 33.3333333333% 33.3333333333%; grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%; background: #149eda; list-style-type: none; margin: 0; padding: 16px; } @media (max-width: 768px) { .advertisement-content .table-content .header-items { display: none; } } .advertisement-content .table-content .header-items li { line-height: 1; color: #fff; text-align: center; font-size: 24px; font-weight: bold; } @media (max-width: 991px) { .advertisement-content .table-content .header-items li { font-size: 18px; } } .advertisement-content .table-content .items { border-bottom: 2px solid #4472c4; } @media (max-width: 768px) { .advertisement-content .table-content .items { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-grid-columns: 100%; grid-template-columns: 100%; } } .advertisement-content .table-content .items .item { display: -ms-grid; display: grid; -ms-grid-columns: 33.3333333333% 33.3333333333% 33.3333333333%; grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; list-style-type: none; margin: 0; padding: 16px; } .advertisement-content .table-content .items .item:nth-child(even) { background-color: #d9e2f2; } @media (max-width: 768px) { .advertisement-content .table-content .items .item { display: block; border-bottom: none; background: #f5f5f5; } } .advertisement-content .table-content .items .item .responsive-title { display: none; } @media (max-width: 768px) { .advertisement-content .table-content .items .item .responsive-title { display: block; } } .advertisement-content .table-content .items .item div { padding: 0 10px; } @media (max-width: 768px) { .advertisement-content .table-content .items .item div { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 100px calc(100% - 100px); grid-template-columns: 100px calc(100% - 100px); border-bottom: 1px solid #555; padding: 10px 0; } .advertisement-content .table-content .items .item div:first-child { padding-top: 0; } } .advertisement-content .table-content .items .item div p { color: #555; text-align: center; font-size: 18px; font-weight: bold; margin: 0; line-height: 22px; } @media (max-width: 1320px) { .advertisement-content .table-content .items .item div p { font-size: 16px; } } @media (max-width: 991px) { .advertisement-content .table-content .items .item div p { font-size: 14px; } } @media (max-width: 768px) { .advertisement-content .table-content .items .item div p { text-align: end; } } .advertisement-content .red-des { display: block !important; color: #b1365e !important; font-size: 12px !important; line-height: 1; } .description-advertisement { color: #444; font-size: 18px; font-weight: 400; line-height: 28px; margin: 0; margin-bottom: 8px; } @media (max-width: 991px) { .description-advertisement { font-size: 16px; } } @media (max-width: 768px) { .description-advertisement { font-size: 14px; } } .description-advertisement > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; line-height: 1; } .description-advertisement > span span { line-height: 1; } .description-advertisement a { color: #169fda; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .description-advertisement a:hover { color: #3b2367; } html[dir=ltr] .advertisement-content .items-info .item div { border-right: 1px solid gray; padding-right: 10px; border-left: none; padding-left: 0; } .advertisement-content2 { margin: 30px 0; } .advertisement-content2 .mt-40px { margin-top: 40px; } .advertisement-content2 .table-content { overflow: auto; position: relative; } .advertisement-content2 .main-title { font-size: 22px; font-weight: bold; margin-bottom: 20px; color: #3b2367; padding-bottom: 12px; border-bottom: 4px solid #3b2367; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .advertisement-content2 ul { padding: 0; margin: 0; list-style: none; } .advertisement-content2 .header-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #009877; } .advertisement-content2 .header-items li { padding: 10px; background: #009877; text-align: center; width: 100%; min-width: 280px; max-width: 280px; font-weight: 500; font-size: 20px; color: #fff; } .advertisement-content2 .items .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #ddd; } .advertisement-content2 .items .item:nth-child(odd) { background: #eee; } .advertisement-content2 .items .item p { background: #ddd; text-align: center; width: 100%; min-width: 280px; max-width: 280px; font-weight: 500; font-size: 18px; color: #3b2367; margin: 0; padding: 16px 10px; } .advertisement-content2 .items .item:nth-child(odd) p { background: #eee; } .advertisement-content2 .description-advertisement p { font-weight: 500; font-size: 16px; color: #3b2367; } .advertisement-content2 .value-and-price { margin-bottom: 10px; } .advertisement-content2 .value-and-price .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } .advertisement-content2 .value-and-price .item .border-custom { width: 2px !important; background-color: #3b2367; height: 52px; } @media (max-width: 640px) { .advertisement-content2 .value-and-price .item { gap: 8px; } } .advertisement-content2 .value-and-price .item .icon-div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } @media (max-width: 640px) { .advertisement-content2 .value-and-price .item .icon-div { gap: 8px; padding-left: 10px; } } .advertisement-content2 .value-and-price .item .icon-div svg { width: 50px; height: auto; } @media (max-width: 1240px) { .advertisement-content2 .value-and-price .item .icon-div svg { width: 50px; } } @media (max-width: 991px) { .advertisement-content2 .value-and-price .item .icon-div svg { width: 38px; } } @media (max-width: 640px) { .advertisement-content2 .value-and-price .item .icon-div svg { width: 25px; } } .advertisement-content2 .value-and-price .item .icon-div span { color: #009877; font-size: 18px; font-weight: bold; } @media (max-width: 1320px) { .advertisement-content2 .value-and-price .item .icon-div span { font-size: 14px; } } @media (max-width: 991px) { .advertisement-content2 .value-and-price .item .icon-div span { font-size: 13px; } } @media (max-width: 680px) { .advertisement-content2 .value-and-price .item .icon-div span { font-size: 12px; } } .advertisement-content2 .value-and-price .item span { color: #333; font-size: 16px; font-weight: bold; } @media (max-width: 680px) { .advertisement-content2 .value-and-price .item span { font-size: 12px; } } .advertisement-content2 .value-and-price p span { color: #3b2367 !important; font-size: 20px !important; } .advertisement-content2 .value-and-price p .red-des { display: block; color: #9b3b3b !important; font-size: 16px !important; }